﻿/*@font-face {
    font-family: 'omnes-pro';
    src: url("./webfonts/Omnes-Regular.otf")
    format("opentype");
}
@font-face {
    font-family: 'omnes-pro';
    font-weight:bold;
    src: url("./webfonts/OmnesSemiBold.otf")
    format("opentype");
}*/

/* Layout */
.centreColumn
{
    width:80%;
    min-width:800px;
    margin-left:auto;
    margin-right:auto;   
    /*margin-top:20px;*/
}
.centreColumn hr
{
    margin:8px 0;   
}
.leftCol 
{
    float:left;
    width:65%;            
}
.rightCol 
{
    /*margin-top:15px;*/
    float:right;
    width:33%;
}
.half
{
    width:50%;   
}
.valignMiddle
{
    position:relative;
    top: 50%;
    transform: translateY(-50%);    
}
.databox
{
    width:100%;
}
.panelview .formtable
{
	padding:20px;
	border: 1px solid #474747;
	margin-top:20px;
	margin-bottom:20px;
    font-family:"proxima-nova", "HelveticaNeue", "Helvetica", "Arial", sans-serif;    
}

.formtable, .panelview p, .panelview ul
{
    width:90%;
    min-width:750px;
    margin-left:auto;
    margin-right:auto;   
	margin-top:10px;
    font-family:"proxima-nova", "HelveticaNeue", "Helvetica", "Arial", sans-serif;    
}
.panelview ul 
{
    padding-left:1rem;
}
.datarow
{
    width:auto;
    height:40px;    
    margin-top:5px;
    margin-bottom:5px;
}
.datalabel
{
    float:left;
    width:30%;
    text-align:right;    
    padding-right:10px;
    margin-top:auto;
    margin-bottom:auto;
    font-size:16px;
}
.formlabel
{
     width:30%;
     text-align:right;
     padding-right:25px;
     padding-top:5px;
     padding-bottom:5px; 
     font-size:14px;
     font-weight:bold;
     color:#606060; 
     font-family:"proxima-nova", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
}
.datainput
{
    float:left;
    padding-right:10px;
    width:50%;
}
.panelview
{
    font-size:14px;
    font-family:"proxima-nova", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
}
.panelview p
{
    font-size:1rem;

}
.formdata
{
    width:70%;
    padding-top:5px;
    padding-bottom:5px;  
    font-size:14px;
    font-weight:normal;      
}
.datavalidator
{
    float:left;
    color:Red;
}
.buttonrow
{
    text-align:center;    
    clear:both
}
.buttoncell
{
    width:50%;  
    margin-left:auto;
    margin-right:auto; 
}
.nav
{
    margin:10px;
    padding:10px;
}
i.fa 
{
    margin-left:7px;
    margin-right:7px;   
}
.centre
{    
    margin-left:auto;
    margin-right:auto; 
}
.datalabel, .datainput, .datavalidator
{
    position:relative;
    top: 50%;
    transform: translateY(-50%);   
}
.greyBox 
{    
	background-color: #e9e9e9;
	/*-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;*/
	position: relative;
	display: block;
	padding:10px;
	margin-bottom:10px;
	border:1px solid #000;/*#00b0ad;*/
}
.hidden
{
    display:none!important;
}
.help i {	
	/*color:#009795;*/
	color:#004c53;
	cursor: pointer;
	display: inline-block;
	margin: 0 0 0 0.5em;
}
.help span {
	background:#004c53;
	border-radius: 5px;
	/*font-size: 13px;*/
	padding: 20px;
	position: absolute;
	margin-left: -999em;
	max-width: 260px;
	z-index: -99;	
	color:#ffffff;
}
.help:hover span {
	cursor: help;
	margin: 0.5em 0 0 0.1em;
	position: absolute;
	z-index: 10;
}
.helpminortoggle {
	margin: -2px 0 0 0;
}
.floatLeft
{
    float:left;      
}
.cnfmTitle
{
    float:left;
    width:40%;
    text-align:right;
    padding-right:10px;
    font-weight:bold;
}
.cnfmInfo
{
    float:left;
/*    width:60%;*/
    padding-left:10px;
}
.cnfmInfo li
{
    font-size:14px;
}
.cnfmEdit
{
    float:right;     
    padding-right:5px; 
    font-size:14px;
}
.cnfmhr
{
    border-color:#fff;
    margin:8px;   
}
.paddedForm
{
    padding:5px;   
}
.paddedForm li
{
    margin-left:10px;  
    font-size: 14px; 
}
.menuItem
{
    border-top:1px solid #808080;
    padding:5px;    
    background-color:#f0f0f0;
    -webkit-transition:background 0.4s ease;
    -moz-transition:background 0.4s ease;
    -ms-transition:background 0.4s ease;
    -o-transition:background 0.4s ease;
    transition:background 0.4s ease;
}
.menuItem:hover
{
    background-color:#fff;
}
.menuItem h5
{    
    margin-left:10px;
}
.menuItem p
{
    color:#606060;
    margin-left:10px;
}
.paging
{
    border-top:1px solid #cdcdcd;
    padding:5px;    
}
.paging span.selected
{
    font-weight:bold;   
}
.paging table
{
    width:100%;       
}
.paging td
{
    text-align:center;
}
.paging i.fa
{
    margin-left:0px;
    margin-right:0px;
}
.twolineButton
{
    margin-left:30px;
    display:inline-block;    
    width:70%;    
}
.twolineButton h2:hover
{
    color:#00b0ad;       
}
.twolineButton h2, .twolineButton p
{    
    color:#606060;
    margin-left:10px;
}
.prompt span
{
    position:absolute;
    margin-left:-999em;
    z-index:-99;
    border:solid 1px #004c53;
    background:#fff;
    padding: 10px;
    /*font-size:12px;*/
}
.prompt i
{
    cursor:pointer;
    display:inline-block;
    margin: 0 0 0 0.5em;
}
.prompt:hover span 
{
    cursor: help;
	margin: 0.5em 0 0 0.1em;
	position: absolute;
	z-index: 10;    
}
.disabledBtn
{
    background-image:linear-gradient(to top, #c4c2bc 6%, #e7e6e3 95%);
    background-image:-webkit-linear-gradient(bottom, #c4c2bc 6%, #e7e6e3 95%);
    background-image:-moz-linear-gradient(bottom, #c4c2bc 6%, #e7e6e3 95%);
    background-image:-o-linear-gradient(bottom, #c4c2bc 6%, #e7e6e3 95%);        
}
.disabledBtn:hover, .disabledBtn:active
{
    cursor:not-allowed;   
}
.sessions th {
	border-bottom: solid 1px #000; 
	text-align:left; 
} 
.sessions td { 
	padding-right:20px; 
} 
.sessions tr.selected { 
	background-color:#00b0ad; 
	color:#ffffff;  
}
.homemenu h3 {margin-left:10px;}
/*
.formdata input[type="text"],input[type="password"] {
  padding: 5px 5px 
  font-family:SohoPro-Regular 
}
*/
textarea 
{
  padding: 5px 0px 5px 5px !important;  
}
.documents li {padding-left:0px;padding-bottom:0px;}

#ConnTypeContainer
{
    border-bottom:2px solid #323232;
    margin-bottom:15px;
    padding-top:10px;
    padding-bottom:10px;
    background-color:#f0f0f0;    
}
#ConnTypeContainer h2
{
    margin-left:0.93rem;     
    float:left;      
}
#CrmNumberRef
{    
    float:right;
    padding-right:10px;   
    padding-top:5px;
    font-size:1.5rem;    
}
#ESContainer
{
    float:right;font-size:18px;
}
#ApplicantValidatorCell
{
    position:relative;float:right;margin-right:15%;margin-top:10px;    
}
#ConnectingCustomerContainer 
{    
    margin-left:30%;    
}
#BehalfContainer
{        
    margin-top:10px; 
}
/* Progress breadcrumb nav  */
#progress3 ul, #progress4 ul, #progress5 ul {
	margin: 0;
	/*padding:20px 0px;*/
	padding:5px 0px;
}
#progress3 li, #progress4 li, #progress5 li {
	background: url(../img/progress-line.png) no-repeat center 22px;
	float: left;
	list-style: none;
	padding: 0 0 12px 0;
	text-align: center
}
#progress3 li:first-child, #progress4 li:first-child, #progress5 li:first-child {
	background-position: center -28px;
}
#progress3 li:last-child, #progress4 li:last-child, #progress5 li:last-child {
	background-position: center -78px;
}
#progress3 li {
	width: 33%;
}
#progress4 li {
	width: 25%;
}
#progress5 li {
	width: 20%;		
}
.progresscurrent span {
	background: url(../img/progress-step.png) center bottom no-repeat;
	color: #323232;
	font-weight:bolder;
	padding: 0 0 14px 0
}
#HeaderTitle 
{
    float:left;
    font-size:2.5rem;
    color:white;    
    padding-top:15px;
}
#UploadedFileList li
{
    font-size:140px;    
}

.dxgvTable input.dxeEditArea
{
    height:1.3rem;      
}
/*    
.homemenu a table { border:0px; margin:0px; }
.homemenu a table tr th, .homemenu a table tr td { padding:0px; }
    */
.dxEditorOmni input { padding:5px !important; }
.dxEditorOmni { font-family:"proxima-nova", "HelveticaNeue", "Helvetica", "Arial", sans-serif;font-size:14px; color:#323232 !important;  }
.SearchBtn { margin:0px; padding-top:8px; padding-bottom:8px; padding-left:8px;padding-right:8px; background-color:#b0d236;color:#323232; float:left;}
.breadcrumbs{display:block;padding:0.5rem 0;overflow:hidden;margin-left:0;list-style:none;border-style:solid;border-width:0px;background-color:#fff;border-color:#e6e6e6;border-radius:0}
.breadcrumbs>*{margin:0;float:left;}
.breadcrumbs>*:hover a,.breadcrumbs>*:focus a{text-decoration:underline}
.breadcrumbs>* a{color:#b0d236}
.breadcrumbs>*.current{cursor:default;color:#333}
.breadcrumbs>*.current a{cursor:default;color:#333}
.breadcrumbs>*.current:hover,.breadcrumbs>*.current:hover a,.breadcrumbs>*.current:focus,.breadcrumbs>*.current:focus a{text-decoration:none}
.breadcrumbs>*.unavailable{color:#999}
.breadcrumbs>*.unavailable a{color:#999}
.breadcrumbs>*.unavailable:hover,.breadcrumbs>*.unavailable:hover a,.breadcrumbs>*.unavailable:focus,.breadcrumbs>*.unavailable a:focus{text-decoration:none;color:#999;cursor:default}
.breadcrumbs>*:before{content:"/";color:#b0d236;margin:0 0.75rem;position:relative;top:1px}
.breadcrumbs>*:first-child:before{content:" ";margin:0}
.breadcrumbs{border-bottom:2px solid #323232;
             /*margin-top:1.5625rem;*/
             /*margin-bottom:20px;*/
             padding-top:0.9375rem}
@media only print, screen and (max-width: 47em){
    .breadcrumbs{padding-bottom:0}
    .breadcrumbs a{display:none}
}
.flexContainer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
}
.text-margin-bottom {
    margin-bottom: 1rem;
}