@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
body {
    margin: 0px;
    padding: 0px;
    background-color: #f5f5f5 !important;
    color: black !important;
    padding-right: 0px !important;
    font-family: "Inter", sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: none !important;
    font-weight: normal !important;
    padding: 0px;
    margin: 0px;
    font-family: "Inter", sans-serif;
}

*{outline:none;}
button{outline:none;}
.btn:focus{outline:none !important;}

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 30px white inset;
}
 
/* Error */
.input-validation-error{border:1px solid #fe8484;}

/* Margin */
.no-margin{margin:0px !important;}
.mrg-btm-2x{margin-bottom:2px;}
.mrg-btm-4x{margin-bottom:4px;}
.mrg-btm-5x{margin-bottom:5px;}
.mrg-btm-7x{margin-bottom:7px;}
.mrg-btm-10x{margin-bottom:10px;}
.mrg-btm-15x{margin-bottom:15px !important;}
.mrg-btm-20x{margin-bottom:20px;}
.mrg-top-5x{margin-top:5px;}
.mrg-top-10x{margin-top:10px;}
.margin-top-8x{margin-top:8px;}
.margin-btm-5x{margin-bottom:5px;}
.margin-btm-7x, .mrg-btm-7x{margin-bottom:7px !important}
.margin-btm-10x{margin-bottom:10px !important;}
.mrg-T-20x{margin-top:20px;}

.modal-dialog{top:50%;
    left:50%;
    transform:translate(-50%, -50%) !important;
    -webkit-transform:translate(-50%, -50%) !important;
    -ms-transform:translate(-50%, -50%) !important;
    -moz-transform:translate(-50%, -50%) !important;
    margin:auto !important;
    position:absolute !important;}

.normal-modal.modal-dialog{top: auto; left: auto; position: relative !important; transform: translate(0, 0) !important; -webkit-transform: translate(0, 0) !important; margin:30px auto !important;}

/* Padding */
.no-padding{padding:0px !important;}
.padding-5x{padding:5px !important;}
.padding-6x{padding:6px;}
.padding-7x{padding:7px !important;}
.padding-10x{padding:0px 10px !important;}
.padding-10xx{padding:10px !important;}
.padding-15x{padding:15px !important;}
.padding-15xx{padding:0px 15px !important;}
.padding-20x{padding:20px !important;}

.padding-T-3x{padding-top:3px !important;}



/* Color */
.text-white{color:white !important;}
.text-red{color:#ff0000;}

/* bg Color */
.bg-white{background-color:#ffffff !important;}
.bg-greyL{background-color:#e4e4e4 !important;}

/* Button */
.btn{border-radius:2px !important; padding:4px 12px !important;}
.btn-xs{padding:3px 5px !important;}
.btn-warning{background-color:#ffb308 !important; color:white !important;}
.btn-warning:hover{background-color:#efae1d !important;}


.switch-button{text-align: left;}
.switch-button > label{width: 50px; height: auto; padding:1px; margin:0px; display: inline-block; position: relative; border-radius: 2px; border:1px solid #b73838; background: #f35b5b; font-style: normal; color: #fff; cursor: pointer; text-align:right; padding-right:6px}
.switch-button > label > i{position: absolute; top: -1px; right:25px; padding:12px; display: block; border-radius: 2px; background-color:#ab3333; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; -ms-transition: all 200ms ease;	transition: all 200ms ease;}
.switch-button > label > i:before{content: ""; display: block; position: absolute; top: 50%; left: 50%; background: #ab3333; border-radius: 2px; border:1px solid #f35b5b; width: 18px; height: 18px; margin: -9px 0 0 -9px; border-radius: 18px;}
.switch-button > label:before{content: "\f00d"; font-family:'FontAwesome'; font-size:14px; margin-left: 22px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; -ms-transition: all 200ms ease; transition: all 200ms ease;}
.switch-button > input[type=checkbox]:checked ~ label:before{content: "\f00c"; font-family:'FontAwesome'; font-size:14px; margin-right: 20px; margin-left: 0;}
.switch-button > input[type=checkbox]:checked ~ label, .switch-button > input[type=checkbox]:checked ~ label > i:before{background: #40d094; border:1px solid #1a8e5d; text-align:left; padding-left:6px;}
.switch-button > input[type=checkbox]:checked ~ label > i{background-color:#1a8e5d}
.switch-button > input[type=checkbox]:checked ~ label i{right: -1px;}
.switch-button.btn{padding:0px !important;}
.switch-button > input[type=checkbox]:checked ~ label > i:before{background: #1a8e5d; border:1px solid #40d094;}

/* Button Size */
.btn-sm, .btn-group-sm > .btn {padding:3px 6px !important; line-height:1.35;}

#btnExport, #btnselect{margin-bottom:10px !important; }

/* Text Size */
.text-1x{font-size:12px !important; margin:0px;}
.text-2x{font-size:13px !important; margin:0px;}
.text-3x{font-size:14px !important; margin:0px;}
.text-4x{font-size:15px !important; margin:0px;}
.text-5x{font-size:15px !important; margin:0px;}
.text-6x{font-size:18px !important; margin:0px;}

.text-right{text-align:right; padding-right:5px !important;}

/* Text Line Height */
.line-height-27x{line-height:27px;}
.line-height-14x{line-height:14px;}

.text-control{width:100%; min-height:30px; float:left; padding:2px 6px; color:black;}
.form-control{font-size:12px !important;}
.form-control, .SumoSelect > .CaptionCont{border-radius:2px !important; height:25px !important; padding:1px 4px !important;}
.input-group-addon{padding:1px 10px !important; font-size:12px !important;}
.form-control:focus{border:1px solid #0038ef !important; box-shadow:none !important; }


.selectDrop .btn{border-radius:2px !important; padding:2px 12px !important; font-size:12px;}
.mobile.selectDrop > .input-group > .input-group-addon{padding:0px !important; border:none;}
.mobile.selectDrop > .input-group > .input-group-addon > .btn-group > button{font-size:12px;}

.mobile.selectDrop > .input-group > .input-group-addon > .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:80px;}

hr{margin-bottom:4px !important; margin-top:4px !important;}

.form-horizontal .control-label{padding:0px !important}
.control-label, label{font-weight:500 !important; font-size:13px;}

.tbl-input {width:100%; padding:2px 1px !important; margin:0px !important; line-height:0px !important;}


.radio-inline, .checkbox-inline{line-height:23px;}

/* Alerts */
.alert{margin-bottom:10px !important; padding:15px !important;}
.alert-success {color:white !important; background-color:#92c357 !important;}

.modal-body > button.close {
    margin:auto !important; line-height:9px;
    padding:3px 3px !important;
}

.close{opacity:0.5 !important; transition:all 0.25s ease-in-out; font-size:30px !important;}
.close:hover{opacity:1 !important;}
.alert-dismissable .close, .alert-dismissible .close{right:0px !important;}

.graph-show{display:block;}
.graph-hide{display:none;}

/* Border */
.no-border{border:0px solid !important;}
.dropdown-menu, .tt-dropdown-menu{padding:0px !important;}
.requiredField{color:red !important;}

.nav-pills > li > a{color:#ffe37a; background-color:transparent; border:1px solid #ffe37a; transition:0.5s all ease-in-out}
.nav-pills > li > a:hover{background-color:#846a0b !important;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color:#fdedc1 !important;
    border:1px solid #846a0b;
    color:#756012 !important;
    padding:2px 10px;
}

.pagination > .active > a{z-index:0;}

.logo-prt img{width:100%; height:40px; overflow:hidden;}

/* Navigation */
.navbar{margin-bottom:0px !important; padding:2px 0px; transition:all 0.25s ease-in-out;}
.navbar-default {
    background-color: #09384f !important;
    border: none !important;
    border-radius: 0px !important;
    -webkit-box-shadow: 0px 5px 10px -5px #CDD1E1;
    -moz-box-shadow: 0px 5px 10px -5px #CDD1E1;
    box-shadow: 0px 5px 10px -5px #CDD1E1;
}
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
       
        background-color: #104d9e !important;
    }
.navbar{margin-bottom:0px; z-index:99}
.navbar-nav{margin:7px 0px !important;}
.nav > li > a{padding:5px 9px !important;}
.navbar-nav > li > a{padding-top:6px !important; padding-bottom:6px !important; font-size:14px;}
.navbar-nav > li > .dropdown-menu{margin-top:13px;}
.navbar-brand{padding:0px 15px !important;}
.dropdown-menu > li > a{font-size:14px; font-weight:400; padding:5px 15px !important; color:#09203f !important;}
.dropdown-menu, .tt-dropdown-menu{left:0px; right:auto;}
.navbar-nav > li > .dropdown-menu{margin-top:0px !important;}
.dropdown-menu .divider{margin:0px !important;}

.navbar-nav > .user-menu > .dropdown-menu {
    border-top-right-radius:0;
    border-top-left-radius:0;
    padding:1px 0 0 0;
    border-top-width:0;
    width:280px;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {height:auto; padding:10px; text-align:center; transition:all 0.25s ease-in-out;}
li.user-header{background-color:#0b4c7b;}
.navbar-nav > .user-menu > .dropdown-menu:hover > li.user-header{background-color:#2a75ab;}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background-color:#f9f9f9;
    padding:10px;
}

.dropdown-submenu{position: relative;}
.dropdown-submenu > .dropdown-menu{top: 0; left: 100%; margin-top: -2px; margin-left: 0px;}
.dropdown-submenu:hover > .dropdown-menu{display: block;}
.dropdown-submenu>a:after{display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px;}
.dropdown-submenu:hover>a:after{border-left-color:#fff;}
.dropdown-submenu.pull-left{float: none;}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
}
.navbar-default .navbar-nav > li > a {
    color: #fff !important;
}
/* Change Password */
.nw-pass > .progress{position:absolute; width:65%; right:15px; height:5px; background-color:transparent; border:0; box-shadow:none; top:4px; border-radius:0;}
.pass-alert{margin-bottom: 0px; background: white; border-width: 4px; border-color: #f7f7f7;}
.pass-alert > ul > li{margin-bottom:2px;}

/* Multi select */
.multiselect-container>li>a>label{padding:0px 0px 0px 9px !important;}


.balance-absolute{position:absolute; right:15%; width:17%; min-height:30px; padding:4px 20px; border:1px solid #d6d6d6; text-align:right; border-radius:10px; color:#b30808; margin:3px 0px; border-style:dashed;}

.user-portrait{width:50px; height:55px;  margin:auto; border-radius:50%; overflow:hidden; padding:5px 0px;}
.user-portrait img{width:100%;}
.user-portrait > .text-3x{color:white !important; margin:5px 0px;}
.user-footer{margin:auto; width:100%; float:left;}

.affix{position:absolute; z-index:1; width:100%; box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); transition:0.9s all ease-in-out;}
.affix:after{transition:0.9s all ease-in-out;}


.mfs_bgcover{width:100%; height:100%; opacity:0.8; background:black; position:fixed; left:0; top:0; display:none; z-index:1065;}
.modify_widget{padding:10px 0; right:10%; display:none; top:-60px; position:absolute; width:75%; max-width:100%; height:100%; z-index:;}
.loadDiv{position:fixed; top:0px; left:0px;}
.loadDiv h1{margin:0px; font-size:16px; text-align:center; color:white; position:relative; top:-190px;}
.Mainloader {z-index:1; margin:15% auto; border:16px solid transparent; border-radius:50%; width:120px; height:120px; -webkit-animation:spin 5s cubic-bezier(0, 0, 0, 0) infinite; animation:spin 5s cubic-bezier(0, 0, 0, 0) infinite; border:2px solid white;}
.Mainloader::after{font-family:'FontAwesome'; content:'\f072'; font-size:50px; color:#ff5e00; position:absolute; top:-19px; transform:rotate(13deg);}
@-webkit-keyframes spin {
  0% { -webkit-transform:rotate(0deg); }
  100% { -webkit-transform:rotate(360deg); }
}

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

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

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

.newLoader{position:fixed; width:100%; z-index:1065; top:0;}
.loader-line{position:absolute; width:130px; height:130px; margin:17% auto; margin-bottom:15px; position:relative;}
.loader-line:after{content:'';  border-radius:50%; border-block-end:2px solid transparent; border-bottom-color:white;  -webkit-animation:3s loader-line linear infinite; animation:3s loader-line linear infinite; margin:0px auto !important; position:absolute; top:-5px; left:-5px; width:140px; height:140px;}
@-webkit-keyframes loader-line {
  0%    { -webkit-transform:rotate(0deg); transform:rotate(0deg);}
  100%  {-webkit-transform:rotate(360deg); transform:rotate(360deg);}
}

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

.alhindloader{width:130px; height:130px; margin-bottom:0px; overflow:hidden; border-radius:100%; background:linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB); background-size:500% 100%; -webkit-animation:Gradient 10s ease infinite;	-moz-animation:Gradient 10s ease infinite; animation:Gradient 7s ease infinite;}

.anim{width:37px; height:37px; margin:30px auto; animation:anim 10s infinite;}
.anim .alhindLogo:first-child   { animation:alhLogoFst 10s  infinite; }
.anim .travel:nth-child(2) 		{ animation:trav 10s  infinite; } 
.anim .calendar:nth-child(3) 	{ animation:calen 10s infinite; }
.anim .flight:nth-child(4) 		{ animation:flt 10s infinite; }
.anim .hotel:nth-child(5) 		{ animation:htl 10s infinite; }
.anim .bus:nth-child(6) 		{ animation:bs 10s infinite; }
.anim .car:nth-child(7) 		{ animation:cr 10s infinite; }
.anim .alhindLogo:nth-child(8)  { animation:alhLogo 10s infinite; }
.anim .travel, .anim .calendar, .anim .flight, .anim .hotel, .anim .bus, .anim .car, .anim .alhindLogo{color:white; position:absolute; top:0; font-size:39px}

@keyframes alhLogoFst {
  0%     {opacity:1;}
  14.3%  {opacity:0;}
  28.6%  {opacity:0;}
  42.9%  {opacity:0;}
  57.2%  {opacity:0;}
  71.5%  {opacity:0;}
  85.8%  {opacity:0;}
  100%   {opacity:0;}
}

@keyframes trav {
  0%     {opacity:0;}
  14.3%  {opacity:1;}
  28.6%  {opacity:0;}
  42.9%  {opacity:0;}
  57.2%  {opacity:0;}
  71.5%  {opacity:0;}
  85.8%  {opacity:0;}
  100%   {opacity:0;}
}

@keyframes calen {
  0%     {opacity:0;}
  14.3%  {opacity:0;}
  28.6%  {opacity:1;}
  42.9%  {opacity:0;}
  57.2%  {opacity:0;}
  71.5%  {opacity:0;}
  85.8%  {opacity:0;}
  100%   {opacity:0;}
}

@keyframes flt {
  0%     {opacity:0;}
  14.3%  {opacity:0;}
  28.6%  {opacity:0;}
  42.9%  {opacity:1;}
  57.2%  {opacity:0;}
  71.5%  {opacity:0;}
  85.8%  {opacity:0;}
  100%   {opacity:0;}
}

@keyframes htl {
  0%     {opacity:0;}
  14.3%  {opacity:0;}
  28.6%  {opacity:0;}
  42.9%  {opacity:0;}
  57.2%  {opacity:1;}
  71.5%  {opacity:0;}
  85.8%  {opacity:0;}
  100%   {opacity:0;}
}

@keyframes bs {
  0%     {opacity:0;}
  14.3%  {opacity:0;}
  28.6%  {opacity:0;}
  42.9%  {opacity:0;}
  57.2%  {opacity:0;}
  71.5%  {opacity:1;}
  85.8%  {opacity:0;}
  100%   {opacity:0;}
}

@keyframes cr {
  0%     {opacity:0;}
  14.3%  {opacity:0;}
  28.6%  {opacity:0;}
  42.9%  {opacity:0;}
  57.2%  {opacity:0;}
  71.5%  {opacity:0;}
  85.8%  {opacity:1;}
  100%   {opacity:0;}
}

@keyframes alhLogo {
  0%     {opacity:0;}
  14.3%  {opacity:0;}
  28.6%  {opacity:0;}
  42.9%  {opacity:0;}
  57.2%  {opacity:0;}
  71.5%  {opacity:0;}
  85.8%  {opacity:0;}
  100%   {opacity:1;}
}


@keyframes anim {
  from { transform:scale(1.5); }
  to   { transform:scale(1.5); }
}


@-webkit-keyframes Gradient {
	0%   {background-position:0% 50%}
	50%  {background-position:100% 50%}
	100% {background-position:0% 50%}
}

@-moz-keyframes Gradient {
	0%   {background-position:0% 50%}
	50%  {background-position:100% 50%}
	100% {background-position:0% 50%}
}

@keyframes Gradient {
	0%   {background-position:0% 50%}
	50%  {background-position:100% 50%}
	100% {background-position:0% 50%}
}


/* z-index */
.z-index-2x{z-index:2 !important;}
.input-group .form-control, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group{z-index:0 !important;}


/* Content */
.wrapper{width:100%; min-height:87.2vh; float:left; background-color:#f5f5f5;}
.height-88vh{min-height:75vh;}
.form-group{margin:0px !important;}

.agt-hide{display:block;}
.agt-show{display:none;}

.head-title {
    font-size:18px;
    margin-bottom:7px !important;

    font-weight:400 !important;
}

/*.head-title::after {
    font-family:FontAwesome;
    font-size:18px;
    content:'\f0c1';
    position:absolute;
    left:15px;
}*/

/* Dashboard */
.dash-table > .table-responsive > .table{margin-bottom:0px !important;}
.dash-table > .table-responsive > .table > thead > tr > th{padding:2px 5px !important; border:0px solid #f7f7f7;}
.dash-table > .table-responsive > .table > tbody > tr > td{padding:0px 5px !important; border-bottom:1px solid #f7f7f7;}

/* Color label in airline booking status */
.color > h1{line-height:18px;}
.special-tint{width:auto; padding:7px; float:left; background-color:#ffbde4; border:2px solid #929191;}
.corporate-tint{width:auto; padding:7px; float:left; background-color:#bdd1ff; border:2px solid #929191;}
.private-tint{width:auto; padding:7px; float:left; background-color:#a7a7a7; border:2px solid #929191;}
.importPnr-tint{width:auto; padding:7px; float:left; background-color:#8ef18e; border:2px solid #929191;}
.B2C_book-tint{width:auto; padding:7px; float:left; background-color:#f4ff9c; border:2px solid #929191;}
.hold_book-tint{width:auto; padding:7px; float:left; background-color:#e98585; border:2px solid #929191;}
.distributor-tint{width:auto; padding:7px; float:left; background-color:#ffe19c; border:2px solid #929191;}
.reschedule-tint{width:auto; padding:7px; float:left; background-color:#c593e1; border:2px solid #929191;}

.booking-label{width:100%; float:left;}
.booking-label > ul{margin:0px; padding:5px 0px 0px 0px; list-style-type:none;}
.booking-label > ul > li{float:left; padding-right:7px;}
.booking-label > ul > li.color > h1{line-height:normal; font-size:12px !important;}
.booking-label > ul > li.color > h1 > span{padding:5px; border:1px solid #929191;}

/* Color label in hold booking status */
.hold-color > h1{line-height:18px;}
.red-tint{width:auto; padding:7px; float:left; background-color:#ffd0d0; border:2px solid #929191;}
.orange-tint{width:auto; padding:7px; float:left; background-color:#ffc592; border:2px solid #929191;}
.yellow-tint{width:auto; padding:7px; float:left; background-color:#fff88d; border:2px solid #929191;}


/* Validation */
.field-validation-error{float:left; color:red; padding:2px 0px; font-size:12px; font-weight:500; width:100%;}


/* INFORMATION TAG */
.info-tile {margin:0px 0px 32px; box-shadow:0 1px 3px 0px rgba(0, 0, 0, 0.2);background:#fff;position:relative;overflow:hidden;border-radius:2px;display:block; }
.info-tile .tile-icon {position:absolute; border-radius:50%;left:-80px;}
.info-tile .tile-icon i {font-size:52px; position:absolute; left:86px; top:34px; transition:all 0.3s ease-in-out;}
.info-tile .tile-heading {text-align:left;color:#9e9e9e; height:16px;line-height:16px; font-weight:normal;font-size:14px; padding:10px;}
.info-tile .tile-body {text-align:right;color:#616161; font-size:25px; float:left; width:100%; z-index:1; padding:20px 10px;}
.info-tile .tile-footer {text-align:center;color:#616161; font-size:15px; width:100%; z-index:1; background-color:#f3f3f3; width:100%; float:left; padding:3px;}
.info-tile .tile-footer p{margin:0px !important;}
.info-tile .tile-footer p a{color:#917977;}
.info-tile:hover .tile-icon i {font-size:60px;}
/* Icon Colors */
.info-tile.tile-orange .tile-icon i { color:#ffe0b2;}
.info-tile.tile-success .tile-icon i {color:#dcedc8;}

#imsg{position:absolute; width:31%; top:244px; background-color:#f97d7d; color:white; padding:40px; text-align:center; font-size:15px; font-weight:bold; margin:9px 3px; box-shadow:0px 20px 7px -19px #6b0202; display:none;}
#imsg p{margin:0px;}
#imsg button{border:0px solid !important; color:white; position:absolute; top:10px; right:10px; opacity:9 !important; font-weight:bold; font-size:25px;}

.box{width:100%; min-height:30px; float:left; border:1px solid #cacaca; background:white;}
.box-header, .box-footer{width:100%; min-height:30px; float:left;}
.box-body{width:100%; min-height:30px; float:left; padding:8px;}
.box-body-scrolla{height:auto; overflow:hidden; overflow-y:scroll; max-height:410px;}
.box-shadow{box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);}
.with-border{border-bottom:1px solid #cacaca;}

.box-header > .head-title::after{display:none;}

/* Panel */
.panel{border-radius:2px !important; margin-bottom:5px !important;}
.panel .panel-heading{border-top-left-radius:0px !important; border-top-right-radius:0px !important; background-color:#104d9e;}
.panel .panel-body{padding:5px 10px;}
.panel-primary > .panel-heading {
    background-color: #117aac !important;
}
/*.panel-footer{padding:5px 5px !important; background-color:#e5e5e5 !important; border:solid 1px #ccc !important;}*/
.panel-footer {
    padding: 5px 5px !important;
    background-color: #f5f5f5 !important;
    border: solid 1px #ebebeb !important;
}
.panel .panel-heading .panel-ctrls{width:100%; float:right; height:25px;}
.panel .panel-heading .panel-ctrls i.separator{height:17px; width:1px; display:inline-block; margin:10px 10px; display:none;}
.panel.panel-primary .panel-heading .panel-ctrls i.separator{background-color:rgba(225, 245, 254, 0.125);}

/* Bootstrap Select */
.selectDrop > .source > .btn-default{background:white !important; box-shadow:none !important; font-size:13px; color:black !important; overflow:hidden;}
.selectDrop > .form-control{padding:0px !important}
.dropdown-menu > .active > a{color:white !important;}
.selectDrop > .source > .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{color:white !important;}

/* Table */
.table, table td{font-size:12px !important; vertical-align:middle !important; margin-bottom:7px !important;}
/*table thead tr th {background:#a8cce6 !important;  color:#011D71;}*/
table thead tr th {
    background: #ededed !important;
    color: #000000;
    font-weight: 500 !important;
}

.table-striped > tbody > tr:nth-child(odd){background-color:#fff !important;}
.table > thead > tr > th{font-weight:500;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{padding:5px 5px !important;}
.table > thead > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tfoot > tr > td{font-weight:bold;}
.table tbody tr:hover td, .table tbody tr:hover th {background-color:#9bd5ff; color:black;}
table tfoot tr th , table tfoot tr td{background-color:#224a67 !important; color:white !important;}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td{vertical-align:middle !important;}

.pagination{padding:0px; margin:0px !important; float:right;}
#example{margin:0px !important;}

div.dataTables_filter input{width:119px !important;}
div.dataTables_length select{width:72px !important;}

.table-responsive{
    min-height:.01%;
    overflow-x:auto;
    overflow-y:hidden;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after{display:none !important;}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{bottom:0px !important;}

/* Special Row Margin */
#r-mrg-5x{margin-left:-5px !important;}
#r-mrg-11x{margin-left:-11px !important;}

/* Modal POPUP */
.modal-body, .modal-footer{padding:9px 7px !important;}
.modal-backdrop{z-index:0 !important;}
.box-header > button.close{line-height:27px;}
button.close{margin:0px 7px !important; padding:0px 0px !important; line-height:20px;}
button:focus {outline:0;}
.modal-open {
  overflow-y:auto;
}

.modal-body-scroll{max-height:480px; overflow-x:hidden; overflow-y:scroll}

.modal-header, .modal-footer{padding:9px 7px !important;}

/* Popup Overlay */
.overlay {position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.78); transition:opacity 500ms; visibility:hidden; opacity:0; z-index:100; overflow-y:scroll;}
.overlay:target {visibility:visible; opacity:1;}
.popup {margin:70px auto; padding:20px; border-radius:5px; width:auto; position:relative;  }
.popup .close {position:absolute; top:5px; right:26px; font-size:25px; font-weight:100; text-decoration:none; color:black; margin-top:0px; transition:all 0.1s ease-in-out;}
.popup .close:hover {color:#131111;}
.overlay .scroll{overflow:hidden !important;}

.overlay::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);	background-color:#3c3937; border-radius:00px;}
.overlay::-webkit-scrollbar{width:0px; height:0px; background-color:#5cb85c;}
.overlay::-webkit-scrollbar-thumb{background-color:#5cb85c; border-radius:00px;}


/* Jquery UI */
.ui-widget{font-size:13px !important;}
.ui-widget-content{border:1px solid #ededed; background-image:none !important; background-color:white !important; color:black;}
.ui-menu .ui-menu-item{padding:6px 6px !important; border-bottom:1px solid #f5f5f5;}

/* SUMO CSS */
.SumoSelect > .optWrapper, .SumoSelect > .CaptionCont > span{color:black !important;}
.SumoSelect > .CaptionCont > span{padding:2px;}
.SumoSelect > .CaptionCont{padding:0px 7px;}
.SumoSelect.open .search-txt{padding:2px 8px !important;}
.SumoSelect > .CaptionCont > span{position:absolute; z-index:10; width:100%; margin:0px -7px; height:28px; padding:3px 7px;}

.photo-preview{margin-top:5px; left:0; position:; width:100px;}

/* Timmer spinner */
@-webkit-keyframes timer {
  0% {
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  100% {
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}
@-moz-keyframes timer {
  0% {
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  100% {
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}
@-o-keyframes timer {
  0% {
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  100% {
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}
@keyframes timer {
  0% {
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  100% {
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}

/* Styles for old versions of IE */

/* :not(:required) hides this rule from IE9 and below */
.timer:not(:required) {
  border:3px solid #da1b0c;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  border-radius:50%;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  display:inline-block;
  overflow:hidden;
  position:relative;
  text-indent:-9999px;
  width:100px;
  height:100px;
]  top:0px;
}
.timer:not(:required)::before {
  -webkit-animation:timer 60s infinite linear;
  -khtml-animation:timer 60s infinite linear;
  -moz-animation:timer 60s infinite linear;
  -ms-animation:timer 60s infinite linear;
  -o-animation:timer 60s infinite linear;
  animation:timer 60s infinite linear;
  -moz-transform-origin:3px 3px;
  -ms-transform-origin:3px 3px;
  -webkit-transform-origin:3px 3px;
  transform-origin:3px 3px;
  background:#da1b0c;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  content:'';
  display:block;
  position:absolute;
  width:6px;
  height:35px;
  left:47%;
  top:47%;
  transform:rotateZ(180deg) !important;
}
.timer:not(:required)::after {
  -webkit-animation:timer 300s infinite linear;
  -khtml-animation:timer 300s infinite linear;
  -moz-animation:timer 300s infinite linear;
  -ms-animation:timer 300s infinite linear;
  -o-animation:timer 300s infinite linear;
  animation:timer 300s infinite linear;
  -moz-transform-origin:3px 3px;
  -ms-transform-origin:3px 3px;
  -webkit-transform-origin:3px 3px;
  transform-origin:3px 3px;
  background:#da1b0c;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  content:'';
  display:block;
  position:absolute;
  width:6px;
  height:23px;
  left:47%;
  top:47%;
  transform:rotateZ(90deg);
}

#btnAdd, #btnRemove1{margin-top:22px;}

/* Academy */
#divIncentive ul{margin:0px; padding:0px; list-style-type:none; column-count:3;}
#divIncentive ul li{float:left; width:100%;}

.agent-balance-div{width:100%; float:left;}
.agent-balance-div > ul{margin:0px; padding:0px; list-style-type:none; display:flex; align-items:center; justify-content:center;}
.agent-balance-div > ul > li{width:auto; float:left; padding-right:10px;}
.agent-balance-div > ul > li > h4{margin:0px; font-size:13px;}
.agent-balance-div > ul > li > h4 > span{font-size:15px;}

/* Print */
@media print{
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family:WRKSAN !important; line-height:normal;}
    .text-0x{font-size:10px;}
    .text-1x{font-size:11px;}
    .text-2x{font-size:12px;}
    .text-3x{font-size:13px;}
    .text-4x{font-size:15px;}
    .text-5x{font-size:17px;}
    .text-6x{font-size:18px;}
    .text-7x{font-size:20px;}
    .text-8x{font-size:22px;}

    /* Margin */
    h1, .h1, h2, .h2, h3, .h3{margin:0px;}
    .no-margin{margin:0px !important;}
    .mrg-btm-2x{margin-bottom:2px !important;}
    .mrg-btm-4x{margin-bottom:4px !important;}
    .mrg-btm-5x{margin-bottom:5px !important;}
    .mrg-btm-7x{margin-bottom:7px !important;}
    .mrg-btm-10x{margin-bottom:10px !important;}

    /* Padding */
    .no-padding{padding:0px !important;}
    .padding-2x{padding:2px !important;}
    .padding-5x{padding:5px !important;}
    .paddingT-5x{padding-top:5px !important;}
    .padding-10x{padding:10px !important;}
    .padding-10xx{padding:10px 0 !important;}

    .row{margin-bottom:5px;}

    .col-sm-1 {width:8.33333333%; float:left; margin-bottom:5px}
    .col-sm-2 {width:16.66666667%; float:left; margin-bottom:5px}
    .col-sm-3 {width:25%; float:left; margin-bottom:5px}
    .col-sm-4 {width:33.33333333%; float:left; margin-bottom:5px}
    .col-sm-8 {width:66.66666667%; float:left; margin-bottom:5px}
    .col-sm-9 {width:75%; float:left; margin-bottom:5px}
    .col-sm-12 {width:100%; float:left; margin-bottom:5px}

    .col-sm-1 {width:8.33333333%; float:left; margin-bottom:5px}
    .col-sm-2 {width:16.66666667%; float:left; margin-bottom:5px}
    .col-sm-3 {width:25%; float:left; margin-bottom:5px}
    .col-sm-4 {width:33.33333333%; float:left; margin-bottom:5px}
    .col-sm-8 {width:66.66666667%; float:left; margin-bottom:5px}
    .col-sm-9 {width:75%; float:left; margin-bottom:5px}
    .col-sm-12 {width:100%; float:left; margin-bottom:5px}

    .pull-left {float:left !important;}
    .pull-right {float:right !important;}
    b{font-weight:bold;}

    table {background-color:transparent;}
    table {border-spacing:0; border-collapse:collapse;}
    .table {width:100%; max-width:100%;}
    .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {border-top:0;}
    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding:4px 5px;}
    .table > thead > tr > th {vertical-align:bottom; border-bottom:2px solid #ddd;}
    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {line-height:1.42857143;}
    th {text-align:left;}

    hr {margin-top:20px !important; margin-bottom:20px !important; border:0; border-top:1px solid #eee; float:left; display:block;}
    hr {height:0; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}

    .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {display:block; max-width:100%; height:auto;}
    img {vertical-align:middle;}
    img {border:0;}

    .center-block {display:block; margin-right:auto; margin-left:auto;}

    p {margin:0px;}

    .box{width:100%; min-height:20px; float:left;}
    .bg-grey{background-color:#adadad;}
}


@media screen and (max-width:1024px){

/* Margin */
.mrg-top-10x{margin-top:10px;}

/* Text */
.text-4x {
    font-size:12px !important;
    margin:1px 0px;
}

/* Button */
.btn-xs{padding:1px 5px !important;}

/* Padding */
.padding-T-3x{padding:4px 0px !important;}

/* Navbar */
.nav > li > a{padding:5px 6px !important;}

.form-control{font-size:12px !important; padding:1px 3px !important}
.SumoSelect > .CaptionCont > span{padding:1px 3px !important;}
.pagination > li > a, .pagination > li > span{padding:3px 8px !important;}

div.dataTables_filter input{width:146px !important;}
.mrg-17x{margin-top:0px;}
label{margin:0px !important;}

/* Table */
.td-w-100x{width:100px !important; float:left;}

/* Loader */
.Mainloader{margin:24% auto;}
.loadDiv h1{top:-210px;}


}

@media only screen and (max-width:800px){
.panel .panel-heading .panel-ctrls{width:auto; float:left; margin-top:5px;}
.form-group .btn{margin-top:9px;}
}

@media only screen and (max-width:767px){
.navbar-nav > li > .dropdown-menu{margin-top:0px !important;}
.SumoSelect.open > .optWrapper {top:26px; display:block; left:-1px; width:100% !important;}
.nav > li > a{padding:10px 15px !important;}
.logout{width:100%;}

.graph-show{display:none;}
.graph-hide{display:block;}

.form-control{padding:6px 5px !important; height:34px !important; width:100% !important; margin-bottom:5px;}
#cancelpop{padding-left:0px !important;}

.modal-lg{width:93% !important;}

.agt-hide{display:none;}
.agt-show{display:block;}

.balance-absolute {
    position: absolute;
    right: 63px;
    width: 58%;
    min-height: 30px;
    padding: 4px 20px;
    border: 1px solid #d6d6d6;
    text-align: center;
    border-radius: 10px;
    color: #b30808;
    margin: 4px 0px;
    border-style: dashed;
    z-index: 1;
    top: 1px;
}

table > tbody > tr > td > .btn{padding:6px 4px !important; margin:2px 0px;}


.SumoSelect > .CaptionCont{min-height:35px !important;}
.SumoSelect > .optWrapper.isFloating{top:130px !important;}
.SumoSelect.open .search-txt{padding:8px 8px !important;}
.SumoSelect > .CaptionCont > span{padding:7px 6px !important; z-index:0;}

/* Loader */
.loadDiv h1{margin:0px; font-size:13px; text-align:center; color:white; position:relative; top:0px;}
.Mainloader{margin:60% auto; margin-bottom:0px;}

/* Special Row Margin */
#r-mrg-5x{margin-left:-15px !important;}
#r-mrg-11x{margin-left:-15px !important;}

/* Bootstrap Select */
.selectDrop{width:100% !important;}
.bootstrap-select.form-control:not([class*="col-"]) {width:100%; height:35px !important; margin-top:5px;}
.bootstrap-select.btn-group .dropdown-menu{width:100%;}
.selectDrop > .source > .btn-default{padding:9px 5px !important;}

.ui-datepicker{width:87% !important; padding:0px !important;}
.ui-datepicker td span, .ui-datepicker td a{text-align:center !important; padding:8px !important;}
.panel-ctrls-center > .form-control{padding:3px 5px !important; font-weight:normal;}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header{
    font-size:14px;
    padding:10px 24px !important;
    color:#fff !important;
}
.control-label, label{font-weight:normal !important;}


    /* Margin */
    .spl-mrg-l-2x{margin-left:2px !important;}
    .spl-mrg-T-1x{margin-top:1px !important}
    .spl-mrg-T-2x{margin-top:2px !important;}

    .cont-mrg{margin:30% 0px !important;}

    .radio-inline, .checkbox-inline{padding:6px 22px;}
    .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{margin-top:0px;}

    #imsg {
    position:absolute;
    width:92%;
    top:63px;
    background-color:#f97d7d;
    color:white;
    padding:27px;
    text-align:center;
    font-size:15px;
    font-weight:bold;
    margin:0 14px;
    box-shadow:0px 20px 7px -19px #6b0202;
    display:none;
    left:0;
    }

.agent-balance-div{width:100%; float:left;}
.agent-balance-div > ul{margin:0px; padding:0px; list-style-type:none; display:block; align-items:center; justify-content:center;}
.agent-balance-div > ul > li{width:100%; float:left; padding-right:10px;}
.agent-balance-div > ul > li:first-child{margin-bottom:5px;}
.agent-balance-div > ul > li > h4{margin:0px; font-size:13px; text-align:center;}
.agent-balance-div > ul > li > h4 > span{font-size:15px;}

    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{padding:10px 5px !important;}

    /* Popup */
    .modal-dialog{width:90% !important;}

    div.dataTables_filter input{width:140px !important;}
    .panel .panel-heading .panel-ctrls{margin-top:0px; height:auto;}
    #AgentID{display:none;}

    #loadaso{position:absolute !important; z-index:2 !important;}

    .form-group .btn{margin-top:0px; margin-bottom:0px; }
    .btn-sm, .btn-xs, .btn-group-sm > .btn, #btngo, .selectDrop .btn{padding:8px 6px !important;   line-height:1.35;}

    .col-xs-1, .col-sm-1, .col-sm-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-sm-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-sm-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-sm-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-sm-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-sm-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-sm-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-sm-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-sm-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-sm-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-sm-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-sm-12, .col-lg-12{position:inherit;}
}
.top-bar {
    padding: 5px;
    background-color: #fff;
}
.d-flex { display:flex !important;}
.flex-row { flex-direction:row !important;}
.align-items-center {
    align-items: center !important;
}
.top-logo {
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 50%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #ffffff !important;
    text-decoration: none;
    background-color: #117aac;
}
@media only screen and (max-width:320px) {
    .panel .panel-heading .panel-ctrls{width:auto; padding-right:0px;}
div.dataTables_filter input {width:120px !important;}

.balance-absolute {
    position: absolute;
    right: 63px;
    width: 58%;
    min-height: 30px;
    padding: 4px 20px;
    border: 1px solid #d6d6d6;
    text-align: center;
    border-radius: 10px;
    margin: 4px 0px;
    border-style: dashed;
    z-index: 1;
    top: 1px;
    font-size:10px !important;
}
}
@media (min-width: 768px) {
    .navbar-nav > li {
        float: left;
        padding: 3px;
    }
}
/*@media only screen and (min-width: 768px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}*/

/*New push menu styles*/
.pushmenu {
    background: #fff2f2;
    width: 255px;
    height: 100%;
    top: 0;
    z-index: 1000;
    position: fixed;
    box-shadow: 0 0.125rem 0.375rem 0 rgb(153 164 175 / 64%);
}

    .pushmenu h3 {
        color: #fff;
        font-size: 1em;
        font-weight: 500 !important;
        padding: 10px 15px;
        margin: 0;
        background: #117aac;
        text-transform: uppercase;
        text-align: center;
    }

.links {
    list-style-type: none;
    padding-top:10px;
    padding-left:0px;
   
}

    .links li {
       line-height:25pt;
    }
    .links li img {
        margin-right:8px;
    }
        .links li a {
            position: relative;
            display: block; /* drops the nav vertically*/
            color: #09203f;
            font-size: 0.9em;
            font-weight: 500;
            text-decoration: none;
            padding: 5px 5px 5px 10px;
        }

            .links li a:hover {
                background-color: #ededf7
            }

            .links li a:active {
                color: #09203f;
            }

.pushmenu-left {
    left: -255px;
}

    .pushmenu-left.pushmenu-open {
        left: 0;
    }

.pushmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.pushmenu-push-toright {
    left: 255px;
}

/*Transition*/

.pushmenu, .pushmenu-push {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#nav_list {
    background: url(/images/icon_nav.png) no-repeat left top;
    cursor: pointer;
    height: 27px;
    width: 33px;
    text-indent: -99999em;
    margin-right: 8px;
}

nav-list.active {
    background-position: -331px top;
}

.buttonset {
    margin-top:2px !important;
    height: 16px;
    padding: 10px 20px 20px;
}
.dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 9px; /* Example: right:10px; */
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: 10px; /* Example: right:10px; */
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}

.user-menu:before { border: none !important; position:relative !important;}
.user-menu:after { border: none !important; position:relative !important;}
.user-nav .navbar-nav { position:absolute; top:0; right:5px; margin:0px !important;}
.user-menu span {
    font-size: 14px;
    color: #09203f;
    font-weight: 500;
    text-transform: capitalize;
}
.user-nav .navbar-nav > li > .dropdown-menu {
    margin-top: -3px !important;
}
.panel-primary {
    border-color: #f5f5f5 !important;
}
.top-connect { list-style:none !important; padding:0 !important; margin:0 !important;}
.mr-5 { margin-right:5px !important;}
.justify-content-end {
    justify-content: end !important;
}
.od-table tr td {
    font-size: 13px !important;
}
#stickyHead {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: white;
}
/*.dash-bg {
    background: url(/images/bg.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 87.2vh;
}*/
.air-tabs {
    padding-top: 20px;
}
    .air-tabs .nav-tabs { border-bottom:none !important; }
    .air-tabs .nav > li > a {
        padding: 10px 15px !important;
        color: #fff;
        font-weight: 500;
        background-color: #117aac;
    }
    .air-tabs .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        background-color: #5cb85c;
        color:#fff;
    }
.form-control, .SumoSelect > .CaptionCont {
    border-radius: 5px !important;
    height: 30px !important;
}
.space-between { justify-content:space-between !important;}
.bootstrap-select > .dropdown-toggle {
    border-radius:5px !important;
}
.gap-3 { gap:10px !important;}
.pt-10 { padding-top:10px;}
.mb-15 { margin-bottom:10px;}
.mb-20 {
    margin-bottom: 20px;
}
.e-balance .form-control[disabled], .e-balance .form-control[readonly], fieldset[disabled] .e-balance .form-control {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none;
    font-size: 13px !important;
    font-weight: 700;
}
#dvwalkincustomer { margin-bottom:15px;}
.control-label, label {
    font-weight: 500 !important;
    font-size: 12px;
}
.air-select {
    display: flex;
    gap: 2px;
}
.air-select .btn { height:auto !important;}
.air-select .btn.active, .btn:active {
    background-color: #5cb85c !important;
    box-shadow:none !important;
}
.form-control:focus {
    border: 2px solid #0038ef !important;
}
b, strong {
    font-weight: 600 !important;
}
.dropdown-menu > li > a {
    font-size: 13px;
}
.btn {
    border-radius: 5px !important;
}
.panel .panel-heading {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
.flex-end { justify-content:flex-end !important;}
.text-control {
    border-radius: 5px;
    border: solid 1px #d7d5e2;
}
.panel .panel-heading .panel-ctrls {
   
    display: flex;
    gap: 5px;
}
.panel-heading .bootstrap-select > .dropdown-toggle {
    border: none !important;
    background: none !important;
}
.panel-heading .btn { height:30px;}
.panel-heading .btn-xs {
    padding: 6px 5px !important;
}
.wrapper { padding-top:10px;}
.f1 {
    padding-left: 30px !important;
    background-image: url(/images/cal.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 4px;
    font-size:12px !important
}
.f2 {
    padding-left: 30px !important;
    background-image: url(/images/cal.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 4px;
    font-size: 12px !important
}
.f3 {
    padding-left: 30px !important;
    background-image: url(/images/cal.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 4px;
    font-size: 12px !important
}
.f4 {
    padding-left: 30px !important;
    background-image: url(/images/cal.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 4px;
    font-size: 12px !important
}
.f5 {
    padding-left: 30px !important;
    background-image: url(/images/cal.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 4px;
    font-size: 12px !important
}
.f6 {
    padding-left: 30px !important;
    background-image: url(/images/cal.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 4px;
    font-size: 12px !important
}
.q-box-header {
    background-color: #f9f9fb !important;
    border-bottom: solid 1px #ebeaf2;
    padding: 10px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
    .q-box-header h2 {
        font-size:18px;
    }
.home-icon {
    font-size: 19px;
    background: #104d9e;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.centered-div {
    position: fixed;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    height: auto;
    text-align: center;
}
    .centered-div h4 { font-weight:900 !important; font-size: 40px !important; color:#2e2629 !important; letter-spacing:3px; margin-bottom:0px !important}
    .centered-div p {
        font-weight: 300;
        font-size: 18px;
    }
.panel-heading input, .panel-heading select, .panel-heading textarea {
    max-width: 280px !important;
}
/*@media (min-width: 768px) {
    .navbar-collapse.collapse {
        display: flex !important;
        align-items:center;
        justify-content:space-between;
    }
}*/
input, select, textarea {
    max-width: 100% !important;
}
.multiselect-option.form-control { height:20px}
.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

    .material-switch > label::before {
        background: rgb(0, 0, 0);
        box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
        border-radius: 8px;
        content: '';
        height: 16px;
        margin-top: -8px;
        position: absolute;
        opacity: 0.3;
        transition: all 0.4s ease-in-out;
        width: 35px;
    }

    .material-switch > label::after {
        background: rgb(255, 255, 255);
        border-radius: 16px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
        content: '';
        height: 20px;
        left: -4px;
        margin-top: -6px;
        position: absolute;
        top: -4px;
        transition: all 0.3s ease-in-out;
        width: 20px;
    }

.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}

.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}
.panel-footer {
    margin-top: 15px;
}
.right-menu {
    gap:20px; 
    padding-top:18px;
}
.panel-body .table-responsive {
    position: relative;
    overflow: auto;
    max-height: 450px;
    min-height:500px;
    overflow-y: visible;
    padding-bottom:30px;
}
    .panel-body .table-responsive thead {
        position: sticky;
        top: 0;
        background: white;
        z-index: 1;
    }
@media screen and (max-width:768px) {
    .centered-div h4 {
        font-weight: 900 !important;
        font-size: 25px !important;
    }
    .centered-div p {
        font-weight: 300;
        font-size: 15px !important;
    }
    }
@media screen and (max-width:1400px) {
    .control-label, label {
                font-size: 9px !important;
            }
        }

#scrollbar1::-webkit-scrollbar {
    width: 5px;
}

#scrollbar1::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: #cecece;
    border: 1px solid #cacaca;
}

#scrollbar1::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #8a8a8a;
}