/*body {
padding-top: 50px;
padding-bottom: 20px;
}*/
/* Set padding to keep content from hitting the edges */
.body-content {padding-left: 15px;padding-right: 15px;}
/* Set width on the form input elements since they're 100% wide by default */
/* styles for validation helpers */
.bord_gray{border:1px solid #ddd;}
.padTp15{padding-top:15px;}
.field-validation-error {color: #b94a48;}
.field-validation-valid {display: none;}
input.input-validation-error, select.input-validation-error {border: 1px solid #b94a48;}
input[type="checkbox"].input-validation-error {border: 0 none;}
.validation-summary-errors {color: #b94a48;}
.validation-summary-valid {display: none;}
.head1{padding:5px 15px;background-color:#2a3042 ;font-size:15px; color:#fff; cursor:pointer}
.border1{border:solid 1px #ccc;}
.maringbottom20{margin-bottom:20px;}
.segment input{display: block;width: 100%;height: 34px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.text-box{display: block;width: 100%;height: 34px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
/*.retrieve input,.retrieve textbox {text-transform:uppercase;}*/
.searchBar {background-color: #f1f1f1;padding: 10px 10px;box-shadow: 2px 1px 5px #9e9e9e;}
.marginTop20 {margin-top:20px;} 
.viewSearchBox {height: 450px; overflow-y: auto;overflow-x: auto;}
.viewSearchBox::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);	background-color: #F5F5F5;border-radius:10px;}
.viewSearchBox::-webkit-scrollbar {width: 12px;background-color: #F5F5F5;}
.viewSearchBox::-webkit-scrollbar-thumb {background-color: #3171a7;border-radius:10px;}
.infomAccordion .vwHistory .form-group label {width:49%;}
.flightInf > .table-responsive > .table > tbody > tr > td {border-top: none;padding: 3px 15px;}
.findLink {color: #001cef;cursor: pointer;}
.findLink:hover {text-shadow: 0px 1px 0px #000000;}
/*Ajax Loader*/
.loaderBG {position: relative;  background-color: rgba(173, 173, 173, 0.65);}
.loaderA {color: #337ab7;position:absolute;top:45%;left:45%; z-index: 99;}
.loaderBox {position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.51); z-index: 9;}
.loaderIcon {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;color: #fff;font-size: 20px;}
.statusBarTop .form-group {margin-bottom:5px;font-size:12px;}
.statusBarTop form {box-shadow: 0px 0px 8px #ccc;margin:15px 0;padding: 10px 0px;border-radius: 5px;}
.statusBarTop .form-control {border-radius: 0; height: 25px; padding: 1px 5px;}
.statusBarTop .btn-success {cursor:auto;}.statusBarTop .btn-success strong {font-size:22px;}
.panel-heading  :before {font-family: 'Glyphicons Halflings';content: "\e114";float: right;transition: all 0.5s;}
.panel-heading.collapsed :before {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);} 
.mar15{margin-left: 5px !important;}
/*.nav > li > a {padding: 9px 7px !important;}*/
.tickMark {width: 33px;padding: 5px;background: green;color: #fff;border-radius: 5px;text-align: center;margin: auto;}
/* ----------------------------------------- Main Css Start Here ----------------------------------------- */
.login_wrappr .login_box{border:1px solid #ddd; padding:15px;     box-shadow: 2px 2px 5px 0px rgba(0,0,0,.1);    background: #fff;}
.login_wrappr .box_input{position:relative; margin-bottom:15px;}
.login_wrappr .box_input span{position:absolute; top:9px; right:10px;}
.login_wrappr .box_input > label{margin-bottom:5px;}
.login_wrappr .login-box .login_chck{}
.login_box .log_rg_head {text-align:center}
.login_box .log_rg_head bdo{font-size:18px; font-weight:400; color:#3c8dbc}
/* Customize the label (the container) */
.login_chck {display: block;position: relative;margin-bottom: 12px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;display:inline-block;}
/* Hide the browser's default checkbox */
.login_chck input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
/* Create a custom checkbox */
.login_chck {position: absolute;top: 8px;left: 17px;height: 20px;width: 20px;background-color: #eee;}
/* On mouse-over, add a grey background color */
.login_chck:hover input ~ .checkmark {background-color: #ccc;}
/* When the checkbox is checked, add a blue background */
.login_chck input:checked ~ .checkmark {background-color: #2196F3;}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}
/* Show the checkmark when checked */
.login_chck input:checked ~ .checkmark:after {display: block;}
/* Style the checkmark/indicator */
.login_chck .checkmark:after {left: 7px;top: 3px;width: 7px;height: 13px;border: solid #3c8dbc;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.login_chck bdo{display:inline-block; margin-left:30px; font-weight:400; font-size:15px; white-space:nowrap}
/* ------------------------------------------ Main Css Ends Here ----------------------------------------- */
/*************************loder*********/
/*.loading:not(:required) {font: 0/0 a;color: transparent;text-shadow: none;background-color: transparent;border: 0;}
.loading {position: fixed;z-index: 9999;height: 2em;width: 2em;overflow: visible;margin: auto;top: 0;left: 0;bottom: 0;right: 0;}
.loading:before {content: '';display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);}
.loading:not(:required):after {content: '';display: block;font-size: 10px;width: 1em;height: 1em;margin-top: -0.5em;-webkit-animation: spinner 1500ms infinite linear;-moz-animation: spinner 1500ms infinite linear;-ms-animation: spinner 1500ms infinite linear;-o-animation: spinner 1500ms infinite linear;animation: spinner 1500ms infinite linear;border-radius: 0.5em;-webkit-box-shadow: rgba(0,0,0,0.75) 1.5em 0 0 0, rgba(0,0,0,0.75) 1.1em 1.1em 0 0, rgba(0,0,0,0.75) 0 1.5em 0 0, rgba(0,0,0,0.75) -1.1em 1.1em 0 0, rgba(0,0,0,0.5) -1.5em 0 0 0, rgba(0,0,0,0.5) -1.1em -1.1em 0 0, rgba(0,0,0,0.75) 0 -1.5em 0 0, rgba(0,0,0,0.75) 1.1em -1.1em 0 0;box-shadow: rgba(0,0,0,0.75) 1.5em 0 0 0, rgba(0,0,0,0.75) 1.1em 1.1em 0 0, rgba(0,0,0,0.75) 0 1.5em 0 0, rgba(0,0,0,0.75) -1.1em 1.1em 0 0, rgba(0,0,0,0.75) -1.5em 0 0 0, rgba(0,0,0,0.75) -1.1em -1.1em 0 0, rgba(0,0,0,0.75) 0 -1.5em 0 0, rgba(0,0,0,0.75) 1.1em -1.1em 0 0;}*/
/* Animation */
@-webkit-keyframes spinner {
0% {-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#divContactDetails table > tbody > tr > td, #divDealAirlines table > tbody > tr > td, #divDealDestinations table > tbody > tr > td, #divCampaignDetails table > tbody > tr > td, #divMarkup table > tbody > tr > td, #divAirlines table > tbody > tr > td, #divAirports table > tbody > tr > td{vertical-align:middle;}
#divContactDetails table > tbody > tr > td a, #divDealAirlines table > tbody > tr > td a, #divDealDestinations table > tbody > tr > td a, #divCampaignDetails table > tbody > tr > td a, #divMarkup table > tbody > tr > td a, #divAirlines table > tbody > tr > td a, #divAirports table > tbody > tr > td a{display: block;padding: 3px 15px;font-size: 15px; text-align:center}
#divDealAirlines table > tbody > tr > td:last-child, #divDealDestinations table > tbody > tr > td:last-child, #divCampaignDetails table > tbody > tr > td:last-child, #divMarkup table > tbody > tr > td:last-child, #divAirlines table > tbody > tr > td:last-child, #divAirports table > tbody > tr > td:last-child{width:100px;}
#divContactDetails table > tbody > tr > td:last-child{ width:150px}
.head_btn_modi a{display: block;padding: 10px 15px; text-align: center; background:#3c8dbc; color:#fff; text-decoration:none; }
.head_btn_modi a:hover{color:#fff;}
.head_btn_modi button {display: block;padding: 10px 15px; text-align: center; background:#3c8dbc; color:#fff; text-decoration:none; border:none;  width:100%;}
.head_btn_modi  input, .head_btn_modi  select{height:40px;}
.head_btn_modi  strong{margin-top:12px; display:inline-block    }
.subhead_marketing ul{margin:0px; padding:0px;}
.subhead_marketing ul li{list-style:none; float:left; display:inline-block; padding:0px 00px; margin-right:15px;}
.subhead_marketing ul li.prt{padding-top:8px;}
.subhead_marketing ul li.comp_list select{height:35px; padding:0px 10px; width:150px; border-color: #DDD;}
.subhead_marketing ul li.air_cde{padding-top:8px;}
.subhead_marketing ul li.inp_cde input[type=text], .subhead_marketing ul li.inp_cde input[type=text]:hover {height:35px; padding:0px 10px; width:200px;    border: 1px solid #ddd; }
.subhead_marketing ul li.btn_srch button{height:35px; background:#3c8dbc; padding:5px 20px; border:none; outline:none; display:inline-block; color:#fff;}
.content-header a.add_list_page{height:35px; background:#556ee6; padding:8px 35px; border:none; outline:none; display:inline-block; color:#fff; float:right;margin-left:10px;}
.pager li a {background-color: #777; color:#fff; border-radius:0px; }
.pager li a:hover{background:#000; color:#fff;}
.camp_sub_btn_box input[type=submit]{width:100%;  background:#3c8dbc; height:35px; color:#fff; border:0px; margin-top:15px; font-size:18px; }
.user_wrappr td{vertical-align:middle !important;}
.user_wrappr .edt{width:93px; }
.user_wrappr .rset{width:156px; }
.user_wrappr .map_role{ width:124px; }
.user_wrappr .edt a, .user_wrappr .rset a, .user_wrappr .map_role a{display:inline-block; background-color:#556ee6; color:#fff; display:inline-block; padding:5px 14px; }
.find_book{width:100%;}
.find_book select{width:calc(50% - 60px) !important; margin-bottom:10px; float:left; margin-right:10px; height:35px; padding-left:10px;}
.find_book input[type=text]{width:calc(50% - 60px); margin-bottom:10px;float:left; margin-right:10px;height:35px; padding-left:10px;}
.find_book button{width:100px; margin-bottom:10px;float:left; height:35px; outline:none;border:none;}
.labl_wrappr{width:18%; height:35px; float:left}
.fnd_creatBook label{  margin-right:15px; margin-bottom:0px; float:left;}
.frm_to_findBok .inpu_dispos {float: left;margin-left: 10px;position: relative;}
.frm_to_findBok .inpu_dispos .disp_input {width: 100%;padding: 6px 10px;}
.frm_to_findBok .frm_date {float: left;margin-right: 10px;height: 35px;position: relative;}
.frm_to_findBok .frm_date.frm {width: calc(28% - 82px) !important;}
.frm_to_findBok .frm_date.to {width: calc(28% - 100px) !important;}
.frm_to_findBok .srch_show_btn button {width: 100px;float: left;height: 35px;border-radius: 0px !important;}
.frm_to_findBok .frm_date.frm input {padding-left: 50px;}
.frm_to_findBok .frm_date.to input {padding-left: 35px;}
.frm_to_findBok .frm_date .frm_to_txt{position:absolute; top:0px; left:0px; height:34px; background:#666; color:#fff; padding:8px;}
.fnd_chbxoIsony{width:100px; float:left;}
.ui-dialog {position: fixed;z-index: 10000;padding: 0px;border-radius: 0px;border: 0px;}
.ui-widget-header{background:#2a3042; border-radius:0px; color:#fff ;}
.ui-datepicker .ui-widget-header{color:#000;}
/* ---------------------------------- Checkbox Design Starts Here ---------------------------------- */
.check_bx_list{margin:0px; padding:0px;    margin-left: -1%;}
.check_bx_list li{list-style:none; float:left; width:25%; display:inline-block; margin:0px 1%;}
.checbox_wrappr {display: inline-block;position: relative;padding-left: 20px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-right:10px;font-weight:400;margin-bottom:0px;margin-top:7px; margin-bottom:5px; margin-left:16px;}
/* Hide the browser's default checkbox */
.checbox_wrappr input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
/* Create a custom checkbox */
.checbox_marker {position: absolute;top: 0;left: 0;height: 18px;width: 18px;background-color: #999;}
/* On mouse-over, add a grey background color */
.checbox_wrappr:hover input ~ .checbox_marker {background-color: #3c8dbc;}
/* When the checkbox is checked, add a blue background */
.checbox_wrappr input:checked ~ .checbox_marker {background-color: #3c8dbc;}
/* Create the checbox_marker/indicator (hidden when not checked) */
.checbox_marker:after {content: "";position: absolute;display: none;}
/* Show the checbox_marker when checked */
.checbox_wrappr input:checked ~ .checbox_marker:after {display: block;}
/* Style the checbox_marker/indicator */
.checbox_wrappr .checbox_marker:after {left: 6px;top: 1px;width: 7px;height: 12px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
/* ---------------------------------- Checkbox Design Ends Here ---------------------------------- */

/* ---------------------------------- Radio Design Starts Here ---------------------------------- */
.radio_wrappr {display: block;position: relative;padding-left: 20px;margin-bottom: 12px;cursor: pointer; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
/* Hide the browser's default radio button */
.radio_wrappr input {position: absolute;opacity: 0;cursor: pointer;}
/* Create a custom radio button */
.radio_marker {position: absolute;top: 4px;left: 0;height: 14px;width: 14px;background-color: #bbb;border-radius: 50%;}
/* On mouse-over, add a grey background color */
.radio_wrappr:hover input ~ .radio_marker {background-color: #bbb;}
/* When the radio button is checked, add a blue background */
.radio_wrappr input:checked ~ .radio_marker {background-color: #fff; border:1px solid #3c8dbc; }
/* Create the indicator (the dot/circle - hidden when not checked) */
.radio_marker:after {content: "";position: absolute;display: none;}
/* Show the indicator (dot/circle) when checked */
.radio_wrappr input:checked ~ .radio_marker:after {display: block;}
/* Style the indicator (dot/circle) */
.radio_wrappr .radio_marker:after {top: 3px;left: 3px;width: 6px;height: 6px;border-radius: 50%;background: #3c8dbc;}
/* ---------------------------------- Radio Design Ends Here ---------------------------------- */
.commn_calender{position:relative; display:block}
.commn_calender input{padding-left:30px; background-color:#fff!important;}
.commn_calender i{position: absolute;top: 8px;left: 6px;font-size: 18px; z-index:2;}
.strd_end_grup{}
.input-group .input-group-addon{    background: #4c4c4c;
    color: #fff;
    border: 1px solid #4c4c4c;
    flex-shrink: 0;
    min-width: 100px;
    height: 40px;
    display: flex;
    align-items: center;}
.air_mag_list_wrappr .magicsearch-wrapper .multi-item{border-radius:0px; background:#3c8dbc; color:#fff; }
.air_mag_list_wrappr .magicsearch-wrapper .multi-item-close:before, .air_mag_list_wrappr .magicsearch-wrapper .multi-item-close:after{background-color:#fff;}
.air_mag_list_wrappr .magicsearch-wrapper .multi-item-close:hover:before, .air_mag_list_wrappr .magicsearch-wrapper .multi-item-close:hover:after{background-color:#eee;}
.date_wrappr{position:relative;}
.date_wrappr .clse_fst{position:absolute; z-index:50;right: calc(50% + 5px);top:4px;font-size: 16px;cursor: pointer; color: #797878;}
.date_wrappr .clse_scnd{position:absolute; z-index:50;right:6px;top:4px;font-size: 16px;cursor: pointer;color: #797878; }
.statusRemark {padding: 0px;}
.statusRemark hr {margin-top: 10px;margin-bottom: 10px;}
.userstatus {font-size: 13px;font-weight: 600;color:#000; background:rgba(60,141,188,.2); padding: 5px 10px;}
.userremark{font-size: 13px;font-weight: 600; padding: 0px 10px;}
.userby {font-weight: 600;color: #005aa7; padding: 0px 10px; margin-bottom:15px;}
.alrt_bkking{padding:5px 0px; background:#3c8dbc; text-align:center; color:#fff; }
#containerFlightBookingDetail tr td{width:50%;}
.eyebtn{width:80px;}
.OpnFltEdBtn {width:105px;}
.eyebtn a{display: block;
    padding: 10px 10px;
    border-radius: 0;
    font-size: 14px;
    font-weight: 400;}
.OpnFltEdBtn a{    display: block;
    padding: 10px 0;
    border-radius: 0;
    font-size: 13px;
    font-weight: 400;}
.closeView a{background:#b94a48; color:#fff; text-align:right; padding:5px 15px;margin-bottom: 10px;    display: inline-block;}
#containerFlightSegmentDetail .departFlight{padding:5px; background:#eee;margin-top:15px; border:1px solid #ddd;  border-bottom:0px;}
#containerFlightSegmentDetail .departFlight:last-child{}
#containerFlightSegmentDetail .arln{width:30%;}
#containerFlightSegmentDetail .arln img{width:40px; margin-right:5px;}
#containerFlightSegmentDetail .seg_org{width:29%;}
#containerFlightSegmentDetail .seg_org .frm{color:#3c8dbc;}
#containerFlightSegmentDetail .seg_dest{width:29%;}
#containerFlightSegmentDetail .seg_dest .to{color:#3c8dbc;}
#containerFlightSegmentDetail .seg_eco{width:7%;}
#containerFlightSegmentDetail .seg_loc{width:7%;}
#containerFlightSegmentDetail  .flt_dur{text-align:center; font-weight:700;}
#containerFlightSegmentDetail  .btn_comUpda{background:#3c8dbc; color:#fff; padding:5px 15px; border:none; margin-bottom:10px;}
.editBtnAll{text-align:right; margin-bottom:10px;}
.editBtnAll button{background:#3c8dbc; color:#fff; padding:5px 15px; border:none; }
.bkkin_refres button{display:inline-block; padding:5px 15px; background:#00a65a; color:#fff; border:0px;}
.OpnFltPopUp {
border-radius: 0px;
font-size: 12px; 
}
.OpnFltPopUp .ui-widget-header{border-radius:0px; margin-bottom:10px; background:#333333; color:#fff; }
.OpnFltPopUp .box_lab_inpu{margin-bottom:5px;}
.OpnFltPopUp .box_lab_inpu label {margin-top:9px; margin-bottom:0px; font-size:12px;} 
.OpnFltPopUp .box_lab_inpu  input, .OpnFltPopUp .box_lab_inpu  select{width:100%; margin-bottom:10px;}
.OpnFltPopUp textarea{width:100%!important;}
.pop_btn{margin-top:10px; text-align:right;}
.pop_btn button{display:inline-block; padding:5px 15px; border:none; outline:none; }
.pop_btn .btn-site-blue{background:#2a3042; color:#fff;}
.updat_bk_frm{margin-bottom:15px;}
.updat_bk_frm label {width: 100px;display: block;margin-right: 20px;float: left;display: inline-block;}
.updat_bk_frm textarea{width:calc(100% - 120px)!important; }
.ui-widget-overlay{opacity:1; background:rgba(0,0,0,.6)}
#frmUpdateBookingStatus .box_lab_inpu  select{width:100%; margin-bottom:10px; padding:5px 10px;}
#frmUpdateBookingStatus .box_lab_inpu  textarea{width:100%;}
#frmMailsSentToCustomer .box_lab_inpu  select{width:100%; margin-bottom:10px; padding:5px 10px;}
#frmMailsSentToCustomer .box_lab_inpu textarea, #divMailsSentToCustomerMsg .box_lab_inpu textarea {    width: 100%; padding:5px 10px;}
#frmFlightRemarksPage .box_lab_inpu select, #divMailsSentToCustomerMsg .box_lab_inpu select {width: 100%;margin-bottom: 10px;padding: 5px 10px;}
.snt_cus_bg{background:rgba(60,141,188,.2); margin:15px 0px 10px 0px; padding:10px 0px;}
.add_crdBtbx{text-align:right; margin-bottom:10px;}
.add_crdBtbx button{ outline:none; border:none;padding: 5px 12px; }
.mtl_cus_lbl_input{position:relative;}
.mtl_cus_lbl_input label {margin-right: 5px; display:block;}
.mtl_cus_lbl_input input{margin-bottom:10px;width:100%; padding:5px 10px;}
.mtl_cus_lbl_input .astrc{position:absolute; top:6px; right:0px; font-weight:700; font-size: 16px;}
.astrc{color:#f00;}
.ui-datepicker{padding:0px;}
.ui-datepicker .ui-widget-header{background:rgba(60,141,188,.2); border:none; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{border:none; width:48%; margin:0px 1%; outline:none;}
.ui-datepicker .ui-widget-content{background:#fff; border:1px solid #3c8dbc; border-radius:0px;}
.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default{background:#fff; text-align:center; border:none;}
.ui-datepicker .ui-corner-all, .ui-datepicker .ui-corner-bottom, .ui-datepicker .ui-corner-right, .ui-datepicker .ui-corner-br{border-radius:0px;}
.ui-datepicker .ui-state-hover, .ui-datepicker .ui-widget-content .ui-state-hover, .ui-datepicker .ui-widget-header .ui-state-hover, .ui-datepicker .ui-state-focus, .ui-datepicker .ui-widget-content .ui-state-focus, .ui-datepicker .ui-widget-header .ui-state-focus{background-color:rgba(60,141,188,.2);}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border-radius:0px; border:none;  outline:none;}

.ui-datepicker .ui-widget-header .ui-state-hover{background:none; border:0px solid #fff; cursor:pointer;}


.crd_auth_eml label{display:block;}
.crd_auth_eml  input, .crd_auth_eml textarea{width:100%; padding:5px 10px;}
.pad_four{padding:0px 30px;}
.bg_fb_sec{background: #ffffff; border:1px solid #ddd;    margin-bottom: 10px;}
.snt_auth_btn{text-align:right; margin-top:10px;}
.snt_auth_btn button{padding:5px 10px; outline:none; border:none; }
.cur_dt_card table {border:1px solid #3c8dbc;  }
.cur_dt_card table thead{background:#3c8dbc; color:#fff; text-align:center;}
.cur_dt_card tbody tr td{border:none; width:50%;}
.cur_dt_card tbody tr:nth-child(even) td:last-child{background:#eeeeee}
.cur_dt_card tbody tr:nth-child(odd) td:first-child{font-weight:700; background:#eeeeee;}

#frmGDSItineraryUpdate .departFlight{padding:5px; background:#333333; color:#fff}
#frmChooseUserRole .radio_marker{top:2px;}
#frmChooseUserRole button{padding:7px 10px; outline:none; border:none;}

#frmChooseUserRole tbody tr td{border:none}
#frmChooseUserRole tbody tr td{border-top:1px solid #ddd;}
#frmChooseUserRole tbody tr td:last-child{border-bottom:1px solid #ddd;}
#frmChooseUserRole tbody tr td label{margin-bottom:0px;}
#frmChooseUserRole tbody tr td:hover{background:rgba(60,141,188,.2); }

.user-menu{margin-right:10px;}

.rmrk_fix_wrappr{float: right; position: fixed;  top: 150px; right: 0px;  z-index:30000000;    width: 40px;height: 300px;background: #FFF;border:4px solid #3c8dbc;z-index: 9999; padding-left:40px;}
.rmrk_fix_wrappr .hndle{width: 43px; height: 294px; display: block;  outline: none; background:#3c8dbc;outline: none; color:#fff; float:left;position:absolute; left:0px;   }
.rmrk_fix_wrappr .hndle span{transform: rotate(-90deg);display: inline-block;font-size: 26px;position: absolute;top: 135px;left: -28px;}
#loadingDiv {position: fixed;z-index: 10001 !important;height: 2em;width: 2em; margin: auto;top: 0;left: 0;bottom: 0;right: 0;display: none;}
/* Transparent Overlay */

.box_remkr{width:100%; background:#666   ; padding:10px 0px;   }
.box_remkr label{font-size:20px; color:#fff; }
.box_remkr select{width: 250px;     padding: 5px 10px;}




#loadingDiv:before {content: '';    display: block;    position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);}




    /* :not(:required) hides these rules from IE9 and below */
#loadingDiv:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

#loadingDiv:not(:required):after {
    content: '';
    display: block;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

/* Animation */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}