/*Fonts Css*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');/*font-family:'Roboto', sans-serif;*/
@import url('font-awesome.css');
@import url('perfect-scrollbar.css');

*{margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none;}
:focus{outline:none;}
html{height:100%; -webkit-text-size-adjust:none;}
body{height:100%; font-size:12px; font-family:'Roboto', sans-serif; color:#000; background:#fff; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; touch-action:manipulation;}
samp{font-family:'Roboto', sans-serif;}
a{text-decoration:none; outline:none; color:#333; outline:none; transition:all 0.3s ease 0s;}
a:hover, a:focus{text-decoration:none; outline:none;}
.btn:hover, .btn:focus, .btn.focus{outline: none;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus{outline:none;}
img{padding:0; margin:0; max-width:100%; border:none;}
p{line-height:20px; font-size:14px; color:#000;}
*{box-sizing:border-box; -webkit-box-sizing:border-box;}
button:focus{outline:none;}
/*HEADING CSS*/
h1, h2, h3, h4, h5, h6, p{font-weight:normal; margin:0; padding:0; display:block; }
h2{ font-size:13px;}

/*LIST CSS*/
ul, ul li, ol li, ol{padding:0; margin:0; list-style:none;}
.badge-dark{
    float: right;
    font-size: 14px;
    font-weight: 300;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
url(../fonts/MaterialIcons-Regular.woff) format('woff'),
url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 23px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
  vertical-align:middle;
}

/*INPUT CSS*/
select, select option{ width:100%; box-sizing:border-box; -moz-appearance: none; -webkit-appearance: none; border-radius:0;}
input:focus{ outline:none;}
input[type="text"], input[type="password"], input[type="tel"], input[type="search"], input[type="email"], input[type="date"], input[type="number"], input[type="string"], textarea, select, 
input[type="text"].form-control, input[type="password"].form-control, input[type="tel"].form-control, input[type="search"].form-control, input[type="email"].form-control, input[type="date"].form-control, input[type="number"].form-control, input[type="string"].form-control, textarea.form-control, select.form-control{/* float:left;  */width:100%; font-family:'Roboto', sans-serif;  font-size:13px; outline:medium none; height:36px; color:#151515;}
input[type="submit"], input[type="text"], input[type="password"], textarea{-webkit-appearance:none;}
input[type="submit"]{cursor:pointer; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; border:0;}
textarea, textarea.form-control{resize:vertical; height:70px;}
.custom-file-btn{display:inline-block; position:relative;}
.custom-file-btn input{opacity:0; height:100%; position:absolute; top:0; left:0; width:100%; cursor:pointer; z-index:1;}
.custom-file-btn label{display:inline-block; padding:8px 14px; text-align:center; color:#fff; font-size:14px; font-family:'Poppins', sans-serif; border-radius:0; background:#fc9525; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; cursor:pointer; border:0;}


/*NORMAL CSS*/
::selection{background:#0067ab; color:#fff;}
::-moz-selection{background:#0067ab; color:#fff;}
.container{max-width:90%;}
.pull-left{float:left;}
.pull-right{float:right;}
.clearfix{clear:both;}
section{padding:0; margin-bottom:0;}
.event-none{ pointer-events: none;} 
.form-group{float:left; width:100%; position:relative;}
.form-group label sup{color:#f00;}

/*BUTTON CSS*/
.btn{display:inline-block; text-align:center; border-radius:3px; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; cursor:pointer; border:0; text-transform:uppercase; padding:6px 20px; -webkit-user-select: auto;  -moz-user-select: auto;  -ms-user-select: auto;  user-select: auto;}
.btn-primary{background:#fc9525; }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled):active{box-shadow:none; background:#fc9525;}
.btn-primary:hover, .btn-primary:focus{background:#ee7f06; box-shadow:none;}
.btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled):active {box-shadow:none}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:hover, .btn-primary:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:hover, .btn-secondary:focus,
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled):active, .btn-success:hover, .btn-success:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:hover, .btn-danger:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:hover, .btn-warning:focus,
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled):active, .btn-info:hover, .btn-info:focus,
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled):active, .btn-light:hover, .btn-light:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:hover, .btn-dark:focus,
.btn-link:not(:disabled):not(.disabled):active:focus, .btn-link:not(:disabled):not(.disabled):active, .btn-link:hover, .btn-link:focus,
.yellow-btn:not(:disabled):not(.disabled):active:focus, .yellow-btn:not(:disabled):not(.disabled):active, .yellow-btn:hover, .yellow-btn:focus,
.btn-blue:not(:disabled):not(.disabled):active:focus, .btn-blue:not(:disabled):not(.disabled):active, .btn-blue:hover, .btn-blue:focus
{box-shadow:none; }

.form-control:focus{box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5);}
/*COLs CSS*/
.block{width:100%; float:left;}
.icon{display:inline-block; font-size:20px; vertical-align:middle;}

/*HEADER CSS*/
.main-section{float:left; width:100%; min-height:100vh;}
.header{float:left; width:100%; padding:0;}
.header-container{float:left; width:100%; padding:15px 0; background:#263146;}
/*Top bar Css*/
.top-bar{width:100%; background:#ffffff; height:40px; -webkit-box-shadow: 0 8px 6px -10px #000;    -moz-box-shadow: 0 8px 6px -10px #000;
    box-shadow: 0 8px 6px -10px black;}
.top-info{float:left; margin-top:10px;}
.top-info li{display:inline-block; line-height:18px; color:#fff; font-weight:400; font-size:13px; padding:0; float:left; margin-right:20px; }
.top-info li a{color:#124680; text-decoration:none;}
.top-info li i{color:#124680; font-size:14px; vertical-align:middle; display:inline-block; margin-right: 2px;}
.top-info li span{display:inline-block; vertical-align: middle;}
.top-info li img{vertical-align:middle;}
.top-info li.messagebox{display:none;}
.top-info li.administrator_btn span{display:block; padding:4px 10px; margin-top:-3px; font-weight:400; font-size:13px; text-transform:uppercase; border-radius:2px; background:#fc9525;}
.top-info li.administrator_btn span i{margin-right:3px; color:#fff; font-size:14px; vertical-align:baseline;}
.sign_block {float:right;}
.sign_block > ul{display:flex;}
.sign_block > ul > li{margin-left:10px;}
.sign_block > ul > li > span{display: block; padding: 11px 14px 10px 0; font-weight: 400; font-size: 13px; color: #000; text-decoration: none; }
.sign_block ul li{position:relative; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s;}
.sign_block > ul > li > a{display: block; padding: 11px 14px 10px 0; font-weight: 400; font-size: 13px; color: #000; text-decoration: none; background:url(../images/right_arrow.png) no-repeat right 18px; }
.sign_block > ul > li > a > img{display:inline-block; vertical-align:sub; margin-right:8px;}
.sign_block > ul > li > ul{padding: 0; position: absolute; top: 39px; left: 0; width: 175px; border: solid 1px #ccc; background-color: #f2f2f2; border-radius: 0px 0px 5px 5px; display: none; opacity: 0; visibility: hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; }
.sign_block ul li:hover ul{display:block; opacity:1; visibility:visible; z-index:2;}
.sign_block > ul > li > ul li{border-top:1px dotted #ccc;}
.sign_block > ul > li > ul li:first-child{border-top:none;}
.sign_block > ul > li > ul li a{display:block; color:#000; text-decoration:none; padding:4px 10px; font-size:13px;}
.sign_block > ul > li > ul li a:hover{color:#2399ef;}
.sign_block > ul > li > ul li a i{margin-right:5px; width:11px;}

/*Search bar Css*/
.search_box{float:right; max-width:425px; width:100%; background:#fff; border:solid 1px #ccc; position:relative; margin-top:4px;}
.search_box input[type="text"]{border:0px; padding:0px 50px 0 10px; font-size:11px; box-shadow:none; height: 34px;}
.search_box .submit_btn{position:absolute; background:url(../images/search_icon.png) no-repeat; padding:0; width:33px; right:10px; top:4px; text-indent:-9999px; display:inline-block; font-size:18px;}

.header-brand{float:left; width:100%; position:relative;}
.logo{float:left;}
.logo a{float:left; width:100%;}
.logo a img{height:40px;     max-width: inherit;}
.nav-icon{position:absolute; top:3px; right:0; z-index:1; display:none;}
.nav-icon a{font-size:22px; color:#fff;}

nav{float:left; width:100%; background: #fff;  border-bottom: 1px solid #d9d9d9;}
.nav-outer{float:left; width:100%;  width:100%; position:relative;}
.nav-outer .nav-list > li{line-height:20px; display:inline-block; position:relative;}
.nav-outer .nav-list > li > a{display:inline-block; padding: 10px 20px; color: #000; text-decoration:none; font-family: 'Source Sans Pro', sans-serif; font-weight:600; font-size:15px; position:relative; z-index:1;}
.nav-outer .nav-list  li.add-dropdown > a i{font-size:15px; padding-left:5px;}
.nav-outer .nav-list li:hover > a, .navigation .mobimenu > li:hover > a{color:#fff; background:#2399ef; }
.nav-outer .nav-list li.active > a{ color: #fff; background-color: #2399ef; }
/*.nav-outer .nav-list li.active:after{position:absolute; top:-1px; bottom:-1px; width:100%; left:0; content:''; background:#2399ef;}*/
.nav-outer .nav-list > li.message_link{background:#fc9525; color:#fff; width:auto; color:#fff; float:right;}
.nav-outer .nav-list > li.message_link a{color:#fff;}
.nav-outer .nav-list > li.message_link a:hover{background:none;}
.nav-outer .nav-list > li.message_link a.active{background:#2980b9;}
.nav-outer .nav-list .dropdown-list{float:left;width:1070px;border-top:4px solid #2399ef;padding:15px 5px;background: #f5f5f5;position:absolute;top:100%;left:0;display:none;z-index: 9999999;box-shadow:0 1px 4px rgba(0,0,0,.32);}
.nav-outer .nav-list .dropdown-list  li  ul h3{font-size: 12px;color: #111;display:block;padding-bottom:10px;margin-bottom:6px;font-weight:500;border-bottom: 1px solid #d5d5d5;}
.nav-outer .nav-list .dropdown-list li ul > h3 > a {color:#000;}
.nav-outer .nav-list .dropdown-list  li{width:100%; float:left; display: flex;  flex-wrap: wrap;}
.nav-outer .nav-list .dropdown-list li ul{float: left; width: 25%; padding: 0 10px; margin-bottom: 15px;}
.nav-outer .nav-list .dropdown-list li > ul li > a{ padding:3px 0;  display:block; font-weight:400;  font-size: 12px;  color:#555;  -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;  -o-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s; }
.nav-outer .nav-list .dropdown-list  li ul  a  i{padding-right:5px; font-size:10px;-webkit-transition: all 0.2s ease 0s;   transition: all 0.2s ease 0s; }
.nav-outer .nav-list  li:hover .dropdown-list li  ul  a {background: none;color: rgba(0,0,0,0.5);}
.nav-outer .nav-list li .dropdown-list li   ul li:hover a, .nav-outer .nav-list li .dropdown-list li   ul li.active a {color: #000;background: none;}
.nav-close{float:left; width:100%; padding:10px; border-bottom:1px solid rgba(255,255,255,0.2); display:none;}
.nav-close a{float:left; line-height:20px; color:#fff; font-size:18px; margin-right:12px;}
.nav-close span{display:block; overflow:hidden; line-height:20px; color:#fff; font-size:16px;}
.dropdown-submenu-list{width:100%; float:left; position:relative; }
.nav-outer .nav-list .dropdown-one-row  .dropdown-list{width:250px;}
.nav-outer .nav-list .dropdown-one-row  .dropdown-list li ul{width:100%; margin-bottom: 0;}
@media(min-width:993px){
.dropdown-submenu-list{max-height:300px; overflow:auto;}
}
.nav-outer .nav-list .dropdown-list.column-trird li{display:flex; flex-wrap:wrap;}
.nav-outer .nav-list .dropdown-list.column-trird li ul{width:33.33%;}
.nav-outer .nav-list .dropdown-list.column-trird{max-width:600px;}
	

.ps.ps--active-y > .ps__rail-y, .ps > .ps__rail-y{width:6px !important; z-index:6; background:#e5e5e5;}
.ps.ps--active-y > .ps__rail-y{opacity:1 !important;}
.ps .ps__rail-y .ps__thumb-y{width:6px !important; background:#2399ef !important; border-radius:20px !important; -webkit-border-radius:20px !important; right:0 !important;}


/*MID WRAPPER*/
.page-container{float:left; width:100%; min-height:calc(100vh - 40px);}
.mid-wrapper{float:left; width:100%; background:#fff; padding:40px 0 20px;}
.card-info{float:left; width:100%; margin-bottom:20px;}

.title{float:left; width:100%; margin-bottom:24px; background:#f0f0f0; padding:0 10px;}
.title h2{float:left; width:100%; font-family:'Source Sans Pro', sans-serif; font-weight:600;font-size:20px;text-transform:uppercase; color:#474747; line-height:40px;}
.title h2 samp{font-family:'Source Sans Pro', sans-serif;}
.title span{color:#fc9525;}
.title h2 small{float:right; text-transform:none;}
.title p{float:left; width:100%; color:#000; font-size:16px;}


.form-outer{float:left; width:100%;}
.form-outer form{float:left; width:100%;}
.form-title{float:left; width:100%; margin-bottom:12px;}
.form-title p{color:#474747; font-size:15px;}
.form-title p span{color:#fc9525;}
.error{color:#ff0000; font-size:9px; position:absolute; left:0; bottom:-14px;}
.btn-group-block{margin-top:20px;}
.btn-group-block .btn{margin:4px 4px;}
.btn.add-btn{float:right; line-height:28px; border-radius:0; color:#fff; background-color:#28a745; background-image:-moz-linear-gradient(center top , #28a745, #2aab07); margin-right:-10px; background-image:-webkit-linear-gradient(top,#28a745,#2aab07); }

.btn.active-btn{    font-size: 12px;padding: 4px 10px;color:#fff; background-color:#28a745; background-image:-moz-linear-gradient(center top , #28a745, #2aab07); background-image:-webkit-linear-gradient(top,#28a745,#2aab07); }

.btn.viw-btn { float: right;  line-height: 28px; border-radius: 0; color: #fff; background-color: #17a2b8;	background-image:-moz-linear-gradient(center top , #17a2b8, #17a2b8); margin-right:-10px; background-image:-webkit-linear-gradient(top,#17a2b8,#17a2b8);}
.form_description{padding: 10px 0 10px 0;color: #474747;font-size: 14px; border-bottom: 1px solid #e8e8e8; margin-bottom: 20px;}
.btn.add-btn i{color:#fff;}

/* CHECKBOX CSS */
.checkbox{display:inline-block; position:relative; cursor:pointer;}
.checkbox input{position:absolute; top:0; left:0; height:100%; z-index:1; opacity:0; width:100%; cursor:pointer;}
.checkbox label{float:left; width:18px; height:18px; min-height:18px !important; padding-left:0 !important; border:2px solid #ddd !important; border-radius:2px; position:relative; margin-bottom:0;}
.checkbox input:checked + label{border:2px solid #fc9525 !important;} 
.checkbox input:checked + label:after{position:absolute; top:0; left:0; right:0; bottom:0; content:'\f00c'; font-family:'FontAwesome'; color:#fff; background:#fc9525; text-align:center; font-size:12px; line-height:15px;} 
.checkbox input[type="radio"] + label{border-radius:50%; display:flex; align-items:center; justify-content:center;}
.checkbox input[type="radio"]:checked + label:after{content:''; position:static; height:10px; width:10px; border-radius:50%; display:inline-block;}
.checkbox input:checked + label + span{color:#fc9525;}
.select-all{width:100%; float:left;}
.select-all span{font-size:13px; padding:0px 10px;}
.select-all .checkbox{vertical-align: middle;}

.remember-me .checkbox{display:inline-block; position:relative; cursor:pointer;     vertical-align: middle;}
.remember-me .checkbox input{position:absolute; top:0; left:0; height:100%; z-index:1; opacity:0; width:100%; cursor:pointer;}
.remember-me .checkbox label{float:left; width:18px; height:18px; min-height:18px!important; padding-left:0!important; border:2px solid #fff!important; border-radius:2px; position:relative; margin-bottom:0;}
.remember-me .checkbox input:checked + label{ border:2px solid #2a2d38!important;} 
.remember-me .checkbox input:checked + label:after{position:absolute; top:0; left:0; right:0; bottom:0; content:"check"; font-family: 'Material Icons'; color:#fff; background:#2a2d38; text-align:center; font-size: 14px;    line-height: 15px;}


.table-outer{float:left; width:100%; }
.table-container{float:left; width:100%; overflow-x:auto;}
table{width:100%;}
table tr{width:100%;}
table thead tr{background:#737373;}
table thead tr th{border-right:1px solid #e5e5e5; padding:7px 10px; color:#fff; font-size:13px;}
table thead tr th:last-child{border-right:0;}
table tr th{font-weight:normal;}
table tbody tr td{border-right:1px solid #e5e5e5; padding:7px 10px; color:#515151; font-size:13px;}
table tbody tr:nth-child(2n){background:#f5f5f5;}
.active-status{color:#03a400;}
.deactive-status{color:#fb0200;}
.id-link{color:#0b70b8;}
table tbody tr td .checkbox{display:inherit;}
.table-pagination{float:left; width:100%; margin-top:14px; display:flex; align-items:center; justify-content:space-between;}
.table-pagination > h3{float:left; font-size:14px; font-weight:bold; text-transform:uppercase;}
.table-pagination > h3 span{color:#fc9525;}
.table-pagination .pagination{float:right;}

.left-sidebar{float:left; width:100%; border:1px solid #d9d9d9; margin-bottom:14px;}
.left-sidebar > h2{float:left; width:100%; background:#fc9525; color:#fff; font-size:14px; padding:10px; }
.left-sidebar ul{float:left; width:100%; background:#f5f5f5;}
.left-sidebar ul li{float:left; width:100%; border-bottom:1px solid #d9d9d9;}
.left-sidebar > ul > li:last-child{border-bottom:0;}
.left-sidebar > ul > li > a{float:left; width:100%; color:#000; font-size:14px; padding:10px; padding-right:20px; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.left-sidebar > ul > li > a:after{position:absolute; top:0; right:8px; font-size:18px; content:'\f107'; font-family:'FontAwesome'; height:100%; display:flex; align-items:center; transition:all 0.3s ease 0s;}
.left-sidebar > ul > li.open > a:after{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.left-sidebar > ul > li.open > a{color:#fc9525;}
.left-sidebar > ul > li:hover > a, .left-sidebar > ul > li.active > a{color:#fc9525;}
.sub-nav{float:left; width:100%; display:none; background:#fff;}
.sub-nav ul{float:left; width:100%; background:#fff;}
.sub-nav ul li{float:left; width:100%; border-top:1px solid #efeded; border-bottom:0;}
.sub-nav ul li a{float:left; width:100%; color:#000; font-size:14px; padding:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sub-nav ul li:hover > a, .sub-nav ul li.active > a{color:#fc9525;}

/*Footer Css*/
footer{float:left; width:100%; background:#535353; padding:10px 0; position:relative; text-align:center;}
footer p{color:#fff; font-size:13px; font-weight:400;}


/*login css start*/
.login-wrap .container{max-width:1140px;}
.login-wrap{width:100%; float:left; position:relative; min-height: 100vh;     padding-bottom: 40px;}
.header-top{width:100%; float:left; background:#ffffff; -webkit-box-shadow:0px 0px 3px 1px #736f6f; -moz-box-shadow:0px 0px 3px 1px #736f6f; box-shadow:0px 0px 3px 1px #736f6f; padding:14px 10px; z-index: 99;  position: relative; }
.logo-section{float:left;}
.logo-section img{height:47px;}
.header-right-section{float:right; margin-top:13px;}
.header-right-section ul{float:left;}
.header-right-section ul li{float:left; margin-left:20px;}
.header-right-section ul li i{color:#124680; font-size: 15px; margin-right:5px; vertical-align: middle; display: inline-block;}
.header-right-section ul li i.fa-mobile{ font-size:20px;}
.header-right-section ul li span{font-size:14px; color:#124680; font-weight:400;  vertical-align: middle;}

.mid-login-section{width:100%; float:left;    position: relative; min-height: 800px; height: calc(100vh - 115px);  }
.mid-login-section .col-bg{background: #98d6ff url(../images/bg-login.jpg); background-position:left top;     background-repeat: no-repeat;    background-size:cover;  height: calc(100vh - 115px);  width:100%; float:left;     min-height: 803px; }
.mid-login-section .container{width:100%; max-width:100%;}
.mid-login-section:after{background:#00549d; content:""; left:0; top:0; position:absolute; min-height: 800px;    height: calc(100vh - 115px);width: 50%;}
.footer{background:#1d2028; width:100%; float:left; height:40px; left:0; right:0; bottom:0; position:absolute;}
.footer p{color:rgba(255, 255, 255, 0.75); text-align:center; margin-top:10px; font-size:12px; display:block;}
.login-info{width:62%; float:right; padding-right: 70px; margin-top: 90px; z-index: 9;    position: relative;}
.login-info h2{font-size:35px; color:#fff;   font-weight:700; color:#fff;     margin-bottom:5px;  text-transform: uppercase; }
.login-info p{font-size:14px;  color:#fff; }
.login-form{width:100%; float:left;     margin-top:0px;}
.login-form .form-group{width:100%; float:left; position:relative;}
.login-form .form-group .form-control{background:none; border:1px rgba(255, 255, 255, 0.60) solid; padding:25px 20px; -webkit-transition: all 0.28s ease;  transition: all 0.28s ease; color: #fff;}
.login-form .form-group i{position:absolute; right:0; top:0; color:#fff; font-size:15px; position: absolute; right: 15px;    top: 8px; color: rgba(255, 255, 255, 0.85); font-size: 20px;}
.login-form .form-group i img{height:20px;}
.login-form .form-group .control-label { position: absolute; top:14px; left:0; pointer-events: none; padding-left:20px; z-index: 1;  font-size: 14px;  -webkit-transition: all 0.28s ease; transition: all 0.28s ease;  color:#11202e; font-weight:normal; color:#fff;}
.login-form .form-group.focussed .form-control{font-family: 'Roboto', sans-serif; font-weight:400; color:#fff; outline: none; border-color:rgba(255, 255, 255, 1); }
.login-form .form-group.focussed .control-label{ color:#fff; font-size:12px; left: 20px; top: -9px; background: #00549d;  padding-left:0;     padding: 0 6px; }
.login-form .form-group .form-control:focus{box-shadow:none; -webkit-box-shadow:none;}
.bottom-login{width:100%; float:left;}
.remember-me{float:left; }
.remember-me span{    font-size: 14px;   vertical-align: middle;    display: inline-block;    margin-left: 4px; color:#fff;}
.login-info .button-right{float:right;}
.login-btn{padding:8px 23px; color:#000; background:#fad701; font-weight:700;    font-size: 16px; text-transform:uppercase; transition:all 0.3s ease 0s;}
.login-btn:focus, .login-btn:hover{outline:none; box-shadow:none; background:#d2b501; }
 .list-info{width:100%; float:left;     margin-top: 80px; padding-left: 120px;}
 .list-info h2{font-size:35px; font-weight:700; color:#024077; margin-bottom:25px;}
.list-comments{width:100%; float:left;}
.list-comments li{font-size:20px; font-weight:500; color:#024077; margin-bottom:15px; position:relative; padding-left:48px;}
.list-comments li:before{position:absolute; content:"";  top:0; left:0; right:0; bottom:0;  font-size:24px; color:#2399ef; line-height: 28px; background:url(../images/arrow-sign.png) no-repeat left top;}
.fg-password{color:#fad701; font-size:14px; text-align:center; margin-top:0px;float: right;}
.fg-password:hover, .fg-password:focus{color:#fad701; text-decoration:underline;}
.login-btn-block{width: auto; float: right;  text-align: right;  margin-top: 10px;}
.foot-link{float:right; text-align:right; color:#fff; margin-top:13px;}
.foot-link a{color:rgba(255, 255, 255, 0.75);}
.foot-link a:hover, .foot-link a:focus{color:rgba(255, 255, 255, 1);}
.alert-success, .alert-danger{padding:5px 10px;}
.alert-success > i , .alert-danger > i {text-align:right; float:right; line-height: 18px; cursor:pointer;  opacity: 0.7;  font-size: 12px; position: absolute;
    top: 6px;  right: 10px;}
.alert-success strong i , .alert-danger strong i{float:none; padding-right:4px; opacity:1; font-size: 14px;}
.create-account{width:100%; float:left; position:relative;     padding-top: 25px;  margin-top: 50px;  text-align: center;}
.create-account:before{content:""; position:absolute; top:0px; left:0; right:0; margin:0 auto; width: 70%; height:1px; background:rgba(255, 255, 255, 0.25);}
.create-account a{color:#fad701;}
.create-account a:hover, .create-account a:focus{color:#fad701; text-decoration:underline;}
.login-title{width:100%; float:left; margin-bottom:30px; clear:both}
.mid-login-section .alert, .alert{width:100%; float:left; position:relative; } 
.mid-login-section .form-group + .form-group{margin-bottom:10px;}
.mid-login-section .form-group + .form-group i img{height:23px;}

.login-form .form-group input:-webkit-autofill, .login-form .form-group input:-internal-autofill-selected, .login-form .form-group input:-webkit-autofill:hover, 
.login-form .form-group input:-webkit-autofill:focus{border:1px solid #fff; background:#00549d!important;  -webkit-text-fill-color: #fff;  -webkit-box-shadow:0 0 0px 1000px #00549d inset;  transition:background-color 5000s ease-in-out 0s;}
.login-info .alert{margin-bottom:20px;}
/* login css end*/

/*dashboard css start*/
.dashboard-content{width:100%; float:left;}
.heading-title{width:100%; float:left; margin-bottom:20px;}
.heading-title h2{font-size:24px; color:#000; } 
.mid-section{width:100%; float:left;}
.card-block{width:100%; float:left;}
.list-card{width:100%; float:left;}
.list-card li{width:19%; margin-right:1.23%; border-radius:4px;  -webkit-border-radius:4px; -moz-border-radius:4px; padding:10px; float:left; box-shadow:0 0 4px rgba(0, 0, 0, 0.15); margin-bottom:10px; position:relative;}
.list-card li:nth-child(5){margin-right:0;}
.list-card li h3{color:#fff; text-align:center; font-size:16px; font-weight:500; margin-bottom:6px; clear: both;}
.list-card li h4{color:#fff; text-align:center; font-size:22px; font-weight:700; clear: both;}
.list-card li:last-child{margin-right:0;}
.green-card{background:#4caf50;}
.orange-card{background:#ff9800;}
.sky-card{background:#00bcd4;}
.violet-card{background:#9c27b0;}
.blue-card{background:#424ea6;}
.red-card{background:#db4a4b;}
.light-sky-card{background:#2bbef4;}
.grey-card{background:#667b8b;}
.dark-green-card{background:#058378;}
.light-blur-card{background:#245e9e;}
.icon-block{width:100%; float:left; text-align:center; margin-bottom:10px;}
.icon-block figure{margin:0; padding:0; width:100%; float:left; }
.icon-block img{height:60px; }
.inner-card{width:100%; float:left; box-shadow:0 0 2px rgba(0,0,0,0.24), 0 1px 2px rgba(0,0,0,0.15); -webkit-box-shadow:0 0 2px rgba(0,0,0,0.24), 0 1px 2px rgba(0,0,0,0.15); background:#fff; padding:15px; border-radius:3px; -webkit-border-radius:3px;}
.section{margin-top:40px; width:100%; float:left;}
h2.title-main{color:rgba(0, 0, 0, 0.85); font-size:16px; font-weight:600; margin-bottom:20px; display: inline-block;}
.row-col{margin-left:-15px; margin-right:-15px;}
.row-col .col-left{width:50%; float:left; padding:0 15px;}
.row-col .col-right{width:50%; float:left; padding:0 15px;}
.graph-block{width:100%; float:left;}
.graph-block img{width:100%; height: 420px;}
.earning-graph-block{width:100%; float:left;}
.earning-graph-block .graph-mid{width:100%; float:left; text-align:center; margin-top:45px; margin-bottom:40px; }
.earning-list{display: table;  table-layout: fixed;  width: 100%;  margin-bottom: 20px;  text-align: center;}
.earning-list li{display:table-cell;}
.earning-list li i{font-size: 10px;  padding-right: 5px;line-height: 20px; display: inline-block;}
.earning-list li.today-col i{color:#ff9800;}
.earning-list li.week-col i{color:#00bcd4;}
.earning-list li.month-col i{color:#e91e63;}
.earning-list li .col-list{display: inline-block;  vertical-align: top;  text-align: left;}
.earning-list li .col-list small{color:#777777; font-size:14px; font-weight:500; width:100%; float:left;}
.earning-list li .col-list span{color:#000; font-size:14px; font-weight:500; width:100%; float:left; margin-top:5px;}
.notification-top{position: absolute;  top: 0;  width:30px; right: -7px;  height:30px; background: #727cc9;   border-radius: 50%; -webkit-border-radius: 50%;    top:-4px; text-align:center;}
.notification-top span{color:#fff; font-size:15px; font-weight:500; text-align:center; line-height:30px;}
.green-card .notification-top{background:#3c753e;}
.orange-card .notification-top{background:#cb7c07;}
.sky-card .notification-top{background:#09a3b7;}
.violet-card .notification-top{background:#801992;}
.blue-card .notification-top{background: #222f8a;}
.notification-box .notification-top{background:#b3292a;}
.light-blur-card .notification-top{background:#104988;}

.table-container{width:100%; float:left; box-shadow:0 0 2px rgba(0,0,0,0.12), 0 1px 1px rgba(0,0,0,0.24); -webkit-box-shadow:0 0 2px rgba(0,0,0,0.12), 0 1px 1px rgba(0,0,0,0.24);}
.table-inner{width:100%; float:left; position:relative; }
.table-inner table{width:100%; float:left; white-space: nowrap;}
.table-inner table th{background:#263146; color:#fff; border-right:none; padding: 4px 6px;font-size: 14px; border-right:1px rgba(255, 255, 255, 0.20) solid;} 
.table-inner table th:last-child{border-right:none;}
.table-inner table td{ color:rgba(0, 0, 0, 0.85); border-right:none; padding: 4px 6px;font-size: 14px;  border-right:1px rgba(0, 0, 0, 0.08) solid;} 
.table-inner table tbody tr td{border-bottom:1px rgba(0, 0, 0, 0.08) solid;}
.table-inner table tbody tr:last-child td{border-bottom:0;}
.table-inner table td:last-child{border-right:none;}
.table-inner table  tbody tr:nth-child(2n) {background: #f7f8fd;}
.table-inner table td.active-status{color:#03a400;}
.table-inner table td.deactive-status{color:#fb0200;}
.pagination-block{ float:right; margin-bottom:5px 0;margin: 5px 0;}
.pagination-block p{float:left;     margin-top: 7px; margin-right: 15px;}
.pagination{background:#fff; box-shadow:0 0 1px rgba(0,0,0,0.1), 0 1px 1px rgba(0,0,0,0.15); -webkit-box-shadow:0 0 2px rgba(0,0,0,0.24), 0 1px 2px rgba(0,0,0,0.15); float:right;}
.pagination li{float:left;} 
.pagination li a{position: relative;  float: left;  padding: 6px 12px;  margin-left: -1px;   line-height: 1.42857143;  color:rgba(0, 0, 0, 0.75);  text-decoration: none;
    background-color: #fff;  border: 1px solid #ddd; font-size:13px;} 
.pagination li.active a{background:#203167; color:#fff; border-color:#203167;}
.table-inner table td .btn-warning, .table-inner table td .btn-success, .table-inner table td .btn-info,.table-inner table td .yellow-btn, .table-inner table td .btn-secondary, .table-inner table td .btn-danger, .table-inner table td .btn.btn-blue{font-size: 12px;padding: 4px 10px;}
.btn.btn-blue{background:#007bff; color: #fff;}
.btn.btn-blue:hover {color:#fff; background-color:#0069d9; }
.btn-group.dropup .dropdown-toggle:after{content:""; display:inline-block; width:0; height:0; margin-left:0.255em; vertical-align:0.255em; border-top:0.3em solid; border-right:0.3em solid transparent; border-bottom:0; border-left:0.3em solid transparent;}

/* loader */
#admin_loader {position: absolute;  z-index: 10;  top: calc(50% - 20px);  left: calc(50% - 20px);  background: #fff; padding: 5px; box-shadow: 0px 0 3px rgba(0, 0, 0, 0.35);
    border-radius: 4px;}
#admin_loader_hotel img{width:30px; height:30px;}
#admin_loader_train img{width:30px; height:30px;}
/* loader */
#admin_loader_hotel {position: absolute;  z-index: 10;  top: calc(50% - 20px);  left: calc(50% - 20px);  background: #fff; padding: 5px; box-shadow: 0px 0 3px rgba(0, 0, 0, 0.35);
    border-radius: 4px;}
#admin_loader_train {position: absolute;  z-index: 10;  top: calc(50% - 20px);  left: calc(50% - 20px);  background: #fff; padding: 5px; box-shadow: 0px 0 3px rgba(0, 0, 0, 0.35);
    border-radius: 4px;}
#admin_loader img{width:30px; height:30px;}
.no_record_found{width:100%; }
.no_record_found span{font-size:15px; font-weight:500; text-align:center; width:100%; float:left; color: red; text-transform:uppercase;}
.red-color span{font-size:14px; font-weight:200; width:100%; float:left; color: #ff0000;}
.yellow-color span{font-size:14px; font-weight:200; width:100%; float:left; color: #dab00f;}
.green-color span{font-size:14px; font-weight:200; width:100%; float:left; color: #008000;}
.title h1{float:left; width:100%; font-family:'Source Sans Pro', sans-serif; font-weight:500;font-size:17px;text-transform:uppercase; color:#474747; line-height:40px;}

.autocomplete-suggestions .autocomplete-suggestion {background:#f4f4f4;}
.autocomplete-suggestion { height: 30px;  border: 1px solid #e2e2e2;  padding: 5px;  width: calc(100% + 2px);}
.text-upper{text-transform:uppercase;}


.wcard-info{  background:#2f3e5c; margin-bottom:10px;}
.wcard-info .form-title{ padding:10px; margin-bottom:0}
.wcard-info .form-title p{color:#fff;}
.wcard-info .inner-col{padding:0 10px;} 
.wcard-info .inner-col .form-group label{color:#fff; font-size:14px; font-weight:500; float:left; margin-top:10px; padding-right:10px;} 
.wcard-info .form-select{ display: block;  overflow: hidden;}
.wcard-info .btn-group-block{margin-top:0; margin-bottom: 10px;}
.wcard-info .btn-group-block .btn{margin:0 4px;}
    
.table-not-strip .table-inner table tbody tr:nth-child(2n){background:none;}
.table-not-strip .table-inner table tbody tr td{  border-bottom: 1px solid rgba(0, 0, 0, 0.10); }



/*.input-group > input{width:auto !important;}*/
.list-block-detail .input-group > input{width:100% !important;}
.input-group .input-group-addon{width:38px; position:relative; border:1px solid #ced4da; margin-left:-1px; display:flex; align-items:center; justify-content:center;  z-index: 9;}
.input-group .input-group-addon span{font-size:18px; cursor:pointer;}
.datepicker.dropdown-menu{padding:0;}

.border-error{border:1px red solid!important; box-shadow:1px 3px 32px -12px rgba(255,0,0,0.5)!important; -webkit-box-shadow:1px 3px 32px -12px rgba(255,0,0,0.5)!important;}

.user-info-detail{float:left; margin-top:10px; border-right: 1px #ccc solid;  padding-right: 10px;}
.user-info-detail span{padding-left:3px; font-size:13px;}
.user-info-detail .last-login{font-weight:500;}
.user-info-detail .last-login i{padding-right:2px;}
.yellow-btn{background:#f8d907; color:#000;}
.yellow-btn:hover{background:#e2c606;}

.file-upload-filed{float:left; width:100%; border:1px solid #ced4da; position:relative; padding:0; height:40px; border-radius:3px; display:flex; align-items:center;}
.file_name{float:left; width:100%; line-height:38px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#111; font-size:13px; font-weight:500; padding:0 8px; flex:2; display:flex; align-items:center;}
.file_name span{margin-left:8px; flex:2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.file_name figure{float:left; min-width:24px; width:24px; height:24px; margin:0;}
.file_name figure img{width:100%; float:left;}
.file-btn{float:left; width:100px; height:100%; background:#fc9525; color:#fff; font-size:13px; text-align:center; line-height:40px; cursor:pointer;}
.file-btn i{display:inline-block; font-size:16px; margin-right:6px;}
.file-btn input{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer;}

.not-booking{float:left; width:100%; text-align:center; padding:20px 0;}
.not-booking span{color:#000; float:left; width:100%;}
.not-booking figure{display:inline-block; height:84px; width:84px; border-radius:50%; border:2px solid #d4d4d4; padding:5px; margin-bottom:6px;}
.not-booking figure img{width:100%;}
.img_padding_bottom {padding-top: 5px;}
.input-group.date{position:relative;}
.input-group.date input{padding-right:38px;}
.input-group.date .input-group-addon{position:absolute; height:100%; top:0; right:0; pointer-events:none; z-index:9;}
.flight-image{width:26px; max-height:26px; overflow:hidden;display: inline-block;  margin: 0; vertical-align: middle; margin-right:5px;}
.flight-image img{width:100%; height:100%; }

.form-mid-markup{display: flex;  flex-wrap: wrap;   justify-content: center;}
.form-mid-markup .inner-col{display: flex; width: 30%; flex-wrap: wrap; padding: 10px;}
.form-mid-markup.wcard-info .form-title{text-align: left;  padding: 0;  margin-bottom: 10px;}
.form-mid-markup .form-group{margin-bottom:0;}
.percentage-group.input-group .input-group-addon span{font-size:14px;}

.block.btn-group-block.button-bottom { margin-top: 36px;}
.wcard-info .input-group > input{width:100%!important;}
.wcard-info .input-group .input-group-addon{top: 0; right: 0; height: 100%; background: #2f3e5c; position:absolute;}
.wcard-info .input-group .input-group-addon span{color:#fff;     padding: 0 10px;}
.wcard-info .inner-col .form-group .input-group{    flex-wrap: nowrap; display: -webkit-box;}

.notification-box{width:100%; float:left;}
.notification-box .icon-block figure i{color:#fff; font-size:40px; height:60px; line-height:60px;}
h2.main-title{font-size:20px; font-weight:500; margin-bottom:20px; border-bottom: 1px #e0e0e0 solid; padding-bottom: 8px; } 
h2.main-title span{position:relative; padding-bottom: 8px;}
h2.main-title span:before{position:absolute; bottom:0; content:""; width:100%; height:3px; background:#2399ef;}
.row-col .col-left h2.title-main, .row-col .col-right h2.title-main{font-size:14px; margin-bottom:10px;}
.notification-text{ padding-left: 5px;  position: absolute;  top: -9px; right: -9px;}
.notification-text samp{color:#fff;text-align:center; display:block; line-height:22px; font-size:11px; width:22px; height:22px; border-radius:50%; -webkit-border-radius:50%; background:#e81f1f; display:inline-block; vertical-align:middle;}
li.message_link a{position:relative;}

/* Popup Css*/
.popup-crad{float:left; width:100%; top:0; left:0; height:100%; position:fixed; z-index:16; opacity:0; visibility:hidden; transform:all 0.3s ease 0s;}
.popup-crad.show{opacity:1; visibility:visible;}
.popup-crad .popup-outer{height:100%; width:100%; display:flex; align-items:center; justify-content:center; float:left; padding:16px 10px;}
.popup-content{width:100%; float:left; width:100%; max-width:800px; background:#fff; box-shadow:1px 0 4px rgba(0,0,0,0.19); border-radius:3px; position:relative; z-index:1; padding:0 0 10px;}
.popup-close{position:absolute; top:8px; right:10px;}
.popup-close i{font-size:18px; width:24px; height:24px; border-radius:50%; color:#fff; text-align:center; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.popup-scorll{width:100%; float:left; z-index:1; max-height:60vh; overflow-y:auto; padding:0 20px; word-break:break-word;}
.popup-overlay{float:left; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:0; left:0; top:0; cursor:pointer;}
.popup-head{float:left; width:100%; position:relative; padding:12px 14px; background:#124680;}
.popup-head h2{float:left; color:#fff; font-size:16px;}

.popup-mid-content{width:100%; float:left; margin-top:15px;}
.set-tax-popup .popup-content{max-width:400px;}
.input-radio{width:100%; float:left;}
.input-radio .checkbox{vertical-align:middle;}
.input-radio span{vertical-align:middle; display:inline-block; font-size: 14px;  font-weight: 500; padding-left:8px;}
.remove_stoppage, .remove_pax{cursor:pointer;}
.form-group h6 {color: #000;font-size: 14px;font-weight: 500;clear: both;}

/*message box css start*/
.message-block{width:100%; float:left;}
.message-chat-box{ width:100%; background:#fff;  -webkit-box-shadow: 0 4px 15px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.1), inset 0 2px 0 0 rgb(18, 70, 128); 
box-shadow: 0 4px 15px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.1), inset 0 2px 0 0 rgb(18, 70, 128);  float:left; padding-top: 10px;}	
.col-chat{width:100%; float:left; margin: 5px 0;}
.col-chat figure{width:32px; height:32px; border-radius:50%; -webkit-border-radius:50%; float:left; margin:0;  }
.col-chat figure img{width:100%; height:100%; border-radius:50%; -webkit-border-radius:50%;}	
.chat-info{background:#f2f6f9;padding:6px; border-radius:3px; width:auto;  position:relative; float:left;}
.chat-info p{font-size:13px; color:rgba(0, 0, 0, 0.75); line-height: 18px;}
.chat-info:before{content:""; position:absolute; left:-5px; width:10px; height:10px; background:#f2f6f9; transform:rotate(45deg); top:10px;}
.chat-block{width:100%; float:left; padding-left: 10px; padding-right: 56px;}
.chat-block.chat-me { padding-left: 56px;padding-right: 10px;}
.chat-input{width:100%; float:left;     padding: 5px 10px; border-top: 1px rgba(0, 0, 0, 0.15) solid;}
.chat-input .msg-btn{float:right; padding:10px; cursor:pointer; background:none; border:none;}
.chat-input .msg-btn i{font-size:15px; color: rgba(0, 0, 0, 0.75);}
.input-msg{display:block; overflow:hidden;}
.input-msg .msg-control{width:100%; float:left; border:1px rgba(0, 0, 0, 0.15) solid; padding: 10px;}
.chat-me .col-chat figure{float:right;}
.chat-me .chat-info{float:right; background: #dae8f7; }
.chat-me .chat-info:before{left:auto; right:-5px; background: #dae8f7;}
.chat-mid-block{width:100%; float:left;     max-height:60vh; overflow: auto;}
.chat-box-detail{display:block; overflow:hidden; padding-left: 15px;}
.chat-me .chat-box-detail{padding-left:0; padding-right:15px;}
.chat-name-time{width:auto;float:left;clear: both; }
.chat-name-time span{display:inline-block; vertical-align:middle; color:rgba(0, 0, 0,  0.64); font-size:11px;}
.chat-name-time samp{float:right; padding:0 2px;}
.chat-name-time .ch-time{float:right;}
.chat-name-time .ch-name{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:none;max-width: 115px; }
.chat-name-time samp i{font-size:4px; display:inline-block; vertical-align:middle; color:rgba(0, 0, 0,  0.44);}
.chat-me .chat-name-time{float:right; text-align: right;}

/*booking-create css start*/
.booking-block{width:100%; float:left; background:#124680; padding:10px; }
.booking-block .form-group label{color:#fff;}
.block-detail{width:100%; float:left; }
.booking-form{width:100%; float:left;}
.list-block-detail{width:100%; float:left;  padding:10px; border-top:1px #dedede solid; background:#f0f0f0; margin-bottom:10px;}
.title-heading{width:100%; display: -webkit-box;  display: -ms-flexbox;  display: flex; margin-bottom:15px; border-bottom:1px #b7c3d2 solid; padding-bottom: 5px; white-space: nowrap; align-items: center;}
.title-heading h2{font-size:18px; font-weight:500; color:#124680;}
.title-heading .icon-remove{float:right;}
.title-heading .icon-remove i{font-size:20px; cursor:pointer; color:#124680;}
.btn-block{width:auto; }
.btn-block .btn{margin-right:10px;}
.sub-list-detail{width:100%; float:left; margin-top:15px; background: #fff;  padding: 10px;}
.sub-title-heading{width:100%; display: -webkit-box;  display: -ms-flexbox;  display: flex; margin-bottom:15px; border-bottom:1px #e0dddd solid; padding-bottom:2px;justify-content: space-between;}
.sub-title-heading h2{font-size:15px; font-weight:500; color:#000; padding-bottom:4px;  text-transform: uppercase;}
.sub-title-heading .icon-remove i{font-size:20px; cursor:pointer; color:#000;}
.inner-list-section{width:100%; float:left;}
.breakup-detail{width:100%; float:left;}
.total-fare-info { width: auto;  display: flex;  justify-content: center;}
.total-fare-info span {font-size: 20px; background: #eae6e6; padding: 5px 20px; border: 1px #dedddd solid;}
.list-block-detail label{font-size: 13px;  margin-bottom: 5px;}
.list-block-detail  .input-group .input-group-addon{width:32px;}

/*calendar css start*/
.fc-content-skeleton .fc-event, .fc-event-container .fc-event {background: #124680;  border-color: #124680; color:#fff;padding:1px 4px }
.fc-content-skeleton .fc-title, .fc-event-container .fc-title{color:#fff; font-size:10px; font-family: 'Roboto', sans-serif; width:100%; float:left;}
.fc-content-skeleton .fc-title samp, .fc-event-container .fc-title samp{width:100%; float:left;}
.fc-more-cell .fc-more{font-size:11px;}
.fc-button-group .fc-state-active, .fc-button-group .fc-state-down{background-color: #2399ef; color:#fff; box-shadow:none; }
.fc-button-group button{text-transform:uppercase;font-family: 'Roboto', sans-serif;  background: none; box-shadow: none; border-color: #2399ef;}
button.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {text-transform: uppercase; background: #ececec;  box-shadow: none;}
.fc-content-skeleton table  thead tr{background:#fff; color:#000;} 
.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td{border-color:#ddd!important;}
.fc-content-skeleton table tbody tr:nth-child(2n){background:none;}
.fc-toolbar .fc-center h2{font-weight:500}

.toolbar-top{width:100%; float:left; margin-bottom:10px;}
.toolbar-top .toolbat-left{float:left;}
.toolbar-top .toolbat-left button{border:1px #2399ef solid; background:none; border-radius:3px; -webkit-border-radius:3px; font-size:13px;  padding: 1px 5px;}
.toolbar-top .toolbat-left button:hover{background:#2399ef; color:#fff;}
.toolbar-top .toolbat-right{float:right;}
.toolbar-top .toolbat-right select{background:#2399ef; color:#fff; border:none; border-radius:3px; height:27px; padding:0 10px; }
.select-custom{position:relative;}
.select-custom:before{content:"\f107"; position:absolute; right:10px; display:flex; font-family: 'FontAwesome'; color:#fff; line-height:27px; font-size:15px;}
.toolbar-top  .select-agency{width:200px;     margin: 0 auto;}
.toolbar-top  .select-agency .select2-selection{display:block;  background: #2399ef;   color: #fff;  border: none;  border-radius: 3px;  height: 27px;  padding: 0 10px; }
.toolbar-top   .select-agency .select2-container--bootstrap .select2-selection--single .select2-selection__rendered{color:#fff; line-height:27px;}
.toolbar-top  .select-agency .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b{    border-color: #fff transparent transparent transparent;}

.fc-button-group .fc-icon-left-single-arrow:after{content: "Prev Month"; font-weight:400; text-transform: capitalize;  position: relative; top:-4px; font-size:11px;}
.fc-button-group .fc-icon-left-single-arrow:before{content: "\AB";  top:-3px; position: relative; padding-right:3px; font-size:18px; font-weight:400;}
.fc-left .fc-button-group .fc-icon{font-family: 'Roboto', sans-serif !important; top: 0px;    margin: 0;   height:25px; line-height:25px}
.fc-button-group .fc-icon-right-single-arrow:after{content:"\BB";  top:-3px; position: relative; padding-left:3px; font-size:18px; font-weight:400;}
.fc-button-group .fc-icon-right-single-arrow:before{content: "Next Month"; font-weight:400; font-size:11px; text-transform: capitalize;  position: relative; top:-3px;}
.fc-button-group .fc-icon-left-double-arrow:after{content: "Prev Year"; font-weight:400; text-transform: capitalize;  position: relative; top:-4px; font-size:11px;}
.fc-button-group .fc-icon-left-double-arrow:before{content: "\AB";  top:-3px; position: relative; padding-right:3px; font-size:18px; font-weight:400;}
.fc-button-group .fc-icon-right-double-arrow:after{content:"\BB";  top:-3px; position: relative; padding-left:3px; font-size:18px; font-weight:400;}
.fc-button-group .fc-icon-right-double-arrow:before{content: "Next Year"; font-weight:400; font-size:11px; text-transform: capitalize;  position: relative; top:-3px;}
.fc-toolbar .fc-left button:nth-child(2n){ margin-right:28px;  border-top-right-radius: 4px;  border-bottom-right-radius: 4px;}
.fc-toolbar .fc-left button:nth-child(3n){ border-top-left-radius: 4px;  border-bottom-left-radius: 4px;}
.fc-toolbar .fc-left button:nth-child(4n) {margin: 0 !important;}
.fc-toolbar .fc-right button { font-size: 11px;  height: 25px;}
/* progress bar */
.steps-block{float:left;width:100%;padding:16px 80px 52px;}
.prize-progress{float:left;width:100%;display:flex;justify-content:space-between;}
.prize-progress-inner{float:left;width:100%;}
.progress{float:left;width:100%;border-radius:10px;overflow:hidden;height:10px;background:#c4c4c4;}
.progress-bar{float:left;width:var(--progressBar);height:10px;border-radius:20px;background:#124680;overflow:hidden;animation-name:progBarWidth;animation-duration:.8s;}
.progress-label-block{float:left;width:100%;display:flex;}
.progress-label-block .progress-label:last-child{align-items:flex-end;width:20px;}
.label-line{float:left;width:20px;height:20px;background:#ffffff;border-radius:50%;border:2px solid #82888a;position:relative;}
.progress-label{width:25%;text-align:center;flex-wrap:wrap;display:flex;flex-direction:column;margin-top:-15px;align-items:flex-start;}
.prog-label{float:left;display:flex;flex-wrap:wrap;justify-content:center;position:relative;}
.steps-label{float:left;text-align:center;position:absolute;display:flex;justify-content:center;width:max-content;max-width:150px;top:calc(100% + 6px);}
.steps-text{color:#000000;border-radius:3px;padding:0px 6px;font-size:12px;font-weight:500;position:relative;float:left;width:100%;}
.steps-text small{font-size:12px; line-height:1.2em; display:block; width:100%;float:left;}
.steps-text:after{opacity:0;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #ffac00;position:absolute;top:-5px;content:"";left:0;right:0;margin:0 auto;}
.steps-text .step-heading{font-weight:500;float:left;width:100%;font-size:14px;}
.remark-block{float:left;width:100%;padding:10px 10px;}

.completed .label-line{background:#124680;border-color:#124680;}
.completed .label-line:after{content:"\f00c";position:absolute;left:0px;right:0px;top:0px;bottom:0px;color:#ffffff;font-family:'FontAwesome'!important;font-size:12px;}
.completed .steps-text .step-heading{color:#124680;}
.inprocess .label-line{background:#ffffff;border-color:#124680;}
.inprocess .label-line:after{ content: ""; position: absolute; left: 3px; right: 0px; top: 3px; bottom: 0px; background: #124680; height: 10px; width: 10px; border-radius: 50%; }
.inactive .label-line{background:#ffffff;border-color:#82888a;}
.inactive .label-line:after{ content: ""; position: absolute; left: 3px; right: 0px; top: 3px; bottom: 0px; background: #82888a; height: 10px; width: 10px; border-radius: 50%; }
.rejected .label-line{background:#ffffff;border-color:rgba(0, 0, 0, 0.20);}



@-webkit-keyframes progBarWidth{
	0%{
		width:0;
	}
}

@keyframes progBarWidth{
	0%{
		width:0;
	}
}
@-webkit-keyframes progBarHeight{
	0%{
		height:0;
	}
}

@keyframes progBarHeight{
	0%{
		height:0;
	}
}
.steps-5 .progress-label{width:25%;}
.steps-4 .progress-label{width:33.33%;}
.steps-3 .progress-label{width:50%;}
.steps-2 .progress-label{width:100%;}
/*booking-detail css start*/
.booking-title{width:100%; float:left; background:#124680; padding:10px; display:flex; align-items:center; justify-content:space-between;}
.booking-title h2{color:#fff; font-size:18px; font-weight:500;  display:inline-block;}
.booking-detail-block{width:100%; float:left;}
.booking-detail-col{width:100%; float:left; max-width:100%;}
.booking-detail-col.col-left{max-width:calc(100% - 310px);}
.booking-detail-col.col-right{float:right; max-width:290px;}
.booking-info{width:100%; float:left; background:#f0f0f0; padding:10px;}
.tripjack-cities{width:100%; float:right; background:#f0f0f0; padding:10px;}
.booking-list{width:100%; float:left; margin-bottom:15px;     border: 1px #e6e6e6 solid;}
.list-detail{width:100%; float:left;}
.list-detail li{width:33.33%; float:left; padding:5px 0px;}
.list-detail li span{width:30%; float:left; font-size:14px; font-weight:500; text-align:right;}
.list-detail li small{width:70%; float:left; font-size:14px; padding-left: 30px;}
.list-detail.fare-detail li{width:100%;}
.btn-bottom{width:100%; float:left; border-top: 1px #e6e0e0 solid; padding-top: 10px; margin-top: 10px;}
.booking-table{width:100%; float:left;}
.icon-plus{color: white;}
.icon-minus{color: white;}
.passenger-information{width:100%; float:left;}
.passenger-fl-info{width:100%; float:left;}
.passenger-fl-info .cols{width:100%; float:left; background:#ffffff; margin-bottom:10px;}
.passenger-fl-info .cols:last-child{margin-bottom:0;}
ul.psg-list {width: 100%; float: left; padding: 10px; display: flex;  flex-wrap: wrap;}
.passenger-fl-info .cols li{width:50%; float:left; margin:2px 0; }
.passenger-fl-info .cols li span{font-size:13px; float:left;  width: 30%; font-weight:500; color:rgba(0, 0, 0, 0.75);}
.passenger-fl-info .cols li small{font-size:13px; display:block; overflow:hidden; padding-right:10px; color:rgba(0, 0, 0, 0.75);}
.passenger-fl-info .cols .adult-title{margin-bottom:0; padding:5px 10px; background:#fbfbfb; border-bottom:1px #e2e1e1 solid;  border-top:1px #e2e1e1 solid;}
.passenger-fl-info .cols .adult-title small {font-size: 12px;  font-weight: 500;  color: rgba(0, 0, 0, 0.55);}
.passenger-fl-info .cols .adult-title span{font-size:13px; font-weight:bold; color:#124680;}
.gst-information{width:100%; float:left;}

.detail-booking-info{width:100%; float:left;}
.detail-booking-info .list-detail li{width:100%;}
.detail-booking-info .list-detail li span {width: 30%;}
.detail-booking-info .list-detail li small {width: 70%;}

.heading-btn{display:inline-block; vertical-align:middle; padding-left:5px;}
.heading-btn .btn-line{margin:0 2px;} 
.btn-line{padding:3px 10px; font-size:14px; font-weight:500; background:#fff; border:1px #2399ef solid; text-transform: capitalize; color:#2399ef;}
.btn-line:hover{background:#2399ef; color:#fff;}
.today-sale{display:inline-block; vertical-align:middle; padding-left:5px;}
.today-sale span{font-size: 14px; background:#f7f7f7; padding: 5px 10px; border: 1px #dedddd solid; border-radius: 3px; line-height:17px; display:inline-block;}
.today-sale span samp{font-weight:500;}
.today-sale.blue-sale span{font-size: 14px; background: #2f3e5c; padding:8px 10px;  border-radius: 3px; line-height:36px; border:1px #fff solid; color:#fff;}

/* Add this attribute to the element that needs a tooltip */
[data-tooltip]{position:relative; z-index:2; cursor:pointer;}
[data-tooltip]:before, [data-tooltip]:after{visibility:hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0; pointer-events:none;}
[data-tooltip]:before{position:absolute; bottom:-50%; right:100%;  margin-bottom: 5px;  margin-right:8px;  padding: 7px;  min-width:200px;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;  background-color: #000;  background-color: hsla(0, 0%, 20%, 0.9);  color: #fff;  content: attr(data-tooltip); text-align: center;  font-size:12px;  line-height: 1.2; white-space:normal;}
[data-tooltip]:after{position:absolute;  bottom:50%;  left:-3px;  margin-left: -5px;  width: 0;  border-left:5px solid hsla(0, 0%, 20%, 0.9);  border-bottom:5px solid transparent;  border-top: 5px solid transparent;  content:" "; font-size:0;  line-height:0;}
[data-tooltip]:hover:before, [data-tooltip]:hover:after {visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);  opacity: 1;}
.tooltip-info i{font-size: 16px;}
.tooltip-info i img{height:14px;}
.input-group{flex-wrap: nowrap;}

.info-top-tooltip[data-tooltip]:before{bottom: 100%;left: -90px;right: auto;margin-left: 0;margin-right: 0;}
.info-top-tooltip[data-tooltip]:after{transform:rotate(90deg);bottom:100%;left: 9px;}

.progress-label-block .progress-label:first-child .info-top-tooltip[data-tooltip]:before{right:auto;left:-20px;}
.progress-label-block .progress-label:last-child .info-top-tooltip[data-tooltip]:before{left:auto;right:-10px;}




.booking-info.list-fare {overflow:auto; max-height:50vh;}
.list-fare{width:100%; float:left;}
.list-fare .list-detail  li{width:100%; float:left;}

.check-booking{width:100%; float:left;}
.check-booking .list-detail{border-bottom:1px #e6e0e0 solid;     padding: 0 5px;}
.check-booking .list-detail:last-child{border-bottom:none;}
.list-detail .check-list{width:100%; float:left;}
.list-detail .check-list > span{float: none;  padding: 0 0 0 10px; margin: 0; width: auto; display: inline-block; vertical-align: text-bottom;  font-size: 13px;}
.list-detail .check-list > small{width:auto; padding:0; margin:0;}
.list-stopage{width:100%; float:left;     background: #fff; margin-bottom:10px;}
.check-list .checkbox label{border: 2px solid #124580 !important;}
.list-stopage .title-heading {padding:5px 10px; margin-bottom:6px;}
.list-stopage .title-heading h2{ font-size:15px; font-weight:bold; padding-left:10px;}
.booking-title .form-group{float:right; width:auto; margin:0;}
.booking-title .form-group label{margin:0; color:#fff; padding-right:10px; font-size:13px; font-weight:500;}
.booking-title .form-group .input-group{display:inline-flex; width:auto;}
.booking-title .form-group  select.form-control{height:28px; padding:2px 10px;}
.cancellation-box .checkbox label{border: 2px solid #124580 !important;}
.check-list{display:inline-block;}
.check-list > span{display:inline-block; vertical-align:middle; font-size:13px; padding-left:5px;}
.passenger-information table tbody tr td .checkbox { display:inline-block;  vertical-align:middle;}
.disabled-box{opacity:0.6; pointer-events: none;}
.disabled-fields{opacity:0.6; pointer-events: none;}

.booking-agent-info{width:100%; float:left; margin-bottom:10px;background: #f0f0f0; padding: 10px;}
.booking-agent-list{width:100%; float:left;}
.booking-agent-list li{width:49.5%; float:left; margin-bottom:2px; margin-top:2px; margin-right:1%;}
.booking-agent-list li:nth-child(2n){margin-right:0;}
.booking-agent-list li a{padding:10px; background:#fff; display:block; font-weight:500; font-size:14px; }
.booking-agent-list li a span{float:right;}

/*notification css start*/
.notification-block{float:right; padding-right: 20px; position:relative;}
.notification-inner{margin-top:2px; position:relative; float:left; margin-top:10px;}
.notification-inner samp{position: absolute;  top:-5px; right:-11px;  background: #2399ef;  width: 18px;  height: 18px;  font-size: 8px; font-weight: 500;  border-radius: 50%;
    -webkit-border-radius: 50%;  color: #fff;  text-align: center;  line-height: 17px;  padding: 1px;}
.notification-inner samp small{font-size: 8px; font-weight: 500;}	
.notification-inner i{height:25px; width:25px; border-radius:50%; -webkit-border-radius:50%; cursor:pointer; font-size:18px; line-height:25px; text-align:center;
 color: #fff; cursor:pointer;}
.notification-dropdown{width:275px; position:absolute;right: 0; z-index:99; top:100%; display:none; padding-top:20px;}
.notification-list{width:100%; float:left; max-height:28vh; overflow:auto; position:relative;}
.notification-list > li{width:100%; float:left; padding:10px 10px; border-bottom:1px rgba(0, 0, 0, 0.15) dashed; font-size:13px; color:rgba(0, 0, 0, 0.75); line-height:17px;}
.notification-list > li > a{color:rgba(0, 0, 0, 0.75);}
.nav-outer .nav-list .notification-list > li > a{padding:0;}
.notification-list > li i{ font-size: 12px;  float: left;   color: #ffffff;  margin-top: 2px;  background:#2399ef; width: 20px; height: 20px; border-radius: 50%;
 text-align: center;     line-height: 20px;}
.notification-list > li i img{width:12px;}
.notification-list > li span{display:block; overflow:hidden; padding-left:7px; font-size: 13px;}
.notification-list > li:hover{background:#f2f2f2;}
.notification-list > li:hover a{color:rgba(0, 0, 0, 0.75)!important;}
.notification-title{width:100%; float:left; background:#fff; padding:10px; position:relative; border-top-left-radius:3px; border-top-right-radius:3px; border-bottom:1px rgba(0, 0, 0, 0.15) solid;}
.notification-list > li i.fa-times-circle{color:#f00;}
.notification-title:before{    content: '';  position: absolute;  width: 0;  height: 0;  top: 0;  box-sizing: border-box;  border: 6px solid #fff;  border-color: 
transparent transparent #fff #fff;  transform-origin: 0 0;   transform: rotate(135deg);  box-shadow: -1px 1px 1px 0 rgba(0,0,0,0.20); margin: 0 auto;  right:6px;}
.notification-title h2{font-size:15px; font-weight:500; color:#000;}
/* .notification-block:hover .notification-dropdown{display:block;} */
.notification-dropdown-inner{ background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.23); border-radius:3px; width:100%; float:left;} 
.notification-time{font-size:11px; font-weight:500;  color:rgba(0, 0, 0, 0.35);}
.notification-list li .pull-right{margin-top:3px;}

/*notification css end*/

.passenger-information .booking-info{display: flex;  flex-wrap: wrap;}
button#add_balance_pop_up { font-size: 11px;  padding: 2px 8px;  float: right;}
.net_payable_amount{ margin: 0 5px;  float: left;}
.net_payable_amount span { font-size: 20px;  background: #eae6e6;  padding: 5px 20px;  border: 1px #dedddd solid;  display: table;  text-align: center;    margin: 0 auto;}

.overlay{float:left; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:0; left:0; top:0; cursor:pointer; display:none;}
.show .overlay{display:block}

.card-info .title{margin-bottom:10px;} 

.settings-content > .row > .col-lg-2 {max-width:20%; flex: 0 0 20%;}
.settings-content > .row > .col-lg-10 {max-width:80%; flex: 0 0 80%;}

.table-inner table td .select-check .checkbox{display: inline-block;  vertical-align: middle;}
.table-inner table td .select-check span{font-size:13px; color:#000; display: inline-block;  vertical-align: middle; padding-left:3px;  
    min-height: 1px;}
.table-inner table td .select-check span.select-sno {padding-left:0; width: 18px;}

.no-access, .nav-outer .nav-list .dropdown-list li.no-access , .nav-outer .nav-list .dropdown-list ul.no-access,.left-sidebar ul li.no-access, th.no-access, td.no-access{display: none;}

/*table button css start*/
.table-btn-block{ float:left; width:20px; position:relative;}
.inner-btn-block{display:none; position: absolute;  bottom: -24%;  right:0;   z-index: 9; }
.click-btn{display:inline-block; width:20px; height:20px; background:#263146; border-radius:3px; line-height:20px; text-align:center; cursor:pointer; }
.click-btn i{color:#fff; font-size:12px; }
.table-btn-block:hover .inner-btn-block {display:block; }
.btn-click-block:before {content: ''; position:absolute;  width:0;  height:0;  box-sizing: border-box; border: 5px solid #fff;
    border-color: transparent transparent #fff #fff; transform-origin: 0 0; transform: rotate(223deg); box-shadow: -1px 1px 1px 0 rgba(0,0,0,0.20);    
    margin: 0 auto; right: 30px; bottom: -1px;}
.inner-btn-block .btn{padding:2px 10px!important; }
.btn-click-block{background: #fff;  padding:4px 8px; box-shadow:0 0 4px rgba(0,0,0,0.20);  -webkit-box-shadow:0 0 4px rgba(0,0,0,0.20); margin-right:40px;}

.bottom-balance{width:100%; float:left; display: flex;    justify-content: center;}
.bottom-balance .total-fare-info{padding:0 5px;}
.not-sufficient-balance{ display: flex;  flex-wrap: wrap; width: 100%;  float: left; justify-content: center; margin-top:10px;}
.not-sufficient-balance .error-msg{color:#f00; float:left; text-align: center; padding-right:8px;}

.gst-select-block{width:100%; float:left;  border-top: 1px #dedede solid;  padding: 10px;     margin-bottom: 10px;  background: #f0f0f0;}
.gst-info{width:100%; float:left;}
.gst-info .checkbox {float:left;}
.gst-text{display:block; overflow:hidden; padding-left:10px;     margin-top: 2px;}
.gst-text h4{font-size:14px; font-weight:500;}
/* .gst-text.return-fare span{color:#F00; font-size:13px; font-weight:500;} span{color:rgba(0, 0, 0, 0.45); font-size:13px; font-weight:500;} */
.gst-text span{color:rgba(0, 0, 0, 0.45); font-size:13px; font-weight:500;}
.gst-detail{margin-bottom:10px;}


.list-dropdown{width:76px;}
.dropdown-menu{width:150px!important; box-shadow:0 6px 12px rgba(0,0,0,.175); -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);  border: 1px solid rgba(0,0,0,.15); padding:5px 0; }
.dropdown-menu li{width:100%; float:left; border-bottom:1px rgba(0, 0, 0, 0.10) solid;}
.dropdown-menu li > a {  display: block;  padding: 3px 4px;  clear: both;  font-weight: 400; line-height: 1.42857143;  color: #333;  white-space: nowrap; font-size:12px; }
.dropdown-menu li > a:last-child{border-bottom:none;}
.dropdown-menu li > a i{font-size:14px; color:#000; padding-right:5px;}
.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active{background:#2399ef; } 
.dropdown-menu .dropdown-item.active i, .dropdown-menu .dropdown-item:active i{color:#fff;}

.show-extra-fields{width:100%; float:left; margin-bottom:10px;}
.show-extra-fields .checkbox{vertical-align:middle;  padding-right: 5px;}
.show-hide-text{display:inline-block; vertical-align:middle;}
.show-hide-text h4{font-size:14px; font-weight:500;}
.show-extra-fields .checkbox label{margin:0!important;}
.balance{font-size:16px; font-weight:500; color:rgba(0, 0, 0, 0.75); display:inline-block;}
.balance.red-text{margin-bottom:10px;}
.balance.green-text{margin-top:15px;}
.red-text samp{color:#f00;}
.green-text samp{color:#27a102;} 

select.form-control.border-error + span {border: 1px red solid!important; border-radius:4px; -webkit-border-radius:4px;
    box-shadow: 1px 3px 32px -12px rgba(255,0,0,0.5)!important;
    -webkit-box-shadow: 1px 3px 32px -12px rgba(255,0,0,0.5)!important;}
	
.pull-right-text{float: right;  margin: 0; color:#f52828; font-size: 12px; font-weight: 500;}	
.booking-info .form-group label{font-size:14px; margin-bottom: 5px;}
ul.dropdown-menu.drop-down-nav.show li:last-child {border-bottom: none;}

.fc-unthemed .fc-popover{ border-width: 1px;  border-style: solid;  left: 0!important;  right: 0!important; top:12%!important; width: 100%; max-width:500px;  margin: 0 auto;
    display: flex;   flex-wrap: wrap;  z-index: 99;}
.fc-unthemed .fc-popover .fc-header{width:100%; float:left; padding: 9px 4px;}
.fc-popover .fc-widget-content{width:100%; float:left;}
.fc-ltr .fc-popover .fc-header .fc-title{font-weight:500;}
.fc-unthemed .fc-popover .fc-header .fc-close { font-size: 17px!important;   margin-top: 0!important; }
.fc-unthemed .fc-popover .fc-event-container .fc-event{padding:5px 8px; margin:3px 0;}
.fc-more-popover .fc-event-container { padding: 10px;  max-height: 345px;  overflow: auto;}
.overlay.open{display:block; z-index: 2;}

.graph-pagination-block, .graph-pagination  {float:right; position:absolute; top:10px; right:10px;}
.graph-pagination-block p, .graph-pagination p {float: left;margin-top: 7px;margin-right: 15px;}
#graph_loader { position: absolute; z-index: 10; top: calc(50% - 20px); left: calc(50% - 20px); background: #fff; padding: 5px; box-shadow: 0px 0 3px rgba(0, 0, 0, 0.35); border-radius: 4px;}
#graph_loader img {width: 30px; height: 30px;}

.group-select{width:100%; float:left;}


.booking-detail-block .total_fare{  margin: 0 5px;  float: left;}
.booking-detail-block .total_fare span { font-size: 20px;  background: #eae6e6;  padding: 5px 20px;  border: 1px #dedddd solid;  display: table;  text-align: center;    margin: 0 auto;}
.booking-detail-block .fare-box {width: 100%;float: left;display: flex;justify-content: center;}

.form-input-sm{width:45%; float:left;}
.form-input-sm input[type="text"], .form-input-sm input.form-control, .form-input-sm select.form-control{height:26px!important; padding:0px 10px;}

.rating{width:100%; float:left;}
.rating i{color:#fc9525; font-size:14px;}
.policy-btn{color:#007bff;}
.list-in-table .table-container{padding:10px;}
.list-in-table  .table-inner{border: 1px rgba(0, 0, 0, 0.25) solid; overflow-x:auto; overflow-y:hidden;  }
.list-in-table tfoot{ background: #edeef7;  border-top: 1px #dee1f0 solid;}
.list-in-table tfoot td{font-weight: 500;  font-size: 14px;}
.list-in-table .table-inner table td{border-right:1px #e1e4f8 solid;}
.list-in-table .table-inner table td:last-child{border-right:0;}

.confirm-text{width:100%; float:left;}
.confirm-text p{text-align:center; font-size:14px; color:rgba(0, 0, 0, 0.75);}
.confirm-popup .popup-content{max-width:400px;}

.select-room{text-align:center; width:100%; float:left; display: flex;  justify-content: center;}
.select-room .select-all{width:auto; padding-right: 10px;}
.select-room .select-all:last-child{padding-right:0;}
.select-room .select-all span{font-weight:500;}

.tooltip-table[data-tooltip]:before{right:auto; left:100%; margin-right:0; margin-left:10px; min-width:600px;} 
.tooltip-table[data-tooltip]:after{left: auto;  right: -5px;  border-right: 5px solid hsla(0, 0%, 20%, 0.9);  border-left: none;  margin-right: -5px; margin-left: 0;} 
.tooltip-table[data-tooltip]{color:#007bff;} 
.tooltip-table[data-failed]:before{right:auto; left:100%; margin-right:0; margin-left:10px; min-width:600px;} 
.tooltip-table[data-failed]:after{left: auto;  right: -5px;  border-right: 5px solid hsla(0, 0%, 20%, 0.9);  border-left: none;  margin-right: -5px; margin-left: 0;} 
.tooltip-table[data-failed]{color:#007bff;} 

/*tab css start*/
.content-tabs, .tab-container{width:100%; float:left;}
.tab-block{width:100%; float:left; overflow:auto; margin-top:15px;}
.tab-block ul{display:table; margin:0 auto;  white-space:nowrap;}
.tab-block ul li{display:table-cell;}
.tab-block ul li a{display:block; padding:10px 15px; background:#dfdfdf;  font-size: 14px; font-weight: 500; margin-right:1px; color:#000; position:relative;}
.tab-block ul li a i{font-size:18px; padding-right:10px; display:inline-block; vertical-align:middle; }
.tab-block ul li a:before{content:""; position:absolute; bottom:0; width:100%; height:3px; background:#dfdfdf; left:0;}
.tab-block ul li.active a:before{background:#e18118;}
.tab-block ul li.active a{background:#fc9525; color:#fff;}

.ellipsis-text{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 126px;}

.confirmation-list{display: flex; justify-content: center;}
.confirmation-list li{    display: flex;  justify-content: center;     align-items: center;}
.detail-booking-info .confirmation-list li span{width:auto;}
.detail-booking-info .confirmation-list li small{width:auto; padding-left: 10px;}
.input-btn-add { display: flex;}
.input-btn-add input.form-control{padding:0 10px; height:30px; line-height:30px; font-size:14px;}
.input-btn-add .btn{ margin-left:5px;}
.input-btn-add .btn{margin-left:5px; height:30px; line-height:29px; font-size:14px; padding:0 10px;}
.input-btn-add .btn i{padding-left:5px;}

.table-inner table td.text-bold{font-weight:500; color:#000000;}
.text-bold{font-weight:500;}


.account-info-top{width:100%; float:left;}
.inner-account-info{width:100%; float:left;}
.inner-account-info li {width:100%; float:left;  display: flex;}
.inner-account-info li .cols:first-child{border-left:1px rgba(0, 0, 0, 0.15) solid;}
.inner-account-info li .cols.center-cols{text-align:center;}
.inner-account-info li .cols{width:33.34%; float:left;  padding: 10px; border-top: 1px rgba(0, 0, 0, 0.15) solid; border-bottom: 1px rgba(0, 0, 0, 0.15) solid;  border-right: 1px rgba(0, 0, 0, 0.15) solid;}
.inner-account-info li .cols span{font-size:13px;}
.inner-account-info li .cols samp{width:100%; float:left;}

.loader-ring{display:inline-block; vertical-align:middle; margin: 2px 6px 0px -8px;}
.loader-ring span{display:inline-block; height:17px; width:17px; border:2px solid #fff; border-color:#fff transparent #fff #fff; border-radius:50%; animation:loader-ring 0.8s linear infinite;}

@-webkit-keyframes loader-ring{
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

.list-itinerary .title-heading{display:flex; justify-content:space-between;  align-items: center;}
.add-more-stoppage{float:right;}
.add-more-stoppage .btn{font-size:14px;     padding: 3px 15px;}
.add-pax  .btn{font-size:14px;     padding: 3px 15px;}
.title-heading .not-sufficient-balance{margin-top:0; justify-content: flex-start;}

.balance-info{float:right; line-height: 28px; padding: 6px 20px; background:#124f92; margin-right:-10px;  font-size: 18px;
    vertical-align: middle;    color: #fff!important;     border-right: 1px #1a4473 solid;}
.balance-info small{font-size:18px; color:#fff;     font-weight: 500;}
.balance-info i{font-size:15px; color:#fff; }

.pax_div{width:100%; float:left;}

.alert{padding:5px 10px; margin-bottom:5px; float: none; clear: both;}

a.btn.viw-btn.round-trip-button { margin-right: 10px; }
.loading-wrapper{position:fixed; float:left; width:100%; top:0; left:0; right:0; bottom:0; z-index:999999999; text-align:center; display: flex;  justify-content: center; align-items: center; background:#fff; }
.page-overlay{float:left; width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; float:left; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:99999999; left:0; top:0; cursor:pointer;  display:none;}
.show.page-overlay{display:block;}

.loading-wrapper.content-loader{position:fixed; height:100%; background:none;}	
.loading-wrapper.content-relative{position:relative; min-height:400px; z-index: 99;}

.form-today-sale{width:100%; float:left;}

.form-today-sale .today-sale{text-align: center; width: 100%;}
.form-today-sale .today-sale span{margin: 5px;}

a.btn.yellow-btn.ref-btn { min-width: 84px;}
.calendar-icon{position:absolute; right:5px; display:flex; align-items:center; height:100%; border-left:1px #ccc solid; padding-left:5px; z-index:9;}

.lock-screen{width:100%; float:left; height:100%; display:flex; position:fixed; background:rgba(0, 0, 0, 0.8); z-index:99; align-items:center; }
.loack-icon{height:100vh; width:100%; display:flex; flex-wrap:wrap;  align-items:center;  justify-content:center;     align-content: center;}
.loack-icon h4{dispaly:block; color:#fff; width:100%; float:left; text-align:center; font-size:30px; margin-top:15px;}
.loack-icon i{font-size:100px; color:#fff; }

.form-group .input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection{border-bottom-right-radius: 4px;     border-top-right-radius: 4px;}

.title-heading.fare-not-sufficient{display:flex; justify-content:space-between;}
.title-heading.fare-not-sufficient .not-sufficient-balance { float:right;  width:auto;}
.title-heading.fare-not-sufficient .not-sufficient-balance .error-msg{font-size:15px; font-weight:700;}
.title-heading.fare-not-sufficient .not-sufficient-balance button#add_balance_pop_up { font-size: 12px;}

.select-check{display:inline-block;}


 
.daily-graph .earning-graph-block, .daily-graph .earning-graph-block-hotel{width:100%; min-width:600px}
.daily-graph .inner-card{overflow: auto;} 
.no-wrap-table table{white-space:normal;}
.table-inner.no-wrap-table table th:last-child{white-space: nowrap;}

.approve-list .form-group label{color: #000;font-size: 12px;float: left;margin-top: 10px;padding-right: 10px; min-width: 80px; font-weight: 500;}
.approve-list .row{justify-content: space-between;}
.approve-list .form-group { display: flex; justify-content: flex-end; width: 100%;     align-items: center;}
.approve-list .form-group .form-control, .approve-list .form-group  select.form-control:not([size]):not([multiple]){height:30px; padding:4px 10px;}

td.reference-link { text-decoration: underline;}

.pax-block .list-block-detail .title-heading{display:flex; justify-content:space-between; align-items:center; flex-wrap:nowrap;}
.pax-block .bottom-balance .total-fare-info{margin-bottom:0;}
.red-color { color: #f00!important;}
.pax-inner-info {border-top: 1px #dedede solid;background: #f0f0f0;width: 100%;float: left;padding: 10px;margin-bottom: 15px;}
.pax-inner-info .sub-list-detail:first-child {margin-top: 0;}

.blue-ring.loader-ring span{ display: inline-block; height: 17px; width: 17px; border: 2px solid #2bbef4; border-color: #fff transparent #2bbef4 #2bbef4; border-radius: 50%; animation: loader-ring 0.8s linear infinite; }
.blue-ring.loader-ring { display: inline-block; vertical-align: middle; margin: 0px 0px 0px 0px; color :#2bbef4;}

.amount-refund{ padding-top :12px; }
.distributor-balance{ font-size:17px; color: #124f92; vertical-align: middle; }
.distributor-balance span{ font-weight:bold; }
.distributor-balance i { font-size: 14px; }
/* T&C */
.mid-wrapper.article-page{padding-top:0px;}
.article-header-title{float: left;width: 100%;margin-bottom: 34px;background: #f0f0f0;padding:30px 0px;text-align: center;font-size: 28px;}
.article-content ol, .article-content ul{padding-left:35px;margin-bottom:10px;}
.article-content ol li{list-style: decimal;font-size: 15px;padding:2px;}
.article-content p{margin-bottom:10px;}
.article-content h1, .article-content h2, .article-content h3, .article-content h4, .article-content h5, .article-content h6{margin-bottom:4px;margin-top: 15px;line-height: 1.3em;}
.article-content h3{font-size:18px;font-weight:bold;}
/* T&C */
/* alt-box */
.alt-box{float: left;width:100%;display:flex; min-height:400px;align-items:center;justify-content:center;}
.alt-box-wrap{float: left;width:100%;padding: 20px 10px;max-width: 560px;text-align: center;}
.alt-box-icon{float: left;width: 100%;text-align: center;}
.alt-box-icon span{height: 80px;width: 80px;background: #7f7f7f;display: flex;margin: 0 auto;align-items: center;justify-content: center;border-radius:50%;}
.alt-box-icon span i{color:#ffffff;font-size:38px;}
.alt-box-wrap .alt-box-heading{float:left; width:100%;text-align:center;font-size:30px;font-weight:bold;line-height: 30px;margin:10px 0px 5px;}
.alt-box-wrap .alt-box-content{float:left;width:100%;text-align:center;font-size:16px;line-height: 20px;}
.alt-icon-image{height:100%;width:100%;align-items: center;padding:15px;display: flex;}
.alt-box-button{float:left;width:100%;margin-top:15px;}
.alt-box-button .btn{margin:0px 5px;border:2px solid #cccccc;font-size: 14px;font-weight: 500;}
.alt-box-button .btn.blue-btn{border-color:#124680;color: #124680;}
.alt-box-button .btn.green-btn{border-color:#3aaa35;color: #3aaa35;}
.success-alt-box .alt-box-icon span{background:#2aab08;}
.success-alt-box .alt-box-wrap .alt-box-heading{color: #2aab08;}
.failed-alt-box .alt-box-icon span{background:#e64142;}
.failed-alt-box .alt-box-wrap .alt-box-heading{color: #e64142;}
@media (max-width: 999px){.alt-box,.processing-text{min-height: 170px;}}
/* alt-box */
/* Processing */
.loader.relative-loader{float: left;width: 100%;}
.loader-processing{float: left;width: 100%;text-align: center;}
.loader-content{float: left;width: 100%;}
.loader-processing .loader-ring.blue-ring span{border-color: #124680 transparent #124680 transparent;}
.loader-processing .loader-ring span{height: 56px;width: 56px;border-width:3px;}
.loader-processing-heading{float: left;width: 100%;text-align: center;font-size:22px;font-weight:bold;line-height:30px;text-transform:capitalize;letter-spacing:1px;margin-top:15px;color:#124680;}
.loader-processing-content{float: left;width: 100%;text-align: center;font-size:16px;color: rgba(0,0,0,0.70);line-height: 18px;margin-top:5px;}
.loader.relative-loader .loader-content .loader-processing{min-height: 260px;display: flex;flex-wrap: wrap;align-content: center;justify-content:center;}
@media (max-width: 640px){
	.loader.relative-loader .loader-content .loader-processing{min-height:inherit;}
}

/* Processing */
/* Checkbox css*/
.show-check .checkbox {display: inline-block; vertical-align: middle;}
.show-check span {font-size: 12px; padding-left: 5px; display: inline-block; vertical-align: middle; color: rgba(0, 0, 0, 0.75);}
.show-check span sup {color: #f00;}
.configuration-form .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {display: flex;align-items: center;flex-wrap:wrap;}
.configuration-form .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {margin: 2px 0 2px 6px;white-space: nowrap;}
.configuration-form .select2-container .select2-search--inline{flex:1;}
.configuration-form .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {width: 100%!important;}

.check-all{display: flex;align-items: center;justify-content: center;}
.check-all small.checkbox{height:18px;width:18px;display:inline-block;margin: 0 6px 0px 0px;}
.wcard-info .inner-col .form-group .input-group select.form-control.custom-select{width:100%;}
.btns-section{padding-bottom: 10px;}

#agency_user_code + .select2-container--default .select2-selection--single{min-height:38px;}
#agency_user_code + .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:38px;font-size:13px;}
#agency_user_code + .select2-container--default .select2-selection--single .select2-selection__arrow{min-height:36px;}

.fare-seperator{padding:0px !important}
.fare-seperator hr{margin-top: .5rem;margin-bottom: .5rem;}
.edit-train-service-charge{height:200px !important; overflow:scroll!important}