.wrapper{max-width:1330px;margin:auto;}
.layout-fixed .main-sidebar{position:absolute}
.capcha-box {display: block;width: 100%;}
.capcha-box p {display: inline-block; vertical-align: middle;}
.login-logo img {width: 80%;}
.brand-link img {width: 80%;}
.logo-title {font-size: 20px;line-height: 24px;margin: 15px 0 0;}
.loader { display: none;position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url('img/loader.gif') 50% 50% no-repeat rgb(249,249,249);opacity: .6;}
.navbar{padding:0 .5rem}
.navbar-expand .navbar-nav .dropdown-menu{min-width:160px;}
/* .dropdown-menu-lg .dropdown-item{text-align: left;color:#fff} */
/* .dropdown-menu-lg .dropdown-item:hover{background:rgba(0, 0, 0, 1);color:#fff} */
.right-menu li a.nav-link{background:#001E45;color:#fff !important}
.right-menu  a.btn-danger.nav-link{background:#dc3545;color:#fff}

#map {width:100%; height:700px; pointer-events: none;}
.popup-dialog{width: 363px;height: 363px;border-radius: 5px;max-height: 100vh;position: relative;display: flex;flex-direction: column;background-color: #fff;}
.popup-header{display: flex;align-items: flex-start;justify-content: space-between;padding: 1rem 1rem;border-bottom: 1px solid #e9ecef;border-top-left-radius: .3rem;border-top-right-radius: .3rem;}
.popup-body{position: relative;flex: 1 1 auto;padding: 1rem;}
.popup-footer{display: flex;justify-content: flex-end;padding: 1rem;border-top: 1px solid #e9ecef;}
.leaflet-popup-content .popup-body{margin:0px;padding:0px 20px 15px}
.leaflet-popup-content .popup-body ul{margin:0px;padding:0px 0 0 10px;}
.leaflet-popup-content .popup-header{margin:0px 0 15px;padding:5px 15px;background:#001E45 ;border-radius: 10px 10px 0 0;color:#fff;justify-content: center;}
.leaflet-popup-content .popup-header h4{text-align: center; text-transform: capitalize;max-width:215px; font-size: 18px;}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {background: #f4f6f9;color: #001E45;}
.leaflet-popup-content .popup-footer {justify-content: center;background:#fff;border-radius:0 0 10px 10px;}
.leaflet-popup-content .popup-footer a{background: #dc3545;padding:5px 15px;color:#fff;transition: all 0.5s ease;}
.leaflet-popup-content .popup-footer a:hover{background:#001E45 ;}
.leaflet-popup-content{margin:0px;min-width:260px;}
.leaflet-container a.leaflet-popup-close-button{top:10px;right:10px;}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{ pointer-events: auto;}

.sepline{ border-top:1px solid #eeeeee; margin: 10px 0; height:8px;}
.date-range label{ font-weight:normal !important; margin:0 10px;}
.advance-searchbolock input[type="radio"]{ margin:0 5px;}
.advance-searchbolock .btn{ min-width:200px; text-align:center;}
.advance-searchbolock .right-detail{color:#92969b !important;}


@media screen and (max-width:767px){
    #map{height:300px;}   

}
.highcharts-figure, .highcharts-data-table table {
    min-width: 360px; 
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
	font-family: Verdana, sans-serif;
	border-collapse: collapse;
	border: 1px solid #EBEBEB;
	margin: 10px auto;
	text-align: center;
	width: 100%;
	max-width: 500px;
}
.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
    padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}
.highcharts-data-table tr:hover {
    background: #f1f7ff;
}
#excess-fuel-cons-chart{width:100%; height:500px;}
#fuel-expenditure-chart-1{width:100%; height:500px;}
#fuel-expenditure-chart-2{width:100%; height:500px;}

.btn-margin{margin-top: 32px;}
.select2-selection.select2-selection--single{ min-height: 39px;}

/*Login page css start here*/
.login-page{background:url(../img/login-bg.jpg);background-size:cover; display:block;padding-top:8%;height:100%}
.login-box{margin:auto;width:500px;}
.login-logo img{max-width:40%}
.login-box .card{background:rgba(110,110,110,0.3);border-radius:10px;border:solid 1px #fff;}
.login-box .login-card-body{background:none}
.login-box .logo-title{color:#182d50;font-weight:bold;font-size:36px;letter-spacing:2px; line-height:40px; text-align:center;margin-bottom:35px;}
.login-box .input-group-text{background-color:#fff !important;}
.login-box .input-group-text span{color:#d1d1d1}
.login-box .form-control{height:calc(2.8rem + 2px)}
.login-box .captcha-input{display:inline-block;border-radius:.25rem;margin-right:10px;border:none;vertical-align:middle;height:46px;padding:10px;color:#495057}
.login-box .capcha-box{display:inline-block;width:auto;}
.login-box .captcha-section{display:flex;align-items:center}
.login-box .capcha-box p{margin:0px;}
.login-box .btn-primary{background:#01193c;border-radius:0px;border:none;padding: 10px;width: 100%;text-transform:uppercase;letter-spacing:5px;}
.login-box .forgot-link{padding:15px 0;margin:0 -5px;}
.login-box .forgot-link a{color:#737373; font-size:15px;}
.login-box .forgot-link p{padding:0 15px;}

#data-summary,#monthly-overview {background-color: #d9d9d9;padding: 10px;}
.yellow-text {color: #f77d2c}
.red-text {color: #fb1616}
.graph-icon {width:30px;}
.ship-nav .btn.btn-block.btn-success, .ship-nav .btn.btn-block.btn-warning, .ship-nav .btn.btn-block.btn-info {
	min-height: 62px;
	vertical-align: middle;
	display: inline-block;
	display: flex;
    align-items: center;
    justify-content: center;

	
}

.tooltip-inner { text-align:left;max-width: 400px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 35px;}
.sedate{ display:flex; flex-wrap:wrap;}



/*Responsive css start*/
@media screen and (max-width:1366px) and (min-width:1280px){
	.login-page{background-position:center;}	
}

@media screen and (max-width:1199px){
.info-box{ flex-wrap:wrap;}
.info-box .form-group .select2-container{ width:100% !important;}
.myships_top .select2-container{ width:100% !important;}
.overview_top .select2-container{ width:100% !important;}
.sedate{ margin-bottom:7px;}


}

@media screen and (max-width:1024px) and (min-width:993px){
	.login-page{background-position:center;}	
	.login-box{width:420px;}
	.login-box .logo-title{font-size:30px;}
}

@media screen and (max-width:992px) and (min-width:768px){
	.login-box{margin:30px auto}	
	.login-box .logo-title{color:#fff}
	.login-box .forgot-link a{color:#fff}
}

@media screen and (max-width:767px){
	.login-page{padding-top:10px;}
	.login-box{width:100%;margin:5px auto;max-width:500px;}
	.login-logo img{max-width:70%}
	.login-box .logo-title {color: #fff;font-size: 25px;line-height:30px;margin-bottom: 35px;}
	.login-box .captcha-input{max-width:100px;}
	.login-box .forgot-link{color:#fff;align-items:center}
	.login-box .forgot-link a{color:#fff}
	.login-box .login-card-body{padding:0 10px;}
	
	.enterfuelprice{ margin-top:20px; padding-top:20px; border-top:1px solid rgba(0,0,0,.1);}

}

@media screen and (max-width:575px){
.info-box .form-group.btn-margin{ margin-top:0;}
.myships_top .col-lg-4.text-right{ text-align:left !important; padding-top:11px;}
.overview_top .col-lg-2.text-right{ text-align:left !important;}

}

@media screen and (max-width:375px){
#data-summary{ font-size:15px;}
#data-summary h5{ font-size:15px;}
#monthly-overview{ font-size:14px; line-height:normal; padding:0;}

}