body {  font-family: Arial, sans-serif;  font-size: 15px;  line-height: 1.42857143;  color: #777777;  background-color: #f2f2f2;  margin:0; }
a { color: #7cb736; }
a:hover, a:focus { color: #699b2e; outline: none; }
code {  background-color: transparent;  padding: 0; }
p code {  font-family: Arial, sans-serif;  font-size: 12px;  letter-spacing: 0.2px; }
label { font-weight: normal; }
hr { margin: 20px 0; border-color: #dbdfe6; }
hr.darken { border-color: #c3c9d5; }
hr.hr15 { margin: 15px 0 !important; }
hr.fadeout { border-color: #fff; opacity: .1; }
blockquote { color: #5f8b2b; font-weight: 400; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; }

blink {-webkit-animation: 1.5s linear infinite condemned_blink_effect; animation: 1.5s linear infinite condemned_blink_effect;}
@-webkit-keyframes condemned_blink_effect { 0% {visibility: hidden;} 50% {visibility: hidden;} 100% {visibility: visible;} }
@keyframes condemned_blink_effect { 0% {visibility: hidden;} 50% {visibility: hidden;} 100% {visibility: visible;} }

#ajax-loader { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: url('../../img/admin/loader.gif') center center no-repeat; background-size: 100px; z-index:1000; }

/************ HEADER PANEL ***********/
.headerpanel {  position: fixed;  top: 0;  left: 0;  right: 0;  height: 64px;  background-color: #000000;  z-index: 2000; }
.headerpanel .logopanel {  position: absolute;  left: -300px;  width: 300px;  height: 64px;  padding: 18px 15px;  background-color: #252525; }
.headerpanel .logopanel h2 {  margin: 0;  font-weight: 500; }
.headerpanel .logopanel h2 > a { color: #ffffff; font-family: Arial, sans-serif; font-weight: 600; -webkit-transition: all 0.2s ease-out 0s;  -o-transition: all 0.2s ease-out 0s;  transition: all 0.2s ease-out 0s; }
.headerpanel .logopanel h2 > a span { color: #7cb736; }
.headerbar {  position: relative;  padding-left: 64px; }
.menutoggle {  position: absolute;  width: 64px;  height: 64px;  top: 0;  left: 0;  font-size: 21px;  cursor: pointer;  color: #7cb736;  -webkit-transition: all 0.2s ease-out 0s;  -o-transition: all 0.2s ease-out 0s;  transition: all 0.2s ease-out 0s; }
.menutoggle i {  position: absolute;  top: 50%;  left: 50%;  margin-top: -11px;  margin-left: -10px; }
.menutoggle:hover, .menutoggle:focus {  color: #ffffff; }
.header-right {  float: right;  padding-right: 20px; }
.headermenu {  list-style: none;  margin: 7px 0 0 0;  padding: 0; }
.headermenu .dropdown-toggle:hover, .headermenu .dropdown-toggle:focus, .headermenu .dropdown-toggle:active, .headermenu .dropdown-toggle.active, .headermenu .open .dropdown-toggle.dropdown-toggle {  background-color: #2c323f; }
.headermenu > li {  display: inline-block;  float: left;  position: relative; }
.headermenu > li .btn {  border-radius: 0;  background-color: transparent;  color: #ffffff;  height: auto;  border: 0;  padding-left: 5px;  padding-right: 20px;  font-size: 13px; }
.headermenu > li .btn .fa { position: relative; top: 2px; margin-right: 5px; font-size: 24px; color: #7cb736; }
.headermenu > li .btn:hover, .headermenu > li .btn:focus {  color: #7cb736; }
.headermenu > li .btn:active {  -webkit-box-shadow: none;  box-shadow: none; }
.headermenu > li .alert-notice .fa {  position: relative; }
.headermenu > li .alert-notice .fa:after {  position: absolute;  content: '';  top: -2px;  right: -2px;  width: 10px;  height: 10px;  background-color: #ff564e;  border-radius: 50px;  opacity: .75; }
.headermenu > li > .btn-group {  margin-bottom: 0; }
.headermenu > li > .btn-group > .btn-notice {  font-size: 21px; }
.headermenu > li > .btn-group > .btn-notice + .dropdown-menu { min-width: 350px; }
.headermenu > li > .btn-group > .btn-logged { padding: 10px 12px 9px 5px; border: 0; }
.headermenu > li > .btn-group > .btn-logged img { vertical-align: middle; margin-right: 5px; width: 20px; border-radius: 50px; }
.headermenu > li > .btn-group > .btn-logged .caret { margin-left: 5px; margin-top: 0px; }
.headermenu > li > .btn-group > .btn-logged + .dropdown-menu { min-width: 180px; }
.headermenu > li > .btn-group > .btn-logged + .dropdown-menu > li > a { padding: 8px 10px; color: #777777; }
.headermenu > li > .btn-group > .btn-logged + .dropdown-menu > li > a:hover, .headermenu > li > .btn-group > .btn-logged + .dropdown-menu > li > a:focus { background-color: #000000; color: #cdcdcd; }
.headermenu > li > .btn-group > .btn-logged + .dropdown-menu > li > a > i { width: 16px; margin-right: 5px; }
.headermenu > li .btn-chat { font-size: 21px; }
.headermenu .dropdown-menu {  border-color: rgba(38, 43, 54, 0.1);  border-top: 0;  margin-top: -7px;  margin-right: -8px;  padding: 5px;  background-color: #fff;  border-top-right-radius: 0;  border-top-left-radius: 0;  border-bottom-right-radius: 2px;  border-bottom-left-radius: 2px;  -webkit-box-shadow: none;  box-shadow: none; }
.headermenu .dropdown-menu:after {  border-bottom: 8px solid #fff;  border-left: 8px solid transparent;  border-right: 8px solid transparent;  content: "";  display: inline-block;  right: 17px;  position: absolute;  top: -7px; }
.headermenu .dropdown-menu .title {  text-transform: uppercase;  font-weight: bold;  font-size: 11px;  margin: 0 0 5px;  padding: 10px;  letter-spacing: .5px; }
.headermenu .dropdown-menu > li > a { font-size: 12px; border-radius: 2px; }
.headermenu .dropdown-menu .list-group { margin-left: -5px; margin-right: -5px; margin-bottom: -5px; }
.headermenu .dropdown-menu .list-group > .list-group-item { border-left: 0; border-right: 0; }
.headermenu .dropdown-menu .list-group > .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; }
.headermenu .dropdown-menu .list-group > .list-group-item:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom: 0; } 
.headermenu > li > .btn-group .btn { padding-right: 0px; }
#lang-select { float: left; width: auto; height: 30px; margin: 10px 0 0 0; font-size: 13px; padding: 0 10px 0 0; color: #fff; background: transparent url('../../img/admin/BKG-arrow.png') no-repeat right center; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: color .3s; }
#lang-select:hover { cursor: pointer; color: #7cb736; }
#lang-select option, #lang-select:hover option { background: #fff; border: 0; color: #696c74; }

/************ LEFT PANEL ***********/
.leftpanel {  background-color: #ffffff;  width: 300px;  position: fixed;  top: 64px;  bottom: 0;  left: -300px;  z-index: 100;  overflow-y: auto;  overflow-x: hidden; }
.leftpanel .tab-pane {  padding: 0;  background-color: transparent; }
.leftpanel .media-list-contacts .media {  border-color: #f2f2f2; }

/***** LEFTPANEL PROFILE *****/
.leftpanel-profile { padding: 15px; background-color: #7cb736; }
.leftpanel-profile .media-object { width: 48px; padding: 3px; border: 2px solid #5f8b2b; }
.leftpanel-profile .media-left { padding-right: 15px; }
.leftpanel-profile .media-heading {  margin: 7px 0 2px;  color: rgba(255, 255, 255, 0.9);  font-weight: 600;  letter-spacing: 1px;  font-size: 15px; }
.leftpanel-profile .media-heading > a { color: rgba(255, 255, 255, 0.5); }
.leftpanel-profile .media-heading > a:hover, .leftpanel-profile .media-heading > a:focus { cursor: pointer; color: rgba(255, 255, 255, 0.7); }
.leftpanel-profile .media-body { color: rgba(255, 255, 255, 0.5); }
.leftpanel-userinfo {  background-color: #699b2e;  padding-top: 10px;  position: absolute;  left: 0;  right: 0;  z-index: 100;  border-bottom-right-radius: 2px;  border-bottom-left-radius: 2px; }
.leftpanel-userinfo .sidebar-title { margin-top: 0; }
.leftpanel-userinfo address { color: rgba(255, 255, 255, 0.9); padding: 0 15px; margin-bottom: 20px; }
.leftpanel-userinfo .list-group-item {  border-left: 0;  border-right: 0;  border-color: #5f8b2b;  background-color: transparent;  color: rgba(255, 255, 255, 0.9); }
.leftpanel-userinfo .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; }
.leftpanel-userinfo .list-group-item:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.leftpanel-userinfo .list-group-item label { margin: 0; color: rgba(255, 255, 255, 0.4); }
.leftpanel-userinfo .list-group-item:before, .leftpanel-userinfo .list-group-item:after { content: " "; display: table; }
.leftpanel-userinfo .list-group-item:after { clear: both; }
.leftpanel-userinfo .list-group-item:before, .leftpanel-userinfo .list-group-item:after { content: " "; display: table; }
.leftpanel-userinfo .list-group-item:after { clear: both; }
.leftpanel-userinfo .list-group-item .social-icons a { color: rgba(255, 255, 255, 0.7); margin-left: 5px; font-size: 13px; line-height: 0; }
.leftpanel-userinfo .list-group-item .social-icons a > i { line-height: 0; }
.leftpanel-userinfo .list-group-item .social-icons a:hover, .leftpanel-userinfo .list-group-item .social-icons a:focus { color: #fff; } 

.user-avatar { display: block; width: 48px; height: 48px; padding: 8px 0 0 12px; color: #fff; font-size: 25px; border: 2px solid #5f8b2b; border-radius: 50%; }

/***** LEFT NAVIGATION *****/
.nav-block { margin: 30px 0 0 0; }
.nav-quirk { margin: 0; background-color: #fff; }
.nav-quirk > li {  border-top: 1px solid #f2f2f2; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif; }
.nav-quirk > li > a {  color: #777777;  padding: 6px 14px;  border-radius: 0;  font-weight: 400;  -webkit-transition: all 0.2s ease-out 0s;  -o-transition: all 0.2s ease-out 0s;  transition: all 0.2s ease-out 0s; }
.nav-quirk > li > a .badge {  background-color: transparent;  color: #cdcdcd;  font-size: 12px;  text-transform: none;  padding: 0;  font-weight: normal;  margin-top: 3px;  margin-right: 2px; }
.nav-quirk > li > a > i {  width: 16px;  font-size: 13px;  text-align: center;  margin-right: 7px;  color: #7cb736;  vertical-align: top;  margin-top: 1.5555px;  -webkit-transition: all 0.2s ease-out 0s;  -o-transition: all 0.2s ease-out 0s;  transition: all 0.2s ease-out 0s; }
.nav-quirk > li > a:hover, .nav-quirk > li > a:focus {  color: #000000;  background-color: #ffffff; }
.nav-quirk > li + li { margin: 0; }
.nav-quirk > li:last-child { border-bottom: 1px solid #f2f2f2; }
.nav-quirk > li.nav-parent > a { position: relative; }
.nav-quirk > li.nav-parent > a:after {  content: '\f107';  font-family: 'FontAwesome';  font-size: 16px;  font-weight: 400;  color: #bdc3d1;  position: absolute;  top: 4px;  right: 15px; }
.nav-quirk > li.nav-active > ul { display: block; }
.nav-quirk > li.active { border-top-color: transparent; }
.nav-quirk > li.active + li { border-top-width: 0; }                                                                 
.nav-quirk > li.active > a {  color: #777;  background-color: #d2d2d2;  background-image: -webkit-linear-gradient(left, #d2d2d2 0%, #d2d2d2 100%);  background-image: -o-linear-gradient(left, #d2d2d2 0%, #d2d2d2 100%);  background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 100%);  background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2d2d2', endColorstr='#d2d2d2', GradientType=1); }
.nav-quirk > li.active > a .badge { background-color: transparent; color: rgba(255, 255, 255, 0.5); }
.nav-quirk > li.active > a > i { color: #fff; }
.nav-quirk > li.active > a:hover { color: #000000; }
.nav-quirk > li.active > a:after { color: #fff; }
.nav-quirk > li.active .children {  display: block;  border-top: 0;  border-bottom: 1px solid #f2f2f2; }
.nav-quirk > li.active .children:before {  border-top: 7px solid #d2d2d2;  border-left: 7px solid transparent;  border-right: 7px solid transparent;  content: "";  display: inline-block;  position: absolute;  left: 15px;  top: 0; }
.nav-quirk .children {  list-style: none;  display: none;  margin: 0;  padding: 0;  position: relative;  border-top: 1px solid #f2f2f2;  background-color: #ffffff; }
.nav-quirk .children > li {  margin-left: 21px;  border-left: 1px solid #dbdfe6;  font-family: Arial, sans-serif;  text-transform: none;  letter-spacing: normal;  display: block;  font-size: 13px; }
.nav-quirk .children > li:first-child { padding-top: 7px; }
.nav-quirk .children > li:last-child { padding-bottom: 7px; }
.nav-quirk .children > li > a {  display: block; font-size: 13px;  font-weight: 400;  padding: 5px 0 5px 18px;  color: #777777;  position: relative;  height: 28px;  -webkit-transition: all 0.2s ease-out 0s;  -o-transition: all 0.2s ease-out 0s;  transition: all 0.2s ease-out 0s; }
.nav-quirk .children > li > a:before {  content: '';  position: absolute;  width: 5px;  height: 5px;  left: -3px;  top: 50%;  background-color: #cdcdcd;  margin-top: -3px;  border-radius: 50px;  -webkit-transition: all 0.2s ease-out 0s;  -o-transition: all 0.2s ease-out 0s;  transition: all 0.2s ease-out 0s; }
.nav-quirk .children > li > a:after {  content: '';  width: 30px;  height: 30px;  border: 1px solid #a0a8b9;  position: absolute;  left: -15px;  top: 50%;  margin-top: -15px;  border-radius: 50px;  opacity: 0;  -webkit-transition: all 0.2s ease-out 0s;  -o-transition: all 0.2s ease-out 0s;  transition: all 0.2s ease-out 0s; }
.nav-quirk .children > li > a:hover, .nav-quirk .children > li > a:focus, .nav-quirk .children > li > a:active {  text-decoration: none;  color: #000000; }
.nav-quirk .children > li > a:hover:before, .nav-quirk .children > li > a:focus:before, .nav-quirk .children > li > a:active:before {  background-color: #000000; }
.nav-quirk .children > li > a:hover:after, .nav-quirk .children > li > a:focus:after, .nav-quirk .children > li > a:active:after {  opacity: 1;  border-color: #000000;  width: 11px;  height: 11px;  left: -6px;  margin-top: -6px; }
.nav-quirk .children > li.active > a { color: #7cb736; }
.nav-quirk .children > li.active > a:before { background-color: #7cb736; }
.nav-quirk .children > li.active > a:after {  opacity: 1;  border-color: #7cb736;  width: 11px;  height: 11px;  left: -6px;  margin-top: -6px; }

.sidebar {  position: absolute;  top: 64px;  bottom: 0;  padding: 15px; }
.sidebar.left { left: 0; }
.sidebar.right { right: 0; }
.sidebar.email { width: 300px; background-color: #fff; }
.sidebar-title {  text-transform: uppercase;  font-size: 13px;  color: #000000;  line-height: normal;  padding: 0 15px;  font-weight: 600;  letter-spacing: .5px; }
.nav-sidebar.nav-justified {  background-color: #5f8b2b;  margin-bottom: 20px;  border-top-right-radius: 0;  border-top-left-radius: 0; }
.nav-sidebar.nav-justified > li > a {  border-radius: 0;  background-color: #699b2e;  color: #fff;  padding: 8px 10px;  font-size: 13px;  vertical-align: bottom; }
.nav-sidebar.nav-justified > li > a:hover, .nav-sidebar.nav-justified > li > a:focus {  cursor: pointer;  background-color: #5f8b2b; }
.nav-sidebar.nav-justified > li > a i { position: relative; }
.nav-sidebar.nav-justified > li:first-child > a { border-left: 0; }
.nav-sidebar.nav-justified > li + li > a { margin-left: 1px; }
.nav-sidebar.nav-justified > li.unread > a > i:after {  content: '';  position: absolute;  top: -2px;  right: -4px;  width: 10px;  height: 10px;  border-radius: 50px;  background-color: #d9534f;  opacity: .9; }
.nav-sidebar.nav-justified > .active:first-child > a { border-top-left-radius: 0; }
.nav-sidebar.nav-justified > .active > a, .nav-sidebar.nav-justified > .active > a:hover, .nav-sidebar.nav-justified > .active > a:focus {  background-color: #fff;  color: #000000; }
.sidebar-btn-wrapper { margin: 0 15px 20px; }

/***** MAIN PANEL *****/
.mainpanel { padding-top: 64px; }
.contentpanel {  padding: 20px;  position: relative; }
.contentpanel:after {  clear: both;  display: block;  content: ''; }
form .form-group:last-child { margin-bottom: 0; }
form.form-inline {display:inline-block; margin-right: 5px;}
/* Checkbox */
.ckbox, .rdiobox {  font-weight: normal;  position: relative;  display: block;  line-height: 18px; }
.ckbox span:before, .ckbox span:after {  line-height: 18px;  position: absolute; }
.ckbox span:before {  content: '';  width: 14px;  height: 14px;  background-color: #fff;  border: 1px solid #aaa;  border-radius: 1px;  top: 2px;  left: 0; }
.ckbox span:after {  left: 2.5px;  top: 0;  content: '\f00c';  font-family: 'FontAwesome';  font-size: 9px;  color: #696c74;  display: none; }
.ckbox input[type='checkbox'] {  opacity: 0;  margin: 0 5px 0 0; }
.ckbox input[type='checkbox']:checked + span:before {  border-color: #ccd1db; }
.ckbox input[type='checkbox']:checked + span:after {  display: block; }
.ckbox input[type='checkbox'][disabled] + span, .ckbox input[type='checkbox'][disabled] + span:before, .ckbox input[type='checkbox'][disabled] + span:after {  opacity: .75; }
.ckbox-inline, .rdiobox-inline {  display: inline-block; }
/* Checkbox color variant */
.ckbox-primary input[type='checkbox']:checked + span:before {  background-color: #7cb736;  border-color: #7cb736; }
.ckbox-primary input[type='checkbox']:checked + span:after {  color: #ffffff; }
.ckbox-success input[type='checkbox']:checked + span:before {  background-color: #7cb736;  border-color: #7cb736; }
.ckbox-success input[type='checkbox']:checked + span:after { color: #ffffff; }
.ckbox-warning input[type='checkbox']:checked + span:before { background-color: #e6ad5c; border-color: #e6ad5c; }
.ckbox-warning input[type='checkbox']:checked + span:after { color: #ffffff; }
.ckbox-danger input[type='checkbox']:checked + span:before { background-color: #d9534f; border-color: #d9534f; }
.ckbox-danger input[type='checkbox']:checked + span:after { color: #ffffff; }
.ckbox-info input[type='checkbox']:checked + span:before { background-color: #5bc0de; border-color: #5bc0de; }
.ckbox-info input[type='checkbox']:checked + span:after { color: #ffffff; }
/* Radio Box */
.rdiobox span:before, .rdiobox span:after {  line-height: 18px;  position: absolute; }
.rdiobox span:before {  content: '';  width: 14px;  height: 14px;  background-color: #fff;  border: 1px solid #696c74;  border-radius: 50px;  top: 2px;  left: 0; }
.rdiobox span:after {  content: '';  width: 8px;  height: 8px;  background-color: #696c74;  border-radius: 50px;  top: 5px;  left: 3px;  display: none; }
.rdiobox input[type='radio'] { opacity: 0; margin: 0 5px 0 0; }
.rdiobox input[type='radio']:checked + span:before { border-color: #666; }
.rdiobox input[type='radio']:checked + span:after { display: block; }
.rdiobox input[type='radio'][disabled] + span, .rdiobox input[type='radio'][disabled] + span:before, .rdiobox input[type='radio'][disabled] + span:after {  opacity: .75; }
/* Radio box color variant */
.rdiobox-primary input[type='radio']:checked + span:before { border-color: #7cb736; }
.rdiobox-primary input[type='radio']:checked + span:after { background-color: #7cb736; }
.rdiobox-success input[type='radio']:checked + span:before { border-color: #7cb736; }
.rdiobox-success input[type='radio']:checked + span:after { background-color: #7cb736; }
.rdiobox-warning input[type='radio']:checked + span:before { border-color: #e6ad5c; }
.rdiobox-warning input[type='radio']:checked + span:after { background-color: #e6ad5c; }
.rdiobox-danger input[type='radio']:checked + span:before { border-color: #d9534f; }
.rdiobox-danger input[type='radio']:checked + span:after { background-color: #d9534f; }
.rdiobox-info input[type='radio']:checked + span:before { border-color: #5bc0de; }
.rdiobox-info input[type='radio']:checked + span:after { background-color: #5bc0de; }
/* Inside input group */
.input-group-addon .ckbox, .input-group-addon .rdiobox, .input-group-addon .ckbox input, .input-group-addon .rdiobox input {  margin: 0; }
/* Time Picker */
.timepicker { width: 100px; }
/* Form Validation */
.error {  color: #d9534f;  margin: 5px 0 0;  display: block; }
div.error { margin-bottom: 20px; }
.form-control.error { border-color: #d9534f; }
.form-horizontal .control-label.nopaddingtop { padding-top: 0; }
/* Table */
.table > thead > tr > td, .table > thead > tr > th { padding-top: 13px; padding-bottom: 13px; }
.table > .success > tr > th, .table > .success > tr > td {  background-color: #777777;  color: #fff;  border-color: rgba(255, 255, 255, 0.25); }
.table > .success > tr:first-child {  border-top-right-radius: 0;  border-top-left-radius: 0; }
.table > .success > tr:first-child > th:first-child, .table > .success > tr:first-child > td:first-child {  border-top-left-radius: 0; }
.table > .success > tr:first-child > th:last-child,
.table > .success > tr:first-child > td:last-child {  border-top-right-radius: 0; }
.table-striped-col > thead > tr th:nth-of-type(even), .table-striped-col > tfoot > tr th:nth-of-type(even), .table-striped-col > thead > tr td:nth-of-type(even), .table-striped-col > tfoot > tr td:nth-of-type(even) {  background-color: #e4e7ec; }
.table-striped-col > tbody > tr:not(.active):not(.success):not(.info):not(.warning):not(.danger) th:nth-of-type(even), .table-striped-col > tbody > tr:not(.active):not(.success):not(.info):not(.warning):not(.danger) td:nth-of-type(even) {  background-color: #f2f2f2; }

/***** SIGN IN/UP *****/
.signwrapper {  background: #f2f2f2; }
.signwrapper .input-group > .input-group-addon {  background-color: #fff;  border-color: transparent;  padding-right: 0; }
.signwrapper .input-group > .input-group-addon > i { color: #000000; }
.signwrapper .form-control { border-color: transparent; background-color: #fff; }
.signwrapper .panel-heading { padding-top: 0; }
.signwrapper .panel-body { padding-bottom: 0; }
.signwrapper .panel-title {  text-align: center;  color: #fff;  margin-top: 20px;  text-transform: none;  font-weight: 200;  font-size: 20px;  font-family: Arial, sans-serif;  letter-spacing: .7px; }
.signwrapper .select2-dropdown {  z-index: 400;  border-color: transparent; }
.signwrapper .select2-container--default .select2-selection--single { border-color: transparent; }
.signwrapper .btn-sign { border-color: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.3); }
.signwrapper .btn-sign:hover, .signwrapper .btn-sign:focus {  border-color: rgba(255, 255, 255, 0.7);  color: rgba(255, 255, 255, 0.7); }

/***** SIGN IN *****/
.signin {  width: 400px;  position: absolute;  top: 40%;  left: 50%;  transform: translate(-50%, -50%);  background-color: #252525;  padding: 40px 20px;  z-index: 300; }
.signin h1 {  font-family: Arial, sans-serif; color: #ffffff; text-align: center;  margin: 0;  font-weight: 600; }
.signin h1 span {color: #7cb736;}
.space-line { width: 100%; height: 2px; background: transparent; border-top: 1px solid #999; margin: 20px 0; }
.login-bottom { color: #999; }
.login-bottom a { color: #999; }

/***** BROWSER WARNING *****/
#warning-list { list-style: none; }
#warning-list li { display: inline-block; margin: 0 15px 20px 15px; }

/***** NOT FOUND PANEL *****/
.notfoundpanel { width: 720px; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -55%); }
.notfoundpanel h1 { font-size: 200px; font-weight: 700; line-height: 160px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif; color: #000000; margin: 0 0 20px; }
.notfoundpanel h3 { margin-top: 0; font-weight: 300; font-size: 30px; color: #777777; }
.notfoundpanel h4 { margin: 30px 0 20px; font-size: 16px; font-weight: 500; line-height: 21px; color: #777777; letter-spacing: .3px; }
.notfoundpanel form { width: 350px; margin: auto; }
.notfoundpanel .list-inline { text-align: left; }

/***** CUSTOM STYLES *****/
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mt0 { margin-top: 0; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.nomargin { margin: 0; }
.noshadow { -webkit-box-shadow: none; box-shadow: none; }
.nopadding { padding: 0; }
.nopaddingtop { padding-top: 0 !important; }
.nopaddingbottom { padding-bottom: 0 !important; }
.italic { font-style: italic; }
.dark { color: #333; }
.width100p { width: 100%; }
.width20 { width: 20px; }
.width30 { width: 30px; }
.width50 { width: 50px; }
.width60 { width: 60px; }
.width70 { width: 70px; }
.width80 { width: 80px; }
.width100 { width: 100px; }
.width120 { width: 120px; }
.width200 { width: 200px; }
.inblock { display: inline-block; }
.dash-title {  padding: 14px 18px;  background-color: #777777;  border-top-right-radius: 2px;  border-top-left-radius: 2px;  text-transform: uppercase;  font-size: 12px;  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;  margin-bottom: 1px;  color: rgba(255, 255, 255, 0.9);  text-align: center; }

/*content text*/
.content-text ul  { list-style: none; margin: 10px 0; padding: 0 0 0 10px; overflow: hidden; zoom: 1; font-weight: 400; }
.content-text ul li  {color:#696C74; padding-left: 15px; padding-bottom: 3px; background: url('../../img/admin/bulletin1.png') 0px 9px no-repeat; height:1%; }
.content-text ul li a {color:#7cb736; text-decoration: none; height:1%; }
.content-text ul li a:hover {color:#7cb736; text-decoration: underline;}
.content-text ul li ul { list-style: none; margin: 4px 0 4px 4px; overflow: hidden; zoom: 1; }
.content-text ul li ul li  {color: #696C74; padding-left: 15px; padding-bottom: 3px; background: url('../../img/admin/bulletin2.png') 0px 9px no-repeat; height:1%; }
.content-text ul li ul li a {color: #7cb736; text-decoration: none; height:1%;}
.content-text ul li ul li a:hover {color: #7cb736; text-decoration: underline;}
.content-text ul li ul li ul  { list-style: none; margin: 5px 0 5px 15px; overflow: hidden; zoom: 1; }
.content-text ul li ul li ul li  {color: #696C74; padding-left: 15px; padding-bottom: 3px; background: url('../../img/admin/bulletin3.png') 0px 9px no-repeat; height:1%; }
.content-text ul li ul li ul li a {color: #7cb736; text-decoration: none; height:1%;}
.content-text ul li ul li ul li a:hover {color: #7cb736; text-decoration: underline;}
.content-text ul li ul li ul li ul  { list-style: none; margin: 5px 0 5px 15px; overflow: hidden; zoom: 1; }
.content-text ul li ul li ul li ul li  {color: #696C74; padding-left: 15px; padding-bottom: 3px; background: url('../../img/admin/bulletin4.png') 0px 9px no-repeat; height:1%; }
.content-text ul li ul li ul li ul li a {color: #7cb736; text-decoration: none; height:1%; }
.content-text ul li ul li ul li ul li a:hover {color: #7cb736; text-decoration: underline;}

/*cake*/
#cakephp { text-align: right; margin: 0; padding: 0; }
.signwrapper #cakephp { position: absolute; right: 0; bottom: -37px; } 
.notfoundpanel #cakephp { margin-top: 20px; }

/*info text*/
#info-text .fa { font-size: 22px; color: #7cb736; }
#info-text .fa-close { color: #E11B1B; }
                              
/*edit*/
.file { margin-bottom: 10px; }
table .fa { font-size: 18px; }
table .fa-close { color: #E11B1B; }
.arrows-container { display: inline-block; width: 25px; }
.link-down { float: left; }
.link-up { float: right; }
.no-overflow .row { margin-left: 0; margin-right: 0; }
.no-overflow .row [class*="col-"] { padding: 0; }
.delete-all-sort { margin-bottom: -57px; }
.down-buttons .btn:first-child { margin-right: 15px; }
#bottom-link .fa { position: relative; top: 3px; margin-right: 5px; font-size: 24px; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { vertical-align: middle; }
.table .input-mini { font-size: 12px; padding: 0 2px;  margin: 0px; text-align: center; min-width: 70px; }

/*booking edit*/
.booking-edit > thead > tr > td, .booking-edit > thead > tr > th  { padding-left: 2px; padding-right: 2px; text-align: center; vertical-align: middle; }
.booking-edit > tbody > tr > td { padding-left: 2px; padding-right: 2px; text-align: center; vertical-align: middle; }
#cms-calendar-wrapper { float: left; width: 100%; margin: 30px 0 0 0; }
.cms-calendar-quarter { float: left; width: 100%; margin: 0 0 30px 0; }
.cms-calendar-quarter .table { float: left; width: 23.5%; height: 320px; margin: 0 2% 0 0; }
.cms-calendar-quarter .table:last-child { margin-right: 0; }
.cms-calendar-quarter .table > thead > tr > td, .cms-calendar-quarter .table > thead > tr > th { padding: 5px 2px; text-align: center; vertical-align: middle; }
.cms-calendar-quarter .table > thead .gray-head th { background-color: #7cb736; color: #fff; }
.cms-calendar-quarter .table > tbody > tr > td { padding: 5px 2px; text-align: center; vertical-align: middle; border-right: 1px solid #fff; }
.cms-calendar-quarter table tbody td.saturday { color: #FFF; background: #B4B4B4; }
.cms-calendar-quarter table tbody td.book { color: #FFF; background: #7ABF48; }
.cms-calendar-quarter table tbody td.book-start { color: #FFF; background: transparent url("../../img/admin/BKG-cms-calendar-table-book-start.png") no-repeat right top; }
.cms-calendar-quarter table tbody td.book-end { color: #FFF; background: transparent url("../../img/admin/BKG-cms-calendar-table-book-end.png") no-repeat left bottom; }

/*booking-index*/
.small-column { padding: 13px 0px !important; text-align: center; }
.booking-list tbody td.days { padding: 10px; border-right: 1px solid #fff; }
.booking-list tbody td.book { padding: 10px; color: #FFF; border-right: 1px solid #fff; background: #7ABF48; }
.booking-list tbody td.book-start { padding: 10px; border-right: 1px solid #fff; background: #7ABF48 url("../../img/admin/BKG-cms-calendar-table-book-start.gif") no-repeat right top; }
.booking-list tbody td.book-end { padding: 10px; background: #7ABF48 url("../../img/admin/BKG-cms-calendar-table-book-end.gif") no-repeat left bottom; }

/*construct*/
#construct { width: 480px; }

/*statistic*/
#select-date { float: left; width: 100%; }
#select-date .form-group { float: left; width: 250px; margin-right: 20px; }
#select-date .form-group:last-child { width: auto; margin-right: 0; }
#select-date .form-group .btn { margin-top: 25px; }
#payment-graph-container { float: left; width: 100%; margin: 10px 0 30px 0; }
#chartdiv { width: 100%; height: 550px; }
#payment-info { float: left; width: 100%; }
#payment-info-text { float: left; width: 100%; }
.big { color: #699B2E; font-size: 18px; }


/***** MEDIA QUERIES *****/
@media (max-width: 320px) {
  .contentpanel { padding-left: 10px; padding-right: 10px; }
}

@media (max-width: 360px) {
  .signin { width: 320px; }
  .signup .panel { padding: 0; } 
}

@media (max-width: 480px) {
  .headermenu > li .btn { padding-right: 10px; font-size: 12px; }
  .headermenu > li .btn .fa { display: block;  }  
  .headermenu > li > .btn-group > .btn { height: auto; margin: 0px; padding: 10px 0px 0px 12px; }
  #lang-select { clear: both; height: auto; margin: 0; padding: 0 10px 0 0; font-size: 12px; }
  .headermenu .dm-notice { padding: 0; margin-right: 0; }
  .headermenu .dm-notice .nav-tabs > li > a { font-size: 11px; }
  .headermenu .dm-notice .tab-pane { padding: 10px; }
}

@media (max-width: 767px) {
  .delete-all-sort { margin-bottom: 15px; }
  .headermenu .dm-notice .nav-tabs { display: table; }
  .headermenu .dm-notice .nav-tabs > li { display: table-cell; }
  .headermenu .dm-notice .nav-tabs > li > a { margin: 0; }
  .nav-sidebar.nav-justified { display: table; }
  .nav-sidebar.nav-justified > li { display: table-cell; }
  .nav-sidebar.nav-justified > li > a { margin: 0; }
  .signin { top: 20px; left: 0; transform: none; position: relative; margin: auto; }
  .cms-calendar-quarter { margin: 0; }
  .cms-calendar-quarter .table { width: 100% !important; margin: 0 0 30px 0 !important; }
  .notfoundpanel, #construct { width: auto; position: static; transform: none; padding: 20px; }
  .notfoundpanel h1 { font-size: 100px; line-height: 100px; }
  .notfoundpanel h3 { font-size: 24px; }
  #select-date .form-group { width: 100%; margin-right: 0px; margin-bottom: 15px; }
  #select-date .form-group .btn { margin-top: 0px; }    
}

@media (max-width: 991px) {
  .mainpanel { position: relative; }
}

@media (min-width: 992px) {
  body { overflow: visible !important; }
  .headerpanel .logopanel { left: 0 !important; }
  .headerbar { margin-left: 300px; left: 0 !important; }
  .leftpanel { left: 0 !important; } 
  .mainpanel { margin-left: 300px; }
}

@media (max-width: 1250px) {
  .cms-calendar-quarter { margin: 0; }
  .cms-calendar-quarter .table { width: 47.5%; margin: 0 5% 5% 0; }
  .cms-calendar-quarter .table:nth-child(2n) { margin-right: 0; }
}