/*************************Using the Font Face for Open Sans*****************/
@font-face {
    font-family: "OpenSans-Bold";
    src:url("../fonts/399475098-OpenSans-Bold.eot?#iefix");
    src:url("../fonts/399475098-OpenSans-Bold.eot?#iefix") format("eot"),url("../fonts/399475098-OpenSans-Bold.woff") format("woff"),url("../fonts/399475098-OpenSans-Bold.ttf") format("truetype"),url("../fonts/399475098-OpenSans-Bold.svg#2e309b1b-08b8-477f-bc9e-7067cf0af0b3") format("svg");
}
@font-face {
    font-family: "OpenSans-Italic";
    src:url("../fonts/957336426-OpenSans-Italic.eot?#iefix");
    src:url("../fonts/957336426-OpenSans-Italic.eot?#iefix") format("eot"),url("../fonts/957336426-OpenSans-Italic.woff") format("woff"),url("../fonts/957336426-OpenSans-Italic.ttf") format("truetype"),url("../fonts/957336426-OpenSans-Italic.svg#2e309b1b-08b8-477f-bc9e-7067cf0af0b3") format("svg");
}
@font-face {
    font-family: "OpenSans-Regular";
    src:url("../fonts/578643799-OpenSans-Regular.eot?#iefix");
    src:url("../fonts/578643799-OpenSans-Regular.eot?#iefix") format("eot"),url("../fonts/578643799-OpenSans-Regular.woff") format("woff"),url("../fonts/578643799-OpenSans-Regular.ttf") format("truetype"),url("../fonts/578643799-OpenSans-Regular.svg#2e309b1b-08b8-477f-bc9e-7067cf0af0b3") format("svg");
}
@font-face {
    font-family: "OpenSans-Light";
    src:url("../fonts/426330567-OpenSans-Light.eot?#iefix");
    src:url("../fonts/426330567-OpenSans-Light.eot?#iefix") format("eot"),url("../fonts/426330567-OpenSans-Light.woff") format("woff"),url("../fonts/426330567-OpenSans-Light.ttf") format("truetype"),url("../fonts/426330567-OpenSans-Light.svg#2e309b1b-08b8-477f-bc9e-7067cf0af0b3") format("svg");
}
/**************************************** Main style including body **********************************************/
body{
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    font-size: 12px;
}
.btn{
    vertical-align:baseline;
}
.btn:hover, btn:active{
    color:#FFFFFF;
}
.form-control{
    padding:2px !important;
}

.ui-datepicker-trigger{
    margin-bottom:2px;
    margin-left:-21px !important;
    position:relative;
    cursor: pointer; 
}
/*Overriding date picker header text so it isn't white on white'*/
.ui-datepicker-header{
    /*color: #3AA2D0 !important;*/
    color:#333333;
}
label[for], input[type=checkbox], input[type=radio]{
    cursor: pointer;
}

.surchargesCheck label{
    cursor: pointer !important;
}
/*Overriding anchor tag so that it is still underlined for notifications*/
.notificationBox a{
    text-decoration:underline;
}
a:focus, a:hover, .notificationBox a:focus, .notificationBox a:hover{
    color:#3AA2D0 !important;
}
/*Overriding jQueryUI icon text so that clickable buttons don't appear extra long*/
.ui-button-icon-only>.ui-button-text{
    max-height: 16px !important;
    max-width:16px !important;
} 
/***********************************Overriding default Bootstrap Tab behavior*************************************/
.nav-tabs{
    height:30px;
    border-bottom:0;
    padding-left:2px;
}
.nav-tabs li{
    height:25px;
    margin-top:5px;
    
}
.nav-tabs li a{
    height:26px;
    padding: 5px 15px;
    background: #3aa2d0;
}
.contractContent .form-control{
    width:auto;
    display:inline-block;
    height: auto; 
    margin-bottom: 1px;
    margin-top: 1px;
}
.contractContent .textMultiSelect{
    padding:2px !important;
}
.contractContent .row{
    margin-bottom:3px;
}

.contractContent select{
    height:23px;
    margin-bottom: 1px;
    margin-top: 1px;
}
.contractContent .headerRadio{
    min-width: 120px;
    display:inline-block;
}
label{
    font-weight: normal !important;
}
.col-no-padding{
    padding-left:0 !important;
    padding-right:0 !important;
}

.standardPrimaryButton.btn-info, .standardPrimaryButton.btn-info:active, .standardPrimaryButton.btn-info:focus{
    border-color:#3AA2D0 !important;
    background:#3AA2D0 !important;
}
.standardSecondaryButton.btn-info, .standardSecondaryButton.btn-info:active, .standardSecondaryButton.btn-info:focus{
     border-color:#AAD69C !important;
     background: #62BB46;
}

/*************************** Login Page CSS Starts (Including Login Header and Footer) ***************************/
.loginbox { 	
    background:#005D8C;
    border: 3px solid #0b6088;
    -moz-border-radius: 15px 0px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    border-radius: 15px 15px;
    border: 1px solid #023249;
    margin-top: 40px;
    max-width: 400px;
}
.loginboxheading{
    color:#FFFFFF;
    font-size: 20px;
    font-family: "OpenSans-Light",Arial,sans-serif;
    padding-top: 40px;
}
.loginlabel{
    color: white;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    font-size: 13px;
}
.link {
    color:#FFFFFF !important;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    font-size: 12px;
    text-decoration:none;
}
#termsUse, #privaPolicy{
    text-decoration: underline;
    padding:1px;
}
#forgetPass:hover, #termsUse:hover, #privaPolicy:hover{
    color: #FFFFFF;
    text-decoration: underline;
    padding:0px;
    border: 1px solid #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}
.header{
    font-size: 31px;
    color: #006BA6;
    margin: 0;
    padding: 0;
    font-weight: normal;
    text-decoration: none;
    padding-top: 15px;
    font-family: Arial,sans-serif;
}
.format {
    height:38px;
    background: #023249;
    color: #FFFFFF;
}
.footerLabel {
    padding-top: 5px;
    padding-left: 5px;
    color: #FFFFFF;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    font-size: 12px;
    text-align:left;
    margin-top:auto;
    margin-bottom:auto;
    display:inline-block;
}
.footernav {
    border-radius: 10px 10px 10px 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    background: #023249;
}
.commonFooterNav {
    border-radius: 10px 10px 10px 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    background: #023249;
    max-width:1400px;
    min-height:45px;
    margin:auto;
    vertical-align:middle;
}
.errorNotificationArea{
    max-width:1300px;
    margin:auto;
}
/*************************** Login Page CSS Ends ***************************/
/*************************** Common Header with Menu CSS Starts ***************************/
.tpp_header {	
    margin:auto;
    overflow: hidden;
    padding-top: 5px;
}	
.tpp_header > .loginInfo {	
    color: #56a3da;
    font-size: 14px; 	
    text-align: right;
    font-family: Arial,sans-serif;

}
.tpp_header a:link {	
    color: #56a3da;
    font-size: 14px !important; 	
    font-family: Arial,sans-serif;
    text-decoration: none;
}
.tpheader{
    font-size: 31px;
    color: #006BA6;
    margin: 0;
    padding: 0;
    font-weight: normal;
    text-decoration: none;
    padding-top: 5px;
    font-family: Arial,sans-serif;
}
.serverInfo{
    color: #006BA6;
    font-size: 12pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    text-decoration: none;
}
.primaryMenu{
    background:#023249 !important;
    color:#FFFFFF;
    border:0px !important; 
    margin-bottom: 0px !important;
}
.primaryMenu ul li a, .primaryMenu ul li a:link, .primaryMenu ul li a:active, .primaryMenu ul li a:focus, .primaryMenu ul li a:hover{
    color:#FFFFFF !important;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    font-size: 16px;
    text-decoration:none;
    margin: 0px 1px;
    padding:15px 15px 5px !important;
}
.primaryMenu ul li.selected a, .primaryMenu ul li a:hover{
    color:#FFFFFF ;  
    border-bottom:5px solid #6ec349;
    padding-bottom:10px !important; 
    text-decoration:none;
}
.primaryMenu ul li.selectedBlue a{
    color:#FFFFFF ;  
    border-bottom:5px solid #3aa2d0;
    padding-bottom:10px !important; 
    text-decoration:none;
}

/*************************** Common Header with Menu CSS Ends ***************************/
/*************************** Modal CSS Starts ***************************/
.modal {
    text-align: center;
    padding: 0!important;
}
.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}
.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.modelBackground{
    background-color: #f5f5f5;
}
.modelHeader{
    background:#3aa2d0;
}
.modelHeaderText{
    color:#FFFFFF;
    font-size:12px; 
    font-family: "OpenSans-Regular",Arial,sans-serif;
    font-weight:bold;
}
.modelContent{
    font-size:12px; 
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    color: #333333;
    font-weight: normal;
}
/*************************** Modal CSS Ends ***************************/

/*************************** Error Message CSS Starts ***************************/
.errorLine{
    background:#FFB0B0;
    line-height:31px;
    min-height:31px;
    display:inline-block;
    padding:5px 4px;
    width:100%;
}
.errorImg {
    background: url("../images/sprites_errors.png") no-repeat scroll -78px -2px rgba(0, 0, 0, 0);
    height: 25px;
    width: 31px;
    display:inline-block;
    float:left;
}
.errorMessage{
    color:#C62C2C;
    /* display:inline-block;*/
    vertical-align:middle;
    line-height:31px;
    min-height:31px;
    font-size: 10pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
}
.errorMessageExtra{
    padding-left:31px;
}
.standardButton{ 
    height: 24px;
    background:#3AA2D0;
    color:#FFFFFF;
    text-transform:uppercase;
    font-size:13px;
    padding:5px 12px;
    font-family: "OpenSans-Bold",Verdana,sans-serif;
    cursor:pointer;
    -moz-border-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-radius: 2px;
} 
.standardButton:disabled{
    opacity:.30;
    cursor:not-allowed;
}

.standardButtonTypeL{ 
       height: 23px;
       /*background:#62bb46;
       border:1px solid #AAD69C;*/
       background:#3AA2D0;
       border:1px solid #b6dced;
       color:#FFFFFF;
       text-transform:uppercase;
       font-size:13px;     
       padding-left:10px;
       padding-right:10px;
       padding-bottom:3px;
       margin: 5px;
       font-family: "OpenSans-Bold",Verdana,sans-serif;
       cursor:pointer;
       -moz-border-radius: 2px;
       -webkit-border-top-left-radius: 2px;
       -webkit-border-top-right-radius: 2px;
       -webkit-border-bottom-right-radius: 2px;
       -webkit-border-bottom-left-radius: 2px;
       border-radius: 2px;
} 
.standardButtonTypeL:disabled{
       opacity:.30;
}

.errorMessageButton{
    margin:5px auto !important;
    background:#C62C2C !important;
    text-transform:uppercase;
    color:#FFFFFF;
    line-height: 0.9 !important;
    font-size:13px;	
    font-family: "OpenSans-Bold",Arial,sans-serif;
    border-radius: 2px;
    padding : 5px 12px;
    height:24px;
}
.errorDiv{
    border: 1px solid #C62C2C;
    border-collapse:collapse;
    empty-cells:hide;
}
#errorDiv{
    height:auto;
    border: 1px solid #C62C2C;
    border-collapse:collapse;
    display:table;
    empty-cells:hide;
}

.errorButton{
    display: table;
    margin:auto;
}

/*************************** Error Message CSS Ends ***************************/

/*************************** Fonts, Screens and Button CSS Starts, which can be used across the screens ***************************/
.formContent{
    background: #f5f5f5 none repeat scroll 0 0;
    padding-top: 5px;
    max-width:1300px;
    margin:auto;
    border-top:2px solid #023249;
}
.formContentNoBorder{
    background: #f5f5f5 none repeat scroll 0 0;
    padding-top: 5px;
    max-width:1400px;
    margin:auto;
}
.textInput{
    font-family: "OpenSans-Regular",Verdana,sans-serif !important;
    font-size: 9pt !important;
    height: 24px !important;
    padding: 2px !important;
}
.textSelect{
    font-family: "OpenSans-Regular",Verdana,sans-serif !important;
    font-size: 9pt !important;
    height: 24px !important;
    padding: 1px !important;
}
.textMultiSelect{
    font-family: "OpenSans-Regular",Verdana,sans-serif !important;
    font-size: 9pt !important;
    padding: 1px !important;
}
.centerAligned{
    text-align: center;
}
.textAlignRight{
    text-align: right !important;
}

.textAlignLeft{
    text-align: left !important;
}
.textAlignCenter{
    text-align: center !important;
}
.datePicker{
    text-transform: uppercase;
}
.marginTop5{
    margin-top:5px;
}
.marginTop3{
    margin-top:3px;
}
.marginTop10{
    margin-top:10px;
}

.marginTop20{
    margin-top:20px;
}

.marginTop15{
    margin-top:15px;
}
.marginBottom20{
    margin-bottom:20px;
}
.marginBottom15{
    margin-bottom:15px;
}
.marginBottom10{
    margin-bottom:10px;
}.marginBottom5{
    margin-bottom:5px;
}.marginBottom2{
    margin-bottom:2px;
}
.paddingTop5{
    padding-top:5px;
}
.paddingTop10{
    padding-top:10px;
}

.paddingTop20{
    padding-top:20px;
}

.paddingTop15{
    padding-top:15px;
}
.paddingBottom20{
    padding-bottom:20px;
}
.paddingBottom15{
    padding-bottom:15px;
}
.paddingBottom10{
    padding-bottom:10px;
}.paddingBottom5{
    padding-bottom:5px;
}
.paddingLeft20{
    padding-left:20px;
}
.marginLeft3{
    margin-left:3px;
}

.cellbodysilver {
    font-size: 8pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    color: #000000;
    font-weight: normal;
    background-color: #f5f5f5;
}
.textred {
    font-size: 10pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    font-weight: normal;
    color: #ff0000;
}
.textsmall {
    font-size: 9pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    font-weight: normal !important;
    color: #333333;
}
.textsmallwithoutbold {
    font-size: 9pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    font-weight: normal !important;
    color: #000000;
}
.textsmallitalic {
    font-size: 9pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    color: #333333;
    font-style:italic !important;
}
.standardPrimaryButton{
    background:#3aa2d0 !important;
    text-transform:uppercase;
    color:#FFFFFF;
    line-height: 0.9 !important;
    font-size:13px;	
    font-family: "OpenSans-Bold",Arial,sans-serif;
    border-radius: 2px;
    margin-left: 10px;
    padding : 5px 12px;
    height:24px;
}
.textsmallred {
    font-size: 9pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    font-weight: normal;
    color: #ff0000;
}
.contractTitle{
	font-family: "OpenSans-Regular",Verdana,sans-serif;
	font-size: 10pt;
	color:#FFFFFF;
	padding-left:20px;
	cursor:pointer;
}
.contractTitle:hover{
	text-decoration:underline;
}
/*************************** Fonts, Screens and Button CSS Ends, which can be used across the screens ***************************/



/*** Admin styling class ***/

.loginInfo {	
    color: #56a3da;
    margin-top:5px;
}
.adminHeadings{
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    font-size: 10pt;
    font-weight:bold;
    border-bottom:1px solid #023249;
    color:#000000 !important;
    margin-top:10px;
    margin-bottom:10px;
    text-align: left;
}


/*** Admin styling class end***/
/*************************** Home Page CSS Start ***************************/
.menuButton {
    width: 115px;
    height: 70px;
    background: #3AA2D0 !important;
    border: 1px solid #B6DCED !important;
    color: #FFFFFF !important;
    text-transform: uppercase;
    font-size: 13px !important;
    margin-left: 13px;
    margin-right: 13px;
    padding: 5px 10px;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    cursor: pointer;
    -moz-border-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-radius: 10px;
}
.expirationAlertDiv {
    text-align: center;
    width: auto;
    margin: 20px auto;
    border: 2px solid #3AA2D0;
    font-size: 10pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    border-collapse: collapse;
    display: table;
    empty-cells: hide;
    padding: 10px;
}
.expirationAlertDiv div {
    padding:1px 5px;    
}
/*************************** Home Page CSS Ends ***************************/
/*************************** User CSS Start ***************************/
.contractRuleHeading{
    color:#78BD20;
    font-size: 14pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    font-weight:bold;
    text-align:left;
    margin-bottom:5px;
    border-bottom:1px dotted #9a9a9a;
    /*width:83.333333% !important;*/
    width:100% !important;
    display:inline-block;
}
.sectionHeading{
    width:100% !important;
    float:none;
    text-align:left;
    font-weight: bold;
    font-size: 10pt;
}
.sectionSubHeading{
    width:75% !important;
    float:none;
    text-align:left;
    font-size: 9pt;
}
.sectionDivider{
    display:inline-block;
    height:1px;
    margin: 0px 0px 5px;
    width:100% !important;
    background:#55a2da;
}
.textsmallbold{
    font-size: 12px;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    color: #333333;
    font-weight: bold !important;    
}
.touResult{
    border-bottom:2px solid #000000 !important; 
    border-collapse:collapse;
}
.searchTouTable {
    border-collapse:collapse;
    border:#ccc 1px solid;
    text-align:center !important;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    margin:auto;
    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
}
.searchTouTable th {
    font-size: 12px;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    text-align:center !important;
    color: #ffffff;
    font-weight: bold !important;
    padding:1px 10px;
    background-color: #55a2da;
    border-top: 1px solid #55a2da;
    border-bottom:0 !important;
}
.searchTouTable tr:hover td{
    background: #c6e0f3;
}
.searchTouTable > tbody > tr > td,
.searchTouTable > tbody > tr > th,
.searchTouTable > tfoot > tr > td,
.searchTouTable > tfoot > tr > th, 
.searchTouTable > thead > tr > td, 
.searchTouTable > thead > tr > th{
    padding:2px !important;
}
table.table-fixedheader {
    width: 100%;   
}
table.table-fixedheader, table.table-fixedheader>thead, table.table-fixedheader>tbody, table.table-fixedheader>thead>tr, table.table-fixedheader>tbody>tr, table.table-fixedheader>thead>tr>th, table.table-fixedheader>tbody>td {
    display: block;
}
table.table-fixedheader>thead>tr:after, table.table-fixedheader>tbody>tr:after {
    content:' ';
    display: block;
    visibility: hidden;
    clear: both;
}
table.table-fixedheader>tbody {
    overflow-y: scroll;
    max-height: 600px;

}
/*table.table-fixedheader>thead {
    overflow-y: scroll;    
}*/
table.table-fixedheader>thead::-webkit-scrollbar {
    background-color: inherit;
    margin-left:17px;
}

table.table-fixedheader>thead>tr>th:after, table.table-fixedheader>tbody>tr>td:after {
    content:' ';
    display: table-cell;
    visibility: hidden;
    clear: both;
}
table.table-fixedheader>thead tr th, table.table-fixedheader>tbody tr td {
    float: left;    
    word-wrap:break-word;     
}
.advanceBlueTable {
    border-collapse:collapse;
    border:#ccc 1px solid;
    align:center;
    text-align:center;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    margin:auto;
    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
}
.advanceBlueTable td{
    padding:1px 4px;
    font-size: 9pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    border-bottom:1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
.advanceBlueTable th {
    font-size: 12px;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    color: #ffffff;
    font-weight: bold !important;
    padding:1px 10px;
    background-color: #55a2da;
    border-top: 1px solid #55a2da;
    text-align:center !important;
}
.advanceBlueTable tr.oddRow td {
    background:#ededed;
}
.advanceBlueTable tr.odd, .advanceBlueTable tr.odd>td {
    background:#ededed !important;
}
.advanceBlueTable tr.even, .advanceBlueTable tr.even>td {
    background:#FFFFFF !important;
}
.advanceBlueTable th:first-child{
    border-left: 1px solid #55a2da;
}
.advanceBlueTable th:last-child{
	border-right: 1px solid #55a2da;
}


.flightSelectBox, .flightSelectBox:focus{
	width:110px !important;
	height:50px;
	margin:0px;
	padding:0px;
	vertical-align:middle;
	font-family: "OpenSans-Regular",Verdana,sans-serif;/*TODO:monospace!*/
	font-size: 8pt;
	
}
.locationSelectBox, .locationSelectBox:focus{
	width:110px;
	height:50px !important;
	margin:0px;
	padding:0px;
	vertical-align:middle;
	font-family: "OpenSans-Regular",Verdana,sans-serif;/*TODO:monospace!*/
	font-size: 8pt;	
}
/*************************** User CSS Ends ***************************/
/*************************** Notification CSS Starts ***************************/
.notificationButton{
    display:block;
    width:12px;
    height:12px;
    border-radius:6px;
    font-size:6px;
    color:#fff;
    line-height:12px;
    text-align:center;
    background:#ff0000;
    /* border: 1px solid #fff; */
    top:8px;
    right:13px;
    font-weight:bold;
}
.notificationArrow{
    width: 0; 
    height: 0; 
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;	
    border-bottom:9px solid #f9f9f9;
    top:37px;
    right:21px;
    z-index: 102;
}

.notificationPosition{
    top:133px !important;
    left:757px !important;
}
.waitingAjax{
    top: 190px;
    right: 18%; 
    display: none; 
    position: absolute; 
    z-index: 136;
}
.notificationBox{
    background:#FAF7F7;
    border-bottom:1px solid #CFD1D1;
    padding:5px 2px 8px 2px;
    font-size: 11px;
    margin-bottom:5px;
}
.notificationBox:nth-child(odd) {
    background: #FFFEFD;
}

.notificationBox:nth-child(even) {
    background: #F3EFED;
}
.notificationHeader{	
    font-size:11px;
    font-weight:bolder;	
    text-decoration: underline;
}
.highPriorityNotification{
    color : #FF0000;
}
/*************************** Notification CSS Ends ***************************/
/*************************** Search Screen CSS Starts ***************************/
.contractButtonMenu{
    width:100%;
    border: 0;
    margin:20px auto !important;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    font-size: 10pt;
    clear:both;
    height:33px;
    background:#023249;
    color:#FFFFFF;
    -moz-border-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-radius: 10px;
    padding-top:4px;
    padding-bottom:4px;
}
.contractButtonMenuRight{
    display:inline-block;
    text-align: right;
    vertical-align:middle;
    padding: 5px 10px;
}

.panel-heading{
    padding: 0px;
}
.nav > li > a:focus, .nav > li > a:hover{
    color: #000000 !important;
}
.panel-primary{
    border-color:#b6dced;
}
.panel-body{
    background:#F9F9F9;
}
.searchRadio{
    width: 235px;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: left;
}
/*************************** Search Screen CSS Ends ***************************/
/*************************** View Zone Screen CSS Start ***************************/
.viewTableHorizontal{
    border-collapse:collapse;
    min-width:50%;
    border:#CCCCCC 1px solid;
    align:center;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    margin:auto;
    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    font-size:9pt;
    /*display:inline-block;*/
}
.viewTableHorizontal th {
    font-size: 10pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    color: #ffffff;
    font-weight: bold !important;
    padding:4px 10px;
    background-color: #55A2DA;
    border-bottom: 2px solid #d1d1d1;
}
.viewTableHorizontal th:first-child{
    border-left: 1px solid #d1d1d1;
}
.viewTableHorizontal th:last-child{
    border-right: 1px solid #d1d1d1;
}
.viewTableHorizontal td{
    border-bottom: 1px solid #d1d1d1;
}
.viewTableHorizontal tr td:nth-child(odd){
    font-size: 9pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    color: #ffffff;
    font-weight: bold !important;
    padding:4px 10px;
    background-color: #55A2DA;
    /*border-top: 1px solid #55A2DA;*/
}
.viewTableHorizontal tr td:nth-child(even){
    padding:4px 10px;
}
/*************************** View Zone Screen CSS Ends ***************************/
/*************************** Contract Header CSS Starts, which can be used across the screens ***************************/
.contractHeader{
    padding-top: 2px;
    background:#FFFFFF;
    max-width:1300px;
    margin:auto;
}

#newTopMenu .nav-pills > li > a {
    padding: 7px 0;
    -moz-border-radius: 7px 7px 0 0;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-radius: 7px 7px 0 0;
    box-shadow: inset 0 0 2px #000000;
    color: #000000;
    background: url(../images/tabgradient.png);
    /*background: #F5F5F5; !important;*/
    font-family: "OpenSans-Regular","OpenSans-Regular",Verdana,sans-serif;
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    font-weight: bold;
    border: 0px;
}

#newTopMenu ul li a:hover, #newTopMenu ul li.selected a{
    padding: 7px 0;
    -moz-border-radius: 7px 7px 0 0;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-radius: 7px 7px 0 0;
    box-shadow: inset 0 0 2px #000000;
    color:#FFFFFF !important ;
    background: #023249;
    font-family: "OpenSans-Regular","OpenSans-Regular",Verdana,sans-serif;
    font-size:10px;
    display: block;
    margin:0px;
    text-decoration: none;
    text-transform:uppercase;
    vertical-align:middle;
    font-weight:bold;
    border:0px;
}

#newTopMenu li {
    display: inline-block;
    width: 126px;
    margin: auto;
    line-height: 15px;
    text-align: center;
}

/* change border radius for the tab , apply corners on top*/

.newTopMenuTop {
    display:block;
    margin-bottom:0px;
    padding-bottom:0px;
    margin-left:83px !important;
    margin-right:auto;
    padding-left:0px;
}
.newTopMenuBottom {
    max-width: 1280px;
    display:block;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0px;
    margin-left:auto;
    padding-left:0px;
    position: relative;
    top: -5px;
}
.disabledTopMenuItem{
    background:#EDEDED !important;
    color:#7F7F7F !important;
    cursor:not-allowed;
}
.disabledTopMenuItem:hover{
    background: #EDEDED !important;
    color:#7F7F7F !important;
    font-weight:normal !important;
}
.disabled{
    background: #dddddd;
}
/*************************** Contract Header CSS Ends, which can be used across the screens ***************************/
/*************************** Contract Distribution Group Css Starts ***************************/
.sectionBoldHeading{
    margin-left:5px;
    float:left;
    font-size: 10pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    font-weight:bold;
    clear:both;
}
.divDividerFull{
    width:95%;
    margin-bottom:5px;
    height:1px;
    text-align:left;
    background: url(../images/menu-gradient1280.png) repeat-y;
}

.buttonLeft{
    background: url('../images/sprites_arrowBtns.png') no-repeat -57px 0px;
    height:25px;
    width:20px;
    line-height:50px;
    position:relative;
    vertical-align:middle;
    margin-bottom:2px;
    display: inline-block;
    cursor:pointer;
    border:0;
}
.buttonRight{
    background: url('../images/sprites_arrowBtns.png') no-repeat -37px 0px;
    height:25px;
    width:20px;
    line-height:50px;
    position:relative;
    vertical-align:middle;
    margin-bottom:2px;
    display: inline-block;
    cursor:pointer;
    border:0;
}
/*************************** Contract Distribution Group Css Ends ***************************/
/*************************** Contract Routing Screen CSS Start ***************************/
.airlineRoute{
    padding: 3px; 
    border: 1px solid #000; 
    display: inline-block;
}
.airlineWildcardRoute{
    position: relative; 
    border-top: none; 
    top:-5px;
    text-align: left;
    padding-bottom: 0;
}
/*************************** Contract Routing Screen CSS Ends ***************************/
/*************************** Distribution Screen CSS Starts ***************************/
.menuButton{
    width: 115px;
    height: 70px;
    background:#3AA2D0;
    border:1px solid #B6DCED;
    color:#FFFFFF;
    text-transform:uppercase;
    font-size:13px;	

    margin-left: 7px;
    margin-right: 7px;
    padding:5px 10px;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    cursor:pointer;
    -moz-border-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-radius: 10px;
}
.padding5{
    padding: 5px;
}

text {font-size: 10pt;
      font-family: "OpenSans-Regular",Verdana,sans-serif;
      color: #000000;}
.textlarge {font-size: 11pt;
            font-family: "OpenSans-Regular",Verdana,sans-serif;
            color: #000000;}
.textlargebold {font-size: 11pt;
                font-family: "OpenSans-Regular",Verdana,sans-serif;
                font-weight:bold;
                color: #000000;}
.textitalic {font-size: 10pt;
             font-family: "OpenSans-Italic",Verdana,sans-serif;

             color: #000000;}
.textitalicsmall {font-size: 9pt;
                  font-family: "OpenSans-Italic",Verdana,sans-serif;

                  color: #000000;}
.textbold {font-size: 10pt;
           font-family: "OpenSans-Regular",Verdana,sans-serif;
           font-weight:bold;
           color: #000000;
}
.textbolditalic {font-size: 10pt;
                 font-family: "OpenSans-Italic",Verdana,sans-serif;
                 color: #000000;
                 font-weight:bold;
}
.unwrapped{
    white-space: nowrap;
}
.textsmallbold {
    font-size: 9pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    color: #000000;
    font-weight: bold !important;
}
.textsmallitalic {
    font-size: 9pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    color: #333333;
    font-style:italic !important;
}

.textsmaller {font-size: 8pt;
              font-family: "OpenSans-Regular",Verdana,sans-serif;
              color: #000000;
}

.textwhite {font-size: 10pt;
            font-family: "OpenSans-Regular",Verdana,sans-serif;
            color: #ffffff;}
.textboldwhite {font-size: 10pt;
                font-family: "OpenSans-Regular",Verdana,sans-serif;
                font-weight:bold;
                color: #ffffff;
}
.textsmallwhite {font-size: 9pt;
                 font-family: "OpenSans-Regular",Verdana,sans-serif;
                 color: #ffffff;}

.textgray {font-size: 10pt;
           font-family: "OpenSans-Regular",Verdana,sans-serif;
           color: #c0c0c0;}
.textboldgray {font-size: 10pt;
               font-family: "OpenSans-Regular",Verdana,sans-serif;
               font-weight:bold;
               color: #c0c0c0;
}
.textsmallgray {font-size: 9pt;
                font-family: "OpenSans-Regular",Verdana,sans-serif;
                color: #c0c0c0;}

.textred {font-size: 10pt;
          font-family: "OpenSans-Regular",Verdana,sans-serif;
          color: #ff0000;}
.textboldred {font-size: 10pt;
              font-family: "OpenSans-Regular",Verdana,sans-serif;
              color: #ff0000;
}
.textsmallred {font-size: 9pt;
               font-family: "OpenSans-Regular",Verdana,sans-serif;
               color: #ff0000;}

/*************************** Distribution Screen CSS Ends ***************************/
/****************************VariationScreen*****************************************/
.standardSecondaryButton{	
	background:#62bb46;
	border:1px solid #AAD69C;	
	text-transform:uppercase;
        color:#FFFFFF;
        line-height: 0.9 !important;
        font-size:13px;	
        font-family: "OpenSans-Bold",Arial,sans-serif;
        border-radius: 2px;
        margin-left: 10px;
        padding : 5px 12px;
        height:24px;
}
.standardSecondaryButton:hover {
	background:#62bb46;
}
.advanceGreenTable {
	border-collapse:collapse;
/* 	text-shadow: 1px 1px 0px #fff; */
/* 	width:98%; */
	min-width:50%;
	align:center;
	text-align:center;
	border:#ccc 1px solid;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
	/*display:inline-block;*/
}
.advanceGreenTable th {
    font-size: 9pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    color: #ffffff;
    font-weight: bold !important;
    padding:1px 10px;
    background-color:#5db349;
    border-top: 1px solid #5db349;
    text-align:center !important;
/*     border-bottom: 3px solid #ffffff; */
/*     border-right: 3px solid #ffffff; */
/*     border-left: 3px solid #ffffff; */
}
.advanceGreenTable th:first-child{
	border-left: 1px solid #5db349;
}
.advanceGreenTable th:last-child{
	border-right: 1px solid #5db349;
}
.advanceGreenTable td{
	padding:1px 4px;
	font-size: 9pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
/*     text-align:left; */

/* 	border-top: 1px solid #ffffff; */
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
.advanceGreenTable td:first-child {
	border-left: 0;
}
.advanceGreenTable tr.oddRow td {
	background: #ededed;
}
.advanceGreenTable tr:hover td{
	background:#d8edd3;
/* 	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb)); */
/* 	background: -moz-linear-gradient(top,  #ededed,  #ebebeb); */
}
.advanceGreenTableHeading {
/* 	min-width:14%; */
/* 	max-width:20%; */
	min-width:180px;
	max-width:240px;
	font-family: "OpenSans-Regular",Verdana,sans-serif;
    font-weight: bold !important;
    font-size:11pt;
    color:#5db349;
}
.advanceBlueTableHeading {
/* 	min-width:7%; */
/* 	max-width:9%; */
	min-width:90px;
	max-width:150px;
	font-family: "OpenSans-Regular",Verdana,sans-serif;
    font-weight: bold !important;
    font-size:11pt;
    color:#55a3da;
}
table.cellbodyblue{
 	margin:auto;
 	font-size: 10pt;
	font-family: "OpenSans-Regular",Verdana,sans-serif;
	padding-bottom: 25px;
	padding:0;
	border-spacing: 0;
        border-collapse: collapse;
}
tr.blueTableHeader{
	background: #55a2da;
	color: #FFFFFF;
	font-family: "OpenSans-Regular",Verdana,sans-serif;
	font-weight:bold;
}
/****************************Contract Combination Screen Starts*****************************************/
.paddingLeftRight3{
    padding-left:3px;
    padding-right: 3px;
}
.paddingLeftRight10{
    padding-left :  10px;
    padding-right: 10px;
}
.paddingTopBottom3{
    padding-top :  3px;
    padding-bottom:  3px;
}
.borderLeftRightBottom{
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

a.nav2:link {font-size: 8pt;
                text-decoration: underline;
                font-family: "OpenSans-Regular",Verdana,sans-serif;
                color: #000000;}	
a.nav2:visited {font-size: 8pt;
                text-decoration: none;
                text-decoration: underline;
                font-family: "OpenSans-Regular",Verdana,sans-serif;
                color: #000000;}	
a.nav2:hover {font-size: 8pt;
                text-decoration: underline;
                font-family: "OpenSans-Regular",Verdana,sans-serif;
                color: #0033cc;}
/****************************Contract Combination Screen Ends*****************************************/
/****************************Contract View Summary Screen Starts*****************************************/
.viewTableHorizontal{
	border-collapse:collapse;
	min-width:50%;
	border:#CCCCCC 1px solid;
	align:center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin:auto;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
	font-family: "OpenSans-Regular",Verdana,sans-serif;
    font-size:9pt;
   /*display:inline-block;*/
}
.viewTableHorizontal th {
	font-size: 10pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    color: #ffffff;
    font-weight: bold !important;
	padding:4px 10px;
	background-color: #55A2DA;
    border-bottom: 2px solid #d1d1d1;
}
.viewTableHorizontal th:first-child{
	border-left: 1px solid #d1d1d1;
}
.viewTableHorizontal th:last-child{
	border-right: 1px solid #d1d1d1;
}
.viewTableHorizontal td{
	border-bottom: 1px solid #d1d1d1;
}
.viewTableHorizontal tr td:nth-child(odd){
	font-size: 9pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    color: #ffffff;
    font-weight: bold !important;
	padding:4px 10px;
	background-color: #55A2DA;
    /*border-top: 1px solid #55A2DA;*/
}
/****************************Contract View Summary Screen Ends*****************************************/
/****************************Contract Days/Time Screen Starts*****************************************/

.textRegularBold {
    font-size: 10pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    color: #333333;
    font-weight: bold !important;
}

/****************************Contract Surcharges ******************************************************/
.surchargesCheck{
	display:inline-block;
	margin-left:20px;
	float:left;
	position:relative;
	font-size: 8pt;
	font-family: "OpenSans-Regular",Verdana,sans-serif;
	color: #000000;
	text-align:center;
	clear:both;
	vertical-align:text-bottom;
	height:24px;
}
.surchargesDayCheckbox{
    margin-left:15px !important;
}
.surchargesSelectBox{
	width:110px !important;
	height:50px !important;
	margin:0px;
	padding:0px;
	vertical-align:middle !important;
	font-family: "OpenSans-Regular",Verdana,sans-serif;/*TODO:monospace!*/
	font-size: 8pt;	
}
/****************************Contract View Summary Screen Ends*****************************************/
/****************************Contract Discounts CSS Starts*****************************************/
.linkWizard a:link {
    font-size: 9pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    color: #000000;
    text-decoration: underline;
}
.linkWizard a:visited {font-size: 9pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    color: #000000;
}
.linkWizard a:hover {font-size: 9pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    color: #003063;
}
.sectionHeading2{
    width:100% !important;
    float:none;
    text-align:left;
    font-weight: bold;
    font-size: 10pt;
    border-bottom: 1px solid #55a2da;
}
.specificTicketSpan{
	width:80px;
	display:inline-block;
	padding-left:5px;
}
.dbutton,.dbuttonDisabled {
    text-align:center;
    padding:0px 10px;
    border-style:solid;
    border-width: 2px;
    margin: 0px;
    word-spacing: 0px;
  }
	
div.dbutton {
  background-color:#0075ba;
  border-color: #18A2F2 #19191A #19191A #18A2F2;
}

div.dbuttonDisabled {
  background-color:#93C2DD;
  border-color: #9dd4f4 #9d9d9d #9d9d9d #9dd4f4;
}
/****************************Contract Discounts CSS Ends*****************************************/
/****************************Contract Blackouts CSS Starts***************************************/

.generalSelectBox {
	width: 120px;
	height: 80px;
	vertical-align: middle;
	font-family: "OpenSans-Regular",Verdana,sans-serif;
	font-size: 8pt;
}

.disabledCursor{
    cursor: not-allowed;
}

.expirationAlertDivVC{
	text-align: right;
	width: 508px;
	margin:10px auto;
	border: 1px solid #3AA2D0;
	font-size: 10pt;
	font-family: "OpenSans-Regular",Verdana,sans-serif;
	border-collapse:collapse;
	display:table;
	empty-cells:hide;
}
.blueTopBorder{
	border-top: 2px solid #55A2DA !important;
	border-collapse:collapse !important;
} 
.blueBottomBorder{
	border-bottom: 2px solid #55A2DA !important;
	border-collapse:collapse !important;
}
.blueLeftBorder{
	border-left: 2px solid #55A2DA !important;
	border-collapse:collapse !important;
}
.blueRightBorder{
	border-right: 2px solid #55A2DA !important;
	border-collapse:collapse !important;
}
.greenBottomBorder{
	border-bottom: 2px solid #5DB349 !important;
	border-collapse:collapse !important;
}
.greenLeftBorder{
	border-left: 2px solid #5DB349 !important;
	border-collapse:collapse !important;
}
.greenRightBorder{
	border-right: 2px solid #5DB349 !important;
	border-collapse:collapse !important;
}
.textRegularUnderline {
    font-size: 10pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    color: #333333;
    text-decoration:underline;
}
.textsmallUnderline {
    font-size: 9pt;
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    color: #333333;
    text-decoration:underline;
}
/****************************Contract Blackouts CSS Ends*****************************************/
/****************************Contract View CSS Starts*****************************************/
.viewRuleHeader {
    font-family: "OpenSans-Regular",Verdana,sans-serif;
    font-size: 10pt;
    font-weight: bold;
    background-color: #3AA2D0;
    color: #FFFFFF !important;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    text-align: left;
    padding-left: 5px;
}
/****************************Contract View CSS Ends*****************************************/
/****************************Master Account Code CSS Starts**************************************/

hr.style1{
    border-top: 2px solid #8c8b8b;
}
/*******Added for Add-On Search Screen********/
.blueSectionDivider{
    display:inline-block;
    height:1px;
    margin: 0px 0px 12px;
    width:100% !important;
    background:#55a2da;
}

/*******Added for disabled radio button labels***********/
input[type="radio"][disabled],input[type="radio"][disabled] + label{
  cursor: not-allowed;
}
.disabledLabel { 
  cursor: not-allowed !important;
}

.checkboxLabelPointer{
        cursor: pointer;
}