﻿
/*multi select*/

/*multi selection class*/
.ms-cont .starActive{    background:  #e0e0e0;color: #262626;}
.ms-cont .starActive a{ color:#262626 !important;text-decoration:none; border-bottom:1px solid  #e0e0e0 !important;color: #262626;outline:none;}
.ms-cont .dropdown-menu {border-radius: 0px;top: auto;left: auto;}
.ms-cont button{border-radius:4px;}
.ms-cont .multiselect-native-select {position: relative;}
.ms-cont .multiselect-native-select select {border: 0 !important;clip: rect(0 0 0 0) !important;height: 1px !important;margin: -1px -1px -1px -3px !important;overflow: hidden !important;padding: 0 !important;position: absolute !important;width: 1px !important;left: 50%;top: 30px;}
.ms-cont .multiselect-container {position: absolute;list-style-type: none;margin: 0;padding: 0;max-height: 300px;overflow-x: hidden;overflow-y: scroll;}
.ms-cont .multiselect-container .input-group {margin: 5px;}
.ms-cont .multiselect-container li {padding: 0;}
.ms-cont .multiselect-container li .multiselect-all label {font-weight: 700;}
.ms-cont .multiselect-container li a {padding: 0;text-decoration:none;border-bottom:1px solid transparent;}
.ms-cont .multiselect-container li a:hover,.ms-cont .multiselect-container li a:active {outline:none;padding: 0;text-decoration: none;background: #e0e0e0;color: #262626;}
.ms-cont .multiselect-container li a label {margin: 0;height: 100%;cursor: pointer;font-weight: 400;padding: 3px 20px 3px 40px;}
.ms-cont .multiselect-container li a label input[type=checkbox] {margin-bottom: 5px;}
.ms-cont .multiselect-container li a label.radio {margin: 0;}
.ms-cont .multiselect-container li a label.checkbox {margin: 0;}
.ms-cont .multiselect-container li.multiselect-group label {margin: 0;padding: 3px 20px 3px 20px;height: 100%;font-weight: 700;}
.ms-cont .multiselect-container li.multiselect-group-clickable label {cursor: pointer;}
.ms-cont .btn-group .btn-group .multiselect.btn {border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.ms-cont .form-inline .multiselect-container label.checkbox {padding: 3px 20px 3px 40px;}
.ms-cont .form-inline .multiselect-container label.radio {padding: 3px 20px 3px 40px;}
.ms-cont .form-inline .multiselect-container li a label.checkbox input[type=checkbox] {margin-left: -20px;margin-right: 0;}
.ms-cont .form-inline .multiselect-container li a label.radio .ms-cont {text-align: center;background-color: #222;color: #fff;margin-top: 50px;}
.ms-cont .form-inline .multiselect-container li a label.radio .ms-cont .dropdown-menu {border-radius: 0;}
.ms-cont .form-inline .multiselect-container li a label.radio .ms-cont .multiselect-native-select {position: relative;}
.ms-cont .form-inline .multiselect-container li a label.radio .ms-cont .multiselect-native-select select {border: 0 !important;clip: rect(0 0 0 0) !important;height: 1px !important;margin: -1px -1px -1px -3px !important;overflow: hidden !important;padding: 0 !important;position: absolute !important;width: 1px !important;left: 50%;top: 30px;}
.ms-cont .form-inline .multiselect-container li a label.radio .ms-cont .multiselect-container {position: absolute;list-style-type: none;margin: 0;padding: 0;}
.ms-cont .form-inline .multiselect-container li a label.radio .ms-cont .multiselect-container .input-group {margin: 5px;}
.ms-cont .form-inline .multiselect-container li a label.radio .ms-cont .multiselect-container li {padding: 0;}
.ms-cont .form-inline .multiselect-container li a label.radio .ms-cont .multiselect-container li .multiselect-all label {font-weight: 700;}
.ms-cont .form-inline .multiselect-container li a label.radio .ms-cont .multiselect-container li a {padding: 0;}
.ms-cont .form-inline .multiselect-container li a label.radio .ms-cont .multiselect-container li a label {margin: 0;height: 100%;cursor: pointer;font-weight: 400;padding: 3px 20px 3px 40px;}
.ms-cont .form-inline .multiselect-container li a label.radio .ms-cont .multiselect-container li a label input[type="checkbox"] {margin-bottom: 5px;}
.ms-cont .form-inline .multiselect-container li a label.radio .ms-cont .multiselect-container li a label.radio {margin: 0;}
.ms-cont .form-inline .multiselect-container li a label.radio .ms-cont .multiselect-container li a label.checkbox {margin: 0;}
.ms-cont .form-inline .multiselect-container li a label.radio .ms-cont .multiselect-container li.multiselect-group label {margin: 0;padding: 3px 20px 3px 20px;height: 100%;font-weight: 700;}
.ms-cont .form-inline .multiselect-container li a label.radio .ms-cont .multiselect-container li.multiselect-group-clickable label {cursor: pointer;}
.ms-cont .form-inline .multiselect-container li a label.radio .ms-cont .btn-group .btn-group .multiselect.btn {border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.ms-cont .form-inline .multiselect-container li a label.radio .ms-cont .form-inline .multiselect-container label.checkbox {padding: 3px 20px 3px 40px;}
.ms-cont .form-inline .multiselect-container li a label.radio .ms-cont .form-inline .multiselect-container label.radio {padding: 3px 20px 3px 40px;}
.ms-cont .form-inline .multiselect-container li a label.radio .ms-cont .form-inline .multiselect-container li a label.checkbox input[type="checkbox"] {margin-left: -20px;margin-right: 0;}
.ms-cont .form-inline .multiselect-container li a label.radio .ms-cont .form-inline .multiselect-container li a label.radio input[type="radio"] {margin-left: -20px;margin-right: 0;}
.ms-cont .form-inline .multiselect-container li a label.radio .ms-cont .btn {border-radius: 0;padding: 10px 0;}
.ms-cont .form-inline .multiselect-container li a label.radio .ms-cont .btn-primary {background-color: #f00;border: none;border-radius: 0;padding: 11px 15px;text-transform: uppercase;}
.ms-cont .form-inline .multiselect-container li a label.radio input[type=radio] {margin-left: -20px;margin-right: 0;}
.ms-cont .btn {border-radius: 0;padding: 10px 0;background:#fff;}
.ms-cont .btn-primary {background-color: #f00;border: none;border-radius: 0;padding: 11px 15px;text-transform: uppercase;}
.checkbox input[type="checkbox"] {
    opacity: 1 !important; 
}
.notify {
color: #dd5600;
position: absolute;
font-size: 12px;
font-style: oblique;
}
/*new model color-profile booking*/
.err_msg_tkt {color: #f03900;max-width: 991px;min-width:767px; margin: auto;background: #fff;padding: 10px;box-shadow: 0 1px 2px #d6d6d6;}
.popResp1{width: 486px;margin: auto;font-family: cambria;background: #fff;box-shadow: 0 1px 2px #d6d6d6;padding: 6px 0px 12px;}
.mc-sectors{border: 1px solid #ddd;padding: 1px 3px 2px;position: relative;font-weight: bolder;}
.mc-plane{color: #a0a0a0;font-size: 9px !important;top: -1px;padding: 0 2px !important;position: relative;left: -2px;}
.mc-sec-row{font-size: 13px;font-family: monospace;}
.mc-plane-row{color: #a0a0a0;font-size: 10px !important;top: 0px;padding: 0 2px !important;position: relative;left: -4px;}
.mc-airname{color: #585858;font-size: 13px;font-family: arial;font-weight: bold;}
.fwb {font-weight:bold;} .red {color:#d00303} .green {color:#029209 } 
.txt-lt{text-align:left}.pad-lt-5{padding-left:5px!important}.pad-lt-15{padding-left:15px!important}.circle-bullet{width:7px;height:7px;background:#828282;border-radius:100%;float:left;top:6px;position:relative}
.ClassStrip{border-top:1px solid #ddd;border-bottom:1px solid #ddd}.imp-note{font-size:13px;width:100%;font-style:normal;font-variant:normal;line-height:20px;margin-bottom:10px}.imp-note tr th{padding:3px 0;font-size:13px;background:0 0;color:#222;font-weight:700;text-align:left}.imp-note tr td{padding:0 0;color:#333;font-size:12px}.gst-info{font-family:cambria;font-size:13px;width:97%;font-style:normal;font-variant:normal;line-height:20px;margin-bottom:10px}.gst-info tr th{padding:3px 5px;font-size:15px;background:0 0;color:#555;font-weight:700}.gst-info tr td{font-size:13px}.ClassTitle td{padding:3px 5px;font-size:15px;background:0 0;color:#555;font-weight:700}.ClassHead{border-top:1px solid #fc4d16;border-bottom:1px solid #fc4d16;background:#b3b3b3;font-size:13px;font-weight:600;text-align:center}.ClassHead td{font-size:13px;padding:5px 0;border-right:1px solid #ddd;color:#fff}.ClassHead td:last-child{border-right:0 solid #ddd}.ClassHeadContent{text-align:center;line-height:19px}.ClassHeadContent td{font-size:13px;padding:7px 0;border-right:1px solid #ddd;background:#fafafa;color:#222;border-bottom:1px dotted #999}.ClassHeadContent td:last-child{border-right:0 solid #ddd}.dtlRt,.fltTime,.fnnn,.showConSect{float:left}.cdno{font-family:cambria;text-overflow:ellipsis;white-space:nowrap}.cdno{font-size:13px;color:#757575;line-height:14px;overflow:hidden}.fltTime{width:17%;font-family:cambria;font-size:23px;font-weight:400;color:#565656;text-align:left}.showConSect{width:66%;text-align:center;font-size:12px;font-family:monospace;color:#6b6b6b}.fltcd{position:relative}.faPln{font-size:19px!important;position:absolute;right:36px;top:5px;text-align:center}.cityName,.fltName{font-family:'Lucida Sans','Lucida Sans Regular','Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,sans-serif}.tal{text-align:left}.tar{text-align:right}
.showPageBxNew .stop,.showPageBxNew .stops{font-size:12px;color:#888;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:0 0 0 1px;font-family:Cambria}.fltLogo{background-image:url(http://static.ksofttechnology.com/STATIC_IMAGES/image/icon/flight_icon.png);background-repeat:no-repeat;height:18px;margin:auto;width:17px}.fa-rotate-45{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.mdFa{color:#c3c3c3}.c{clear:both;height:0}.c5{clear:both;height:5px}.c2{clear:both;height:2px}.ft-lt,.pull-left{float:left}.ft-rt,.pull-right{float:right}.pull-none{float:none!important}
.showPageBxNew:hover{background:#fcffdf;cursor:default}.showPageBxNew{float:left;box-shadow:0 1px 2px #d6d6d6;padding:0;width:100%;position:relative;background:#fff;border:1px solid #ddd;margin-bottom:13px}.desst{border:1px solid #ddd;padding:1px 3px;font-size:13px;font-weight:700;font-family:cambria}.mpnr{color:#222;font-size:13px}.fctp{color:#727272;font-weight:400;font-size:14px}.leftSide{float:left;width:70%}.rightSide{float:right;width:28%}.owSide{float:left;min-width:32%;border-bottom:1px dotted #ddd}.owSide::after{content:':';float:right;padding-right:10px}.rtSide{float:left;min-width:10%;border-bottom:1px dotted #ddd}.Sides{width:100%}.tktno{font-family:monospace;color:#696969;font-size:12px}.b{font-weight:700}.c10{clear:both;height:10px}.c20{clear:both;height:20px}.c30{clear:both;height:30px}.smpl{padding:0 3px;font-size:12px;color:#444}
.showPageBxNew:hover .mc-sectors{background:#fff;cursor:default;color:green}
.tktcnt{padding:5px 10px 5px;min-width:767px;max-width:820px;border:#d8d8d8 1px double;box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);background:#f2fbff;}table#t01{width:100%;margin:auto;text-align:center;line-height:19px;font-size:13px;box-shadow:0 1px 2px #d6d6d6}table#t01,table#t01 td,table#t01 th{border:1px solid #ddd;border-collapse:collapse;padding:2px}
table#t01 tr:nth-child(even){background-color:#fff}table#t01 tr:nth-child(odd){background-color:#fcffdf}table#t01 th{text-align:center;background-color:#f03900;color:#fff}@media print{table#t01{border:1px solid #777}table#t01 td,table#t01 th{border:1px dotted #777;border-collapse:collapse;padding:2px;box-shadow:0 0 0}table#t01 th{text-align:center;background-color:#fff;color:#222}.showPageBxNew{border:1px solid #777;box-shadow:0 0 0}.desst{border:1px solid #777;box-shadow:0 0 0}.tktcnt{border:1px double #777;box-shadow:0 0 0}.ClassStrip{border-top:1px solid #777;border-bottom:1px solid #777;overflow:hidden;width:100%;float:left}.showConSect{color:#444}.fltTime{color:#333}.tktno{color:#333}.fctp{color:#111}.cdno{color:#555}.mpnr{color:#333;font-weight:700}.fltLogo{display:none}}
table#t01 th {background-color: #eee;color: #444444;font-family: monospace;font-size: 13px;text-align: center;}                
.mc-searchAir {position: relative;left: 0;top: 1px;background: #0000;outline: 0;border: 0;border-bottom-width: 0;border-bottom-style: none;border-bottom-color: currentcolor;border-bottom: 2px solid green;border-radius: 0;padding: 1px 5px;width: 110px;color:green;font-weight :bold;}/*// #da00da*/
md-divider {display: block;border-top-width: 1px;border-top-style: solid;margin: 0;    border-top-color: rgba(0,0,0,0.12);}
/* input on strip with bottom line   */

.dropbtn{color:#fff;border:none;cursor:pointer}
.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;right:0}
.dropdown-content span{color:#000;text-decoration:none;display:block;font-size:16px;font-family:monospace;padding:8px 0}
.dropdown-content span:hover{background-color:#359bef;color:#fff}
.dropdown_book {position:relative}.dropdown_book:hover .dropdown-content{display:block;}.dropdown_book:hover{background-color:#0661ad}
       

body{background:#e0edff !important}
.container-dc { width: 98%;margin:auto; }

/*template ETC*/
.bg-primary-darker {background: #1976D2;color: #fff;}
.bg-primary {background: #2196F3;color: #fff;}
.bg-primary-lighter {background: #BBDEFB;color: rgba(0,0,0,0.82);}
.bg-accented {background: #FF4081;color: #fff;}
 aster:after{content: '*';color: #ff7741;font-weight: bold;position: relative;top: -2px;left: 2px;}
.aster::after {content: '*';color: red;font-weight: bold;position: absolute;top: 1px;right: 20px;}
.spin-infinite{animation: spin 2s infinite linear;}
.opacful{opacity:1 !important}
.bspace{padding:0 10px}
.faFlag {font-size: 21px;float:none !important;padding-top: 5px !important;}
 .hvr:hover{color:#03aad7}
/*icon CODING*/
.icon-close{position: absolute;color: #f00;font-weight: bold;right: 9px;}
.icon-close i{font-size: 21px;opacity: 0.4;cursor: pointer;}  
.icon-refresh{position: absolute;color: magenta;font-weight: bold;right: 48px;top: 8px;}
.icon-refresh i{font-size: 17px;opacity: 0.4;cursor: pointer;}
.icon-refresh:hover i, .icon-close:hover i{opacity: 1;}


/*grid CODING*/
.gridClose{position: absolute;color: #7b7b7b;font-weight: bold;right: 9px;top: 7px;}
.gridClose i{font-size: 21px;opacity: 0.4;cursor: pointer;}  
.gridClose:hover i{opacity: 1;color:#f00}
.icon-refresh{position: absolute;color: magenta;font-weight: bold;right: 48px;top: 8px;}
.icon-refresh i{font-size: 17px;opacity: 0.4;cursor: pointer;}
.icon-refresh:hover i, .icon-close:hover i{opacity: 1;}


/*template CODING*/        
.rk-head{color: #7d7d7d;font-weight: 500;font-size: 13px;font-family: Cambria;width: 100%;background: #f9f9f9;}
.rk-head th{padding:3px 0 !important;}
.rk-box {background-color: #fff;border-radius: 2px;box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);width: 100%;font-family: Cambria;margin-bottom: 20px;display: table;position: relative;}
.rk-box-half{width: 50%;margin: auto;background-color: #fff;border-radius: 2px;box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);font-family: Cambria;margin-bottom: 20px;display: table;position: relative;}
.rk-title {display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;flex-direction: row;background: #f1f1f1;border-bottom: 1px solid #e8e8e8;padding: 5px 10px;           color:rgba(77, 77, 77, 0.9) /*rgba(113, 113, 113, 0.87)*/;font-size: 14px;font-family: monospace;}
.rk-label{color: #7d7d7d;font-weight: 500;font-size: 12px;font-family: monospace;padding-bottom: 3px;float: left;width: 100%;}
.rk-body {padding: 10px 10px 15px;width: 100%;float: left;position: relative;}
.rk-close{position: absolute;right: 3px;opacity: .3;}
.rk-close:hover{opacity: 1;}
.divider{border-bottom: 1px solid rgba(0,0,0,0.12);padding-bottom: 15px;margin-bottom: 10px;}
.closeX {float: right;font-size: 21px;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: .2;}
 .rk-head,.rk-head th,.rk-box,.rk-box-half,.rk-title,.rk-label,.rk-body{font-size:12px !important}

/*table CODING*/
.table-striped > tbody > tr:nth-of-type(odd) {  background-color: #fff;/*#f9f9f9;*/}
.table-striped > tbody > tr:nth-of-type(even) {  background-color: #fcffdf;/*#f9f9f9;*/}
.table-hover > tbody > tr:hover {    background-color: #d4ffcf;}
.table-borderedd > tbody > tr > td, 
.table-borderedd > tbody > tr > th, 
.table-borderedd > tfoot > tr > td, 
.table-borderedd > tfoot > tr > th, 
.table-borderedd > thead > tr > td, 
.table-borderedd > thead > tr > th {border: 1px solid #ddd;text-align:center}
.table-borderedd > tbody > tr:last-child{border-bottom: 0px solid #ddd;text-align:center}
.blh{border-left: 0px solid #ddd !important;}
.brh{border-right: 0px solid #ddd !important;}
.mt5 {margin-top: 5px;}
.mt20{margin-top: 20px !important;}
.mb10{margin-top: 10px !important;}
.mb15{margin-bottom: 15px !important;}

/*BUTTON CODING*/
.btn-orange{color: #fff;background-color: rgb(255,87,34);}
.btn-red-cell {background: #ef3556;cursor: pointer;color: #fff;text-align: center;}
.btn-red-cell:hover {background: #f30c0c;}
.btn-red-cell:active {background: #c31515 !important;}

/*RIPPLE CODING*/
.btn-ripple {box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);display: inline-block;position: relative;cursor: pointer;min-height: 36px;min-width: 88px;line-height: 32px;vertical-align: middle;-webkit-box-align: center;-webkit-align-items: center;align-items: center;text-align: center;
             border-radius: 2px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;outline: none;border: 0;padding: 0 14px;white-space: nowrap;text-transform: Capitalize;font-weight: 500;font-size: 17px;text-decoration: none;overflow: hidden;font-family: cambria;}

.ripple {position: absolute;top: 0;left: 0;bottom: 0;right: 0;overflow: hidden;-webkit-transform: translateZ(0); /* to contain zoomed ripple */transform: translateZ(0);border-radius: inherit; /* inherit from parent (rounded buttons etc) */pointer-events: none; /* allow user interaction */animation: ripple-shadow 0.4s forwards;-webkit-animation: ripple-shadow 0.4s forwards;}
.rippleWave {backface-visibility: hidden;position: absolute;border-radius: 50%;transform: scale(0.7);-webkit-transform: scale(0.7);background: rgba(255,255,255, 1);opacity: 0.45;animation: ripple 2s forwards;-webkit-animation: ripple 2s forwards;}

@keyframes ripple-shadow {
0% {
box-shadow: 0 0 0 rgba(0,0,0,0.0);
}

20% {
box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}

100% {
box-shadow: 0 0 0 rgba(0,0,0,0.0);
}
}

@-webkit-keyframes ripple-shadow {
0% {
box-shadow: 0 0 0 rgba(0,0,0,0.0);
}

20% {
box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}

100% {
box-shadow: 0 0 0 rgba(0,0,0,0.0);
}
}

@keyframes ripple {
to {
transform: scale(24);
opacity: 0;
}
}

@-webkit-keyframes ripple {
to {
-webkit-transform: scale(24);
opacity: 0;
}
}

/* MAD-BUTTONS (demo) */
[class*=mad-button-] {display: inline-block;text-align: center;position: relative;margin: 0;white-space: nowrap;vertical-align: middle;font-family: "Roboto", sans-serif;font-size: 14px;font-weight: 500;text-transform: uppercase;text-decoration: none;border: 0;outline: 0;background: none;transition: 0.3s;cursor: pointer;color: rgba(0,0,0, 0.82);}
[class*=mad-button-] i.material-icons {vertical-align: middle;padding: 0;}
.mad-button-raised {height: 36px;padding: 0px 16px;line-height: 36px;border-radius: 2px;box-shadow: /*amb*/ 0 0 2px rgba(0,0,0,0.15),/*key*/ 0 1px 3px rgba(0,0,0,0.25);}
.mad-button-raised:hover {box-shadow: /*amb*/ 0 0 2px rgba(0,0,0,0.13),/*key*/ 0 2px 4px rgba(0,0,0,0.2);}
.mad-button-action {width: 56px;height: 56px;padding: 16px 0;border-radius: 32px;box-shadow: /*amb*/ 0 0 2px rgba(0,0,0,0.13),/*key*/ 0 5px 7px rgba(0,0,0,0.2);}
.mad-button-action:hover {box-shadow: /*amb*/ 0 0 2px rgba(0,0,0,0.11),/*key*/ 0 6px 9px rgba(0,0,0,0.18);}
[class*=mad-button-].mad-ico-left i.material-icons {margin: 0 8px 0 -4px;}
[class*=mad-button-].mad-ico-right i.material-icons {margin: 0 -4px 0 8px;}


/*ETC CODING*/
.mstrUpTxtBx {border: 0;border-bottom: 1px solid red;padding: 0 5px;float: left;background: transparent;text-align: right;margin: 0 -15px;color: red;font-weight: bold;}
.valErr{    border: 1px solid red;}
.RAKESH_IT{color:magenta !important;font-weight:bold}
.SANJEEV_IT{color:red !important;font-weight:bold}
.DUBEY_IT{color:#dc3545 !important;font-weight:bold}
.DNF{    color: red;font-weight: bold;text-align: center;margin: 20px;   font-size: 25px;}
.UpdMsg{    line-height: 10;text-align: center;margin: auto;font-size: 36px;}
.multiDateTog{color: magenta !important;border-bottom: 3px solid magenta !important;}
.multiDateTogBtn{float: left;    text-align: center;border: 1px solid #949494;    border-bottom-width: 3px;    cursor: pointer;margin-bottom: 7px;width: 50%;padding: 5px 0 5px;color: #949494;}
.multiDateTogBtn:hover {color: magenta;border-bottom: 3px solid magenta !important;}
.multiDateTogBtn:first-child{border-radius: 4px 0 0 0;border-right: 0px;}
.multiDateTogBtn:last-child{border-radius: 0 4px 0 0;}
.pn-sap{border-left: 1px dotted #9e9e9e;margin: 0 5px 0 4px;}

/**************************************************/
/****************** TICKET STYLING ****************/
/**************************************************/    
/*B2C*/
.AppyB2C .panelBox .panelHdng{padding: 3px 10px;color: #fff;font-size: 12px;border-bottom: 0px solid #ff4b4b;background: #4DB7FF;font-weight: bold;}
.AppyB2C .panelBox  .panelNav{font-size: 11px;padding: 2px 10px;border-top: 0px solid #ff4b4b;overflow: hidden;background: #d9efff;}
.AppyB2C .panelBox  .panelBody{padding: 10px;font-size: 11px;background-color: #fff;border-radius: 2px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);}
.AppyB2C .fluidAmountInfo{text-align:center; font-weight: normal;padding: 10px;font-size: 12px;background-color: #fff;border-radius: 2px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);}
.AppyB2C .fluidAmountInfo .fluidAmountInfoHead{background: #4DB7FF;color: #fff;border-bottom: 0px solid #4DB7FF;font-weight: bold;}

/*B2B*/
.AppyB2B .panelBox .panelHdng{padding: 3px 10px;color: #fff;font-size: 12px;border-bottom: 0px solid #ff4b4b;background: #ff4b4b;font-weight: bold;}
.AppyB2B .panelBox  .panelNav{font-size: 11px;padding: 2px 10px;border-top: 0px solid #ff4b4b;overflow: hidden;background: #ffe5e5;}
.AppyB2B .panelBox  .panelBody{padding: 10px;font-size: 11px;background-color: #fff;border-radius: 2px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);}
.AppyB2B .fluidAmountInfo{text-align:center; font-weight: normal;padding: 10px;font-size: 12px;background-color: #fff;border-radius: 2px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);}
.AppyB2B .fluidAmountInfo .fluidAmountInfoHead{background: #ff4b4b;color: #fff;border-bottom: 0px solid #ff4b4b;font-weight: bold;}

/*KWC*/
/*.AppyKWC .panelBox .panelHdng{padding: 3px 10px;color: #fff;font-size: 12px;border-bottom: 0px solid #ff4b4b;background: #FF5722;font-weight: bold;}
.AppyKWC .panelBox  .panelNav{font-size: 11px;padding: 2px 10px;border-top: 0px solid #ff4b4b;overflow: hidden;background: #ffd2c4b3;}
.AppyKWC .panelBox  .panelBody{padding: 10px;font-size: 11px;background-color: #fff;border-radius: 2px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);}
.AppyKWC .fluidAmountInfo{text-align:center; font-weight: normal;padding: 10px;font-size: 12px;background-color: #fff;border-radius: 2px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);}
.AppyKWC .fluidAmountInfo .fluidAmountInfoHead{background: #FF5722;color: #fff;border-bottom: 0px solid #FF5722;font-weight: bold;}*/
.AppyKWC .panelBox .panelHdng{padding: 3px 10px;color: #fff;font-size: 12px;border-bottom: 0px solid #ff4b4b;background: #4DB7FF;font-weight: bold;}
.AppyKWC .panelBox  .panelNav{font-size: 11px;padding: 2px 10px;border-top: 0px solid #ff4b4b;overflow: hidden;background: #d9efff;}
.AppyKWC .panelBox  .panelBody{padding: 10px;font-size: 11px;background-color: #fff;border-radius: 2px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);}
.AppyKWC .fluidAmountInfo{text-align:center; font-weight: normal;padding: 10px;font-size: 12px;background-color: #fff;border-radius: 2px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);}
.AppyKWC .fluidAmountInfo .fluidAmountInfoHead{background: #4DB7FF;color: #fff;border-bottom: 0px solid #4DB7FF;font-weight: bold;}



.colorB2b{color: #ff4b4b}
.colorB2c{color:#4DB7FF}
.bgB2b{background: #ff4b4b}
.bgB2c{background:#4DB7FF}           

.colorKWC{color:#FF5722}
.bgKWC{background:#FF5722}
                 

/* panel */
/*.panelHdng{padding: 3px 10px;color: #fff;font-size: 12px;border-bottom: 1px solid #ff4b4b;background: #ff4b4b;}
.panelNav{font-size: 11px;padding: 2px 10px;border-top: 1px solid #ff4b4b;overflow: hidden;background: #ffe5e5;}
.subItem{float:left;width:25%;}
.panelBody{padding: 10px;font-size: 11px;background-color: #fff;border-radius: 2px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);}
.fluidAmountInfo{text-align:center; font-weight: normal;padding: 10px;font-size: 11px;background-color: #fff;border-radius: 2px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);}
.fluidAmountInfoHead{background: #ff4b4b;color: #fff;border-bottom: 1px solid #ff4b4b;}*/
.subItem{float:left;width:25%;}
.custInfo{display: inline-table;border-top: 2px solid #066f01;border-bottom: 2px solid #066f01;width: 100%;font-size: 12px; color: #066f01;}
.panelCol{width:25%;float:left}
.pnrlg{float: left;margin-right: -3px;top: 2px;position: relative;}
.ffTxt{text-align: left;padding-left: 10px !important;font-weight: bold;}
.ffAmt{text-align: left;padding-left: 15px !important;}
.gtTxt{font-weight: bold;text-align: right;padding-right: 10px !important;}
.gtAmt{font-weight: bold;text-align: right;padding-right: 15px !important;} 
.visiblity-hidden{visibility:hidden}
.updateErr{position: absolute;z-index: 99999;float: left;overflow: hidden;margin: 14px 15px;padding: 10px 15px;right: 0;font-size: 16px;border-radius: 2px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);color: #d70000;background: #ffd2d2;}
.fareSumSbTl{background: #fafafa;
text-align: left;
padding: 3px 12px;
clear: both;
margin: 10px 0 5px;
border-bottom: 1px dotted;
color: #777;
}
 .fareSumSbTlRt{text-align: right;
display: inline-block;
float: right;

}
.InfoUnavail{
    width: 100%;
clear: both;
text-align: left;
padding: 5px 15px 6px;

}
     

/*connecting*/
.conPnrRow:first-child{padding:0 0 10px}
.conPnrRow{border-bottom:1px dotted #000;padding:10px 0}
.conPnrRow:last-child{border-bottom:0px dotted red;padding:10px 0 0}

/*roundway*/
.lpnrPad{padding: 0px 0% 0px 3% !important;}



/**************************************************/
/****************** TOP STICKY NAV ****************/
/**************************************************/
/*ticket page*/
.TopNav{background-color:#f4f7f8;border:1px solid #e0e5e7;border-width:0 1px 1px 0;vertical-align:middle;text-decoration:none}
.TopNavCont{background-color:#f4f7f8;display:table-cell;font-size:12px;font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#666;border:1px solid #e0e5e7;border-width:0 1px 0 0;vertical-align:middle;position:relative;text-decoration:none;text-align:center}
.TopNavIn{padding:4px 20px 4px 13px;text-decoration:none;display:inline-block;vertical-align:middle;cursor:pointer;}
.headerCompName{float: left;font-size: 34px;line-height: .8;text-transform: capitalize;border-left: 8px solid #dedede;padding-left: 5px;margin-left: 14px;color: #ff5722;margin-top: 13px;}
.TopNavDropDown{position:absolute;z-index:99999;border-bottom-left-radius:3px;border-bottom-right-radius:3px;background:white;right:-1px;border-collapse:collapse;border:1px solid #e0e5e7;box-shadow:0 5px 6px 1px rgba(0,0,0,0.1);padding:15px;top:25px;cursor:default}
.rk-hide{height:0 !important;opacity:0 !important;display: none;}




.TopNavLoginTitle{text-align:left;font-size:22px;border-bottom:1px solid #e4e4e4;margin-bottom:15px;padding-bottom:3px;color:#ff5722}
.TopNavTopBtnBrdr{border-top:1px solid #e4e4e4;margin-top:-6px;padding-top:14px}
.TopNavLoginLoader{border-top:1px solid #e4e4e4;padding-top:10px;text-align:center;margin-top:-6px;color:#ff5722;font-size:13px;line-height:1}
.tktResult{text-align:center;margin-top:1px;font-size:20px;border:3px double;padding:5px;border-radius:2px}
.TktCnf{color:green;border-color:green}
.TktPending{color:#ff750e;border-color:#ff750e}
.TktFail{color:red;border-color:red}
.TktRefall{color:red;border-color:red}
.Tktpnrno{text-align:center;margin-top:1px;font-size:26px;border:3px double;padding:2px 0;border-radius:2px;text-transform:uppercase}
.Tktpnrno2{text-align:center;margin-top:1px;font-size:13px;border:3px double;padding:11px 0;border-radius:2px;text-transform:uppercase}
.TktStsNote{color:#066f01;padding-top:26px;font-size:11px;font-family:cursive}
.TktMemo{font-size:14px;margin-top:12px;color:#307d02;text-decoration:none;text-align:center}
.TktTitle{font-size:33px;text-align:center;font-weight:bold;color:#078600;text-decoration:underline}
.TktSubTitle{width:100%;padding:1px 0;text-align:center;font-size:12px;color:#005a04}
.RowPnr{margin-right: -15px;
margin-left: -15px;}
.minus-mr15{margin-right:-15px}
.infoBoxOW{width:50%;float:left;padding:0;margin:10px 0}
.blpOW{border-left:1px solid #000;padding:0 0 0 3%}
.text-capitalize span{text-transform:uppercase}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {text-align: center;}
.viewMultiDate {float: left;
    text-align: right;
    margin-right: -15px;
    color: grey;
    cursor: pointer;
    text-decoration: underline;}
.viewMultiDate:hover {
    color: green;
}
.darkGreen{color: #fff;background:green !important;cursor:pointer}
.darkGreen:hover{color: #fff;background:green !important}
.darkBlue{background: #0307FF;color: #fff;}

/*color*/
.darkGreenColor{color:green}
.darkRedColor{color:red}
.darkBlueColor{color: #0307FF;}
.darkSkyblueColor{color:#2196f3;}


/******* Transation details ******/
.failTle{background: #52b6ff;color: #fff;border-bottom: 1px solid #0080d7;overflow: hidden;padding: 4px 0;font-size: 15px;font-weight: bold;}
.failRw{font-size: 12px;font-weight: normal;/*padding: 3px 3px 3px 0px;*/border-bottom:1px solid #CCC}
.failRw:last-child{border-bottom:0px solid #CCC}
.failRw:hover{background:#fafafa}
.failCell{padding: 6px 0; border: 1px solid #fff}
.failSts{cursor: pointer;background: #fbffe5;border: 1px solid #ffec97;color: #035780;font-weight: bold;}
.failTgl{border-bottom: 1px solid #CCC;background: rgba(251, 255, 229, 0.62);padding: 4px 0;}
.grDesTtl{padding: 5px 15px;background-color: #f9f9f9;margin-bottom: 15px;font-size: 14px;    border-bottom: 1px solid #e8e8e8;}
.grDes{overflow:hidden;padding:3px 0;margin-bottom:2px}
.grDes:nth-child(odd) {background-color: #f9f9f9;}
.grDes:hover {background-color: #52b6ff;color:#fff}
.desTtl{font-weight: bold;background: rgba(255, 190, 0, 0.54);overflow: hidden;margin-top: -3px;padding: 4px 0px;color: #036fbf;}
.des-lt{font-weight:bold}
.desTktWidth{width: 95%;}
.des-lt{font-weight:bold}
.tabClass{border: 1px solid silver;border-width: 1px 1px 3px;color: gray;cursor: pointer;padding:3px;text-align: center;font-size: 13px;} 
.tglTabAct{color:orange !important;border:1px solid orange !important;background:#fff !important;border-width: 1px 1px 3px !important;}
.hr-green{background:#01c30a;height:2px}
.hr-orange  {background: rgb(255,87,34);height: 2px;}

.hr-b2b{background:#ff5722;height:1px}
.hr-b2c{background:#00c0ff;height: 1px;}

.btn-sky{background:#5bc0de !important;border-color:#46b8da !important;color: #fff !important;}
.btn-green{background:#01c30a !important;border-color:#01c30a !important;color: #fff !important;}
.btn-red{background:rgb(255,82,82) !important;border-color:rgb(255,82,82) !important;color: #fff !important;}

/**** FILE UPLOAD  ***/
.progress{margin-top:20px}
.hide{display:none}
.panel-success {border-color: #3C763D;}
.panel-success > .panel-heading {background: #3c763d;border-color: #3C763D;color:#fff;text-transform:uppercase;}
.pxNameSpace{margin-right: -43px;}
.pxTypeSpace{font-size:11px;padding: 2px 0;}

/**** REPORTING SALE AND PURCHASE  ***/
.pnrSearch{width: 80% !important;float: right !important;height: 18px !important;border: 0 !important;background: #f3f3f3 !important;box-shadow: inset 0 0px 0px #fff !important;padding: 0 !important;margin: 0;font-size: 13px;}
.page{margin-top:20px}
.liteBox{background: #fff;margin: 10px 1%;width:22.5%;float:left;border-radius: 4px;border: 1px solid #c1d8ff;}
.liteCont{margin-left:1%;}

.panel-success {border-color: #7ae123;}
.panel-success > .panel-heading {color: #3c763d;background-color: #c1e9b1;border-color: #7ae123;}
.panel-info {border-color: #56d7f2;}
.panel-info > .panel-heading {color: #3e7a98;background-color: #b7e7ff;border-color: #56d7f2;}
.detailHdng{padding: 8px 12px 3px;background: #d7e6ff;}
.detailBox{padding: 5px 15px;border-top: 1px solid #c1d8ff;}
.detailRow{}
.detailRowL{width: 50%;float: left;font-size: 12px;letter-spacing: 1px;color: #787878;}
.detailRowR{width: 50%;float: right;font-size: 12px;letter-spacing: 1px;color: #787878;}
.breakLite{color: #EAEAEA;border: 1px solid;margin: 0;padding: 0;}
.hrLine{color: #31B0D5;border: 1px solid;}
.s1{border-top: 1px solid rgb(12, 174, 209);padding-top: 5px;background: #fff;color: rgb(255, 255, 255);padding: 20px 0;}
.err{color:red;padding: 0px 0 21px 16px;}
.bottom-space{margin-bottom: 22px !important;overflow: hidden;}
.success{color:green;padding:15px}
.process{color:green;padding:15px;text-align:center;margin:auto;}
.keyVal{color: #009ec0;}
input[type=radio].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=radio].css-checkbox + label.css-label {padding-left: 26px;height: 21px;display: inline-block;line-height: 21px;background-repeat: no-repeat;background-position: 0 0;font-size: 15px;vertical-align: middle;cursor: pointer;color: #1494b0;}
input[type=radio].css-checkbox:checked + label.css-label {background-position: 0 -21px;}
label.css-label {background-image: url('../ico/rdoBtm.png');
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.err{color:red}
.fa-no-ft{float: none !important;}
@media screen and (max-width: 768px) {
.liteBox{width:47%;}
}

@media screen and (max-width: 992px) {
    .container {
        width: auto !important;
    }
}
@media screen and (max-width: 480px) {
.liteBox{width:94%;}
}


                                                
/**********************************************************/

.gstians {
    color: #616161;
}

.loader_small {background: url('../ico/sl.gif') center no-repeat #fff;padding: 25px 0;}

.pull-none{float:none !important}


.panel-info { border-color: #19ceed !important;}
.panel-info > .panel-heading {border-color: #19ceed !important;}

.s1{border-top: 1px solid rgb(12, 174, 209);
padding-top: 5px;
background: linear-gradient(#c0eaf2,#585a5a);
color: rgb(255, 255, 255);
padding-bottom: 5px;}

.s2{
background: linear-gradient(#f9fefd,#d5d7d8);
color: rgb(92, 92, 92);
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 0px;
border-bottom: 1px solid #60ccd5;
}
.s2:hover{background: linear-gradient(#8ecfe6);cursor:pointer; color:#333}

.s3{padding-top: 5px;
background: #e2f8ff;/*linear-gradient(#fff,#e3e3e3);*/
border-bottom: 1px solid #bdbdbd;
font-size: 13px;
padding-bottom: 5px;
color: dimgray;}
.s3:hover{background: linear-gradient(#bde7e4,#b1ebff);cursor:pointer;color:#333}



.s4 {border-bottom: 1px solid #c3c3c3;
padding-top: 4px;
background: linear-gradient(#d7f4ff, #e4fbff);
padding-bottom: 4px;
font-size: 13px;
color: #00a5ff;
cursor:pointer;
}
.s4:hover {background: linear-gradient(#e4fbff,#d7f4ff);color: #333;cursor:pointer;}

.s6 {border-bottom: 1px solid #c3c3c3;
padding-top: 4px;
background: #ff2121;
padding-bottom: 4px;
font-size: 13px;
color: #fff;}


.s5 {padding-top: 3px;
background: #fafafa;
box-shadow: inset 0 -1px #C6C6C6;
color: #777;
font-size: 12px;
padding-bottom: 3px;}
.s5:hover {background: #EDEDED;color: #333;}


.err{color:red;padding: 0px 0 21px 16px;}
.bottom-space{margin-bottom: 22px !important;overflow: hidden;}
.active {color: #ff6300;}
.active:hover {color: #ff6300 !important;}

.navbar-inverse {
    background-color: #DFF4FF;
    border-color: #47BAF3;
    border-bottom: 3px solid #19ceed;
}

.navbar {
    border: 0px solid transparent;
    border-radius: 0px !important;
    border-bottom: 0px solid #47BAF3;
} 

.navAct{background: #47baf3;}
.navAct > a{color:#fff !important;}
.marbot50{margin-bottom: 79px;}
.openTog{display:none;}
.navbar-inverse .navbar-nav > li > a {color: #47baf3;}
.navbar-inverse .navbar-nav > li > a:hover {color:#19ceed;}
.navbar-inverse .navbar-toggle {border-color:  #47baf3;}
@media (max-width:768px){
    .openTog{display:block;padding: 15px;color: #0085c8;}
}


/**** HOME LOADING SCREEN  ***/
.homeLoading {/*background:url(image/gif/sl.gif) center no-repeat #fff;*/background-color:#fff;color: red;font-size: 20px;height: 100%;left: 0px;position: fixed;top: 0px;text-align: center;vertical-align:middle;width: 100%;z-index: 99999;}
.progress {height: 4px;}
.progress-bar {text-align: left;transition-duration: 8s;}
.plsWait{margin-top:136px;color:#4C9ED9}
.ballLoader div {  width: 20px;  height: 20px;  position: absolute;  left: -20px;  top: 200px;  background-color: #333;  border-radius: 50%;  animation: move 4s infinite cubic-bezier(.2,.64,.81,.23); z-index: 99999;  background-color: #07d426;border-radius: 50%;box-shadow: inset 6px -10px 50px -20px #009326;}
.ballLoader div:nth-child(2) {  animation-delay: 150ms;}
.ballLoader div:nth-child(3) {  animation-delay: 300ms;}
.ballLoader div:nth-child(4) {  animation-delay: 450ms;}
@keyframes move {  0% {left: 0%;}  75% {left:100%;}  100% {left:100%;}}
.procReq{text-align: center;margin-top: 15px;color: #15ce15;font-size: 17px;}   
.sl{background:url(http://static.ksofttechnology.com/STATIC_IMAGES/image/gif/sl.gif) center no-repeat transparent;background-color:transparent;line-height: 3;margin-top: 10px;text-align: center;vertical-align:middle;z-index: 99999;}


/******** Err Msges ******/
.err_msg{color: #c30505;font-size: 12px;}
.success_msg{color: green;font-size: 14px;margin:auto;text-align:center;padding: 19px 0 2px;}
.fail_msg{color: #c30505;font-size: 14px;margin:auto;text-align:center;padding: 19px 0 2px;}
.transProccess{margin:auto;text-align:center;padding: 19px 0 2px;color:#0081ff}
.centered-form .panel{background: rgba(255, 255, 255, 0.8);box-shadow: rgba(0, 0, 0, 0.3) 20px 20px 20px;}

/******** MAIL CALL CENTER ******/
.mailResStyle{line-height: 34px;font-weight: bold;font-size: 19px;}


/******** BOOKING CALL CENTER ******/
.W83{width:83% !important;}
.W100{width:100% !important;}
.updateFare{color: #b40c0c;}
.w70{width:70% !important;padding: 0 6px;}
.w60{width:60% !important;padding: 0 6px;}
.w50{width:50% !important;padding: 0 6px;}
.w40{width:40% !important;padding: 0 6px;}
.w33{width:33.333% !important;padding: 0 6px;}
.w30{width:30% !important;padding: 0 6px;}
.w25{width:25% !important;padding: 0 6px;}
.w20{width:20% !important;padding: 0 6px;}
.w10{width:10% !important;padding: 0 6px;}
.w8{width:8% !important;padding: 0 6px;}
.w21{width:21% !important;padding: 0 6px;}

/******** SELECTOR ******/
.lightSelectorEven {background: #f5f5f5;overflow: hidden;margin: 0 5px;padding: 4px 0;}
.lightSelectorOdd {background: #fff;overflow: hidden;margin: 0 5px;padding: 4px 0;}
.lightSelectorMain {overflow: hidden;margin: 0 5px;padding: 4px 0;border-top: 1px solid #ccc;}
.lightSelectorEven:hover, .lightSelectorOdd:hover {background: #cee5ff;overflow: hidden;margin: 0 5px;}
.lightBody{padding:0 10px !important}


/* tktNotFound */
.tktNotFound{color:red;line-height:10;text-align:center;margin:auto}


.welcomeMenu{font-size: 27px;color: #fff;padding: 2px;text-align: center;}

/******** DEAL ******/
.pd0{padding:0 !important}
.clear-fix{position:relative}
.clear-input{padding: 0px 27px 0px 8px;border: 0px none;border-radius: 0px;}
.clear-close{position: absolute;cursor: pointer;right: 3px;bottom: 9px;}
.clear-close-c{color: #36d7f9;font-size: 11px;font-weight: normal;}

.clear-close-c:hover{color:red}

.clear-close-c-fix{color: red;font-size: 11px;}
.clear-close-fix{position: absolute;cursor: pointer;right: -1px;bottom: 15px;/*right: -1px;bottom: 21px;*/}
.clear-input-fix{    padding: 0px;
    border: 0px none;
    border-radius: 0px;
    font-size: 11px;
    text-align: center;
    color: #cc0000;
    /*height: 28.5px;*/
    height: 30px;
}


.trEdit tr td:first-child{width: 15px}
.trEdit tr td:last-child{width: 100px;text-align:center}
.showGrid{padding:0 0 0 8px !important;line-height: 2.5;}
/*input{height:36px !important}*/
.cusror{cursor:pointer}
.cp{color:#41A83E}
.cg{color:#05c205;}
.cc{color:cyan}
.cgl{color:forestgreen}
.cr{color:orangered}
.crl{color:#fc5757;}
.cv{color:#004ad6}
.cu{color:#6800d6}
.co{color:orange}
.head{background: #72757d;color: #fff;}

/******** DEAL ******/
.showGridFF{line-height: 2.5;font-size: 11px;}


/** b2c wallet **/
.heading{border-bottom: 3px solid #07a3d7;padding-bottom: 3px;margin-bottom: 22px;color: #07a3d7;}
.inTdHvr:hover{background:#fffec4 ;cursor:pointer;color:#0080d7}

/** Booking Panel **/
.cancelBkBox{background:red !important;color:#fff;}
.cancelBkId{font-weight:normal;font-size:14px;padding: 6px 0 2px;}
.cancelBkTym{font-size: 13px;
padding: 2px 0 8px;
color: #959595;
border-top: 1px solid #f0f0f0;}

/*******************************************************/
/********************  SHOW BOOKING   ******************/

.rmStsCncl{color:#ff031e}
.rmStsCncl2{color:#ff031e}
.rmStsCnclUP{color:magenta;}
.rmStsFail{color:#900}
.rmStsPen{color:magenta;}  /*#cc8400*/
.rmStsCnf{color:#005D00}
.rmStsDr{color:#900}
.rmStsCr{color:#005D00;}
.rmStsFr{color:#FF0012}
/*.rmStsPen{color:#cc8400 !important;}*/
.f24{font-size:24px}
.wrap-txt{text-overflow: ellipsis;white-space:nowrap;overflow: hidden;cursor:pointer;}
.wrap-txt:hover{text-overflow: ellipsis;color: #4c9ed9;}
.tar{text-align: right;}
.f10{font-size: 10px;}
.f12{font-size:12px}
.cr{color:red}
.inputClear{border: 0px none !important;box-shadow: 0px 0px 0px !important;border-radius: 0px !important;}
.modal .form-control {height: 30px;padding: 3px 6px;font-size: 12px;color: #0A6DC2;}
.modal .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background-color: #fff !important; cursor:copy}
.line{border-top: 1px solid #359bef;margin-top: 11px;}
.pax{padding:0px 15px}
.tpax{background:#359bef;color:#fff;overflow: hidden;margin-bottom: 10px}
.tpax div{padding:4px 20px;}
.c{clear:both;height:0px}
.c20{clear:both;height:20px}
.c50{clear:both;height:50px}
.c100{clear:both;height:100px}
.c15{clear:both;height:15px}
.rows{color: rgb(1, 101, 134);font-size: 13px;}
.rows:hover{background:#fafafa}
.ttl{text-transform: lowercase; }
.tc{text-align:center}
.btnBook{background:#359bef;cursor:pointer;color:#fff;text-align:center}
.btnBook:hover{background:#0c8bf3}
.btnBook:active{background:#1574c3}

.btnBookRed{background:red;cursor:pointer;color:#fff;text-align:center}
.btnBookRed:hover{background:#da0000}
.btnBookRed:active{background:#b90404}

.btnBookBlue{background:#3f51b5;cursor:pointer;color:#fff;text-align:center}
.btnBookBlue:hover{background:#263baf}
.btnBookBlue:active{background:#4456b9}



.btnBooked{background:#2cd528;cursor:no-drop;color:#fff;text-align:center}
.modal-header, h4, .close {background-color: #5cb85c;color:white !important;text-align: center;font-size: 26px;}
.modal-footer {background-color: #f9f9f9;}
.modal-dialog { width: 750px !important;margin: 30px auto;}
.lockId{    text-align: right;color: #0a6dc2;padding: 5px 15px;}
.spin {-webkit-animation: fa-spin 2s infinite linear;animation: fa-spin 2s infinite linear;}
.login{background: #ededed;width: 100px;text-align: center;font-weight: bold;color: #c80202;border: 1px solid #c5c5c5;float: right;clear: both;cursor: pointer;}
.logout{position: absolute;right: 0;background: #ededed;width: 100px;text-align: center;font-weight: bold;color: #c80202;border: 1px solid #c5c5c5;top: 36px;cursor: pointer;}





@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* ticket format */
.tktWrap{padding: 15px;border: 1px solid #ccc;height: 300px;overflow: scroll;overflow-x: hidden;}
.fltLogo {background-image: url('http://beta.todayfare.com/image/icon/flight_icon.png');background-repeat: no-repeat;height: 20px;margin: auto;width: 22px;}
.overflow{overflow: hidden}
.pagePnr{border:0px solid #ddd; margin:0px 0}
.eTitle{font-size: 23px;text-align: center;font-weight: bold;color: #4c9ed9;text-decoration:underline}
.eSubTitle{width:100%;padding:1px 0;text-align:center;font-size: 12px;color:#46b1ff}
.cmpyname{font-size: 26px;color: #4C9ED9;font-weight: bold;}
/*.boldLine{border-top:1px solid #000;border-bottom:1px solid #000;}*/
.tkt-msg{color: #686868;font-size: 11px;text-align:center}
.infoBox{width: 33.33%;float: left;padding: 0;margin: 10px 0px;}
.blr{border-left: 1px solid #000;padding: 0px 0% 0px 2%;border-right: 1px solid #000;}

.infoBox label {margin-bottom: 2px !important;font-size: 14px !important;}
.casHdng{padding: 3px 0px 6px;color:#000;font-size:12px;}
.tbSpace{margin: 17px 0px;overflow:hidden}
.txt11{font-size:11px}
.flt-logo{border:0px solid #ddd;border-radius:4px;}
/*.pnrBox{margin: 10px auto;border: 3px solid #5BAEFF;text-align: center;padding: 5px 0;box-shadow: 4px 5px 12px rgba(0,0,0,.09);width:75%}
.pnrno{font-size:17px;color: #4C9ED9;font-weight: bold;}
.pnrlg{float: left;margin-right: 10px;top: 7px;position: relative;}*/
.bl{border-left:2px solid #ddd}
.detBox{width: 98%}
.pt2{padding-top: 2px;}
.print-btn{}
.minBoxH{min-height:66px}
.sesExp{color: #ffbd00;text-align: center;font-size: 50px;padding: 150px 0px;background: rgb(255, 255, 253);border: 1px solid rgb(255, 255, 217);margin: 10px 0px;border-radius: 6px;}
.br{border-right:1px solid #000}
.fa-rt-pad{padding:0 5px 0 0}
.fa-b3{ margin: 11px 4px 0 0 !important;}
.fa-b3-1{font-size: 14px !important;
margin: 11px 4px 0 0 !important;}
.conArrow{padding-right: 30%;padding-top: 4%;}











/********************************************************/
/************************  PNR  *************************/
 
    .pagePnr{border:0px solid #ddd; margin:0px 0}
    .eTitle{font-size: 23px;text-align: center;font-weight: bold;color: #4c9ed9;text-decoration:underline}
    .eSubTitle{width:100%;padding:1px 0;text-align:center;font-size: 12px;color:#46b1ff}
    .cmpyname{font-size: 26px;color: #4C9ED9;font-weight: bold;}
    /*.boldLine{border-top:1px solid #000;border-bottom:1px solid #000;}*/
    .tkt-msg{color: #686868;font-size: 11px;text-align:center}
    .infoBox{width: 33.33%;float: left;padding: 0;margin: 10px 0px;}
    .blr{border-left: 1px solid #000;padding: 0px 0% 0px 3%;border-right: 1px solid #000;}
    .infoTxt{font-size: 12px;text-align: left;line-height: 1.5;}
    .infoBox label {margin-bottom: 2px !important;font-size: 14px !important;}
    .casHdng{padding: 3px 0px 6px;color:#000;font-size:15px;}
    .tbSpace{margin: 17px 0px;overflow:hidden}
    .txt11{font-size:11px}
    .txt13{font-size:13px}
    .flt-logo{border:0px solid #ddd;border-radius:4px;}
    /*.pnrBox{margin: auto;border: 3px solid #5BAEFF;text-align: center;padding: 5px 0;box-shadow: 4px 5px 12px rgba(0,0,0,.09);width:75%}
    .pnrno{font-size:22px;color: #4C9ED9;font-weight: bold;}
    .pnrlg{float: left;margin-right: 10px;top: 7px;position: relative;}*/
    .bl{border-left:2px solid #ddd}
    .detBox{width: 98%}
    .pt2{padding-top: 2px;}
    .print-btn{}
    .minBoxH{min-height:66px}
    .sesExp{color: #ffbd00;text-align: center;font-size: 50px;padding: 150px 0px;background: rgb(255, 255, 253);border: 1px solid rgb(255, 255, 217);margin: 10px 0px;border-radius: 6px;}
    .br{border-right:1px solid #000}
    .fa-rt-pad{padding:0 5px 0 0}
    .conArrow{padding-right: 30%;padding-top: 4%;}




    /****************************************************pax****/
    /*device test*/
    .deviceTest {margin-bottom:15px}
    .deviceTest .col-lg-12{color:#fff; overflow:hidden;background:red;font-weight:bold;padding:10px 0}
    .deviceTest .col-md-12{color:#fff; overflow:hidden;background:green;font-weight:bold;padding:10px 0}
    .deviceTest .col-sm-12{color:#fff; overflow:hidden;background:#2299EA;font-weight:bold;padding:10px 0}
    .deviceTest .col-ms-12{color:#fff; overflow:hidden;background:yellow;font-weight:bold;padding:10px 0}
    .deviceTest .col-xs-12{color:#fff; overflow:hidden;background:orange;font-weight:bold;padding:10px 0}




    /*<div class="col-lg-12 col-md-12 col-sm-12 col-ms-12 col-xs-12 ">LG: red, MD: green,SM: White, MS: yellow, XS: Cyan</div>*/
    /*******************/
    /* MAIN THEME COLOR*/

    .kcs{color:#008CBA}
    .kcg{color:#007b05} /*pnr confirm*/
    .kcr{color:#F44336}

    .kbs{background:#008CBA}
    .kbg{background:#4caf50}/*#5CB85C}*/
    .kbr{background:#F44336}

    .kxs{border:1px solid #008CBA}
    .kxg{border:1px solid #4caf50}/*#5CB85C}*/
    .kxr{border:1px solid #F44336}

    .klg{color: #00A83D;}
    .kor{color: #d6bd00;}

    /*******************/

    .codePop{color: #000;
        font-size: 20px;
        line-height: 2;}
    .cityNamePop{
        color: #000;
        font-size: 27px;
        font-weight: normal;
        line-height: 1;
    }


    header {
    }
    footer{

    }

    .r{border:1px solid red}
    .g{border:1px solid #ddd}

    a:hover{text-decoration:none}
    .boldLine{height: 2px;background: #83cbff;}
    /* background */
    .bp{background:pink}
    .by{background:yellow}
    .bc{background:cyan}
    .bo{background:orange}
    .b5{background:#f2dac9;}
    .b6{background:#2cffa3}
    .bw{background:white}
    .bm{background:#CB3904}
    .by{background:yellow}
    .bs{background:#fafafa}
    .bp{background:#2299EA;} 

    /* clears*/
    .c20{clear:both;height:20px}
    .c10{clear:both;height:10px}
    .c{clear:both;height:0px}
    .c5{clear:both;height:5px}

    /* line hight */
    .line-height-no{line-height: 0px;}

    /* cursor */
    .mp{cursor:pointer} /* mouse pointer */
    /*.mp:hover{cursor:pointer;color:#46b8da;}*/

    /* text-alignment */
    .tac{text-align:center}
    .tal{text-align:left}
    .tar{text-align:right}
    .taj{text-align: justify;}
    .u{text-transform:uppercase}

    /* text-transformation */
    .ttrsfrm{text-transform:uppercase}

    /* font-size */
    .f11{font-size: 11px;font-weight: normal;}
    .f12{font-size: 12px;font-weight: normal;}
    .f13{font-size: 13px;}
    .f14{font-size: 14px;}


    /* font-weight */
    .fwn{font-weight: normal;}
    .b{font-weight:bold}

    /* displays */
    .dn{display:none}

    .outline-none{outline: none !important}
    /* paddings */
    .ptb6{padding-top:6px;padding-bottom:6px}
    .p8{padding: 8px;}
    .pt15{padding-top: 15px;}
    .pt10{padding-top: 10px;}
    .pt30{padding-top: 30px;}
    .pl0{padding-left: 0px;}
    .pt7{padding-top: 7px;}
    .pl5{padding-left: 5px;}
    .pBtn{padding: 10px 20px !important;}
    .p0{padding:0 !important;}
    .p3{padding: 0 3px !important;}
    .ptb10{padding:10px 0}
    .pl15{padding-left: 15px;}
    .pl23{padding-left: 23px;}
    .pr15{padding-right: 15px;}
    .pr10{padding-right: 10px;}
    .pt4{padding-top:4px}
    .width-full{width:100% !important}
    .plr15{padding-left: 15px;padding-right: 15px;}
    /* margins */
    .mtb6{margin:6px 0px}
    .mt7{margin-top:7px}
    .mtb10{margin-top:10px;margin-bottom:10px}
    .mb10{margin-bottom:10px}
    .mb5{margin-bottom:5px}
    .ml15{margin-left: 15px;}
    .mr15{margin-right: 15px;}
    .mt100{margin-top: 100px;}
    .mb0{margin-bottom:0px}

    /* heights */
    .ih{padding:1px 4px;height:28px !important} /* input type text height */
    .ih::-webkit-input-placeholder {font-size:12px; }
    .ih::-moz-placeholder {font-size:12px;}
    .ih::-moz-placeholder {font-size:12px;}
    .ih:-ms-input-placeholder {font-size:12px;}


    /* border radius */
    .br4400{border-radius: 4px 4px 0px 0px !important;}
    .br0044{border-radius: 0px 0px 4px 4px !important;}
    .br4004{border-radius: 4px 0px 0px 4px !important;}
    .br0440{border-radius: 0px 4px 4px 0px !important;}
    .tb-r{border-radius: 0 11px;}

    /* border */
    .btt{border-top:1px solid silver}
    .brt{border-right:1px solid #eee}
    .bl {border-left:1px solid silver}
    .br0{border-right:0 !important}
    .bl0{border-left:0 !important}
    .pipe div{border-right:1px solid #ddd}
    .pipe div:last-child{border-right:0px solid #ddd }

    /* text-color */
    .cg{color:#1be01b;} /* green */
    .cs{color:#004E54;} /* gray */
    .cm{color:#CB3904;} /* mahroon */
    .ct{color:magenta;} /* magenta */
    .co{color:#F6A32D !important;} /* orange */
    .cr{color:Red}/* red */
    .cc{color:#4C9ED9;} /* cyan */
    .cp{color:#2299EA;} /* paytm */
    .loading{color:orange; font-weight:bold}
    .cw {color:#fff}
    .cb{color:#000;} /* black */
    .cn{color:#004E54} /*navy*/
    .cv{color: #1807ff;}  /*dark blue*/
    .cd{color:#aaa6a6}

    /*** Common Style ***/
    .ft-lt{float:left}
    .ft-rt{float:right}
    .ft-no{float:none !important}
    .pad10{padding:10px}
    .clear{height:0px;clear:both}
    .clear10{height:10px;clear:both}
    .clear20{height:20px;clear:both}
    .txt-lt{text-align:left}
    .txt-rt{text-align:right}
    .txt-ct{text-align:center}
    .no-pad{padding-right:0px;padding-left:0px;}
    .small, small{font-weight: normal;color: #004E54;}
    .smaller{font-size:80%}
    .white{color:White}

    /*** Icons pack ***/
    .fa-set{margin: 2px 0px}
    .fa-p3{margin: 3px 0px}
    .fa{padding:0 5px;float: left;}
    .fa-search{padding:3px 0}
    .fa-home{float:none;font-size:26px}
    .android{color:#99CC00;font-size: 15px;}
    .user{color:#00B9F5;font-size: 15px;}
    .ticket{color:green;font-size: 15px;}
    .support{color:Orange;font-size: 15px;}
    .fa-1x{font-size: 18px !important;}

    /* overflow*/
    .overflow{overflow: hidden;}

    .xnd{position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        text-align: center;
        line-height: 20;
        border: 1px solid red;
        background: rgba(51, 51, 51, 0.79);}

    .xnd div{
        width: 43%;
        height: 100px;
        z-index: 99991;
        text-align: center;
        line-height: 5;
        border: 1px solid #565656;
        background: white;
        margin: 56px auto;
        border-radius: 9px;
        position: relative;
    }
    .xnd div strong {
        position: absolute;
        right: 10px;
        top: 7px;
        line-height: 1;
        cursor:pointer;
        color: red;
    }
    .xnd div span {
        cursor:pointer;
        font-size: 20px;
        color: #0084a8;
    }

    .width-full{width:100% !important}
    /*filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    -moz-filter: blur(4px);
    -webkit-filter: blur(4px);*/


    /* EDITABLE SECTION*/
    .editFeild{float: right !important;margin-right: 10px;height: 25px !important;padding: 0 4px;width: 96% !important;font-size: 12px !important;}
    .editFeildTkt {margin: 0 20px 0 9px;height: 25px !important;padding: 0 4px;width: 90% !important;font-size: 12px !important;}
    .editFeildPnr {margin: auto;height: 26px !important;padding: 1px 34px;width: 50% !important;font-size: 12px !important;text-align: center;}
    .fb{font-weight:bold}
    .f15{font-size: 15px;}
    .f16{font-size: 16px;}
    .text-lower{text-transform: lowercase;}
    
    /*******************************************/
    /***********  CANCEL BOOKING  **************/
   
    .pagePnr{border:0px solid #ddd; margin:0px 0}
    .eTitle{font-size: 23px;text-align: center;font-weight: bold;color: #4c9ed9;text-decoration:underline}
    .eSubTitle{width:100%;padding:1px 0;text-align:center;font-size: 12px;color:#0079d2}
    .cmpyname{font-size: 26px;color: #4C9ED9;font-weight: bold;}
    /*.boldLine{border-top:1px solid #000;border-bottom:1px solid #000;}*/
    .tkt-msg{color: #686868;font-size: 11px;text-align:center}
    .infoBox{width: 33.33%;float: left;padding: 0;margin: 10px 0px;}
    .blr{border-left: 1px solid #000;padding: 0px 0% 0px 3%;border-right: 1px solid #000;}
    
    .infoBox label {margin-bottom: 2px !important;font-size: 14px !important;}
    .casHdng{padding: 3px 0px 6px;color:#000;font-size:15px;}
    .tbSpace{margin: 17px 0px;overflow:hidden}
    .txt11{font-size:11px}
    .txt13{font-size:13px}
    .flt-logo{border:0px solid #ddd;border-radius:4px;}
    .pnrBox{margin: auto;/*border: 3px solid #5BAEFF;*/text-align: center;padding: 5px 0;/*box-shadow: 4px 5px 12px rgba(0,0,0,.09);*/width:75%}
    .pnrno{font-size:22px;color: #4C9ED9;font-weight: bold;}
    .pnrlg{float: left;margin-right: 10px;top: 7px;position: relative;}
    .bl{border-left:2px solid #ddd}
    .detBox{width: 98%}
    .pt2{padding-top: 2px;}
    .print-btn{}
    .minBoxH{min-height:66px}
    .sesExp{color: #ffbd00;text-align: center;font-size: 50px;padding: 150px 0px;background: rgb(255, 255, 253);border: 1px solid rgb(255, 255, 217);margin: 10px 0px;border-radius: 6px;}
    .br{border-right:1px solid #000}
    .fa-rt-pad{padding:0 5px 0 0}
    .conArrow{padding-right: 30%;padding-top: 4%;}




    /****************************************************pax****/
    /*device test*/
    .deviceTest {margin-bottom:15px}
    .deviceTest .col-lg-12{color:#fff; overflow:hidden;background:red;font-weight:bold;padding:10px 0}
    .deviceTest .col-md-12{color:#fff; overflow:hidden;background:green;font-weight:bold;padding:10px 0}
    .deviceTest .col-sm-12{color:#fff; overflow:hidden;background:#2299EA;font-weight:bold;padding:10px 0}
    .deviceTest .col-ms-12{color:#fff; overflow:hidden;background:yellow;font-weight:bold;padding:10px 0}
    .deviceTest .col-xs-12{color:#fff; overflow:hidden;background:orange;font-weight:bold;padding:10px 0}




    /*<div class="col-lg-12 col-md-12 col-sm-12 col-ms-12 col-xs-12 ">LG: red, MD: green,SM: White, MS: yellow, XS: Cyan</div>*/
    /*******************/
    /* MAIN THEME COLOR*/

    .kcs{color:#008CBA}
    .kcg{color:#007b05} /*pnr confirm*/
    .kcr{color:#F44336}

    .kbs{background:#008CBA}
    .kbg{background:#4caf50}/*#5CB85C}*/
    .kbr{background:#F44336}

    .kxs{border:1px solid #008CBA}
    .kxg{border:1px solid #4caf50}/*#5CB85C}*/
    .kxr{border:1px solid #F44336}

    .klg{color: #00A83D;}


    /*******************/

    .codePop{color: #000;
        font-size: 20px;
        line-height: 2;}
    .cityNamePop{
        color: #000;
        font-size: 27px;
        font-weight: normal;
        line-height: 1;
    }


    header {
    }
    footer{

    }

    .r{border:1px solid red}
    .g{border:1px solid #ddd}

    a:hover{text-decoration:none}
    .boldLine{height: 2px;background: #83cbff;}
    /* background */
    .bp{background:pink}
    .by{background:yellow}
    .bc{background:cyan}
    .bo{background:orange}
    .bo:hover{background:orange}
    .b5{background:#f2dac9;}
    .b6{background:#2cffa3}
    .bw{background:white}
    .bm{background:#CB3904}
    .by{background:yellow}
    .bs{background:#fafafa}
    .bp{background:#2299EA;} 

    /* clears*/
    .c20{clear:both;height:20px}
    .c10{clear:both;height:10px}
    .c{clear:both;height:0px}
    .c5{clear:both;height:5px}

    /* line hight */
    .line-height-no{line-height: 0px;}

    /* cursor */
    .mp{cursor:pointer} /* mouse pointer */
    /*.mp:hover{cursor:pointer;color:#46b8da;}*/

    /* text-alignment */
    .tac{text-align:center}
    .tal{text-align:left}
    .tar{text-align:right}
    .taj{text-align: justify;}
    .u{text-transform:uppercase}

    /* text-transformation */
    .ttrsfrm{text-transform:uppercase}

    /* font-size */
    .f11{font-size: 11px;font-weight: normal;}
    .f12{font-size: 12px;font-weight: normal;}
    .f13{font-size: 13px;}
    .f14{font-size: 14px;}


    /* font-weight */
    .fwn{font-weight: normal;}
    .b{font-weight:bold}

    /* displays */
    .dn{display:none}

    .outline-none{outline: none !important}
    /* paddings */
    .ptb6{padding-top:6px;padding-bottom:6px}
    .p8{padding: 8px;}
    .pt15{padding-top: 15px;}
    .pt10{padding-top: 10px;}
    .pt30{padding-top: 30px;}
    .pl0{padding-left: 0px;}
    .pt7{padding-top: 7px;}
    .pl5{padding-left: 5px;}
    .pBtn{padding: 10px 20px !important;}
    .p0{padding:0 !important;}
    .ptb10{padding:10px 0}
    .pl15{padding-left: 15px;}
    .pl23{padding-left: 23px;}
    .pr15{padding-right: 15px;}
    .pr10{padding-right: 10px;}
    .pt4{padding-top:4px}
    .width-full{width:100% !important}
    /* margins */
    .mtb6{margin:6px 0px}
    .mt7{margin-top:7px}
    .mtb10{margin-top:10px;margin-bottom:10px}
    .mb10{margin-bottom:10px}
    .mb5{margin-bottom:5px}
    .ml15{margin-left: 15px;}
    .mr15{margin-right: 15px;}
    .mt100{margin-top: 100px;}

    /* heights */
    .ih{padding:1px 4px;height:28px !important} /* input type text height */
    .ih::-webkit-input-placeholder {font-size:12px; }
    .ih::-moz-placeholder {font-size:12px;}
    .ih::-moz-placeholder {font-size:12px;}
    .ih:-ms-input-placeholder {font-size:12px;}


    /* border radius */
    .br4400{border-radius: 4px 4px 0px 0px !important;}
    .br0044{border-radius: 0px 0px 4px 4px !important;}
    .br4004{border-radius: 4px 0px 0px 4px !important;}
    .br0440{border-radius: 0px 4px 4px 0px !important;}
    .tb-r{border-radius: 0 11px;}

    /* border */
    .btt{border-top:1px solid silver}
    .brt{border-right:1px solid #eee}
    .bl {border-left:1px solid silver}
    .br0{border-right:0 !important}
    .bl0{border-left:0 !important}
    .pipe div{border-right:1px solid #ddd}
    .pipe div:last-child{border-right:0px solid #ddd }

    /* text-color */
    .cg{color:#1be01b;} /* green */
    .cs{color:#004E54;} /* gray */
    .cm{color:#CB3904;} /* mahroon */
    .ct{color:magenta;} /* magenta */
    .co{color:#F6A32D !important;} /* orange */
    .cr{color:Red}/* red */
    .cc{color:#4C9ED9;} /* cyan */
    .cp{color:#2299EA;} /* paytm */
    .loading{color:orange; font-weight:bold}
    .cw {color:#fff}
    .cb{color:#000;} /* black */
    .cn{color:#004E54} /*navy*/

    /*** Common Style ***/
    .ft-lt{float:left}
    .ft-rt{float:right}
    .pad10{padding:10px}
    .clear{height:0px;clear:both}
    .clear10{height:10px;clear:both}
    .clear20{height:20px;clear:both}
    .txt-lt{text-align:left}
    .txt-rt{text-align:right}
    .txt-ct{text-align:center}
    .no-pad{padding-right:0px;padding-left:0px;}
    .small, small{font-weight: normal;color: #004E54;}
    .smaller{font-size:80%}
    .white{color:White}

    /*** Icons pack ***/
    .fa-set{margin: 2px 0px}
    .fa{padding:0 5px;float: left;}
    .fa-search{padding:3px 0}
    .fa-home{float:none;font-size:26px}
    .android{color:#99CC00;font-size: 15px;}
    .user{color:#00B9F5;font-size: 15px;}
    .ticket{color:green;font-size: 15px;}
    .support{color:Orange;font-size: 15px;}
    .fa-1x{font-size: 18px !important;}

    /* overflow*/
    .overflow{overflow: hidden;}

    .xnd{position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        text-align: center;
        line-height: 20;
        border: 1px solid red;
        background: rgba(51, 51, 51, 0.79);}

    .xnd div{
        width: 43%;
        height: 100px;
        z-index: 99991;
        text-align: center;
        line-height: 5;
        border: 1px solid #565656;
        background: white;
        margin: 56px auto;
        border-radius: 9px;
        position: relative;
    }
    .xnd div strong {
        position: absolute;
        right: 10px;
        top: 7px;
        line-height: 1;
        cursor:pointer;
        color: red;
    }
    .xnd div span {
        cursor:pointer;
        font-size: 20px;
        color: #0084a8;
    }

    .width-full{width:100% !important}
    /*filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    -moz-filter: blur(4px);
    -webkit-filter: blur(4px);*/




    /******************************************************************/
    /******************************************************************/
    /***************************** MENU *******************************/


.menuHome{display: block;position: relative;padding: 10px 19px 10px 0  !important;color: #fff;font-size: 16px;text-decoration: none;text-transform: capitalize;font-weight: bold;margin-right: 16px !important;cursor: pointer;}
.custMenu{padding: 10px;margin: 8px 16px 8px 0;border: 1px solid #CCC;text-align: center;cursor: pointer;text-transform: capitalize;font-size: 17px;color: #818181;background :#FFF;}
.custMenu:hover{color:#0080d7;background:#f3fcff;border:1px solid #0080d7 }

.mbookHis{background:green;color:#fff;border:1px solid green}
.mBookPnl{background:red;color:#fff;border:1px solid red}
.mMangCusBal{background:#2299EA;color:#fff;border:1px solid #2299EA}
.mByPnr{background:orange;color:#fff;border:1px solid orange}
.mByBookId{background:orange;color:#fff;border:1px solid orange}
.mBtcWal{background:#000;color:#fff;border:1px solid #000}
.mSalRep{background:#01c30a;color:#fff;border:1px solid #01c30a}
.mPurRep{background:#01c30a;color:#fff;border:1px solid #01c30a}
.mUpdFixFlt{background:magenta;color:#fff;border:1px solid magenta}
.mSegment{background:#00dcdc;color:#fff;border:1px solid #00dcdc}
.mManageMenu{background:#FF5722;color:#fff;border:1px solid #FF5722}
.mUnlockBooking{background:#CDDC39;color:#fff;border:1px solid #CDDC39}
.mFixedDeal{background:#673AB7;color:#fff;border:1px solid #673AB7}
.mNoDeal{background:#673AB7;color:#fff;border:1px solid #673AB7}
.mDealPanel{background:#673AB7;color:#fff;border:1px solid #673AB7}
.mFixedFlights{background:magenta;color:#fff;border:1px solid magenta}
.mFDisplayLogic{background:magenta;color:#fff;border:1px solid magenta}
.mFFareLogic{background:magenta;color:#fff;border:1px solid magenta}
.mFailedTransaction{background:#960a09;color:#fff;border:1px solid #960a09}
.mCanceledReport{background:#960a09;color:#fff;border:1px solid #960a09}



.mbookHis:hover{background:white;color:green;border:1px solid green}
.mBookPnl:hover{background:white;color:red;border:1px solid red}
.mMangCusBal:hover{background:white;color:#2299EA;border:1px solid #2299EA}
.mByPnr:hover{background:white;color:orange;border:1px solid orange}
.mByBookId:hover{background:white;color:orange;border:1px solid orange}
.mBtcWal:hover{background:white;color:#000;border:1px solid #000}
.mSalRep:hover{background:white;color:#01c30a;border:1px solid #01c30a}
.mPurRep:hover{background:white;color:#01c30a;border:1px solid #01c30a}
.mUpdFixFlt:hover{background:#fff;color:magenta;border:1px solid magenta}
.mSegment:hover{background:#fff;color:#00dcdc;border:1px solid #00dcdc}
.mManageMenu:hover{background:#fff;color:#FF5722;border:1px solid #FF5722}
.mUnlockBooking:hover{background:#fff;color:#CDDC39;border:1px solid #CDDC39}
.mFixedDeal:hover{background:#fff;color:#673AB7;border:1px solid #673AB7}
.mNoDeal:hover{background:#fff;color:#673AB7;border:1px solid #673AB7}
.mDealPanel:hover{background:#fff;color:#673AB7;border:1px solid #673AB7}
.mFixedFlights:hover{background:#fff;color:magenta;border:1px solid magenta}
.mFDisplayLogic:hover{background:#fff;color:magenta;border:1px solid magenta}
.mFFareLogic:hover{background:#fff;color:magenta;border:1px solid magenta}
.mFailedTransaction:hover{background:#fff;color:#960a09;border:1px solid #960a09}
.mCanceledReport:hover{background:#fff;color:#960a09;border:1px solid #960a09}


.DarkGreen{background:green !important;color:#fff !important;}
.DarkRed{background:red !important;color:#fff !important;}


.test{background:red !important}

/* General menu styling */
.menu .nav {
position: relative;
margin:0 auto;
padding: 0;
line-height: 22px;
background:#00c0ff;
float:left;
width:100%;
z-index: 999;
}
/* The main navigation link containers */
.menu .nav>li {
display: block;
float: left; /* Displaying them on the same line */
margin: 0;
padding: 0;
}
/* The main navigation links */
.menu .nav>li>a {
display: block;
position: relative;
padding: 10px 19px 10px 0;
font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;
color: #fff;
font-size: 16px;
text-decoration: none;
text-transform: capitalize;
font-weight: bold;
margin-right: 25px;
}
/* Changing the color on hover */
.menu .nav>li>a:hover, .nav>li:hover>a {
color: #fff;
background:#00c0ff;
}
/* The links which contain dropdowns menu are wider, because they have a little arrow */
.nav>.dropdown>a {
padding: 10px 30px 10px 20px;
}
/* The arrow indicating the dropdown */
.menu .dropdown>a::after {
content: "";
position: absolute;
top: 17px;
right: 5px;
width: 7px;
height: 7px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
text-transform: capitalize;
}
/* Changing the color of the arrow on hover */	
.menu .dropdown>a:hover::after, .dropdown:hover>a::after {
    top: 22px;
-ms-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-o-transform: rotate(225deg);
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
}
/* The submenus */
.nav ul {
position: absolute;
margin: 0;
padding: 0;
list-style: none;
display: block;
}
/* General layout settings for the link containers of the submenus */
.menu .nav ul li {
position: absolute;
top: -9999px; /* Hiding them */
height: 0px;
display: block;
margin: 0;
padding: 0;
/* Making them to expand their height with a transition, for a slide effect */
-webkit-transition: height .2s ease-in;
-moz-transition: height .2s ease-in;
-o-transition: height .2s ease-in;
-ms-transition: height .2s ease-in;
border-top: 1px solid #0189b7;
}
/* Displays the submenu links, by expading their containers (with a transition, previously defined) and by repositioning them */
.menu .dropdown:hover>ul>li {
height: 30px;
position: relative;
top: auto;
}
/* The submenu links */
.nav ul li a {
padding: 4px 10px;
width: 184px;
display: block;
position: relative;
font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
font-size: 14px;
background: #22a3f5;
text-transform: capitalize;
-webkit-transition: color .1s ease-in;
-moz-transition: color .1s ease-in;
-o-transition: color .1s ease-in;
-ms-transition: color .1s ease-in;
}

.menu .nav ul li ul li {
    position: absolute;
    
    left: 20px;
}

/* Changing the link's color and background on hover */
.menu .nav ul li:hover>a, .nav ul li a:hover {
color: #0fd0f9;
background: rgba(0, 0, 0, .75);
}
/* Making the level 2 (or higher) submenus to appear at the right of their parent */
.menu .nav ul .dropdown:hover ul {
left: 160px;
top: 0px;
}
/* The submenu links have a different arrow which indicates another dropdown submenu */
.menu .nav ul .dropdown a::after {
width: 0px;
height: 0px;
border-bottom: 0;
border-right: 0px solid #fff;
border-top: 0px solid #fff;
top: 0px;
}
/* Changing the color of the arrow on hover */
.menu .nav ul .dropdown:hover>a::after, .nav ul .dropdown>a:hover::after {
border-right: 0px solid #0fd0f9;
border-top: 0px solid #0fd0f9;
}



/******************************************************************************/
/********************************** SIMPLE ************************************/
/*device test*/
.deviceTest {margin-bottom:15px}
.deviceTest .col-lg-12{color:#fff; overflow:hidden;background:red;font-weight:bold;padding:10px 0}
.deviceTest .col-md-12{color:#fff; overflow:hidden;background:green;font-weight:bold;padding:10px 0}
.deviceTest .col-sm-12{color:#fff; overflow:hidden;background:#2299EA;font-weight:bold;padding:10px 0}
.deviceTest .col-ms-12{color:#fff; overflow:hidden;background:yellow;font-weight:bold;padding:10px 0}
.deviceTest .col-xs-12{color:#fff; overflow:hidden;background:orange;font-weight:bold;padding:10px 0}




/*<div class="col-lg-12 col-md-12 col-sm-12 col-ms-12 col-xs-12 ">LG: red, MD: green,SM: White, MS: yellow, XS: Cyan</div>*/
/*******************/
/* MAIN THEME COLOR*/

.kcs{color:#008CBA}
.kcg{color:#007b05} /*pnr confirm*/
.kcr{color:#F44336}

.kbs{background:#008CBA}
.kbg{background:#4caf50}/*#5CB85C}*/
.kbr{background:#F44336}

.kxs{border:1px solid #008CBA}
.kxg{border:1px solid #4caf50}/*#5CB85C}*/
.kxr{border:1px solid #F44336}

.klg{color: #00A83D;}


/*******************/

.r{border:1px solid red}
.g{border:1px solid #ddd}


.boldLine{height: 2px;background: #83cbff;}
/* background */
.bp{background:pink}
.by{background:yellow}
.bc{background:cyan}
.bo{background:orange}
.b5{background:#f2dac9;}
.b6{background:#2cffa3}
.bw{background:white}
.bm{background:#CB3904}
.by{background:yellow}
.bs{background:#fafafa}
.bp{background:#2299EA;} 


/* clears*/
.c20{clear:both;height:20px}
.c10{clear:both;height:10px}
.c{clear:both;height:0px}
.c5{clear:both;height:5px}

/* line hight */
.line-height-no{line-height: 0px;}

/* cursor */
.mp{cursor:pointer} /* mouse pointer */
/*.mp:hover{cursor:pointer;color:#46b8da;}*/

/* text-alignment */
.tac{text-align:center}
.tal{text-align:left}
.tar{text-align:right}
.taj{text-align: justify;}
.u{text-transform:uppercase}

/* text-transformation */
.ttrsfrm{text-transform:uppercase}

/* font-size */
.f11{font-size: 11px;font-weight: normal;}
.f12{font-size: 12px;font-weight: normal;}
.f13{font-size: 13px;}
.f14{font-size: 14px;}


/* font-weight */
.fwn{font-weight: normal;}
.b{font-weight:bold}

/* displays */
.dn{display:none}

.outline-none{outline: none !important}
/* paddings */
.ptb6{padding-top:6px;padding-bottom:6px}
.p8{padding: 8px;}
.pt15{padding-top: 15px;}
.pt10{padding-top: 10px;}
.pt30{padding-top: 30px;}
.pl0{padding-left: 0px;}
.pt7{padding-top: 7px;}
.pl5{padding-left: 5px;}
.pBtn{padding: 10px 20px !important;}
.p0{padding:0 !important;}
.ptb10{padding:10px 0}
.pl15{padding-left: 15px;}
.pl23{padding-left: 23px;}
.pr15{padding-right: 15px;}
.pr10{padding-right: 10px;}
.pt4{padding-top:4px}
.width-full{width:100% !important}
/* margins */
.mtb6{margin:6px 0px}
.mt7{margin-top:7px}
.mtb10{margin-top:10px;margin-bottom:10px}
.mb10{margin-bottom:10px}
.mb5{margin-bottom:5px}
.ml15{margin-left: 15px;}
.mr15{margin-right: 15px;}
.mt100{margin-top: 100px;}

/* heights */
.ih{padding:1px 4px;height:28px !important} /* input type text height */
.ih::-webkit-input-placeholder {font-size:12px; }
.ih::-moz-placeholder {font-size:12px;}
.ih::-moz-placeholder {font-size:12px;}
.ih:-ms-input-placeholder {font-size:12px;}


/* border radius */
.br4400{border-radius: 4px 4px 0px 0px !important;}
.br0044{border-radius: 0px 0px 4px 4px !important;}
.br4004{border-radius: 4px 0px 0px 4px !important;}
.br0440{border-radius: 0px 4px 4px 0px !important;}
.tb-r{border-radius: 0 11px;}

/* border */
.btt{border-top:1px solid silver}
.brt{border-right:1px solid #eee}
.bl {border-left:1px solid silver}
.br0{border-right:0 !important}
.bl0{border-left:0 !important}
.pipe div{border-right:1px solid #ddd}
.pipe div:last-child{border-right:0px solid #ddd }

/* text-color */
.cg{color:#1be01b;} /* green */
.cs{color:#004E54;} /* gray */
.cm{color:#CB3904;} /* mahroon */
.ct{color:magenta;} /* magenta */
.co{color:#F6A32D !important;} /* orange */
.cr{color:Red}/* red */
.cc{color:#4C9ED9;} /* cyan */
.cp{color:#2299EA;} /* paytm */
.loading{color:orange; font-weight:bold}
.cw {color:#fff}
.cb{color:#000;} /* black */
.cn{color:#004E54} /*navy*/
/*.cd{color: #d5d5d5;}*//* dull gray*/
.chil{display:none}
/*** Common Style ***/
.ft-lt{float:left}
.ft-rt{float:right}
.pad10{padding:10px}
.clear{height:0px;clear:both}
.clear10{height:10px;clear:both}
.clear20{height:20px;clear:both}
.txt-lt{text-align:left}
.txt-rt{text-align:right}
.txt-ct{text-align:center}
.no-pad{padding-right:0px;padding-left:0px;}
.small, small{font-weight: normal;color: #004E54;}
.smaller{font-size:80%}
.white{color:White}

/* overflow*/
.overflow{overflow: hidden;}



/**** HOME LOADING SCREEN  ***/
.homeLoading { /*background:url(image/gif/sl.gif) center no-repeat #fff;*/
    background-color: #fff;
    color: red;
    font-size: 20px;
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    z-index: 99999;
}

.progress {
    height: 4px;
}

.progress-bar {
    text-align: left;
    transition-duration: 8s;
}

.plsWait {
    margin-top: 136px;
    color: #4C9ED9;
}

.ballLoader div {
    width: 20px;
    height: 20px;
    position: absolute;
    left: -20px;
    top: 200px;
    background-color: #333;
    border-radius: 50%;
    animation: move 4s infinite cubic-bezier(.2,.64,.81,.23);
    z-index: 99999;
    background-color: #07d426;
    border-radius: 50%;
    box-shadow: inset 6px -10px 50px -20px #009326;
}

.ballLoader div:nth-child(2) {
    animation-delay: 150ms;
}

.ballLoader div:nth-child(3) {
    animation-delay: 300ms;
}

.ballLoader div:nth-child(4) {
    animation-delay: 450ms;
}

@keyframes move {
    0% {
        left: 0%;
    }

    75% {
        left: 100%;
    }

    100% {
        left: 100%;
    }
}
/*****************************/


.inputReject{font-weight: normal !important;
    text-transform: capitalize;
    color: #e70000;
}

    .FsBx {
        overflow: hidden;
        color: green;
        border-bottom: 1px solid;
        padding: 5px 0;
    }

        .FsBx:hover {
            /*background: #fafafa;*/
        }

        .FsBx:last-child {
            border-bottom: 0px solid;
        }

        .FsBx .Fs1 {
            width: 4%;
            float: left;
            text-align: left;
            cursor: pointer;
        }

        .FsBx .Fs2 {
            width: 38%;
            float: left;
            text-align: left;
        }

        .FsBx .Fs3 {
            width: 26%;
            float: left;
            text-align: left;
        }

        .FsBx .Fs3b {
            width: 58%;
            float: left;
            text-align: right;
        }

        .FsBx .Fs4 {
            width: 32%;
            float: left;
            text-align: right;
        }

        .FsBx .FsBxIn {
            color: #989f95;
        }

            .FsBx .FsBxIn .Fs1 {
                width: 4%;
                float: left;
                text-align: left;
                cursor: pointer;
            }

            .FsBx .FsBxIn .Fs2 {
                width: 38%;
                float: left;
                text-align: left;
            }

            .FsBx .FsBxIn .Fs3 {
                width: 26%;
                float: left;
                text-align: left;
            }

            .FsBx .FsBxIn .Fs4 {
                width: 32%;
                float: left;
                text-align: right;
            }

    .text-wrap {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
    }

        .text-wrap:hover {
            text-overflow: ellipsis;
            color: #4c9ed9;
        }

       /*grand total color*/
        .gtc{color: #0088a5;font-weight:bold} 



/*media query form all*/
@media (min-width:1200px) {           
     
}

@media(min-width:992px) and (max-width:1199px) {
    .rk-box-half {width: 65%;}
}

@media(min-width:768px) and (max-width:991px) {
    .rk-box-half {width: 80%;}
}

@media(min-width:480px) and (max-width:767px) {
   
}

@media (min-width: 0px) and (max-width: 991px) {

}

@media (min-width: 0px) and (max-width: 767px) {
    .rk-box-half {width: 100%;}         
}

@media(min-width:0) and (max-width:479px) {
  
}

@media (min-width: 0px) and (max-width: 399px) {

}



