@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,700&display=swap');

body { 
    background: rgb(10,27,45);
    background: linear-gradient(0deg, rgba(10,27,45,1) 0%, rgba(48,133,181,1) 100%) !important; font-family: 'Poppins', sans-serif;}
ul { margin:0px; padding:0px; }

a {    
    color: #30A3FF;
}

body, h1, h2, h3, h4, h5, h6{ font-family: 'Poppins', sans-serif; }

table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
    padding-right: 30px !important;
}

.dropdown-menu{ box-shadow: 0 14px 16px rgb(0 0 0 / 13%); right: 0; left: auto; min-width: 175px; position: absolute; z-index: 1000; display: none; float: left; list-style: none; text-shadow: none; background-color: #fff; margin: 10px 0 0; border: solid 1px rgba(0, 0, 0, 0.08); border-radius: 10px !important;padding: 14px 0; font-family: 'Poppins', sans-serif; font-size: 15px; }
.dropdown-item{ display: block; width: 100%; clear: both; color: #000; padding: 11px 18px; white-space: nowrap; margin: 1px 0; }
.dropdown-item:hover,
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{ background: #30A3FF; color: #fff; text-decoration:none; }
.dropdown-item i{ width: 36px; opacity: 0.5; text-align: center; vertical-align: middle; }

.btn-group>.dropdown-menu:before, .dropdown-toggle>.dropdown-menu:before, .dropdown>.dropdown-menu:before{ left: auto; right: 9px; }
.btn-group>.dropdown-menu:after, .dropdown-toggle>.dropdown-menu:after, .dropdown>.dropdown-menu:after{ left: auto; right: 10px; }

.btn-danger {color: #310303; background-color: #f9d3d6; border-color: #f9d3d6; }
.font-red-sunglo {color: #000!important; }

.btn-primary{ background-color: #30A3FF; border-color: #30A3FF; }
.btn-primary:hover{ background-color: #4caffd; border-color: #4caffd; }

.btn.btn-secondary{ background-color: #d8edff; border-color: #d8edff; color: #30A3FF; }
.btn.btn-secondary:hover{ background:#cae4fa; border-color: #cae4fa; color: #30A3FF; }


.price-matrix-menu-top li { list-style:none; display:inline-block; float:left; border:1px solid #ddd;   }
.price-matrix-menu-top li a { color:#666; font-size:15px; padding:15px 30px; display:inline-block; text-decoration:none;}
.price-matrix-menu-top li a:hover { background:#f1f1f1; }
.price-matrix-menu-top li.active a { background:#f1f1f1; }

.price-matrix-menu-left li { list-style:none; display:inline-block; float:left; border:1px solid #ddd; width:100%; }
.price-matrix-menu-left li a { color:#666; font-size:15px; padding:15px 15px; display:inline-block; text-decoration:none; width:100%; }
.price-matrix-menu-left li a:hover { background:#f1f1f1; }
.price-matrix-menu-left li.active a { background:#f1f1f1; }

.padd-0 { padding:0px; }
.padd-r0 { padding-right:0px; } 
.tabbable.tabbable-tabdrop { padding:15px 0; }
.price-matrix-tab-cont { border: 1px solid #ddd; display: inline-block; width: 100%;}
.price-matrix-tabs { border:0px; }
.price-matrix-tabs { margin:0px; }
.price-matrix-tab-cont table { margin-top:20px; }
.price-matrix-tab-cont table tr td span { display: inline-block; float: left; font-size: 20px; text-align: center; width: 10%;}
.price-matrix-tab-cont table tr td input { width:90%; }
.top-right-cross-tab {  display: inline-block; text-align: right; width: 100%; padding:0 5px; font-size:12px; }
.bt-left-cross-tab {  display: inline-block; text-align:left; width: 100%; padding:0 5px; font-size:12px;}
.cross-line { background: #ddd; display: inline-block; float: left; height: 1px; left: 0; width: 101%;}
.serv-type { position:relative;/* border: 2px solid #666;*/ }
.ser-top-head { background: #ddd; display: inline-block; float: left; height: 2px; left: 0; padding: 0 !important;  width: 100%;}
.price-matrix-menu-left .serv-type span { font-size: 16px; padding: 1px 10px;}
.bt-left-cross-tab i { margin:0 0 0 5px; }
.top-right-cross-tab i { margin:0 0 0 5px; }


/** 7-9-2016 **/
.inner-new-top { padding-top:20px; }
.section-heading { margin:20px 0; }
/*.form-control { height:38px; }*/
.table-responsive .list-table tr th { padding:13px 10px !important; background:#f0f3f8 !important; }
.list-table tr td img { width:50px; height:50px; border-radius:50% !important; margin-right:10px; }
.driver-calendar .fc-button-group { display:none; }
.gmaps { height: 600px; width: 100%;}
td a{ color: #333; }
td a:hover{ color: #000; }

.fileinput-button input {cursor: pointer; direction: ltr; font-size: 200px; margin: 0; opacity: 0; position: absolute; right: 0; top: 0;}
.fileinput-button { display: inline-block; overflow: hidden; position: relative;}
.form-group { display: inline-block; margin-bottom: 15px; width: 100%;}
.doc-img i { font-size:20px; margin:0 10px 0 0; }
.file-delete { font-size:20px; color:#f10; margin:2px 0 0 15px }
.mar-b5 { margin-bottom:5px; }  
.list-table i.fa-file-text { font-size:18px; margin:0 10px 0 0; }
.form-group.br-bt-upse { border-bottom: 1px solid #ddd; margin: 0 0 5px 0; padding-bottom: 10px;}

.profile-usertitle-name {color: #5a7391; font-size: 20px; font-weight: 600; margin: 20px 0 0; text-align: center;}
.profile-usertitle-job {color: #5b9bd1; font-size: 13px; font-weight: 800; margin-bottom: 7px; text-transform: uppercase; text-align:center;}
.profile-userpic img { border-radius: 50% !important; float: none; height: 50%; margin: 0 auto; width: 50%;}
.cal-filter { position:relative; z-index:999; }
.has-toolbar.driver-calendar { margin:-35px 0 0 0; }
.cale-checbox { margin:0 0 0 5px; float:left; }
select.min-height38 { height:38px; }
.filter-btn { padding:8px 15px; }
.padd-top-20 { padding-top:20px; }
.date-padd-set { padding:8px 15px; }
.req-search-btn { margin: 24px 0 0; padding: 9px 15px; }
.total-count { font-size:18px; margin:0px; }
.quote-management { margin-top:20px; }
.quote-management table tr th { white-space:nowrap; padding:10px 20px 10px 10px !important; }
.qutreq-total-count .qut-req {
    border-bottom: 1px solid #dbe9f0;
    display: inline-block;
    font-size: 22px;
    margin-bottom: 5px;
    margin-top: 0;
    padding-bottom: 5px;
    width: 100%;
}
.qutreq-total-count { background:#f4f8fa; display:inline-block; padding:10px; }
.simpletext-head h2 { margin:0px; margin-bottom:10px; }
.simpletext-head p { margin:10px 0 5px 0; }
.simpletext-head ul { padding:10px 0 0 15px; }
.simpletext-head ul li { padding:5px 0 5px 0px; }

.widget-script { width:100%; display:inline-block; }
.widget-script .form-group { margin-bottom:0px; }

.page-header .navbar .navbar-nav .dropdown-menu li.active > a {
    font-weight: bold;
}
a.page-logo{ color: #fff; font-size: 38px; display: inline-block; }
.logoadmin{ display: block; text-align: center; margin-bottom: 40px; }
a.page-logo img{ max-width: 120px; display: block; margin: auto; }
.bg-grey-steel  { background:#F1F4F7 !important; }
.create-booking-box { min-height:130px; }

header.page-header { position:fixed; z-index:9; width:100%; top: 0; left: 0; }

.right-container {     padding: 75px 0px 0 0;
    flex-grow: 1;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    background: #f0f3f8;
    border-radius: 30px 0 0 30px !important;
    /*position: fixed;*/
    overflow: auto;
    height: 100vh;
    margin-left: 0;
    right: 0;
    left: 250px; }

.left-menu-count { 
    background: rgb(10,27,45);
    background: linear-gradient(0deg, rgba(10,27,45,1) 0%, rgba(48,133,181,1) 100%) !important;
    bottom: 0;
    left: 0;
    overflow: auto; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling:touch;
    position: relative;
    top: 0; z-index: 10; height: 100vh;
    width: 250px; min-width: 250px; border-radius: 0 0 0 0 !important; padding: 25px 12px; padding-top: 40px;
transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;

}
.left-menu-count ul.navbar-nav li { width:100%; padding-top: 6px; padding-bottom: 2px; padding-left: 0; }
.left-menu-count .panel-collapse ul.navbar-nav li{ padding-top: 2px; }
.left-menu-count .navbar-collapse { padding:0px !important; }
.left-menu-count .nav.navbar-nav { width:100%; margin:0px !important; }
.nav > li > a:focus, .nav > li > a:hover {background:rgba(76, 175, 253, 0.8); text-decoration: none; z-index: 2; color: #fff; }
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{ background-color: #30A3FF; border-color: #4caffd; color:#fff;}
.navbar-nav > li > a {border-radius: 10px !important;
    padding: 13px 20px 13px 10px;
    display: block;
    color: #fff;
    position: relative;
    text-transform: inherit;
    font-size: 13px; font-weight: 500; }
/*.nav .open > a:before{content: ""; width: 20px; height: 20px; background: transparent; position: absolute; right: 0; top: -20px; z-index: 1; border-radius: 0 0 12px 0; box-shadow: 5px 5px #f0f4f8; }
.nav .open > a:after{content: ""; width: 20px; height: 20px; background: transparent; position: absolute; right: 0; bottom: -20px; z-index: 1; border-radius: 0 10px 0 0; box-shadow: 5px -5px #f0f4f8; }*/
.navbar-nav > li > a i{ font-size: 16px; width: 32px; text-align: center; }

.navbar-nav > li .panel-collapse ul li a{ background:transparent; font-size: 14px; opacity: 0.8; padding: 5px; font-weight: 400; }
.dropdown-fw-disabled ul.navbar-nav{ padding:3px 0 10px 49px; }
.dropdown-fw-disabled ul.navbar-nav li.active{ background:transparent !important; font-weight: 600; }
.dropdown-fw-disabled ul.navbar-nav li.active a,
.dropdown-fw-disabled ul.navbar-nav li:hover a{ opacity: 1; color: #000;}
.dropdown-fw-disabled ul.navbar-nav li.active a{ font-weight: 600; }
.dropdown-fw-disabled ul.navbar-nav li i{ width: 30px; display: none;}

.navbar-nav > li > a .caret{ float: right;
    border: 0;
    margin: 0px 13px 0 0;
    width: 15px;
    height: 15px;
    background: url(../img/right.svg) center no-repeat;
    background-size: 8px;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    opacity: 0.7; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.navbar-nav > li > a:hover .caret{ opacity: 1; }
.navbar-nav > li > a[aria-expanded="true"] .caret{ opacity: 1; transform: translate(0, -50%) rotate(90deg);
    -webkit-transform: translate(0, -50%) rotate(90deg); }
.nav .open > a .caret{ filter: brightness(0); -webkit-filter: brightness(0); -ms-filter: brightness(0); opacity: 1; ransform: translate(0, -50%) rotate(90deg);
    -webkit-transform: translate(0, -50%) rotate(90deg);}

.left-menu-count ul.navbar-nav li.active > a .caret{ -webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1); }

.left-menu-count .nav.navbar-nav .panel-body { padding:0px; }
.menu-collpase-bar { width:35px; display:inline-block;  background:none; border:none; padding:0px; }
.left-menu-count.collapse-leftmenu { left: 0; width: 120px; min-width: 120px; padding-left: 20px; padding-right: 20px; }
.menu-collpase-bar:focus { outline:none;}
.menu-collpase-bar span { background:#999; height:2px; width:30px; display:inline-block; margin:3px 0; }
.right-container.menu-hide-wrapper { /*padding-left: 15px;*/ left: 120px; }
.right-container.menu-hide-wrapper .page-content.inner-new-top { margin:0px; position:relative; z-index:9; }
.wrapper { margin:0px; display: flex; min-height: 100vh; }
.menu-hides a.page-logo img{ max-width: 100%; }

.menu-hides .navbar-nav > li > a{ font-size: 0; line-height: normal; text-align: center; padding-left: 15px; padding-right: 15px; }
.menu-hides .navbar-nav > li > a i{ font-size: 18px; width: auto; }
.menu-hides .left-menu-count .nav.navbar-nav{ padding-left: 0 }
.menu-hides .navbar-nav > li .panel-collapse ul li a:before{ display: none; }
.menu-hides .navbar-nav > li .panel-collapse ul li a{ font-size: 12px; line-height: normal; padding: 1px 0; text-align: center; }
.menu-hides .navbar-nav > li > a .caret{ margin-right: 2px; margin-top: 1px; }

.page-header .navbar-fixed-top {background: #f0f3f8;
    left: 0;
    padding: 10px 25px;
    right: 0;
    top: 0;
    border-radius: 30px 0 0 0px !important;
    padding-left: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 70px;
    left: 250px;}

.menu-hides .page-header .navbar-fixed-top{ padding-left: 25px; left: 120px;}

.page-header .navbar-fixed-top:before,
.page-header .navbar-fixed-top:after{ display: none; }
header nav.mega-menu .navbar-fixed-top { margin:0px; }
header nav.mega-menu .container-fluid { padding:0px; }
.form-group.br-bt-upse .col-md-5 { margin-top:5px; }
/*.form-control { height: 38px; line-height: 32px;}*/
.footer-container { padding:20px 10px; display:inline-block; width:100%; position:relative; z-index:9; }
.footer-container p { text-align:center; margin:0px; }
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left:0px !important; }
.right-container .container-fluid { padding-right:25px; padding-left: 25px; }  

.dropdown-fw-disabled ul.navbar-nav li.active { background:#30A3FF; }
.dropdown-fw-disabled ul.navbar-nav li.active a{ color: #000; }
.page-content {border-radius: 0 !important; background:transparent !important; margin: 0 !important; padding: 0 !important; min-height: calc(100vh - 160px); }
.page-content .page-content{ min-height: inherit !important; }
.table-responsive,
.horizontal-form,
.form-body{ border-radius: 20px !important; padding: 25px; background:#fff; }

.form-body .row .portlet.light{ padding: 0 15px !important; margin: 0 !important; }

.row>.page-content{ padding-left: 15px !important; padding-right: 15px !important; }
h2.section-heading {color: #000;
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 25px 0;
}
/*.list-table tr td, .list-table tr th { white-space:nowrap; }*/
.list-table tr td, .list-table tr th:last-child { white-space:normal; }

.datetimepicker-days .table-condensed tr td.day:hover {  background:#4b8df8; }
.form-group.br-bt-upse i.file-delete { cursor:pointer; }


.navbar-nav > li .panel-collapse ul li a:before {
    content: "";
    width: 15px;
    height: 15px;
    background: url(../img/right.svg) center no-repeat;
    background-size: 8px;
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    opacity: 0.7;
}

@media (max-width:768px) {
	.left-menu-count { top:128px; }	
	.right-container {
		padding: 128px 0 0 215px;
	}
	.right-container.menu-hide-wrapper {
		padding: 128px 0 0;
	}
}
@media (max-width:1199px) {
.form-group.br-bt-upse .col-md-5 { width:100% !important;}
}
@media (max-width:767px) {
.navbar-nav {
    margin:10px 0 0 0 !important;
}
}
.btn-completed { background:#0BC189; color:#fff; width:100px; border:1px solid #02b57e; cursor:default; }
.btn-canceled { background:#ED573C; color:#fff; width:100px; border:1px solid #dc482e; cursor:default;}
.btn-booked { background:#F5C622; color:#fff; width:100px; border:1px solid #eaba12; cursor:default;}
.btn-booked:hover, .btn-canceled:hover, .btn-completed:hover { color:#fff; }
/*.page-content{background: #f5f5f5;}*/
.page-header .topbar-actions .btn-group-img.btn-group  img{width: 50px;}
.paddin_div_cusom {padding: 20px 40px !important;  display: inline-block;  width: 100%;}
.page-header .topbar-actions{ top: 0; right: 0;display: inline-block; }

.btn.green:not(.btn-outline) {color: #FFF;background-color: #30A3FF;border-color: #30A3FF;}
.btn.green:not(.btn-outline).active, .btn.green:not(.btn-outline):active, .btn.green:not(.btn-outline):hover, .open > .btn.green:not(.btn-outline).dropdown-toggle {color: #FFF;	background-color: #4caffd;	border-color: #4caffd;
}
.btn.blue:not(.btn-outline) {
	color: #FFF;
	background-color: #30A3FF;
	border-color: #30A3FF;
}

.btn.blue:not(.btn-outline).active, .btn.blue:not(.btn-outline):active, .btn.blue:not(.btn-outline):hover, .open > .btn.blue:not(.btn-outline).dropdown-toggle {
	color: #FFF;
	background-color: #4caffd;
	border-color: #4caffd;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	z-index: 3;
	color: #fff;
	background-color: #30A3FF;
	border-color: #30A3FF;
	cursor: default;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #fff;
    background-color: #30A3FF;
	border:solid #30A3FF 1px;;
}
.pagination > li > a, .pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857;
	text-decoration: none;
	color: #000;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px;
}

.btn.blue:not(.btn-outline).focus, .btn.blue:not(.btn-outline):focus {
	color: #FFF;
	background-color: #4caffd;
	border-color: #4caffd;
}

.btn.blue:not(.btn-outline).active.focus, .btn.blue:not(.btn-outline).active:focus, .btn.blue:not(.btn-outline).active:hover, .btn.blue:not(.btn-outline):active.focus, .btn.blue:not(.btn-outline):active:focus, .btn.blue:not(.btn-outline):active:hover, .open > .btn.blue:not(.btn-outline).dropdown-toggle.focus, .open > .btn.blue:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue:not(.btn-outline).dropdown-toggle:hover {
	color: #FFF;
	background-color: #4caffd;
	border-color: #4caffd;
}

div.dataTables_wrapper div.dataTables_filter label{ font-size: 0; }
body .dataTables_wrapper .dataTables_filter input{ font-size: 14px; padding: 8px 10px 8px 40px; margin-left: 0; border-radius: 10px !important;     font-family: 'Poppins', sans-serif; background: #f0f3f8 url(../img/search.svg) 15px center no-repeat; background-size: 14px; border: 0;}
body div.dataTables_wrapper div.dataTables_length select{ height: auto !important; font-size: 16px; border-radius: 10px !important; font-family: 'Poppins', sans-serif; width: 63px; display: inline-block; line-height: 1; padding-top: 2px; background: #f0f3f8; border: 0;}

.btn{ border-radius: 10px !important; padding: 8px 22px; font-size: 16px;}
table .btn{ font-size: 12px; padding: 6px 12px; }




body.login {
width: 100%;
    height: 100%;
    background: rgb(10,27,45);
    background: linear-gradient(0deg, rgba(10,27,45,1) 0%, rgba(48,133,181,1) 100%) !important;
}
.login_over{ display: flex; flex-wrap: nowrap; height: 100%; justify-content: center; align-items: center; align-content: center; }

.account_left_space {
    background: #3e2abe url(../img/login_bg.jpg) top right no-repeat;
    background-size: cover;
    width: 70px; height: 100%; display: none !important;
}

.login_left{ width: 580px;
    margin-left: 0;
padding: 40px 20px;
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
align-items: center;
background: rgb(10,27,45);
    background: linear-gradient(0deg, rgba(10,27,45,1) 0%, rgba(48,133,181,1) 100%) !important;
 min-height: 100%; border-radius: 25px 0 0 25px !important;}

.login_right{
    flex-grow: 1;
    background: url(../img/error_bg.jpg) top center no-repeat;
    background-size: cover;
    border-radius: 25px 0 0 25px !important; min-height: 100%;
}

.login_left .form-control{ height: 56px; font-weight: 500; padding-left: 20px; padding-right: 40px; }

.form-control::-webkit-input-placeholder {  color: #222; opacity: 1; }
.form-control::-moz-placeholder {  color: #222; opacity: 1; }
.form-control:-ms-input-placeholder {  color: #222; opacity: 1; }
.form-control:-moz-placeholder {  color: #222; opacity: 1; }

select.form-control{ height: 46px; }

.login_left .form-control[name="UserName"]{ background-image: url(../img/envelope.svg); background-position: 95% center; background-repeat: no-repeat; background-size: 18px; }
.login_left .form-control[type="password"]{ background-image: url(../img/lock.svg); background-position: 95% center; background-repeat: no-repeat; background-size: 18px; }

/*.login_left .form-control::-webkit-input-placeholder {  color: #222; opacity: 1; }
.login_left .form-control::-moz-placeholder {  color: #222; opacity: 1; }
.login_left .form-control:-ms-input-placeholder {  color: #222; opacity: 1; }
.login_left .form-control:-moz-placeholder {  color: #222; opacity: 1; }*/

.signup-container {
display: block;
width: 100%;
max-width: 430px;
margin: 0 auto;
}


.loader_icon{ display: inline-block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background: rgb(0 0 0 / 90%);    display: flex;
    align-items: center;
    justify-content: center; }
.loader_icon span {
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-radius: 50% !important;
  border-top-color: #fff;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 1.2s linear infinite; 
  animation: spin 1.2s linear infinite;
}

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

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


.floatright {
float: right;
color: #000;
margin-top: 10px; font-size: 16px;
}

.floatright:hover {
color: #3e2abe; text-decoration: none;
}

.login-logo {
display: block;
margin-bottom: 10vh;
}
.login-logo img {
	max-width: 200px;
	display: inline-block;
	max-height: 110px;
}

.form-title {font-size: 30px; margin: 0 0 30px 0; font-weight: 500; }

button.btn-sign-in {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-transition: .3s;
transition: .3s;
position: relative;
background: none;
border: 0px solid #30A3FF;
color: #fff;
display: inline-block;
font-family: "Roboto",sans-serif;
font-size: 18px;
font-weight: 500;
padding: 16px 15px;
width: 100%; text-transform: capitalize;
background-color: #30A3FF;
border-radius: 10px !important; margin-top: 30px;
}
button.btn-sign-in:hover{ background:#4caffd; color: #fff; }

.form-control {
color: #000;
font-size: 16px;
border: 0;
background-color: #f0f3f8;
border-radius: 10px !important;
height: auto;
padding: 11px 15px;
line-height: 1.5;
}
.form-control:hover{ box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.1) !important; }
.form-control:focus,
.form-control:active{ box-shadow:inset 0 0 0 2px #4caffd !important; }

.field-validation-error span {
    color: #f30606;
    font-size: 13px;
}

.panel{ border-radius: 15px !important; }
.panel-heading{ border-radius: 15px 15px 0 0!important; }
.panel-footer{ border-radius: 0 0 15px 15px !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{ border: solid 0px !important }

.table-responsive .dataTables_wrapper .row{ margin-left: 0; margin-right: 0; }
.table-responsive .dataTables_wrapper .row [class*='col-']:first-child{ padding-left: 0 }
.table-responsive .dataTables_wrapper .row [class*='col-']:last-child{ padding-right: 0 }
div.dataTables_wrapper div.dataTables_info{ margin-left: 0 !important; }

#VehicleImage{ margin-top: 25px; display: block; }
#VehicleImage tbody{ display: block; }
#VehicleImage .multiupload{ display: inline-block; margin: 0 15px 15px 0; }
#VehicleImage .multiupload td{ display: block; position: relative; }
#VehicleImage .multiupload td span{ display: block; position: relative; border: solid 1px #ddd; padding: 5px; }
#VehicleImage .multiupload td span .img-upload{ border: 0; display: block; margin: 0 auto; width: 160px; height: 160px; object-fit: contain; }
#VehicleImage .multiupload td a{ position: absolute; top: 5px; right: 5px; z-index: 2; }
#VehicleImage .multiupload td a img{ width: 20px; }

.page-content-row .row .form-group .col-lg-2 label{ font-weight: 600; }
.page-content-row{ height: auto; }


.main-header-menu-icon {margin-right: 25px; width: 20px; height: 30px; display: flex; align-items: center; }
.main-header-menu-icon span {display: block; position: relative; width: 15px; height: 2px; background-color: #2f395f; border-radius: 3px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
.main-header-menu-icon:hover span{ width: 20px; }
.main-header-menu-icon span::before, .main-header-menu-icon span::after {content: ''; position: absolute; left: 0; width: 20px; height: 2px; background-color: #2f395f; border-radius: 3px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
.main-header-menu-icon span::before {top: -6px; }
.main-header-menu-icon span::after {bottom: -6px; }

.modal-title{ font-weight: 600; }
.modal .modal-header .close{ top: 20px; position: absolute; right: 20px; border: 0; }

.form-control.hasDatepicker{ background:#f0f3f8 url(../img/date.svg) 95% center no-repeat; background-size: 18px; border-radius: 10px !important; padding: 9px 15px; }
.header_right{ font-size: 16px; }



.menuiconleft svg {
  height: 50px;
  position: absolute;
  width: 50px; margin-top: -5px; margin-left: -5px;
}

.menuiconleft {
  height: 40px;
  width: 40px;
  display: inline-block;
  position: relative;
  margin: 0 20px 0 -8px; cursor: pointer;
}

.x {
  transform: scale(0); -webkit-transform: scale(0);
  transition: transform 400ms; -webkit-transition: transform 400ms;
}
.line {
  fill: none;
  stroke: black;
  stroke-width: 6px;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform-origin: 50%; -webkit-transform-origin: 50%;
  transition: stroke-dasharray 500ms 200ms, stroke-dashoffset 500ms 200ms, transform 500ms 200ms;
  -webkit-transition: stroke-dasharray 500ms 200ms, stroke-dashoffset 500ms 200ms, transform 500ms 200ms;
}
.x .line {
  stroke-width: 5.5px;
}
/* First plate */
.plate1 .line2 {
  stroke-dasharray: 40 200;
  stroke-dashoffset: 0px;
}
.plate1 .line3 {
  stroke-dasharray: 40 179;
  stroke-dashoffset: 0px;
}
.active .line {
  transition: stroke-dasharray 500ms, stroke-dashoffset 500ms, transform 500ms;
  -webkit-transition: stroke-dasharray 500ms, stroke-dashoffset 500ms, transform 500ms;
}
.active.plate1 .line1 {
  transform: scale(0, 1); -webkit-transform: scale(0, 1);
  transition: transform 500ms 100ms; -webkit-transition: transform 500ms 100ms;
}
.active.plate1 .line2 {
  stroke-dasharray: 5px 200;
  stroke-dashoffset: -164px;
}
.active.plate1 .line3 {
  stroke-dasharray: 5px 179;
  stroke-dashoffset: -142px;
}
.active .x {
  transform: scale(1); -webkit-transform: scale(1);
  transition: transform 400ms 350ms; -webkit-transition: transform 400ms 350ms;
}


div.dataTables_wrapper div.dataTables_paginate ul.pagination{
    margin-top: 6px !important;
    margin-bottom: 0 !important;
}
.row .dataTables_wrapper .dataTables_paginate .paginate_button {
    margin: 0 3px;
}


.pagination > li > a, .pagination > li > span {
    padding: 9px 14px;
    color: #30A3FF;
    font-size: 15px;
    border-radius: 10px !important;
    margin: 3px;
    background-color: #f0f3f8;
    border: 0;
    min-width: 38px;
    text-align: center;
}
.pagination > li > a:hover, .pagination > li > span:hover {
    color: #30A3FF;
    background-color: #e2ddff;
    border-color: #d1cafd; border: 0 !important
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:active{ background:transparent !important; box-shadow: none !important;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{ border: 0 !important; background: #d2e7f8 !important; color: #30A3FF !important; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #30A3FF !important;
    border-color: #30A3FF !important; color: #fff !important;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    background-color: #f0f3f8 !important; color: #777 !important;
}

.datefilter{ margin-bottom: 10px; padding: 0; border-bottom: solid 1px #eee; }

.header_right .dropdown-toggle span span{ padding-right: 20px; background: url(../img/down_icon.svg) right center no-repeat; background-size: 10px; }


.page-content-row>.section-heading+.portlet.light{padding: 25px 25px 25px 25px;
    background-color: #fff;
    margin: 0 0 -30px 0;
    border-radius: 20px 20px 0 0 !important;}
.page-content-row>.section-heading+.portlet.light .form-group{ margin-bottom: 0 }

.panel{ border: 0; border-radius: 20px !important; margin-bottom: 25px;}
.panel-default>.panel-heading{ background: #fff;
    font-size: 18px; border-radius: 20px 20px 0 0 !important;
    font-weight: 600;padding: 12px 25px;border-bottom: 1px solid rgba(0,0,0,.125); }
.panel-default>.panel-heading .panel-title{ font:inherit; font-weight: 600; }
.panel-body{ padding: 25px; }
.dash_infos .panel-heading{ overflow: hidden; font-size: 16px; position: relative; font-weight: 500; border-radius: 20px !important; padding:25px; background:#fff !important; border-color: #fff !important; color: #888 !important; box-shadow: 0 10px 10px rgb(0 0 0 / 2%);}
.icon_of_panel{ float: left; font-size: 28px; width: 70px; height: 70px; background: #000; border-radius: 14px !important; text-align: center; line-height: 70px; color: #fff; margin-right: 20px; }
.icon_of_panel i{ line-height: inherit !important; }

.dash_infos .row [class*='col-']:nth-of-type(1) .icon_of_panel{ background:#9694ff; }
.dash_infos .row [class*='col-']:nth-of-type(2) .icon_of_panel{ background:#57caeb; }
.dash_infos .row [class*='col-']:nth-of-type(3) .icon_of_panel{ background:#ff7976; }
.dash_infos .row [class*='col-']:nth-of-type(4) .icon_of_panel{ background:#5ddab4; }

.dash_infos .panel-heading .huge{ display: block; font-size: 30px; font-weight: 600; color: #000; }

.panel_click{ position: absolute; right: -150px; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.panel_click a{ display: inline-block; width: 60px; height: 60px; text-align: center; line-height: 60px; border-radius: 50% !important; background:#f0f3f8; color: #222; font-size: 20px; }
.panel_click a i{ line-height: inherit !important; }
.panel_click a:hover{ background:#30A3FF; color: #fff; }

.dash_infos .panel-heading:hover .panel_click{ right: 25px; }
textarea{ max-width: 100%; min-height: 80px; min-width: 100%; }



body .ui-datepicker td{ padding: 3px; }
body .ui-state-default, 
body .ui-widget-content .ui-state-default, 
body .ui-widget-header .ui-state-default, 
body .ui-button, 
html body .ui-button.ui-state-disabled:hover, 
html body .ui-button.ui-state-disabled:active,
html body .ui-state-default {
    border: 0;
    background: #ffffff;
    font-weight: normal;
    color: #000000;
    border-radius: 10px !important;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    box-shadow: 0 0 0 1px #eee, 0 2px 2px rgb(0 0 0 / 5%);
}

html body .ui-state-default:hover{ background:#e2ddff; }
html body .ui-state-default.ui-state-active{ background: #30A3FF !important; color: #ffffff; }

body .ui-datepicker td span, 
body .ui-datepicker td a{ padding: 5px 7px; }

body .ui-state-highlight, 
body .ui-widget-content .ui-state-highlight, 
body .ui-widget-header .ui-state-highlight {
    border: 0;
    background: #f3ed2b !important;
    color: #080808;
}
body .ui-widget-content{ background: #ffffff; }
body .ui-datepicker {width: 272px; padding: 10px;border-radius: 10px !important;
    box-shadow: 0 9px 10px rgb(0 0 0 / 20%);border: 1px solid rgba(0, 0, 0, 0.2);}

body .ui-widget-header{ border: 0; background:#fff; }


body .ui-datepicker .ui-datepicker-prev, 
body .ui-datepicker .ui-datepicker-next{
    top: -1px !important;
    width: 30px !important;
    height: 30px !important;
    border: 0 !important;
    padding: 0 !important;
    border-radius: 10px !important;
}

body .ui-datepicker .ui-datepicker-next {right: 0 !important; }
body .ui-datepicker .ui-datepicker-prev {left: 0px !important; }
body .ui-datepicker select.ui-datepicker-month, 
body .ui-datepicker select.ui-datepicker-year {
    width: auto;
}

body .ui-datepicker .ui-datepicker-title select {
    font-size: 15px;
    margin: 1px 4px;
    padding: 1px;
    border-radius: 4px !important;
    border: solid 1px #bbb;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 0;
    border-radius: 15px !important;
    outline: 0; box-shadow: none;
}
.modal-body{ padding: 25px; }
.modal-title {
    font-weight: 500;
    font-size: 18px;
    color: #000;
}
.modal-header,
.modal-footer{ padding: 15px 25px; border-bottom: 1px; border: 0;}

.view_info{ border-radius: 20px !important; padding: 25px; background: #fff; }
.view_info .row .form-group{margin: 0 15px; padding: 16px 0; font-size: 16px; border-bottom: solid 1px #eee; width: auto; display: block;}
.view_info .row .form-group:before,
.view_info .row .form-group:after{ content: ""; display: block; clear: both; }

.view_info .row .form-group .col-lg-2{ padding-left: 0; }
.view_info .row .form-group:last-child{ border-bottom: 0; }

.login_left .form-title { color: #fff;}
.forget-password{ color: #30A3FF !important; text-decoration: underline;}


@media screen and (min-width:1199px) and (max-width: 1400px)
{
    .view_info .row .form-group .col-lg-2{ width: 25%; }
    .view_info .row .form-group .col-lg-1{ width: 10%; }
    .view_info .row .form-group .col-lg-9{ width: 65%; }
}

@media screen and (min-width:991px) and (max-width: 1199px)
{
    .view_info .row .form-group .col-lg-2{ width: 25%; }
    .view_info .row .form-group .col-lg-1{ width: 10%; }
    .view_info .row .form-group .col-lg-9{ width: 65%; }
    .view_info .row .form-group{ display: flex; }
}




@media screen and (max-width: 1400px)
{
    .login_right,
    .login_left{ border-radius: 15px 0 0 15px !important; }
    .login_left{ width: 500px; }
    .form-title{ font-size: 28px; }
    .login_left .form-control{ height: 50px; }
    button.btn-sign-in{ padding-top: 12px; padding-bottom: 12px; }
    .signup-container{ width: 380px; }
    h2.section-heading,
    .dash_infos .panel-heading .huge{ font-size: 28px; }

    .dash_infos .panel-heading,
    .panel-body,
    .table-responsive, 
    .horizontal-form, 
    .form-body,
    .modal-body,
    .view_info{ padding: 20px; }

    .panel{ margin-bottom: 20px; }
    .panel-default>.panel-heading{ padding: 12px 20px; }
    .dash_infos .panel-heading:hover .panel_click {right: 20px; } 
    .panel_click a{ width: 50px; height: 50px; line-height: 50px; font-size: 18px; }
    .pagination > li > a, .pagination > li > span{ padding: 8px 12px; }
    .dropdown-menu{ font-size: 14px; }
    .form-control{ font-size: 15px; }
    select.form-control{ height: 44px; }
    .view_info .row .form-group{ font-size: 15px; padding: 14px 0;}

}


@media screen and (max-width: 991px)
{
    .view_info .row .form-group .col-lg-2{ width: 100%; padding-left: 0; padding-right: 0;}
    .view_info .row .form-group .col-lg-1{ width: 10%; display: none !important; }
    .view_info .row .form-group .col-lg-9{ width: 100%; padding-left: 0; padding-right:0; }
    .view_info .row .form-group{ display: block; }
}

.swal-icon--success::after, .swal-icon--success::before {background:none !important; }

.change-pass-bg {
    background: rgb(10,27,45);
    background: linear-gradient(0deg, rgba(10,27,45,1) 0%, rgba(48,133,181,1) 100%) !important;
}

.mrBtn5 {
    margin-right: 5px
}

.dataShowBtn {
    background:#92c2e8;
    margin-bottom: 15px
}