@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');
body,html,a,p,div{
    /* font-family: 'Roboto Condensed', sans-serif; */
	font-family: 'Montserrat', sans-serif !important;
font-size: 13px;
    font-weight: 500;
	/* color: #333; */
}
.w50{width: 50px;}.w75{width: 75px;}.w100{width: 100px;}.w125{width: 125px;}
.w150{width: 150px;}
.w175{width: 175px;}
.w200{width: 200px;}.w250{width: 250px;}.w300{width: 300px;}.w350{width: 350px;}
.w500{width: 500px;}
.w50pc{width: 50% !important;}
.w100pc{width: 100% !important;}.h100pc{height: 100% !important;}
.fw-bold{font-weight: 700;}
.cp{cursor: pointer;}
.hint{font-style: italic; font-size: 11px; font-weight: normal;}
.fs-10{font-size: 10px;}.fs-11{font-size: 11px;}.fs-12{font-size: 12px;}.fs-13{font-size: 13px;}.fs-14{font-size: 14px;}.fs-15{font-size: 15px;}.fs-16{font-size: 16px;}.fs-17{font-size: 17px;}.fs-18{font-size: 18px;}.fs-19{font-size: 19px;}.fs-20{font-size: 20px;}

.sidebar-menu li.active a{background-color: #ECF0F5 !important;color:#222D32 !important; font-weight: 700;}
.subuheader{background-color: #222D32;}
.subuheader {background-color: #fff; padding: 10px 10px;}
.subuheader .heading{font-size: 20px; font-weight: 700; padding: 2px 0px 0px 0px;}

.table.vm td{vertical-align: middle;}
.table.bg-white{background-color: #fff;}
.table thead{background-color: #282B2C; color: #fff;}
.cusModel .modal-header{text-align: left;padding: 10px;border-bottom: 1px solid #e5e5e5;background: #222D32;}
.cusModel .modal-header h5{font-size: 20px; color:#fff;}
.cusModel .modal-body td:nth-child(odd){text-align: left;font-weight: 700;}
.cusModel .modal-footer{text-align: center;}

.noData{text-align: center; padding: 100px 20px;font-size: 20px; color: #8C8C8C;}
.ml-1{margin-left: 5px;}
.mr-1{margin-right: 5px;}
.mt-1{margin-top: 5px;}
.mt-2{margin-top: 10px;}
.text-left{text-align: left !important;}
.table.text-center td{text-align: center;}

.terminalsummary{background-color: #fff;}
.terminalsummary img{height: 75px;}
.terminalsummary table td{border-right: 10px solid #ECF0F5;text-align: center;}
.terminalsummary table td:last-child{border-right: none;}
.terminalsummary table td p:nth-child(1){font-weight: bold;color: #8C8C8C;}
.terminalsummary table td p:nth-child(2){font-size: 30px; font-weight: bold;}
.terminalsummary table td p.usrname{font-size: 18px;}

.terminaldetails .table td:nth-child(odd){width: 100px;}
.terminaldetails .table td .form-control{font-size: 17px;}
.ticketDetails span.success{background-color: #108124;color: #fff;padding: 3px 10px;border-radius: 6px;}
.ticketDetails span.pending{background-color: #CECECE;color: #000;padding: 3px 10px;border-radius: 6px;}

.success .modal-header{background-color: #004800;}
.danger .modal-header{background-color: #660000;}

/*tooltip*/
.tool-tip {
	display: inline-block;
	position: relative;
	float: right;
    padding-right: 5px;
}

.tool-tip .tool-tip__icon {
    /* background: #27b1f0; */
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    font-style: normal;
    /* color: white; */
    font-size: 14px;
    height: 20px;
    line-height: 1.5em;
    text-align: center;
    width: 20px;
    color: rgba(255,255,255,.9);
    background: rgba(255,255,255,0.1);
}
.skin-black .sidebar-menu>li.active>a .tool-tip .tool-tip__icon{
    background: rgb(0 0 0 / 20%);
}

.tool-tip .tool-tip__info {
	display: none;
	background: #1d1e22;
	border: 4px solid #C5B358;
	border-radius: 10px;
	font-size: 1.0em;
	font-family: Arial;
	color: #bdb19a;
	padding: 1em;
	position: absolute;
	left: 45px;
	top: -20px;
	width: 450px;
	z-index: 2;
	white-space: pre-wrap;
}

.tool-tip .tool-tip__info:before,
.tool-tip .tool-tip__info:after {
	content: "";
	position: absolute;
	left: -10px;
	top: 7px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #060606;
}

.tool-tip .tool-tip__info:after {
	left: -8px;
	border-right-color: #262626;
}

.tool-tip .tool-tip__info .info {
	display: block;
}

.tool-tip .tool-tip__info .info__title {
	color: #1389b5;
}

.tool-tip:hover .tool-tip__info,
.tool-tip:focus .tool-tip__info {
	display: inline-block;
}

a:focus+.tool-tip .tool-tip__info {
	display: inline-block;

	.info_title {
		font-size: 16px;
	}
}
			
/* updates */
.skin-black .wrapper, .skin-black .main-sidebar, .skin-black .left-side{
	
background-image: linear-gradient(to bottom, #505659 20%, #282B2C 100%) !important;
}
.skin-black .sidebar-menu>li:hover>a, .skin-black .sidebar-menu>li.active>a, .skin-black .sidebar-menu>li.menu-open>a{
    color: rgba(255,255,255,.9);
    background: rgba(255,255,255,0.1);
}
.skin-black .sidebar-menu>li.header{
    color: rgba(255,255,255,.9);
    background: rgb(0 0 0 / 25%);
}
.skin-black .sidebar-form input[type="text"], .skin-black .sidebar-form .btn{
    color: rgba(255,255,255,.9);
	background: rgba(255,255,255,0.25);
}
.skin-black .sidebar-form input[type="text"]::placeholder, .skin-black .sidebar-form .btn::placeholder{
    color: rgba(255,255,255,.7);
}
.skin-black .sidebar-form input[type="text"]:focus, .skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    color: rgba(255,255,255,.9);
	background: rgba(255,255,255,0.5);
}

.skin-black .sidebar-menu>li>.treeview-menu{
	background:none;
}
.skin-black .sidebar a{
	color: rgba(255,255,255,0.8);
}
.skin-black .sidebar-menu .treeview-menu>li>a{
	color: rgba(255,255,255,0.8);
}
.treeview-menu>li a:hover{
    color: rgba(255,255,255,.9);
    background: rgba(255,255,255,0.1);
}
.skin-black .main-header .navbar{
    background: #282B2C !important;
    border-color: #282B2C !important;
    color: rgba(255,255,255,0.9) !important;
}
.skin-black .main-header .navbar>.sidebar-toggle{
    color: rgba(255,255,255,0.9) !important;
}
.skin-black .main-header .logo{
    background: #282B2C !important;
    border-color: #282B2C !important;
    color: rgba(255,255,255,0.9) !important;
}
.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav>li>a, .skin-black .main-header .navbar .navbar-right>li>a{
	border:none;
}

.text-aqua{
	color: rgba(255,255,255,0.9) !important;
}

.skin-black .main-header .navbar .nav>li>a:hover, .skin-black .main-header .navbar .nav>li>a:active, .skin-black .main-header .navbar .nav>li>a:focus, .skin-black .main-header .navbar .nav .open>a, .skin-black .main-header .navbar .nav .open>a:hover, .skin-black .main-header .navbar .nav .open>a:focus, .skin-black .main-header .navbar .nav>.active>a {
    color: rgba(255,255,255,.9);
    background: rgba(255,255,255,0.1);
}
.skin-black .main-header .navbar .sidebar-toggle:hover {
    color: rgba(255,255,255,.9);
    background: rgba(255,255,255,0.1);
}
.main-header .sidebar-toggle:before {
    content: "\e052";
    font-family: "Glyphicons Halflings";
}
.main-header .sidebar-toggle.go-frontend:before {
    content: "\e105";
    font-family: "Glyphicons Halflings";
}


.skin-black .main-header .navbar>.sidebar-toggle{
	border:none;
}

.box-header.with-border{
	
}

.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title{
    font-size: 20px;
    font-weight: 600 !important;
    line-height: 20px;
}