/*
font-family: 'jost;
*/

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

html, body {font-family: 'Jost', sans-serif; color:#515050; font-size:14px; background:#f0f7fa; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; height:100%;}
.login-body {background: #0367a5 url(../images/login-bg.jpg) no-repeat fixed; background-size: cover; width: 100%; height: 100%;}
img{ max-width:100%; height:auto; font-smoothing:antialiased; position:relative;}
a {color:#009df5;}
a:hover, .title a:hover, a:hover .title {color:#000;}
a, button, input[type=submit], img {-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
a:hover, a:focus, button, .btn, input[type=radio], input[type=checkbox]{ text-decoration:none; outline:0 !important; outline-offset:0px !important;}
label { font-weight:normal;}
h2 { font-size:35px;}
h3 { font-size:24px;}
h4 { font-size:18px;}
.mt10 { margin-top:10px;}.mt20 { margin-top:20px;}.mt15 { margin-top:15px;}.mt30 { margin-top:30px;}.mt40 { margin-top:40px;}.mt50 { margin-top:50px;}.mt60 { margin-top:60px;}
.mt70 { margin-top:70px;}.mt80 { margin-top:80px;}.mt90 { margin-top:90px;}
.ml10 { margin-left:10px;}.ml20 { margin-left:20px;}.ml30 { margin-left:30px;} .ml40 { margin-left:40px;}
.mb10 { margin-bottom:10px;}.mb20 { margin-bottom:20px;}.mb30 { margin-bottom:30px;}.mb40 { margin-bottom:40px;}.mb50 { margin-bottom:50px;}
.pt5 { padding-top:5px;}.pt10 { padding-top:10px;}.pt20 { padding-top:20px;}.pt30 { padding-top:30px;}.pt40 { padding-top:40px;}.pt50 { padding-top:50px;}
.p10 {padding:10px;}.p20 {padding:20px;}.p30 {padding:30px;}.p40 {padding:40px;}.p50 {padding:50px;}.p60 {padding:60px;}
.pl-10 {padding-left:10px;}.pl-20 {padding-left:20px;}.pl-30 {padding-left:30px;}.pl-40 {padding-left:40px;}.pl-50 {padding-left:50px;}
.table-block, .data-table { display:table; width:100%; height:100%;}
.cell-block, .data-cell { display:table-cell; vertical-align:middle; float:none;}

.btn-primary {background:#353f4f; color: #fff; font-weight: 400; padding: 8px 25px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-size:15px; border:inherit;}
.btn-primary:hover, .btn-primary:focus {background: #212834; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.btn-white {background:#a68a58; color:#fff; margin-left:8px; padding:6px 38px;}
.btn-white:hover, .btn-white:focus {background:#8e7344; color:#fff;}


/* Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; margin: 0; padding: 0; overflow:hidden;}
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display:inline-block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-dots { width:100%; position:absolute; bottom:10px; left:0; text-align:center; list-style:none; margin:0;}
.slick-dots li { display:inline-block; margin-right:6px;}
.slick-dots li button {width:14px; height:14px; border:2px solid #fff; text-indent:-99999px; padding:0; -webkit-border-radius:100%; border-radius:100%; background:none; transform: scale(1);}
.slick-dots li.slick-active button { background:#fff;}
.slick-next, .slick-prev { background:#cfcfcf; border:none; font-size:20px; width:30px; height:30px; text-align:center; line-height:30px; position:absolute; bottom:116px; right:0;}
.slick-next { right:0;}
.slick-left { left:0;}
.slick-next:hover, .slick-prev:hover, .slick-next:focus, .slick-prev:focus { background:#333; color:#fff;}
/* Slider */

.form-signin {max-width: 350px; margin: 100px auto; border-radius: 5px; -webkit-border-radius: 5px;}
.sign-title {font-size: 18px; color: #fff; text-align: center; width: 100%; text-transform: uppercase; font-weight:700; font-family: 'Jost', sans-serif; letter-spacing:0.1rem;}
.form-signin .checkbox {margin-bottom: 14px; font-size: 13px;}
.form-signin .checkbox {font-weight: normal; color: #fff; font-weight: normal; position: absolute; bottom: -50px; width: 100%; left: 0;}
.form-signin .checkbox a, .form-signin .checkbox a:hover {color: #fff;}
.form-signin .form-control {font-size: 20px; padding: 25px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.form-signin input[type="text"], .form-signin input[type="password"], .form-signin input[type="email"] {margin-bottom: 15px; border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #eaeaec; background: #eaeaec; box-shadow: none; font-size: 14px;}
.form-signin .btn-login {background: #1e3478; color: #fff; font-weight: 400; margin:0; padding: 10px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-size:16px;}
.form-signin .btn-login:hover {background: #18295f; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}

#header {padding:0 20px; position:fixed; top:0; left:0; width:100%; z-index:9999; height:60px; line-height:60px; transition-duration:0.4s; background:#fff; border-bottom:1px solid #dddddd;}

#right-navbar .right-navbar-nav > li > a {font-weight:400; color:#1c1c1c; font-size:16px; display:inline-block; /*padding: 15px 28px;*/ background:#dee6ff; vertical-align:middle;}
#right-navbar .right-navbar-nav > li > a img {margin-right:10px; vertical-align:middle; width:25px;}
#right-navbar .right-navbar-nav > li > a:hover, #navbar .navbar-nav > li > a:focus {color:#000;}
#right-navbar .right-navbar-nav > li > a:hover:before {width: 100%;}
#header .right-navbar-nav > li:hover > a:before, #header .right-navbar-nav > li.active > a:before, #header .right-navbar-nav > li.dropdown.open > a:before {width:100%; left:0;}
#header .right-navbar-nav li a:hover, #header .right-navbar-nav li:hover a, #header .right-navbar-nav .sub-menu > li > a:hover, #header .right-navbar-nav .sub-menu > li:hover > a, #header .right-navbar-nav #header .nav > li > a:focus, .nav > li > a:hover {background:none;}
#right-navbar .right-navbar-nav .dropdown-menu {min-width:180px; right:0; left:auto;}
#right-navbar .right-navbar-nav .dropdown-menu .sub-menu li a {font-size:14px; color:#3d3d3d;}
#right-navbar .right-navbar-nav .dropdown-menu .sub-menu li a:hover {color:#000;}

.logo img {float:left;}
.logo-title {display:inline-block; margin:10px 0 0 25px; color:#000; border-left:1px solid #e7e7e7; padding-left:20px; font-size:13px; font-weight: 600;}
.navbar-brand {float:none; height:auto; display:block; padding:6px 0;}


.toggle-btn {cursor: pointer; width:60px; height:50px; position: relative; border: none; display: inline-block; vertical-align: middle; padding:0; background:none; -webkit-transition-duration:0.4s; transition-duration:0.4s; left:22px; top:0; z-index: 9999;}
.toggle-btn:focus {outline: none;}
.toggle-btn span, .toggle-btn span:before, .toggle-btn span:after { left:0; content: ''; position: absolute; display: block; width:40px; height:2px; background: #444; cursor: pointer;}
.toggle-btn span {top:25px; left:0; width:15px;}
.toggle-btn span:before {top:-10px; width:35px;}
.toggle-btn span:after {bottom: -10px; width:25px;}
.toggle-btn span, .toggle-btn span:before, .toggle-btn span:after {-webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.toggle-btn.active span {background-color: transparent; width:40px;}
.toggle-btn.active span:before, .toggle-btn.active span:after {top: 0; background:#000; width:30px;}
.toggle-btn.active span:before {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width:30px;}
.toggle-btn.active span:after {top: 10px; -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); width:30px;}
.toggle-btn:hover span, .toggle-btn:hover span:before, .toggle-btn:hover span:after {width: 30px;}

/** Menu **/
.no-scroll {overflow: hidden;}
.nav-flex-menu {min-height:100%; display:flex;}
.nav-menu {position: fixed; top: 0; left: -100%; background: #1c8852 url(../images/dashboard-left.png) left top no-repeat; height: 100%; z-index: 100; -webkit-transition-duration: 0.6s; transition-duration:0.6s;  width:230px;}
.nav-menu.open {left: 0;}
.nav-menu .pd-0 {padding:0 !important;}
.head-nav {float:left; }

/** Menu **/

.section {padding:30px 0;}
.bg-white {background-color:#fff;}
.grey-bg {background:#f5f8fa; padding:40px 0 0; position:relative;}

.ico-img {float:left; margin-top:35px;}
.para-block {padding-left:195px;}
.para-block p {margin-bottom:20px;}
.para-block ul {list-style:disc;}
.para-block strong {margin-right:15px; vertical-align: middle; display:inline-block;}

.breadcrumb {background:inherit; margin-bottom:0; padding:3px 0 5px;}
.breadcrumb > li {position:relative; color:#000; font-size:15px;}
.breadcrumb li a {color:#5e5e5e;}
.breadcrumb > li + li {padding-left:25px;}
.breadcrumb > li + li::before {content:'\f105'; position:absolute; font-family: FontAwesome; top:0; left:0; color:#000; padding: 0 9px;}

.col-table .table {margin:20px 0;}
.col-table .table thead {background:#a68a58;}
.col-table .table > thead > tr > th {border-bottom:0; padding:10px 15px; font-weight:bold; color:#fff;}
.col-table .table > tbody > tr > td {padding:10px 15px; border:none;}
.col-table .table > tbody > tr > td a {color:#095da6; display:inline-block; padding:4px 15px; border-radius:4px;}
.col-table .table > tbody > tr > td a:hover { background:#095da6; color:#fff;}

.col-table .table>tbody>tr:nth-of-type(even) {background-color: #fffac2;}
.nav-icon {width:38px; height:45px; position:absolute; left:0; top:0; opacity:1;}

/* Dashboard Left */
.dashboard-left {background: #035f9b url(../images/dashboard-left.png) no-repeat; height: 100%;background-size: cover;min-width: 16.81%;vertical-align: top;position: absolute;float: left;top: 0;left: 0;}
#dash-navbar {padding:0}
#dash-navbar .dash-nav {list-style:none; padding:0;}
#dash-navbar .dash-nav > li+li {margin-top:1px;}
#dash-navbar .dash-nav > li > a { color:#342d12; padding: 9px 10px; font-size:15px; display:block; text-align:left; color:#fff;}
#dash-navbar .dash-nav > li.active a {color:#fff; background-color:#353f4f; border-color:#135698; }
#dash-navbar .dash-nav > li > a:hover, #dash-navbar .nav > li > a:focus, #dash-navbar .dash-nav > li:hover > a { color:#fff; background-color:#353f4f; border-color:#135698;}
#dash-navbar .dash-nav .fa {transition: all .4s ease; position:absolute; top:5px; margin-top:0; right:0; width:30px; height:30px; line-height:30px;text-align:center;}
#dash-navbar .dash-nav .panel-heading a .fa {transform: rotate(0deg);}
#dash-navbar .dash-nav .panel-heading a.collapsed .fa {transform: rotate(180deg);}
/* Dashboard Left */

.page-heading .title {font-size:25px; color:#1b1b1b; font-weight:400; margin-bottom:20px;}
.dashboard {background:#eff0f4;}
.dashboard-right {padding: 0;position: absolute;width: 83.2%;float: right;right: 0;top: 0;height: 100%;}
.right-col {position:absolute; z-index:777; left:85px; top:0;}
.ovr-auto {overflow:auto; position: relative; top:0; left:0; height:100%; width: 100%; overflow-x:hidden;}
.dashboard-inner {padding:0 20px;}
.dashboard-right .ovr-auto {height:calc(100% - 110px); top:70px;}
#footer {color:#1e1f1f; background:#d7d8d8; font-weight:600; line-height:20px; text-transform:uppercase; text-align:right; width:100%; height:20px; font-size:10px; padding:0 20px;}
#footer-dash {color:#fff; background:#353f4f; text-align:right; position:absolute; bottom:0; left:0; width:100%; font-size:13px; padding:8px 20px;}
#footer-dash small {color:#d7d7d7; font-size:12px;}

.dash-panel {background:#fff; margin-bottom:20px; padding:30px; border-radius:8px; height: 100%; position: relative;}
.dash-panel-header .title {font-size:18px; margin:0; color:#fff; font-weight:400; display:inline-block; margin-top:10px;}
.dash-panel-header img {float:right; z-index:444; margin-right:20px;}
.dw-strip a:hover .dash-panel-header .title {color:#fff;}
.dw-strip a:hover .panel-counter.blue-bg {background:#489eed;}
.dw-strip a:hover .panel-counter.green-bg {background:#469e3a;}

.panel-counter.blue-bg { background: #5fadf5; position:relative; overflow:hidden;}
.panel-counter.blue-bg:after {content:''; background:#73b9fa; width:160px; height:160px; border-radius:100px; position:absolute; right:-35px; bottom:-30px;}
.panel-counter.green-bg { background: #51af45; position:relative; overflow:hidden;}
.panel-counter.green-bg:after {content:''; background:#62bb57; width:160px; height:160px; border-radius:100px; position:absolute; right:-35px; bottom:-30px;}

.dash-body .panel .panel-heading {border-bottom: 1px dotted rgba(0, 0, 0, 0.2); color:#4c4c4c; text-transform:uppercase; font-weight:600; font-size:15px; padding: 15px;}
.dash-body .panel .table td a {color:#444;}
.dash-body .panel .table td a:hover {color:#000;}
.btn-more {font-size:15px; color:#909090;}
.btn-more .fa {padding-left:10px; font-size:18px; vertical-align:middle;}
.dash-body table {margin-bottom:0;}
.ci-upload .page-heading {border-bottom: 1px dotted rgba(0, 0, 0, 0.2); padding: 15px;}
.ci-upload .page-heading h2 {margin:0;}
.action-links {list-style:none; padding:0; margin:0;}
.action-links li {display:inline-block;}
.ci-upload .table ul.action-links li a {background: #7A7676; width: 25px; height: 25px; line-height: 25px; text-align: center; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; color: #EFF0F4;}
.ci-upload .table ul.action-links li a:hover {background:#434141; color:#fff;}
.panel-body {padding: 20px 30px;}
.upload-form .btn {margin-top:23px;}
.upload-form label {font-weight:500;}

.upload-form .custom-file {position: relative; display: inline-block; width: 100%; height: calc(2.25rem + 2px); margin-bottom: 0; margin-top:25px;} 
.upload-form .custom-file-input {position: relative; z-index: 2; width: 100%; height: calc(2.25rem + 2px); margin: 0; opacity: 0; cursor:pointer; }
.upload-form .custom-file-label {position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057;background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem;}
.upload-form .custom-file-input:invalid~.custom-file-label {background:#168654; color:#fff; border-radius:5px;}

.dash-top {background: #fff; padding: 0; margin: 0;  position: absolute; width: 100%; top: 0; left: 0; z-index: 10;}
.dashboard-topbar {background: #fff; padding:0 20px 0 0; width: 100%; position:absolute; top:0; left:0; height:50px; z-index:999;} 
.filter-row {padding: 8px 0;}
.dash-title {font-size:23px; margin:10px 0 0; color:#000; margin-top:5px; color:#035f9b;}
.form-control {box-shadow:none; border: 1px solid #cbd6e2;}
select.form-control {padding-right:30px; background: #fff url(../images/arrow.png) no-repeat right .75rem center; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.form-inline .form-control {width: 148px;}
.card-panel {border-radius: 3px; background-color: #fff; box-shadow: 0 1px 5px 0 rgba(45,62,80,.12); padding: 20px; position: relative; margin-bottom:20px; height: 100%;}
.title-head {margin-bottom:10px;}
.title-head .title {font-size:14px; font-weight:400; margin:0; color:#33475b;}
.title-head .title-md {font-size: 14px; margin: 0; font-weight: normal; color: #000; /*border-left: solid 5px #999;*/ padding-left: 15px; /*background: #f2f2f2;*/ padding: 10px; font-weight:600; text-transform:uppercase;}

.card-panel .list-group .list-group-item { position:relative; padding-right:40px;}
.card-panel .list-group .list-group-item:after {content:"\f105"; font-family: FontAwesome; position:absolute; top:0; right:0; width:40px; text-align:center; line-height:40px; font-size:18px;}

.left-fix .default-active a {background:#a68a58;}
.acoord-panel .panel-heading .ico {position:relative;}
.highlight .highlight1 {background:#e7e7e7 !important; padding: 12px 7px; display:block; margin-bottom:4px; color:#000; position:relative;}
.acoord-panel .panel-heading .stat:before {content:'';}
.panel-group {margin-bottom:5px;}


@media (min-width: 1200px) {
	#navbar {display:block !important;}
    #navbar .nav > li > a {padding:0 10px;}
	}

@media only screen and (max-width:1199px){
    .form-inline .form-control {width: 133px;}
	.dash-title {font-size:18px;}
	}

@media only screen and (max-width:767px){
	.toggle-btn.active {left: 205px;}
	.nav-menu {width:200px;}
	.login-body .form-signin {margin: 54px auto;}
	.btn-primary {font-size:14px;}
    .nav-primary > li > a {color:#fff; padding: 12px 18px; text-align:left; font-size:14px;}
    .nav-primary > li+li > a {border-top:1px solid #48391a;}
	.nav-primary > li > a:hover, .nav-primary > li > a:focus {background:#48391a; color:#fff;} 
	.nav-primary > li > a:before {background:transparent;}
	.nav-primary > li + li {border:none;}
	.nav-primary > li > a::after {display:none;}
	.nav-primary > li.open > a { color:#000;}
	.nav-primary .dropdown-menu li a {position:relative; padding:12px 15px;}
	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background:#48391a; color:#fff;}
	.nav-primary > li:hover > ul.dropdown-menu, .nav-primary .dropdown-menu {position:relative; left:0; width:100%; float:none; border-radius:0; border:none; margin:0;}
	.nav-primary > li > a::after {display:none;}
	.nav-primary > li > a.dropdown-toggle:after { content:'\f107'; font-family:'FontAwesome'; font-size:12px; display:block; position:absolute; width:40px; line-height:40px;    text-align:center; top:0; right:0;}
	.nav-primary > li.open > a.dropdown-toggle:after{content:'\f106';}
	.section-text h2 strong {font-size:14px;}
	 #footer-dash {width:calc(100%); text-align:center; padding: 6px 20px; position:fixed; font-size:12px;}
	.panel-title > a::before, .panel-title > a::after {width:12px;}
	.block h2 {font-size:16px;}
	.white-block {padding: 20px 10px;}
	.dts-block .col-img {width:100%;}
	.block1 {height:auto;}
	.col-text-title {margin:0 0 14px; font-size:17px;}
	.col-text-title strong {font-size:10px;}
	.form-control {font-size:11px; height: 27px; padding: 6px 3px;}
	.form-inline .form-control {width:100px;}
	select.form-control {padding-right: 10px;}
	.filter-title {margin-right: 2px;}
	 .pu-btn {margin-top:15px;}
	 .col-text li {font-size: 14px;}  
	.ico-img {float:none; margin-top: 0;}
	.block {float:none; text-align:center; padding:12px 30px 22px;}
	.form-inline .form-control {display:inline-block;}
	.para-block {padding-left:0;}
	.grey-bg {padding: 30px 0 0;}
	.para-block ul li {text-align: left;}
	.block h2 {margin-top:10px;}
	.logo-title {display: none;}
	.dashboard-left {display:none;}
	.dashboard-right{width: 100%;}
	.dashboard-topbar {padding:0;}
	.dashboard-right .ovr-auto {top:78px; height: calc(100% - 75px);}
	.filter-row {padding:12px 0;}
	.upload-form .btn {margin-top: 3px;}
	.upload-form .custom-file {margin-top:5px;}
	.add-section {border-top:1px solid #ddd; padding-top:30px;}
	.mb-mob {margin-bottom:20px;}
	#delete-selected {margin-top:5px;}
	.dash-panel {padding: 13px 30px;}
	.panel-counter.blue-bg::after {bottom: -43px;}
	
}

@media only screen and (max-width:370px){
	.upload-form label {font-size:12px;}
	
}

.dataTables_paginate.paging_bootstrap.pagination li {

    float: left;

    margin: 0 1px;

    border: 1px solid #ddd;

    list-style: none;

}



.dataTables_paginate.paging_bootstrap.pagination li.disabled a {

    color: #c7c7c7;

}



.dataTables_paginate.paging_bootstrap.pagination li a {

    color: #797979;

    padding: 5px 10px;

    display: inline-block;

}



.dataTables_paginate.paging_bootstrap.pagination li:hover a, .dataTables_paginate.paging_bootstrap.pagination li.active a {

    color: #fff;

    background: #168654;

    text-decoration: none;

}



.dataTables_paginate.paging_bootstrap.pagination li:hover,

.dataTables_paginate.paging_bootstrap.pagination li.active {

    border-color: #65cea7;

}



.dataTables_paginate.paging_bootstrap.pagination li.disabled:hover,

.dataTables_paginate.paging_bootstrap.pagination li.disabled:hover a {

    color: #C7C7C7;

    background: #fff;

    border-color: #DDDDDD;

    cursor: no-drop;

}



.dataTables_paginate.paging_bootstrap.pagination {

    float: right;

    margin-bottom: 15px;

}