@import url("../../assets/css/bootstrap.min.css");
@import url("../../assets/css/font-awesome.min.css");
html,body {min-height: 100%;}
body {overflow-x: hidden;overflow-y: auto;color: #334949;background-color: #001c1c;font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
/*--- Layout ---*/
.wrapper {min-height: 100%;position: relative;overflow: hidden;}
.wrapper:before,.wrapper:after {content: " ";display: table;}
.wrapper:after {clear: both;}
.content-wrapper,
.main-footer {-webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;-webkit-transition: margin 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out;transition: margin 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;margin-left: 250px;z-index: 820;}
.content-wrapper {min-height: 100%;z-index: 800;background-color: #EBF5D2;}
.main-footer {background: #1A3333;padding: 15px;color: #C3D69B;border-top: 1px solid #1A3333;text-align: center;}
/*--- Content ---*/
.content {min-height: 250px;margin-right: auto;margin-left: auto;padding: 0 30px 10px;padding-top: 20px;}
.main-header .sidebar-toggle {float: left;background-image: none;padding: 16px 10px;font-size: 24px;line-height: 26px;margin-right: 0px;}
/* General Links */
a {color: #EBF5D2;text-decoration: none;}
a:hover,a:active,a:focus {outline: none;text-decoration: none;color: #92D050;-webkit-transition: all .3s;transition: all .3s;}
/*--- Component: Main Header ---*/
.main-header {position: relative;max-height: 120px;z-index: 1030;}
.main-header .navbar {-webkit-transition: margin-left 0.3s ease-in-out;transition: margin-left 0.3s ease-in-out;margin-bottom: 0;margin-left: 250px;border: none;min-height: 60px;border-radius: 0;background-color: #1A3333;border-bottom: 1px solid #1A3333;}
.main-header .navbar-custom-menu {float: right;margin-right: 25px;}
.main-header .logo {display: block;float: left;height: 60px;font-size: 20px;line-height: 60px;text-align: center;width: 250px;padding: 0 15px;font-weight: 300;overflow: hidden;background-color: #001c1c;-webkit-transition: width 0.3s ease-in-out;transition: width 0.3s ease-in-out;border-bottom: 2px solid #334949;}
.main-header .logo .logo-lg {display: block;}
.main-header .logo .logo-lg img,.main-header .logo .logo-mini img {height: 52px;}
.main-header .logo .logo-mini {display: none;}
.content-header {position: relative;padding: 12px 30px;background-color: #c3d69b;border-bottom: 1px solid #c3d69b;margin-bottom: 0px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);}
.content-header .header-icon {font-size: 48px;color: #334949;width: 68px;float: left;margin-top: -4px;line-height: 0;}
.content-header .header-title {margin-left: 68px;}
.content-header .header-title h1 {margin: 0;font-size: 24px;color: #334949;font-weight: 600;}
.content-header .header-title small {font-size: 13px;display: inline-block;padding-left: 4px;font-weight: 600;color: #334949;}
.navbar-nav > li > a {padding: 4px 9px;position: relative;word-spacing: 2px;}
.navbar-nav > li > a:hover {background-color: none;background: none;}
.nav .open > a,.nav .open > a:focus,.nav .open > a:hover {background-color: #334949;border-color: #334949;}
.nav > li > a > img {max-width: none;margin-top: 3px;margin-bottom: 3px;}
/*--- Component: Sidebar ---*/
.main-sidebar {position: absolute;top: 0;left: 0;padding-top: 60px;min-height: 100%;width: 250px;z-index: 810;font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;-webkit-transition: width 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition: width 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;transition: transform 0.3s ease-in-out, width 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;background-color: #001c1c;}
.sidebar {padding-bottom: 10px;}
.sidebar-menu {list-style: none;margin: 0;padding: 0;}
.sidebar-menu > li {position: relative;margin: 0;padding: 0;}
.sidebar-menu > li > a {padding: 12px 5px 12px 15px;display: block;color: #eaf6d3;position: relative;font-size: 14px;font-weight: 500;letter-spacing: 0.3px;}
.sidebar-menu > li > a > i {margin-right: 10px;display: inline-block;font-size: 16px;}
.sidebar-menu > li.active > a:before {content: "";height: 100%;left: 0;position: absolute;top: 0;width: 3px;}
.sidebar-menu > li:hover > a,.sidebar-menu > li.active > a {color: #EBF5D2;background:#1A3333;}
.sidebar-menu > li > a > .fa {width: 20px;}
.sidebar-menu li > a > .fa-angle-left, .sidebar-menu li > a > .pull-right-container > .fa-angle-left {width: auto;height: auto;padding: 0;margin-right: 10px;}
.sidebar-menu li.active > a > .fa-angle-left, .sidebar-menu li.active > a > .pull-right-container > .fa-angle-left {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.sidebar-menu .treeview-menu {position: relative;display: none;list-style: none;padding: 5px 0 10px;margin: 0;padding-left: 35px;background-color:#1A3333;}
.sidebar-menu .treeview-menu:before {width: 2px;bottom: 0;background: rgba(59, 70, 72, 0.5);content: "";position: absolute;top: 0;left: 33px;}
.sidebar-menu .treeview-menu > li {margin: 0;position: relative;}
.sidebar-menu .treeview-menu > li > a {padding: 5px 5px 5px 20px;display: block;color: #92D050;letter-spacing: 0.3px;font-weight: 500;font-size: 13px;}
.sidebar-menu .treeview-menu > li::before {left: 0;top: 13px;width: 15px;content: ' ';position: absolute;display: inline-block;border: 1px solid rgba(59, 70, 72, 0.5);}
.sidebar-menu {white-space: nowrap;overflow: hidden;}
.sidebar-menu:hover {overflow: visible;}
.sidebar-menu li > a > .pull-right-container {position: absolute;right: 10px;top: 50%;margin-top: -7px;}
/*Dropdowns in general*/
.dropdown-menu {box-shadow: none;border-color: #C3D69B;background-color: #EBF5D2;}
.dropdown-menu > li > a {color: #334949;font-weight: 600;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color: #C3D69B;}
.navbar-nav > .dropdown-user > .dropdown-menu > li > a {padding: 5px 10px;}
.navbar-nav > .dropdown-user > .dropdown-menu > li > a > i {font-size: 16px;margin-right: 10px;}
/* Fix dropdown menu in navbars */
.navbar-custom-menu > .navbar-nav > li {position: relative;}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {position: absolute;right: 0;left: auto;}
/*Dashboard Component:cards*/
.statistic-box h3 {margin-top: 26px;font-weight: 600;text-align: center;font-size: 22px;}
.statistic-box {padding: 15px;}
#cardbox1 {-moz-box-shadow: 0 0 5px #001C1C;-webkit-box-shadow: 0 0 5px #001C1C;box-shadow: 0 0 5px #001C1C;color: #EBF5D2;cursor: pointer;background-color: #4F6228;height: 130px;border-radius: 4px;margin-bottom: 25px;}
#cardbox1:hover, #cardbox1:focus {cursor: pointer;background: rgba(79, 98, 40, 0.78);box-shadow: 0 10px 20px rgba(0, 28, 28, 0.19), 0 6px 6px rgba(0, 28, 28, 0.23);}
span.count-number {color: #92D050;font-size: 20px;font-weight: bold;}
/* Panel page */
.panel {box-shadow: none;border-radius: 0px;border: none;background-color: #EBF5D2;}
.panel .panel-heading h3, .panel .panel-heading h4 {margin: 0;line-height: 26px;letter-spacing: .5px;color: #334949;font-weight: 600}
.lobipanel {margin-bottom: 25px;box-shadow: 0 3px 6px rgba(0, 28, 28, 0.16), 0 3px 6px rgba(0, 28, 28, 0.23);}
.panel-bd > .panel-heading {color: #334949;background-color: #C3D69B;border-color: #334949;position: relative;min-height: 50px;}
.panel-custom > .panel-heading {color: #4F6228;background-color: #c3d69b;border-color: #4F6228;}
/*** Login page ***/
.login-area {box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);}
.login-wrapper {padding: 10px;background-color: #eaf6d3;}
.container-center {max-width: 400px;margin: 10% auto 0;padding: 20px;}
.view-header {margin: 10px 0;}
.view-header .header-icon {font-size: 60px;color: #4F6228;width: 68px;float: left;margin-top: -8px;line-height: 0;}
.view-header .header-title {margin-left: 68px;}
.view-header .header-title h3 {margin-bottom: 2px;}
/*** Form page ***/
.form-control{display: block;width: 95%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #334949;background-color: #C3D69B;background-image: none;border: 1px solid #EBF5D2;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.form-control:focus {border-color: #4F6228;box-shadow: none;}
/*--- back to top ---*/
#toTop {position: fixed;bottom: 10px;right: 15px;cursor: pointer;display: none;z-index: 10;}
.back-top {background-color: #4f6228;border: 1px solid #4f6228;padding: 7px 9px;height: 34px;width: 34px;border-radius: 50%;color: #c3d69b;}
.back-top:hover {color: #EBF5D2;background-color: rgba(79, 98, 40, 0.88);border: 1px solid rgba(79, 98, 40, 0.88);}
.btn-add {background:#334949;color: #EBF5D2;border: 1px solid #334949;}
.btn-add:hover, .btn-add:focus, .btn-add:active{background:#4F6228;color: #EBF5D2;border: 1px solid #4f6228;}
.btn-primary{background: #415755;color: #EBF5D2;border-color: #415755;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{background: #C3D69B;border-color: #C3D69B;color: #334949;}
.btn-default {color: #EBF5D2;background-color: #4F6228;border-color: #4F6228;}
.btn-default:hover, .btn-default:focus, .btn-default:active{color: #EBF5D2;background-color: #334949;border-color: #334949;}
#datatable {padding-top: 15px;}
.dataTables_filter input, .dataTables_length select {padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #334949;background-color: #C3D69B;background-image: none;border: 1px solid #EBF5D2;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
table.dataTable thead > tr > th{background-color: #415755;color: #EBF5D2;}
.table-striped > tbody > tr:nth-of-type(2n+1){background-color: #EBF5D2;}
/**/
.lobipanel > .panel-heading > .panel-title {float: left;max-width: calc(100% - 30px);white-space: nowrap;font-size: 16px;line-height: 30px;padding-left: 15px;}
.lobipanel > .panel-heading .dropdown {display: inline-block;float: right;position: relative;}
.lobipanel > .panel-heading .dropdown .dropdown-menu {left: auto;right: 0;min-width: initial;margin-top: 0;border-radius: 0;}
.lobipanel > .panel-heading .dropdown .dropdown-menu > li > a .control-title {display: inline-block;margin-left: 15px;}
.lobipanel > .panel-heading .dropdown .dropdown-toggle {border: none;outline: 0;background-color: transparent;text-align: center;padding: 0;width: 30px;font-size: 14px;-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.lobipanel > .panel-heading .dropdown .dropdown-toggle .panel-control-icon {top: 0;line-height: 30px;}
.table-bordered{border: none;margin-bottom:0;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > td, .table-responsive{border: none;}
.table > tbody > tr.info > td{background-color: #EBF5D2;}
.table-bordered > tbody > tr.info{border-top: 1px solid #C3D69B;}
.table-hover > tbody > tr.info:hover > td{background-color: #C3D69B;}
.more{color: #4F6228;float: right;}
.lobipanel .panel-body a:hover, .lobipanel .panel-body a:active, .lobipanel .panel-body a:focus {color: #334949;}
/*datepicker*/
.ui-datepicker-header{background: #334949;padding: 10px;}
.ui-datepicker-prev.ui-corner-all {padding: 0 5px 0 0;float: left;}
.ui-datepicker-next.ui-corner-all {float: right;}
.ui-datepicker-title {color: #EBF5D2;font-weight: bold;font-size: 16px;position: relative;}
.ui-datepicker-calendar {background: #334949;padding: 10px;}
.ui-datepicker-calendar > thead > tr > th > span{color: #92D050;}
.ui-datepicker-calendar > tbody > tr > td > span {color: #EBF5D2;}
.ui-datepicker-calendar > tbody > tr > td{padding: 5px;font-weight: bold;}
/*img privew*/
.file-preview{border: 1px solid #C3D69B;}
.other-img {display: inline-block;position: relative;width: 100px;margin: 5px 14px;}
.thumbnail {background-color: #ebf5d2;border: none;margin-bottom: 0;padding: 1px;}
#delete_img {position: absolute;right: 0;top: 0;}
@media (max-width: 767px) {
    .content-wrapper, .main-footer {margin-left: 0 !important;}
	.sidebar-open .content-wrapper, .sidebar-open .main-footer {-webkit-transform: translate(250px, 0);transform: translate(250px, 0);}
	.content {padding: 0 15px 10px;}
	.content-header {padding: 16px 16px;margin-bottom: 20px;}
    .nav > li > a > img {max-width: none;margin-top: -4px;}
    .content-header .header-icon {width: 50px;font-size: 40px;}
    .content-header .header-title {margin-left: 50px;}
    .main-header {position: relative;}
	.main-header .logo,.main-header .navbar {width: 100%;float: none !important;}
    .main-header .navbar {margin: 0 !important;}
   .main-header .navbar-custom-menu { float: right;}
	.main-sidebar {padding-top: 120px;-webkit-transform: translate(-250px, 0);transform: translate(-250px, 0);}
	.sidebar-open .main-sidebar {-webkit-transform: translate(0, 0);transform: translate(0, 0);}
}
@media (min-width: 768px) {
    .sidebar-collapse .content-wrapper, .sidebar-collapse .main-footer {margin-left: 0;}
	.sidebar-collapse .main-sidebar {-webkit-transform: translate(-230px, 0);transform: translate(-230px, 0);}
	.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer {margin-left: 50px;z-index: 840;}
    .sidebar-mini.sidebar-collapse .main-sidebar {-webkit-transform: translate(0, 0);transform: translate(0, 0);width: 50px;z-index: 850;}
    .sidebar-mini.sidebar-collapse .sidebar-menu > li {position: relative;}
    .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {margin-right: 0;}
    .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {border-top-right-radius: 4px;}
    .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {border-bottom-right-radius: 4px;}
    .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {padding-top: 5px;padding-bottom: 5px;border-bottom-right-radius: 4px;}
    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {display: block !important;position: absolute;width: 180px;left: 50px;}
    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {top: 0;margin-left: 0px;padding: 12px 5px 12px 20px;background-color: inherit;}
    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {float: right;width: auto!important;left: 200px!important;top: 10px!important;}
    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {top: 44px;margin-left: 0;}
    .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
    .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
    .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right {display: none !important;-webkit-transform: translateZ(0);}
    .sidebar-mini.sidebar-collapse .main-header .logo {width: 50px;}
    .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {display: block;margin-left: -15px;margin-right: -15px;font-size: 18px;}
    .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {display: none;}
    .sidebar-mini.sidebar-collapse .main-header .navbar {margin-left: 50px;}
	#toTop {right: 30px;}
	.lobipanel .panel-heading .dropdown .dropdown-menu {position: static;display: inline-block;border: none;padding: 0;margin: 0;min-width: initial;width: auto;-webkit-box-shadow: none;box-shadow: none;background: 0 0;}
	.lobipanel .panel-heading .dropdown .dropdown-menu > li {display: inline-block;}
	.lobipanel .panel-heading .dropdown .dropdown-menu > li > a {cursor: pointer;padding: 0;outline: 0;text-align: center;width: 30px;font-size: 13px;-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
	.lobipanel .panel-heading .dropdown .dropdown-menu > li > a .panel-control-icon {top: 0;line-height: 30px;}
	.lobipanel .panel-heading .dropdown .dropdown-menu > li > a .control-title, .lobipanel .panel-heading .dropdown .dropdown-toggle{display: none;}
}
@media (max-width: 550px) {    
	.content-header .header-title h1 {margin: 0;font-size: 18px;}
    .content-header {margin-bottom: 20px;}
}
@media (max-width: 991px) {    
    .navbar-custom-menu .navbar-nav {margin: 0;float: left;}
    .navbar-custom-menu .navbar-nav > li > a {padding-top: 13px;padding-bottom: 2px;color: #fff;}
	.navbar-custom-menu > .navbar-nav {float: right;}
    .navbar-custom-menu > .navbar-nav > li {position: static;}
    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {position: absolute;right: 5%;left: auto;border: 1px solid #C3D69B;background: #EBF5D2;}
}