/* Import fonts */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,700,600i,900,);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
/* BASIC THEME CONFIGURATION */
body {
  color: #000;
  background: white;
  font-family: 'Open Sans', sans-serif;
  padding: 0px !important;
  margin: 0px !important;
  font-size: 14px;
  overflow-x: hidden;
  /* Prevent scroll on narrow devices */
}

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

.login_body {
  /*
  background: url("../img/login-bg.jpg") no-repeat center center fixed !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  */
  height: 100vh;
}

ul li {
  list-style: none;
}

a {
  color: #1A292F;
}

a:hover {
  color: #080c0e;
}

a, a:hover, a:focus {
  text-decoration: none;
  outline: none;
}

#container {
  width: 100%;
  height: 100%;
}

/* Bootstrap Modifications */
.modal-header {
  background: #1A292F;
}

.modal-title {
  color: white;
}

.btn-round {
  border-radius: 20px;
  -webkit-border-radius: 20px;
}

.accordion-heading .accordion-toggle {
  display: block;
  cursor: pointer;
  border-top: 1px solid #F5F5F5;
  padding: 5px 0px;
  line-height: 28.75px;
  text-transform: uppercase;
  color: #1a1a1a;
  background-color: #ffffff;
  outline: none !important;
  text-decoration: none;
}

.basket-total {
  font-size: 17px;
  font-weight: bold;
}

.basket-discount {
  color: #1A292F;
  font-weight: bold;
}

.basket-define {
  font-weight: bold;
}

.table-head {
  border-top: none;
}

.fc-widget-header tr th {
  margin: 20px 0;
  background: #000;
  padding: 10px 0 !important;
}

.table-hover tbody tr td, .table-hover tbody tr th {
  background: #F4EED9;
}

.fc-ltr .fc-basic-view .fc-day-number {
  text-align: right;
  padding: 10px;
}

/*Theme Backgrounds*/
.bg-theme {
  background-color: #1A292F;
}

.bg-red {
  background-color: #de2130;
  color: #fff;
  padding-top: 10px;
}

.table-status-inactive {
  color: #de2130;
  font-weight: bold;
}

.table-status-active {
  color: #009400;
  font-weight: bold;
}

.table-status-deactivated {
  color: #999999;
  font-weight: bold;
}

.post-abuse {
  border: 2px solid #ececec;
  padding: 20px;
}
.post-abuse .topbarpostabuse {
  color: #aaaaaa;
}
.post-abuse h3 {
  text-transform: uppercase;
  font-size: 20px;
}
.post-abuse .comment-abuse {
  padding-top: 20px;
}

.bg-red:hover,
.bg-red:focus,
.bg-red:active,
.bg-red.active,
.open .dropdown-toggle.bg-red {
  color: #fff;
}

.bg-theme03 {
  background-color: #48cfad;
}

.bg-theme04 {
  background-color: #de2130;
}

/*Theme Buttons*/
.btn {
  font-size: 12px;
}

/*a.btn {*/
  /*color: #fff;*/
  /*background-color: #1A292F;*/
/*}*/

/*a.btn:hover,*/
/*a.btn:focus,*/
/*a.btn:active,*/
/*a.btn.active,*/
/*a.open .dropdown-toggle.btn {*/
  /*color: #fff;*/
  /*background-color: #080c0e;*/
  /*border-color: #080c0e;*/
/*}*/

/*button.btn {*/
  /*color: #fff;*/
  /*background-color: #1A292F;*/
/*}*/

/*button.btn:hover,*/
/*button.btn:focus,*/
/*button.btn:active,*/
/*button.btn.active,*/
/*button.open .dropdown-toggle.btn {*/
  /*color: #fff;*/
  /*background-color: #080c0e;*/
  /*border-color: #080c0e;*/
/*}*/

.login-wrapper .btn-theme {
  color: #fff;
  background-color: #B59E64;
}
.login-wrapper .btn-theme:hover,
.login-wrapper .btn-theme:focus,
.login-wrapper .btn-theme:active,
.login-wrapper .btn-theme.active,
.login-wrapper .open .dropdown-toggle.btn-theme {
  color: #fff;
  background-color: #9c854a;
  border-color: #9c854a;
}

.btn-theme {
  color: #fff;
  background-color: #1A292F;
}

.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme.active,
.open .dropdown-toggle.btn-theme {
  color: #fff;
  background-color: #080c0e;
  border-color: #080c0e;
}

.btn-theme02 {
  color: #fff;
  background-color: #ac92ec;
  border-color: #967adc;
}

.btn-theme02:hover,
.btn-theme02:focus,
.btn-theme02:active,
.btn-theme02.active,
.open .dropdown-toggle.btn-theme02 {
  color: #fff;
  background-color: #967adc;
  border-color: #967adc;
}

.btn-theme03 {
  color: #fff;
  background-color: #48cfad;
  border-color: #37bc9b;
}

.btn-theme03:hover,
.btn-theme03:focus,
.btn-theme03:active,
.btn-theme03.active,
.open .dropdown-toggle.btn-theme03 {
  color: #fff;
  background-color: #37bc9b;
  border-color: #37bc9b;
}

.btn.btn-red {
  color: #fff;
  background-color: #de2130;
  border-color: #de2130;
}

.btn.btn-red:hover,
.btn.btn-red:focus,
.btn.btn-red:active,
.btn.btn-red.active,
.open .dropdown-toggle.btn.btn-red {
  color: #fff;
  background-color: #c81e2b;
  border-color: #c81e2b;
}

.btn.btn-green {
  color: #fff;
  background-color: #139216;
  border-color: #139216;
}

.btn.btn-green:hover,
.btn.btn-green:focus,
.btn.btn-green:active,
.btn.btn-green.active,
.open .dropdown-toggle.btn.btn-green {
  color: #fff;
  background-color: #118314;
  border-color: #118314;
}

.btn-clear-g {
  color: #080c0e;
  background: transparent;
  border-color: #080c0e;
}

.btn-clear-g:hover {
  color: white;
}

hr {
  margin-top: 35px;
  margin-bottom: 0px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

/*Helpers*/
.centered {
  text-align: center;
}

.goleft {
  text-align: left;
}

.goright {
  text-align: right;
}

.mt {
  margin-top: 25px;
}

.mb {
  margin-bottom: 25px;
}

.no-padding {
  padding: 0 !important;
}

.no-padding-table-left {
  padding: 0 !important;
  padding-right: 10px !important;
}

.no-padding-table-right {
  padding: 0 !important;
  padding-left: 10px !important;
}

.no-margin {
  margin: 0 !important;
}

/*Exclusive Theme Colors Configuration*/
.label-theme {
  background-color: #1A292F;
}

.bg-theme {
  background-color: #1A292F;
}

ul.top-menu > li > .logout {
  border: medium none !important;
  border-radius: 4px;
  color: #1A292F;
  font-size: 20px;
  margin-right: 15px;
  margin-top: 15px;
  padding: 5px 15px;
}

/*sidebar navigation*/
#sidebar {
  width: 210px;
  height: 100%;
  position: fixed;
  background: #1A292F;
}

#sidebar h5 {
  color: #f2f2f2;
  font-weight: 700;
  font-size: 90%;
  margin-left: 20px;
  margin-right: 20px;
}

#sidebar h5 span {
  color: #1A292F;
}

#sidebar ul li {
  position: relative;
}

#sidebar .sub-menu > .sub li {
  padding-left: 32px;
}

#sidebar .sub-menu > .sub li:last-child {
  padding-bottom: 10px;
}

/*LEFT NAVIGATION ICON*/
.dcjq-icon {
  height: 17px;
  width: 17px;
  display: inline-block;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  position: absolute;
  right: 10px;
  top: 15px;
}

.active .dcjq-icon {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/*---*/
.nav-collapse.collapse {
  display: inline;
}

ul.sidebar-menu, ul.sidebar-menu li ul.sub {
  margin: -2px 0 0;
  padding: 0;
}

ul.sidebar-menu {
  margin-top: 85px;
}

#sidebar > ul > li > ul.sub {
  display: none;
}

#sidebar > ul > li.active > ul.sub, #sidebar > ul > li > ul.sub > li > a {
  display: block;
}

ul.sidebar-menu li ul.sub li {
  background: #2f323a;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

ul.sidebar-menu li ul.sub li:last-child {
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
}

ul.sidebar-menu li ul.sub li a {
  font-size: 12px;
  padding: 12px 0 12px 10px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #aeb2b7;
}

ul.sidebar-menu li ul.sub li a:hover {
  color: white;
  background: transparent;
}

ul.sidebar-menu li ul.sub li.active a {
  color: #1A292F;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: block;
}

ul.sidebar-menu li {
  border-bottom: 1px solid #2c4650;
}

ul.sidebar-menu li.sub-menu {
  line-height: 15px;
}

ul.sidebar-menu li a span {
  display: inline-block;
}

ul.sidebar-menu li a {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  display: block;
  padding: 12px 0 12px 10px;
  font-size: 12px;
  outline: none;
  border-left: 3px solid transparent;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

ul.sidebar-menu li a.active,
ul.sidebar-menu li a:focus {
  background: #253a43;
  color: #fff;
  display: block;
  border-left: 3px solid #B59E64;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

ul.sidebar-menu li a:hover {
  background: #B59E64;
  color: #fff;
  display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

ul.sidebar-menu li a.no-selection,
ul.sidebar-menu li a.no-selection:hover,
ul.sidebar-menu li a.no-selection:focus {
  background: transparent;
  color: #aeb2b7;
}

ul.sidebar-menu li a i {
  font-size: 15px;
  margin-right: 6px;
  width: 20px;
  text-align: center;
}

ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i {
  color: #fff;
}

ul.sidebar-menu li a.active i {
  color: #fff;
}

.mail-info, .mail-info:hover {
  margin: -3px 6px 0 0;
  font-size: 11px;
}

/* MAIN CONTENT CONFIGURATION */
#main-content {
  margin-left: 210px;
}

.header, .footer {
  min-height: 85px;
  padding: 0 0 0 15px;
}

.header {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1002;
}

.black-bg {
  background: #1A292F;
  border-bottom: 1px solid #2c4650;
}

.wrapper {
  display: inline-block;
  margin-top: 85px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 0;
  padding-top: 0px;
  width: 100%;
}

a.logo {
  font-size: 24px;
  color: #f2f2f2;
  float: left;
  margin-top: 13px;
  text-transform: uppercase;
}

a.logo b {
  font-weight: 900;
}

a.logo:hover, a.logo:focus {
  text-decoration: none;
  outline: none;
}

a.logo span {
  color: #1A292F;
}

.system-title-heading {
  color: #B59E64;
  font-weight: 600;
  padding-top: 23px;
  text-transform: uppercase;
  padding-left: 15px;
}

.system-title-heading-login {
  color: #B59E64;
  font-weight: 600;
  text-align: center;
  margin-top: -5px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.top-menu {
  margin-top: 6px;
}

/*notification*/
#top_menu .nav > li, ul.top-menu > li {
  float: left;
}

.notify-row {
  float: left;
  margin-top: 15px;
  margin-left: 92px;
}

.notify-row .notification span.label {
  display: inline-block;
  height: 18px;
  width: 20px;
  padding: 5px;
}

ul.top-menu > li > a {
  border: medium none !important;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  margin-top: 15px;
  padding: 5px 15px;
}

ul.top-menu > li > .logout {
  border: medium none !important;
  border-radius: 4px;
  color: #1A292F;
  font-size: 20px;
  margin-right: 0;
  margin-top: 15px;
  padding: 5px 10px;
}

ul.top-menu > li > a span {
  font-family: 'Ruda', sans-serif;
  font-size: 14px;
  padding-left: 7px;
  font-weight: 900;
}

ul.top-menu > li > a:hover, ul.top-menu > li > a:focus {
  background-color: transparent !important;
  color: #FEF4DC !important;
}

.notify-row .badge {
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: 100;
}

table.table-striped .dropdown-menu {
  right: 0 !important;
  left: inherit;
}

.dropdown-menu.extended {
  max-width: 300px !important;
  min-width: 160px !important;
  top: 42px;
  width: 235px !important;
  padding: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;
  border: none !important;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Safari and Chrome */
  .dropdown-menu.extended {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important;
  }
}
.dropdown-menu.extended li p {
  background-color: #F1F2F7;
  color: #666666;
  margin: 0;
  padding: 10px;
  border-radius: 4px 4px 0px 0px;
  -webkit-border-radius: 4px 4px 0px 0px;
}

.dropdown-menu.extended li p.green {
  background-color: #1A292F;
  color: #fff;
}

.dropdown-menu.extended li p.yellow {
  background-color: #fcb322;
  color: #fff;
}

.dropdown-menu.extended li a {
  border-bottom: 1px solid #EBEBEB !important;
  font-size: 12px;
  list-style: none;
}

.dropdown-menu.extended li a {
  padding: 15px 10px !important;
  width: 100%;
  display: inline-block;
}

.dropdown-menu.extended li a:hover {
  background-color: #F7F8F9 !important;
  color: #2E2E2E;
}

.dropdown-menu.tasks-bar .task-info .desc {
  font-size: 13px;
  font-weight: normal;
}

.dropdown-menu.tasks-bar .task-info .percent {
  display: inline-block;
  float: right;
  font-size: 13px;
  font-weight: 600;
  padding-left: 10px;
  margin-top: -4px;
}

.dropdown-menu.extended .progress {
  margin-bottom: 0 !important;
  height: 10px;
}

.dropdown-menu.inbox li a .photo img {
  border-radius: 2px 2px 2px 2px;
  float: left;
  height: 40px;
  margin-right: 4px;
  width: 40px;
}

.dropdown-menu.inbox li a .subject {
  display: block;
}

.dropdown-menu.inbox li a .subject .from {
  font-size: 12px;
  font-weight: 600;
}

.dropdown-menu.inbox li a .subject .time {
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
  position: absolute;
  right: 5px;
}

.dropdown-menu.inbox li a .message {
  display: block !important;
  font-size: 11px;
}

.top-nav {
  margin-top: 7px;
}

.top-nav ul.top-menu > li .dropdown-menu.logout {
  width: 268px !important;
}

.top-nav li.dropdown .dropdown-menu {
  float: right;
  right: 0;
  left: auto;
}

.dropdown-menu.extended.logout > li {
  float: left;
  text-align: center;
  width: 33.3%;
}

.dropdown-menu.extended.logout > li:last-child {
  float: left;
  text-align: center;
  width: 100%;
  background: #a9d96c;
  border-radius: 0 0 3px 3px;
}

.dropdown-menu.extended.logout > li:last-child > a, .dropdown-menu.extended.logout > li:last-child > a:hover {
  color: #fff;
  border-bottom: none !important;
  text-transform: uppercase;
}

.dropdown-menu.extended.logout > li:last-child > a:hover > i {
  color: #fff;
}

.dropdown-menu.extended.logout > li > a {
  color: #a4abbb;
  border-bottom: none !important;
}

.full-width .dropdown-menu.extended.logout > li > a:hover {
  background: none !important;
  color: #50c8ea !important;
}

.dropdown-menu.extended.logout > li > a:hover {
  background: none !important;
}

.dropdown-menu.extended.logout > li > a:hover i {
  color: #50c8ea;
}

.dropdown-menu.extended.logout > li > a i {
  font-size: 17px;
}

.dropdown-menu.extended.logout > li > a > i {
  display: block;
}

.top-nav ul.top-menu > li > a {
  border: 1px solid #eeeeee;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 6px;
  background: none;
  margin-right: 0;
}

.top-nav ul.top-menu > li {
  margin-left: 10px;
}

.top-nav ul.top-menu > li > a:hover, .top-nav ul.top-menu > li > a:focus {
  border: 1px solid #F1F2F7;
  background: #F1F2F7;
}

.top-nav .dropdown-menu.extended.logout {
  top: 50px;
}

.top-nav .nav .caret {
  border-bottom-color: #A4AABA;
  border-top-color: #A4AABA;
}

.top-nav ul.top-menu > li > a:hover .caret {
  border-bottom-color: #000;
  border-top-color: #000;
}

/*----*/
.notify-arrow {
  border-style: solid;
  border-width: 0 9px 9px;
  height: 0;
  margin-top: 0;
  opacity: 0;
  position: absolute;
  left: 7px;
  top: -18px;
  transition: all 0.25s ease 0s;
  width: 0;
  z-index: 10;
  margin-top: 10px;
  opacity: 1;
}

.notify-arrow-yellow {
  border-color: transparent transparent #FCB322;
  border-bottom-color: #FCB322 !important;
  border-top-color: #FCB322 !important;
}

.notify-arrow-green {
  border-color: transparent transparent #1A292F;
  border-bottom-color: #1A292F !important;
  border-top-color: #1A292F !important;
}

/*--sidebar toggle---*/
.sidebar-toggle-box {
  float: left;
  padding-right: 15px;
  margin-top: 32px;
}

.sidebar-toggle-box .fa-bars {
  cursor: pointer;
  display: inline-block;
  font-size: 25px;
  color: #355460;
}

.sidebar-closed > #sidebar > ul {
  display: none;
}

.sidebar-closed #main-content {
  margin-left: 0px;
}

.sidebar-closed #sidebar {
  margin-left: -180px;
}

/* Dash Side */
.ds {
  background: #fff;
  border-left: 1px solid #B59E64 !important;
  border-bottom: 1px solid #B59E64 !important;
  padding-top: 25px;
  height: 100%;
  padding-bottom: 60px;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  float: left;
}

.ds h4 {
  font-size: 15px;
  text-transform: uppercase;
  color: #B59E64;
  font-weight: 600;
  margin-top: 0;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.ds i {
  font-size: 14px;
}

.ds .desc {
  border-bottom: 1px dashed #fff;
  display: inline-block;
  padding: 15px 0;
  width: 100%;
}

.ds .desc:hover {
  background: #ffffff;
}

.ds .thumb {
  width: 51px;
  margin: 0 10px 0 20px;
  display: block;
  float: left;
}

.ds .details {
  width: 170px;
  float: left;
  margin-top: 10px;
}

.ds > .desc p {
  font-size: 11px;
}

.ds .details p {
  margin-bottom: 0;
  margin-left: 10px;
}

.ds p > muted {
  font-size: 9px;
  text-transform: uppercase;
  font-style: italic;
  color: #666666;
}

.ds a {
  color: #1A292F;
}

.border-head h3 {
  margin-bottom: 10px;
  padding-bottom: 5px;
  font-weight: normal;
  font-size: 21px;
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
  font-weight: 600;
}

/* *************************************************************************************
PANELS CONFIGURATIONS
*************************************************************************************** */
/*Panel Size*/
.pn {
  height: 250px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}

/*Grey Panel*/
.grey-panel {
  text-align: center;
  background: #dfdfe1;
}

.grey-panel .grey-header {
  background: #ccd1d9;
  padding: 3px;
  margin-bottom: 15px;
}

.grey-panel h5 {
  font-weight: 200;
  margin-top: 10px;
}

.grey-panel p {
  margin-left: 5px;
}

/* Dark Blue*/
.darkblue-panel {
  text-align: center;
  background: #000;
}

.darkblue-panel .darkblue-header {
  background: transparent;
  padding: 3px;
  margin-bottom: 15px;
}

.darkblue-panel h1 {
  color: #f2f2f2;
}

.darkblue-panel h5 {
  font-weight: 200;
  margin-top: 10px;
  color: white;
}

.darkblue-panel footer {
  color: white;
}

.darkblue-panel footer h5 {
  margin-left: 10px;
  margin-right: 10px;
  font-weight: 700;
}

/*Green Panel*/
.green-panel {
  text-align: center;
  background: #1A292F;
}

.green-panel .green-header {
  background: #43b1a9;
  padding: 3px;
  margin-bottom: 15px;
}

.green-panel h5 {
  color: white;
  font-weight: 200;
  margin-top: 10px;
}

.green-panel h3 {
  color: white;
  font-weight: 100;
}

.green-panel p {
  color: white;
}

/*White Panel */
.white-panel {
  text-align: center;
  background: #ffffff;
}

.white-panel .white-header {
  background: #f3f3f3;
  padding: 3px;
  margin-bottom: 15px;
}

.white-panel .small {
  font-size: 10px;
  color: #ccd1d9;
}

/*Content Panel*/
.content-panel {
  /*background: #ffffff;*/
  padding-top: 0;
  padding-bottom: 0;
}

.content-panel .row {
  background-color: none;
}

.content-panel h4 {
  margin-left: 10px;
}

/* Calendar Configuration */
#calendar {
  padding: 0 !important;
  width: 100%;
  margin-top: 2em;
}

/* TODO PANEL */
.steps {
  display: block;
}

.steps input[type=checkbox] {
  display: none;
}

.steps input[type=submit] {
  background: #f1783c;
  border: none;
  padding: 0px;
  margin: 0 auto;
  width: 100%;
  height: 55px;
  color: white;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 11px;
  letter-spacing: 1px;
  cursor: pointer;
  transition: background 0.5s ease;
}

.steps input[type=submit]:hover {
  background: #8fde9c;
}

.steps label {
  background: #393D40;
  height: 65px;
  line-height: 65px;
  width: 100%;
  display: block;
  border-bottom: 1px solid #44494e;
  color: #889199;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 11px;
  letter-spacing: 1px;
  text-indent: 52px;
  cursor: pointer;
  transition: all 0.7s ease;
  margin: 0px;
}

.steps label:before {
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  margin: 26px 0px 0px 18px;
  border-radius: 100%;
  transition: border 0.7s ease;
}

.steps label:hover {
  background: #2B2E30;
  color: #46b7e5;
}

.steps label:hover:before {
  border: 1px solid #46b7e5;
}

#op1:checked ~ label[for=op1]:before,
#op2:checked ~ label[for=op2]:before,
#op3:checked ~ label[for=op3]:before {
  border: 2px solid #96c93c;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAYAAAA1WQxeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGFJREFUeNpinHLMhgEHKADia0xQThIQs6JJ9gPxZhYQAcS6QHwDiI8hSYJAC0gBPxDLAvFcIJ6JJJkDxFNBVtgBcQ8Qa6BLghgwN4A4a9ElQYAFSj8C4mwg3o8sCQIAAQYA78QTYqnPZuEAAAAASUVORK5CYII=") no-repeat center center;
}

/*spark line*/
.chart {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.chart .heading {
  text-align: left;
}

.chart .heading span {
  display: block;
}

.panel.green-chart .chart-tittle {
  font-size: 16px;
  padding: 15px;
  display: inline-block;
  font-weight: normal;
  background: #99c262;
  width: 100%;
  -webkit-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
}

#barchart {
  margin-bottom: -15px;
  display: inline-block;
}

.panel.green-chart .chart-tittle .value {
  float: right;
  color: #c0f080;
}

.panel.green-chart {
  background: #a9d96c;
  color: #fff;
}

.panel.terques-chart {
  background: transparent;
  color: #797979;
}

.panel.terques-chart .chart-tittle .value {
  float: right;
  color: #fff;
}

.panel.terques-chart .chart-tittle .value a {
  color: #2f2f2f;
  font-size: 12px;
}

.panel.terques-chart .chart-tittle .value a:hover, .panel.terques-chart .chart-tittle .value a.active {
  color: #1A292F;
  font-size: 12px;
}

.panel.terques-chart .chart-tittle {
  font-size: 16px;
  padding: 15px;
  display: inline-block;
  font-weight: normal;
  background: #39b7ac;
  width: 100%;
  -webkit-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
}

.inline-block {
  display: inline-block;
}

/* showcase background */
.showback {
  background: #ffffff;
  padding: 15px;
  margin-bottom: 15px;
  box-shadow: 0px 3px 2px #aab2bd;
}

/* Font Awesome Showcase */
.fontawesome-list .fa-hover a {
  display: block;
  color: #222;
  line-height: 32px;
  height: 32px;
  padding-left: 10px;
  border-radius: 4px;
}

.fontawesome-list i {
  margin-right: 8px;
}

/* Grid Showcase*/
.show-grid [class^=col-] {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #ccc;
  border: 1px solid #ddd;
}

.show-grid [class^=col-]:hover {
  background-color: white;
}

/* Calendar Events - Calendar.html*/
.external-event {
  cursor: move;
  display: inline-block !important;
  margin-bottom: 7px !important;
  margin-right: 7px !important;
  padding: 10px;
}

.drop-after {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #ccc;
}

.fc-state-default, .fc-state-default .fc-button-inner {
  background: #f2f2f2;
}

.fc-state-active .fc-button-inner {
  background: #FFFFFF;
}

/* EZ Checklist */
.ez-checkbox {
  margin-right: 5px;
}

.ez-checkbox, .ez-radio {
  height: 20px;
  width: 20px;
}

.brand-highlight {
  background: #fffbcc !important;
}

/* FORMS CONFIGURATION */
.form-panel {
  background: #ffffff;
  margin: 10px;
  padding: 10px;
  box-shadow: 0px 3px 2px #aab2bd;
  text-align: left;
}

label {
  font-weight: 400;
}

.form-horizontal.style-form .form-group {
  border-bottom: 1px solid #eff2f7;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.round-form {
  border-radius: 500px;
  -webkit-border-radius: 500px;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: left;
  }
}
#focusedInput {
  border: 1px solid #de2130;
  box-shadow: none;
}

.add-on {
  float: right;
  margin-top: -37px;
  padding: 3px;
  text-align: center;
}

.add-on .btn {
  height: 34px;
}

/* TABLES CONF*/
.dataTables_paginate.paging_bootstrap.pagination {
  float: right;
  margin-top: -5px;
  margin-bottom: 15px;
}

.dataTables_paginate {
  padding: 15px 0;
}

.dataTables_paginate.paging_bootstrap.pagination li {
  float: left;
  margin: 0 1px;
  border: 1px solid #ddd;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

ul li {
  list-style: none;
}

.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: #B59E64;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

/*LOGIN CONFIGURATION PAGE*/
.form-login {
  max-width: 330px;
  margin: 100px auto 0;
  background: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.form-login h2.form-login-heading {
  margin: 0;
  padding: 25px 20px;
  text-align: center;
  background: #1A292F;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 300;
}

.login-wrap {
  padding: 20px;
}

.login-wrap .registration {
  text-align: center;
}

.login-social-link {
  display: block;
  margin-top: 20px;
  margin-bottom: 15px;
}

/*LOCK SCREEN CONF*/
#showtime {
  width: 100%;
  color: #fff;
  font-size: 50px;
  margin-bottom: 30px;
  margin-top: 250px;
  display: inline-block;
  text-align: center;
  font-weight: 400;
}

.lock-screen {
  text-align: center;
}

.lock-screen a {
  color: white;
}

.lock-screen a:hover {
  color: #48cfad;
}

.lock-screen i {
  font-size: 60px;
}

.lock-screen .modal-content {
  position: relative;
  background-color: #f2f2f2;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

/* PROFILE PAGE CONF */
.profile-pic img {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 10px solid #f1f2f7;
  margin-top: 20px;
}

.profile-text h6 {
  margin-top: -10px;
  margin-bottom: 20px;
  color: #d3d3d3;
}

.profile-text h3 {
  font-weight: 700;
  color: #48cfad;
}

.profile-text h4 {
  color: #48cfad;
}

profile-text p {
  margin-left: 10px;
}

.right-divider {
  border-right: 1px solid #d3d3d3;
  height: 100%;
}

.panel-heading .nav {
  border: medium none;
  font-size: 12px;
  margin-left: 5px;
  margin-right: 5px;
  width: auto !important;
}

.nav-tabs {
  background: #e1dbc8;
}

.nav-tabs li {
  border-right: 1px solid #fff;
}

.nav-tabs a {
  color: #000;
  border: none !important;
  font-weight: 600;
  letter-spacing: 1px;
}

.nav-tabs a:hover {
  color: #fff;
  border: none !important;
}

.grey-style {
  background: #f2f4f6;
  padding: 10px;
  height: 45px;
}

.detailed h4 {
  text-align: center;
  text-transform: uppercase;
  border-bottom: 1px solid #e2e2e2;
  font-weight: 700;
  color: #48cfad;
}

ul.my-friends {
  margin: 0px;
  margin-top: 16px;
  margin-left: 10px;
  padding: 0;
}

ul.my-friends li .friends-pic {
  display: inline-block;
  float: left;
  overflow: hidden;
  margin: 4px;
}

.recent-activity {
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
  position: relative;
  table-layout: fixed;
  width: 100%;
}

.recent-activity:before {
  background-color: #eeeeee;
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  top: 50px;
  width: 2px;
  z-index: 0;
}

.activity-icon {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #FFFFFF;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
  margin: 20px auto 20px;
  position: relative;
}

.activity-panel {
  padding: 15px 30px;
  background: #f2f2f2;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  position: relative;
  text-align: center;
}

.activity-panel h5 {
  font-weight: 700;
}

/* INVOICE CONF */
.well.green {
  background-color: #48cfad;
  color: #fff;
  border: none;
}

.well.well-small {
  padding: 13px;
  width: auto;
}

.invoice-body {
  padding: 30px;
}

.invoice-body h1 {
  font-weight: 900;
}

.invoice-body h4 {
  margin-left: 0px;
}

/* Map Wrap*/
#map {
  width: 100%;
  height: 450px;
}

/*PRICING TABLE*/
.custom-box {
  background: #FFFFFF;
  border: 1px solid #DCDBD7;
  margin: 30px 0;
  padding: 30px 20px 35px;
  text-align: center;
}

.servicetitle hr {
  border: 0 none;
  height: 3px;
  margin: 10px auto;
  width: 80px;
  background-color: #1A292F;
}

.icn-main-container {
  position: relative;
}

.icn-container {
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 500px;
  text-align: center;
  margin: 10px 0;
  font-weight: 600;
  font-size: 2.4em;
  line-height: 100px;
  color: #fff;
  background-color: #1A292F;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.icn-container.active,
.icn-container:hover {
  background: #2B2E31 !important;
}

.pricing {
  list-style: none;
  padding: 10px 0 20px;
}

.pricing li {
  border-bottom: 1px solid #DCDBD7;
  font-size: 13px;
  font-weight: 100;
  line-height: 34px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 70%;
  -webkit-transition: background-color .4s linear, color .4s linear;
  -moz-transition: background-color .4s linear, color .4s linear;
  -o-transition: background-color .4s linear, color .4s linear;
  -ms-transition: background-color .4s linear, color .4s linear;
  transition: background-color .4s linear, color .4s linear;
}

.pricing li:last-child {
  border-bottom: 0px solid #fff;
}

/* FAQ CONF */
.dmbox {
  margin: 0;
  border: 0;
  border: 1px solid #EDEDED;
  background-color: #fff;
  padding: 9px 18px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-align: center;
  -webkit-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}

.dm-icon {
  display: inline-block;
  cursor: pointer;
  margin: 15px;
  width: 105px;
  height: 105px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
  background: #2B2E31;
  color: #ffffff;
}

.dm-icon:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.dm-icon:before {
  speak: none;
  line-height: 105px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: block;
  -webkit-font-smoothing: antialiased;
}

.dm-icon:active,
.dm-icon:hover {
  background: #1A292F;
}

/* 404 & 500 Error Pages Conf*/
.p404 img {
  margin-top: 120px;
}

.p404 h1 {
  font-weight: 900;
}

/* MAIL CONFIGURATION - INBOX, MAIL COMPOSE & MAIL VIEW  */
.mail-nav {
  margin: 15px -15px 0 -15px;
}

.mail-nav li a {
  border-radius: 0;
  -webkit-border-radius: 0;
  border-top: 1px solid #f2f3f6;
  padding: 15px;
  border-right: 3px solid transparent;
  color: #a2a2a2;
}

.mail-nav > li > a:hover, .mail-nav > li > a:focus {
  background: #fafafa;
  color: #1A292F;
  border-right: 3px solid #1fb5ad;
}

.mail-nav > li.active > a, .mail-nav > li.active > a:hover, .mail-nav > li.active > a:focus {
  background: #fafafa;
  color: #1A292F;
  border-right: 3px solid #1A292F;
}

.mail-nav > li + li {
  margin-left: 0;
  margin-top: 0px;
}

.mail-nav i {
  font-size: 16px;
  margin-right: 10px;
}

.inbox-notification {
  margin-top: -2px;
}

.user-head .inbox-avatar {
  width: 65px;
  float: left;
}

.user-head .inbox-avatar img {
  border-radius: 4px;
  -webkit-border-radius: 4px;
}

.user-head .user-name {
  display: inline-block;
  margin: 0 0 0 10px;
}

.user-head .user-name h5 {
  font-size: 14px;
  margin-top: 15px;
  margin-bottom: 0;
  font-weight: 300;
}

.user-head .user-name h5 a {
  color: #fff;
}

.user-head .user-name span a {
  font-size: 12px;
  color: #87e2e7;
}

a.mail-dropdown {
  background: #80d3d9;
  padding: 3px 5px;
  font-size: 10px;
  color: #01a7b3;
  border-radius: 2px;
  margin-top: 20px;
}

.inbox-body {
  padding: 20px;
}

.btn-compose {
  background: #1A292F;
  padding: 12px 0;
  text-align: center;
  width: 100%;
  color: #fff;
}

.btn-compose:hover, .btn-compose:focus {
  background: #1ca59e;
  color: #fff;
}

.btn-compose i {
  padding: 5px;
}

ul.inbox-nav {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
}

.inbox-divider {
  border-bottom: 1px solid #d5d8df;
}

.inbox-action {
  margin-top: 50px;
}

.src-position {
  margin-top: -7px;
}

.mail-src-position {
  margin-top: -3px;
}

ul.labels-info {
  border-bottom: 1px solid #f1f2f7;
  margin-bottom: 10px;
}

ul.inbox-nav li {
  display: inline-block;
  line-height: 45px;
  width: 100%;
}

ul.inbox-nav li a {
  color: #6a6a6a;
  line-height: 45px;
  width: 100%;
  display: inline-block;
  padding: 0 20px;
}

ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus {
  color: #6a6a6a;
  background: #d5d7de;
}

ul.inbox-nav li a i {
  padding-right: 10px;
  font-size: 16px;
  color: #6a6a6a;
}

ul.inbox-nav li a span.label {
  margin-top: 13px;
}

ul.labels-info li h4 {
  padding-top: 5px;
  color: #5c5c5e;
  font-size: 15px;
  text-transform: uppercase;
}

ul.labels-info li {
  margin: 0;
}

ul.labels-info li a {
  color: #6a6a6a;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

ul.labels-info li a:hover, ul.labels-info li a:focus {
  color: #6a6a6a;
  background: none;
}

ul.labels-info li img {
  margin-right: 10px;
}

.nav.nav-pills.nav-stacked.labels-info p {
  margin-bottom: 0;
  padding: 0 22px;
  color: #9d9f9e;
  font-size: 11px;
}

.inbox-head {
  padding: 20px;
  background: #41cac0;
  color: #fff;
  border-radius: 0 4px 0 0;
  -webkit-border-radius: 0 4px 0 0;
  min-height: 80px;
}

.inbox-head h3 {
  margin: 0;
  display: inline-block;
  padding-top: 6px;
  font-weight: 300;
}

.inbox-head .sr-input {
  height: 40px;
  border: none;
  box-shadow: none;
  padding: 0 10px;
  float: left;
  border-radius: 4px 0 0 4px;
  color: #8a8a8a;
}

.inbox-head .sr-btn {
  height: 40px;
  border: none;
  background: #00a6b2;
  color: #fff;
  padding: 0 20px;
  border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
}

.wht-bg {
  background: #fff;
}

.wht-bg h4 {
  font-size: 24px;
  color: #a2a2a2;
  font-weight: 300;
}

.table-inbox-wrap {
  margin: 0 -15px;
}

.mail-checkbox {
  margin-right: 10px;
}

.table-inbox {
  margin: 0;
}

.table-inbox tr td {
  padding: 12px !important;
}

.table-inbox tr td:first-child {
  width: 5%;
}

.table-inbox tr td:first-child .icheckbox_minimal {
  margin-left: 15px;
}

.table-inbox tr td:hover {
  cursor: pointer;
}

.table-inbox tr td .fa-star.inbox-started, .table-inbox tr td .fa-star:hover {
  color: #f78a09;
}

.table-inbox tr td .fa-star {
  color: #d5d5d5;
}

.table-inbox tr.unread td {
  font-weight: 600;
  background: #f7f7f7;
}

.table-inbox tr.unread a {
  color: #32323a;
}

.table-inbox tr a {
  color: #767676;
}

ul.inbox-pagination {
  float: right;
}

ul.inbox-pagination li {
  float: left;
}

.pagination li a {
  color: #32323a;
}

.mail-option {
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
}

.mail-option .chk-all {
  float: left;
}

.mail-option .chk-all, .mail-option .btn-group {
  margin-right: 5px;
}

.mail-option .chk-all, .mail-option .btn-group a.btn {
  border: 1px solid #e7e7e7;
  padding: 5px 10px;
  display: inline-block;
  background: #fcfcfc;
  color: #afafaf;
  border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
}

.inbox-pagination a.np-btn {
  border: 1px solid #e7e7e7;
  padding: 5px 15px;
  display: inline-block;
  background: #fcfcfc;
  color: #afafaf;
  border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
}

.mail-option .chk-all input[type=checkbox] {
  margin-top: 0;
}

.mail-option .btn-group a.all {
  padding: 0;
  border: none;
}

.inbox-pagination a.np-btn {
  margin-left: 5px;
}

.inbox-pagination li span {
  display: inline-block;
  margin-top: 7px;
  margin-right: 5px;
}

.fileinput-button {
  border: 1px solid #e6e6e6;
  background: #eeeeee;
}

.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea {
  border: 1px solid #e6e6e6;
  box-shadow: none;
}

.btn-send, .btn-send:hover {
  background: #00A8B3;
  color: #fff;
}

.btn-send:hover {
  background: #009da7;
}

.modal-header h4.modal-title {
  font-weight: 300;
  font-family: 'Ruda', sans-serif;
}

.modal-body label {
  font-weight: 400;
  font-family: 'Ruda', sans-serif;
}

.compose-mail {
  width: 100%;
  display: inline-block;
  position: relative;
  margin-top: 20px;
}

.compose-mail .compose-options {
  color: #979797;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  position: absolute;
  right: 10px;
  top: 7px;
}

.compose-mail input, .compose-mail input:focus {
  border: none;
  padding: 0;
  width: 80%;
  float: left;
}

.compose-mail .form-group {
  border: 1px solid #F2F3F6;
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
}

.compose-mail .form-group label {
  line-height: 34px;
  width: 10%;
  float: left;
  padding-left: 5px;
  margin-bottom: 0;
}

.compose-editor input {
  margin-top: 15px;
}

.compose-editor {
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
}

.compose-btn {
  float: left;
  margin-top: 6px;
}

.mail-header h4 {
  font-weight: 300;
}

.mail-sender, .attachment-mail {
  width: 100%;
  display: inline-block;
  margin: 20px 0;
  border-top: 1px solid #EFF2F7;
  border-bottom: 1px solid #EFF2F7;
  padding: 10px 0;
}

.mail-sender img {
  width: 30px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

.mail-sender .date {
  line-height: 30px;
  margin-bottom: 0;
  text-align: right;
}

.view-mail a, .attachment-mail a:hover {
  color: #1A292F;
}

.attachment-mail a {
  color: #1A292F;
}

.attachment-mail ul li {
  float: left;
  width: 200px;
  margin-right: 15px;
  margin-top: 15px;
  list-style: none;
}

.attachment-mail ul li a.atch-thumb img {
  width: 200px;
  height: 180px;
  margin-bottom: 10px;
}

.attachment-mail ul li a.name span {
  float: right;
  color: #767676;
}

/* GOOGLE MAPS - SCRIPT HELPER*/
#gmap-list, #gmap-tabs {
  height: 450px;
}

.gmaps {
  height: 300px;
  width: 100%;
}

.ullist {
  border-bottom: #ccc 1px solid;
  margin-left: 20px;
}

.ullist li {
  display: inline-block;
  margin-left: 5px;
}

.ullist li a {
  display: inline-block;
  padding: 10px 20px !important;
  border-top: #ccc 1px solid;
  border-left: #ccc 1px solid;
  border-right: #ccc 1px solid;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  background: #f1f1f1;
}

.ullist li.active a {
  background: #fff;
  border-bottom: #fff 1px solid;
  position: relative;
  top: 1px;
  margin-bottom: -1px;
}

.btn-facebook {
  color: #fff;
  background-color: #5193ea;
  border-color: #2775e2;
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
  color: #fff;
  background-color: #2775e2;
  border-color: #2775e2;
}

.btn-twitter {
  color: #fff;
  background-color: #44ccfe;
  border-color: #2bb4e8;
}

.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
  color: #fff;
  background-color: #2bb4e8;
  border-color: #2bb4e8;
}

/*badge*/
.badge.bg-primary {
  background: #8075c4;
}

.badge.bg-success {
  background: #a9d86e;
}

.badge.bg-warning {
  background: #FCB322;
}

.badge.bg-important {
  background: #ff6c60;
}

.badge.bg-info {
  background: #41cac0;
}

.badge.bg-inverse {
  background: #2A3542;
}

/*easy pie chart*/
.easy-pie-chart {
  display: inline-block;
  padding: 30px 0;
}

.chart-info, .chart-info .increase, .chart-info .decrease {
  display: inline-block;
}

.chart-info {
  width: 100%;
  margin-bottom: 5px;
}

.chart-position {
  margin-top: 70px;
}

.chart-info span {
  margin: 0 3px;
}

.chart-info .increase {
  background: #ff6c60;
  width: 10px;
  height: 10px;
}

.chart-info .decrease {
  background: #f2f2f2;
  width: 10px;
  height: 10px;
}

.panel-footer.revenue-foot {
  background-color: #e6e7ec;
  -webkit-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
  border: none;
  padding: 0;
  width: 100%;
  display: inline-block;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Safari and Chrome */
  .panel-footer.revenue-foot {
    margin-bottom: -4px;
  }
}
.panel-footer.revenue-foot ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: inline-flex;
}

.panel-footer.revenue-foot ul li {
  float: left;
  width: 33.33%;
}

.panel-footer.revenue-foot ul li.first a:hover, .panel-footer.revenue-foot ul li.first a {
  -webkit-border-radius: 0px 0px 0px 4px;
  border-radius: 0px 0px 0px 4px;
}

.panel-footer.revenue-foot ul li.last a:hover, .panel-footer.revenue-foot ul li.last a {
  -webkit-border-radius: 0px 0px 4px 0px;
  border-radius: 0px 0px 4px 0px;
  border-right: none;
}

.panel-footer.revenue-foot ul li a {
  display: inline-block;
  width: 100%;
  padding: 14px 15px;
  text-align: center;
  border-right: 1px solid #d5d8df;
  color: #797979;
}

.panel-footer.revenue-foot ul li a:hover, .panel-footer.revenue-foot ul li.active a {
  background: #fff;
  position: relative;
}

.panel-footer.revenue-foot ul li a i {
  color: #c6cad5;
  display: block;
  font-size: 16px;
}

.panel-footer.revenue-foot ul li a:hover i, .panel-footer.revenue-foot ul li.active a i {
  color: #ff6c60;
  display: block;
  font-size: 16px;
}

/*fontawesome*/
.fontawesome-icon-list h2 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 300;
}

.fontawesome-icon-list .col-sm-4, .fontawesome-icon-list .col-md-3, .fontawesome-icon-list .col-xs-6 {
  margin-bottom: 10px;
}

.fontawesome-icon-list .page-header {
  border-bottom: 1px solid #C9CDD7;
}

.fontawesome-icon-list a {
  color: #797979;
}

.fontawesome-icon-list a:hover {
  color: #35404D;
}

.fontawesome-icon-list i {
  font-size: 16px;
  padding-right: 10px;
}

#web-application, #text-editor, #directional, #video-player, #brand, #medical, #currency {
  margin-top: 10px;
}

/*flot chart*/
.flot-chart .chart, .flot-chart .pie, .flot-chart .bars {
  height: 300px;
}

/*xchart*/
.demo-xchart {
  height: 400px;
  width: 100%;
}

/*todolist*/
#sortable {
  list-style-type: none;
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%;
}

#sortable li {
  padding-left: 3em;
  font-size: 12px;
}

#sortable li i {
  position: absolute;
  left: 6px;
  padding: 4px 10px 0 10px;
  cursor: pointer;
}

#sortable li input[type=checkbox] {
  margin-top: 0;
}

.ui-sortable > li {
  padding: 15px 0 15px 35px !important;
  position: relative;
  background: #f5f6f8;
  margin-bottom: 2px;
  border-bottom: none !important;
}

.ui-sortable li.list-primary {
  border-left: 3px solid #41CAC0;
}

.ui-sortable li.list-success {
  border-left: 3px solid #78CD51;
}

.ui-sortable li.list-danger {
  border-left: 3px solid #FF6C60;
}

.ui-sortable li.list-warning {
  border-left: 3px solid #F1C500;
}

.ui-sortable li.list-info {
  border-left: 3px solid #58C9F3;
}

.ui-sortable li.list-inverse {
  border-left: 3px solid #BEC3C7;
}

/*footer*/
.site-footer {
  background: #1A292F;
  color: #fff;
  padding: 10px 0;
}

.site-min-height {
  min-height: 900px;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #fff;
}

.table > tbody > tr > td {
  background-color: #F4EED9;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-top: 1px solid #ded4ba;
}

.table thead > tr > th {
  vertical-align: bottom;
  border-bottom: none;
}

.ref-section {
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 5px 0px;
}

table {
  background-color: #fff;
  font-size: 12px;
  margin-top: 0px;
  margin-bottom: 0px !important;
}

.table thead {
  background-color: #E3D7B4;
  border-bottom: none;
}

thead th {
  color: #000;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 13px;
  font-weight: bold;
}

td {
  padding: 10px 10px;
}

.tab-form td {
  padding: 10px 10px;
  border: 1px solid #ded4ba;
  vertical-align: top;
  background: #fff;
}

tr.table-top {
  background-color: #B59E64;
  border-top: 5px solid #fff;
}

tr.table-top td {
  padding: 10px;
}

tr.table-top td h4 {
  font-weight: normal !important;
  font-size: 110%;
}

tr.table-top td h5 {
  font-weight: normal !important;
  font-size: 90%;
  float: right;
  margin-top: 11px;
}

tr.double-height {
  line-height: 25px;
  height: 120px;
}

.zabuto_calendar table {
  background-color: #1A292F;
}

td.disabled {
  box-shadow: inset 5px 0px 0px 0px #000 !important;
}

td.disabled span {
  display: none;
}

th.st-head-row span.blue {
  width: 100%;
  float: left;
  background-color: #000;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-weight: 100;
}

td.is-active {
  box-shadow: inset 5px 0px 0px 0px #009400 !important;
}

td.is-active span {
  display: none;
}

th.st-head-row span.green {
  width: 100%;
  float: left;
  background-color: #1A292F;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-weight: 100;
}

td.not-active {
  box-shadow: inset 5px 0px 0px 0px #999999 !important;
}

td.not-active span.grey {
  display: none;
}

th.st-head-row span.grey {
  width: 100%;
  float: left;
  background-color: #080c0e;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-weight: 100;
}

td.is-queried {
  box-shadow: inset 5px 0px 0px 0px #de2130 !important;
}

td.is-queried span {
  display: none;
}

th.st-head-row span.red {
  width: 100%;
  float: left;
  background-color: #de2130;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-weight: 100;
}

td.is-approved {
  box-shadow: inset 5px 0px 0px 0px #1A292F !important;
}

td.is-approved span {
  display: none;
}

td.is-pending {
  box-shadow: inset 5px 0px 0px 0px #999999 !important;
}

td.is-pending span.grey {
  display: none;
}

td.is-delivered {
  box-shadow: inset 5px 0px 0px 0px #008ED1 !important;
}

td.is-delivered span {
  display: none;
}

th.st-head-row span.light-blue {
  width: 100%;
  float: left;
  background-color: #008ED1;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-weight: 100;
}

table.modal-table td:first-child, table.modal-table th:first-child {
  padding-left: 10px;
}

.btn i {
  margin-left: 5px;
  margin-right: 5px;
}

.table-pagination {
  float: left;
  margin-bottom: 10px;
  margin-top: 10px;
}

.table-pagination .btn {
  border: 1px solid #ccc;
  color: #1A292F;
  background: #fff;
  margin-right: 2px;
  margin-top: 10px;
  padding-left: 11px;
  padding-right: 11px;
}

.table-pagination .btn.active {
  background-color: #fff;
  color: #1A292F;
  box-shadow: none;
}

.table-pagination .btn.active:hover {
  background-color: #1A292F;
  color: #fff;
}

.col-sm-4.no-pad {
  padding: 0;
}

.col-sm-4.center > span {
  vertical-align: -webkit-baseline-middle;
}

header .fa-chevron-right {
  background-color: #080c0e;
  padding: 36px 23px 23px 23px;
  color: #fff;
  cursor: pointer;
  width: 60px;
  height: 84px;
  margin-top: -12px;
}

header .fa-search {
  background-color: #080c0e;
  padding: 36px 23px 23px 23px;
  color: #B59E64;
  cursor: pointer;
  width: 60px;
  height: 84px;
  margin-top: -12px;
  display: none;
  width: 60px;
}

.ds .col-sm-10 {
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
}

.ds .form-control {
  margin-bottom: 10px;
}

.ds-submit {
  float: right;
}

.advanced-search {
  float: left;
  margin-top: 10px;
  font-size: 11px;
}

.advanced-search a {
  color: #000;
  margin-right: 5px;
}

.search-actions {
  margin-bottom: 45px;
}

.round-stat {
  background-color: #1A292F;
  border-radius: 50%;
  width: 160px;
  height: 160px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
}

.round-stat-sm {
  background-color: #1A292F;
  border-radius: 50%;
  width: 140px;
  height: 140px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
}

.round-stat span {
  font-size: 30px;
  font-weight: bold;
}

.round-stat-sm span {
  font-size: 23px;
  font-weight: bold;
}

.member-link {
  margin-left: 10px;
  margin-top: 5px;
  position: absolute;
  right: 30px;
}

.table-key {
  float: left;
  margin-bottom: 10px;
  margin-top: 10px;
}

.table-key ul {
  padding-left: 0;
}

.table-key ul li {
  display: inline-block;
  margin-right: 17px;
  font-size: 11px;
}

.table-key ul li.active {
  background: url("../img/tmp/key-active.png") 0 10px no-repeat;
  padding-top: 12px;
  padding-bottom: 15px;
  padding-left: 25px;
}

.table-key ul li.not-active {
  background: url("../img/tmp/key-not-active.png") 0 10px no-repeat;
  padding-top: 12px;
  padding-bottom: 15px;
  padding-left: 25px;
}

.table-key ul li.disabled {
  background: url("../img/tmp/key-disabled.png") 0 10px no-repeat;
  padding-top: 12px;
  padding-bottom: 15px;
  padding-left: 25px;
}

.table-key ul li.on-sale {
  background: url("../img/tmp/key-on-sale.png") 0 10px no-repeat;
  padding-top: 12px;
  padding-bottom: 15px;
  padding-left: 25px;
}

.table-key ul li.off-sale {
  background: url("../img/tmp/key-off-sale.png") 0 10px no-repeat;
  padding-top: 12px;
  padding-bottom: 15px;
  padding-left: 25px;
}

.table-key ul li.on-arrival {
  background: url("../img/tmp/key-on-arrival.png") 0 10px no-repeat;
  padding-top: 12px;
  padding-bottom: 15px;
  padding-left: 25px;
}

.table-key ul li.booked {
  background: url("../img/tmp/key-booked.png") 0 10px no-repeat;
  padding-top: 12px;
  padding-bottom: 15px;
  padding-left: 25px;
}

.table-key ul li.provisional {
  background: url("../img/tmp/key-limited.png") 0 10px no-repeat;
  padding-top: 12px;
  padding-bottom: 15px;
  padding-left: 25px;
}

.notification-count {
  color: #080c0e;
  font-weight: bold;
  font-size: 120%;
  padding-left: 10px;
}

a:hover .notification-count {
  color: #fff;
}

.main-content-wrap {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 30px;
}

.main-content-wrap p {
  line-height: 24px;
}

.nav > li > a > img.user {
  margin-top: 12px;
  max-height: 45px;
  max-width: 45px;
  font-size: 12px;
  margin-right: 10px;
}

.basket-info-top {
  margin-top: 21px !important;
}

.top-user-name {
  margin-top: -7px !important;
}

.top-user-name p {
  padding-top: 25px !important;
  float: right;
  font-style: italic;
  font-weight: 200 !important;
}

.inpage-nav {
  margin-bottom: 0px;
  padding-bottom: 10px;
}

.inpage-nav ul {
  padding-left: 0;
}

.inpage-nav li {
  display: inline-block;
}

.inpage-nav li a {
  background-color: #B59E64;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  margin-right: 5px;
  padding: 10px;
  text-align: center;
}

.inpage-nav li a:hover {
  background-color: #ad9353;
}

.inpage-nav li i {
  padding-left: 10px;
}

.table-wrap .table .btn {
  float: right;
}

.table-head-wrap {
  background-color: #B59E64;
  display: block;
  float: left;
  width: 100%;
}

.table-head h2 {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.03em;
  margin: 12px 0;
  color: #fff;
  float: left;
}

.table-head p {
  font-size: 13px;
  margin: 12px 0 0 0;
  float: right;
}

.table-info {
  text-align: right;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 12px;
}

.content-panel .table-head-wrap {
  border-bottom: none;
}

.tab-form {
  margin-bottom: 10px !important;
  margin-top: 0px;
}

.tab-form td {
  padding-top: 10px;
  padding-bottom: 10px;
}

.tab-form .form-control {
  background-color: #fff;
}

.tab-form ul.dob {
  padding-left: 0;
}

.tab-form ul.dob li {
  width: 33.3%;
  display: inline-block;
  float: left;
}

.tab-form ul.dob li select {
  width: 95%;
}

.tab-form ul.dob li:last-child {
  margin-right: 0;
}

.tab-form ul.dob li:last-child select {
  width: 100%;
}

.tab-form td:first-child {
  font-weight: bold;
  background: #F4EED9;
}

.tab-form > thead {
  background-color: #000;
}

.tab-form > thead th {
  padding: 8px;
}

.tab-form > th:first-child {
  padding-left: 15px;
}

select.form-control.age-range {
  width: 100%;
}

select.form-control {
  min-width: 50px;
}

.form-group {
  margin: 0px 5px 10px 0px;
}

/* for smaller inputs i.e. values */
.form-group.sm input, .form-group.sm select {
  width: 100px;
}

.delete-form-action {
  /*margin-top: 15px;*/
}

.radio-options {
  /*margin: 20px 20px 0px 0px;*/
}

td.align-top {
  vertical-align: top;
  padding-top: 16px;
}

.border-head h3 span {
  color: #080c0e;
  padding-left: 5px;
  text-transform: none !important;
  font-style: italic;
}

.border-head h3 {
  margin-top: 1px;
}

select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../img/select_arrow.png") no-repeat 99.8% 50% #fff;
  border: 1px solid #ded4ba;
  padding-right: 25px;
}
select[multiple].form-control {
  background: none;
  padding-right: inherit;
}

select.multi-select {
  background: none;
}

select.outside-table {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #f9f9f9;
  border: 1px solid #dbdbdb;
}

select.form-control option {
  padding: 10px;
  border-bottom: 1px solid #ded4ba;
}

.ds select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../img/select_arrow.png") no-repeat 99% 50% #fff;
  border: 1px solid #B59E64;
  padding-right: 25px;
}

.ds .form-control {
  border: 1px solid #B59E64;
}

.ds select.form-control option {
  padding: 10px;
  border-bottom: 1px solid #eee;
}

.panel-body .row {
  display: block;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

a.panel-body {
  background: red;
  display: block;
}

.session-selector a {
  background: #f4f4f4;
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 12px 0;
  border: solid 2px #f4f4f4;
  margin-bottom: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.session-selector a.available {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.session-selector a.available:hover {
  color: #3c763d;
  background-color: #d6e9c6;
  border-color: #d6e9c6;
}

.session-selector a.limited {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.session-selector a.limited:hover {
  color: #8a6d3b;
  background-color: #faebcc;
  border-color: #faebcc;
}

.session-selector a.sold-out {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  cursor: not-allowed;
}

.session-selector a.sold-out:hover {
  background-color: #ebccd1;
}

.session-selector a:hover {
  background: #f4f4f4;
}

.session-selector span {
  display: none;
}

.selected-session a {
  border: solid 2px #080c0e !important;
  background: #080c0e !important;
  color: #fff !important;
}

.selected-session a:hover {
  border: solid 2px #080c0e;
  background: #080c0e !important;
  color: #fff;
}

.selected-session a span {
  display: block;
  position: absolute;
  right: 10px;
  top: -6px;
  padding: 3px 6px;
  background: #1ed92b;
  color: #fff;
  border: 2px solid #080c0e;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.no-padding {
  padding: 0;
}

.tab-pane .no-padding table {
  margin-bottom: 0;
}

.tab-pane .no-padding table tr th:first-child {
  padding-left: 15px;
}

.tab-pane .no-padding table tr td:first-child {
  padding-left: 15px;
}

.tab-pane .table-pagination {
  margin-top: 10px;
}

.table-wrap .dropdown-toggle {
  /*background-color: #080c0e !important;*/
  /*color: white !important;*/
  height: 30px;
  padding: 5px 7px;
}

.table-wrap .table-head .btn, .table-head-wrap .btn {
  height: auto;
  padding: 10px 10px;
  color: #000;
  background-color: transparent;
  margin-top: 7px;
}

.no-padding-key-first {
  padding: 0;
}

.tab-pane .no-padding-key-first table tr td:first-child {
  padding-left: 0px;
}

.tab-pane .no-padding-key-first table tr td:first-child.st-key {
  padding-left: 15px;
}

.table-wrap .table-head .btn:hover {
  border-color: #B59E64;
}

.table-wrap .table-head .btn i {
  bottom: -1px;
  font-size: 120%;
  position: relative;
}

.nav-tabs li:last-child {
  border-right: none;
}

.expires {
  color: #de2130;
}

th.padding-left {
  padding-left: 15px;
}

td.padding-left {
  padding-left: 15px;
}

.table-wrap .table-head select.form-control {
  color: #000 !important;
  padding: 10px;
  width: auto;
  min-width: 80px;
  float: right;
  font-size: 90%;
  margin-top: 7px;
  box-shadow: none;
  background: url(../img/select_arrow.png) no-repeat 99% 50% #fff;
}

.table-wrap {
  background-color: none;
  width: 100%;
  display: inline-block;
}

.select-inline td {
  padding-top: 20px;
  padding-bottom: 20px;
}

.select-inline td input {
  position: relative;
  top: -3px;
}

.align-right {
  text-align: right;
}

.align-right .btn {
  margin-left: 10px;
}

/*.modal-body .form-inline {margin-top: 20px;}*/
.modal-body .form-inline .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  width: 88%;
}

.modal-body .form-inline .form-control {
  display: inline-block;
  vertical-align: middle;
  width: 99% !important;
  border: 1px solid #eee;
  box-shadow: none;
}

ul.top-menu .btn {
  border: medium none !important;
  border-radius: 4px;
  color: #1A292F;
  font-size: 20px;
  margin-top: 15px;
  padding: 0;
  background-color: transparent;
}

ul.top-menu .btn-group.open .dropdown-toggle {
  box-shadow: none;
}

ul.top-menu .btn-group.open .dropdown-toggle {
  box-shadow: none;
}

ul.top-menu .btn-group > .btn:hover,
ul.top-menu .btn-group-vertical > .btn:hover,
ul.top-menu .btn-group > .btn:focus,
ul.top-menu .btn-group-vertical > .btn:focus,
ul.top-menu .btn-group > .btn:active,
ul.top-menu .btn-group-vertical > .btn:active,
ul.top-menu .btn-group > .btn.active,
ul.top-menu .btn-group-vertical > .btn.active {
  box-shadow: none;
}

ul.top-menu .btn .fig {
  font-size: 14px;
  font-weight: bold;
}

ul.top-menu .dropdown-menu {
  background: #1A292F;
  padding: 0;
  margin-top: 11px;
}

.heading-page-div, .heading-actions-div {
  padding-left: 0px;
  padding-right: 0px;
}

.basket-information-window {
  background: rgba(254, 244, 220, 0.9) !important;
  margin-top: 27px !important;
  width: 400px;
  font-size: 12px !important;
  margin-left: -210px;
  padding-bottom: 10px !important;
}

.basket-information-window li > a {
  color: #1A292F !important;
  text-decoration: underline !important;
}

.basket-information-window li > a:hover {
  background-color: transparent !important;
}

.basket-information-window span {
  color: #D23D41 !important;
}

.basket-information-window ul {
  padding-left: 0px;
}

ul.top-menu .dropdown-menu a {
  color: #fff;
  font-size: 12px;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  padding-top: 10px;
}

ul.top-menu .dropdown-menu li:last-child a {
  border: none;
}

ul.top-menu .dropdown-menu > li > a:hover,
ul.top-menu .dropdown-menu > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #080c0e;
}

.paygrade {
  border: 1px solid #eee;
  box-shadow: none;
  float: right;
  margin-bottom: 8px;
  margin-right: 12px;
  margin-top: 8px;
  padding: 8px;
  width: 60px !important;
}

.table-submit {
  background-color: #1A292F !important;
  color: #fff !important;
  margin-bottom: 8px;
  margin-top: 8px;
  float: right;
  margin-right: 10px;
}

.st-head-row {
  padding: 10px;
}

.st-val {
  padding-left: 0 !important;
}

.resend-email {
  float: left;
  width: 100%;
  clear: both;
  padding-top: 10px;
  padding-bottom: 0px;
  margin-top: 10px;
  border-top: 1px solid #eee;
  text-align: right;
}

.resend-email a {
  color: #1A292F;
  font-size: 11px;
}

.resend-email a i {
  margin-left: 7px;
}

.resend-email-border {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}

.ds h5 {
  font-size: 12px;
}

ul.date-select {
  margin-left: 0;
  padding-left: 0;
}

ul.date-select li {
  display: inline-block;
  width: 49%;
}

.modal-body h2 {
  font-size: 16px;
  border-bottom: 1px dashed #eee;
  padding-bottom: 10px;
  margin-bottom: 20px;
  color: #1A292F;
}

.modal-body table td {
  padding-top: 5px;
  padding-bottom: 5px;
}

.modal-body table .amount {
  text-align: right;
}

.total {
  border-top: 1px solid #eee;
  padding-top: 20px;
}

.total p {
  text-align: right;
  font-weight: bold;
  font-size: 12px;
}

.total p.discount {
  color: #de2130;
}

.top-menu li a {
  cursor: pointer;
}

/* Content Highlighting */
.highlighted-spans, .highlighted-spans-schedule, .highlighted-spans-book-session {
  padding-left: 0px;
}

.highlighted-spans li {
  font-size: 11px;
  display: inline-block;
  margin: 4px 3px;
  white-space: nowrap;
}

.highlighted-spans-schedule li {
  font-size: 14px;
  display: inline-block;
  margin: 2px;
}

span.green-highlight {
  padding: 3px 7px;
  color: #fff;
  border-radius: 2px;
  background-color: #017130;
}

span.red-highlight {
  padding: 3px 7px;
  color: #fff;
  border-radius: 2px;
  background-color: #c50001;
}

span.purple-highlight {
  padding: 3px 7px;
  color: #fff;
  border-radius: 2px;
  background-color: #b7009b;
}

span.orange-highlight {
  padding: 3px 7px;
  color: #fff;
  border-radius: 2px;
  background-color: #ff9901;
}

span.grey-highlight {
  padding: 3px 7px;
  color: #fff;
  border-radius: 2px;
  background-color: #999999;
}

span.red-span {
  background-color: #c50001;
  cursor: pointer;
}

span.red-table-text {
  color: #de2130;
}

ul.charts {
  text-align: center;
  padding-left: 0px !important;
}

ul.charts li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-left: 5px;
  margin-top: 20px;
}

img.table-pic {
  padding: 5px;
}

.fa-times-circle, .fa-question-circle, .fa-info-circle {
  font-size: 17px;
}

.fa.fa-info-circle.icon-blue {
  padding: 3px;
  color: #2c63b3;
}

.fa-times-circle.icon-red {
  color: #c50001;
}

.fa-question-circle.icon-blue {
  color: #2c63b3;
}

ul.sidebar-menu i.fa {
  color: white !important;
}

/*.form-group span {
    padding-top: 22px;
}

.form-group button {
    margin-top: 22px;
}*/
table.timetable-t.i-modal-p {
  border: 1px solid #F9F6EB;
  text-align: center;
  color: #F9F6EB;
  font-weight: 600;
}

.fileUpload {
  position: relative;
  overflow: hidden;
  margin: 10px;
}

.fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

.login-wrapper {
  width: 400px;
  position: fixed;
  top: 45%;
  left: 50%;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  padding: 40px 40px 10px 40px;
  border-radius: 5px;
  background: rgba(26, 41, 47, 0.9) !important;
}
.login-wrapper a {
  color: #fff;
}

.login-wrapper img.logo-login {
  margin: 0 auto;
  display: block;
}

p.brand {
  text-align: center;
  margin-top: 65px;
  font-size: 12px;
}

.login-wrapper p.brand {
  color: #fff !important;
}

p.brandfooter {
  margin-top: 0px;
  font-size: 12px;
}

.brandfooter img {
  margin-top: -5px;
  margin-left: 5px;
  vertical-align: middle;
}

.brand img {
  margin-top: -5px;
  margin-left: 5px;
}

#sf-login-form p {
  font-size: 12.5px;
  padding-bottom: 15px;
}

.admin-login {
  width: 600px;
  margin: 0 auto;
  background-color: #fff;
  padding: 40px;
  color: #364B5F;
}

ul.table-options-key {
  padding: 0px 10px 0px 10px;
}

ul.table-options-key li {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}

ul.table-options-key button {
  margin: 10px 0px 10px 0px;
}

.form-control.sm {
  width: 100px;
}

.tab-content {
  margin-top: 10px;
}
.tab-content.modals {
  margin-top: 15px;
}

/* Bootstrap Overrides */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  cursor: default;
  background-color: #B59E64;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  border-radius: 0px;
}

.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #c5b487;
}

.nav-tabs.nav-justified > li > a {
  border-radius: 0px;
}

.nav > li > a {
  padding: 15px;
}

.panel-body, .panel-heading {
  padding: 0px;
  border-bottom: none;
}

.panel-padding {
  padding: 15px;
}

ul.book-session {
  width: 90%;
  padding: 0px;
  margin: 0px;
}

ul.book-session li {
  display: inline-block;
  width: 32%;
}

.panel.book-session {
  background-color: #eee;
  text-align: center;
}

.book-session > .panel-body {
  padding: 5px;
  min-height: auto;
}

i.setup-wizard {
  float: right;
  font-size: 1.5em;
  color: #3eb549;
}

.form-control {
  display: block;
  width: 100%;
  padding: 9px 12px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #181818;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ded4ba;
  border-radius: 4px;
  -webkit-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: #b59e64;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(199, 170, 92, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(199, 170, 92, 0.6);
}

.table > tbody > tr > td {
  vertical-align: middle;
}

/* Booking steps panels */
.panel-body {
  padding: 5px 5px;
  font-size: 14px;
  min-height: 60px;
}

.panel-body h5 {
  line-height: 28px;
}

.booking-panels, .voucher-panels {
  margin: 20px 0px;
}

.panel-voucher {
  background-color: #fff;
  border: 1px solid #DDDDDD;
  border-radius: 0px;
}

.panel-voucher.active, .panel-voucher.active:hover {
  background-color: #080c0e;
  border: 1px solid #080c0e;
  color: #fff;
  border-radius: 0px;
}

.panel-voucher:hover {
  border-radius: 0px;
  box-shadow: 0 0 1px transparent;
  border: 1px solid #000;
}

.panel-default {
  border: 1px solid #eee;
  border-top: 4px solid #45a93c;
}

.center {
  text-align: center;
}

@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}
/* 14% = 100% (full-width row) divided by 7 */
img {
  max-width: 100%;
}

label.radio-inline.control-label.first {
  padding-left: 0;
}

.pad-bot {
  margin-bottom: 10px !important;
}

.form-cust-1 {
  display: inline-block;
  width: 100%;
  max-width: 407px;
}

.form-cust-2 {
  display: inline-block;
  width: 100%;
}

.fa.fa-shopping-basket.mob-only {
  display: none;
}

.col-md-2.cust-text {
  padding-top: 9px;
  padding-left: 0px;
}

.col-md-2.cust-btn {
  padding-top: 3px;
  padding-right: 0px;
  padding-left: 5px;
}

.col-md-10.cust-text {
  padding-right: 0;
}

.row.pad-top {
  margin-top: 10px;
}

.note-editable.panel-body {
  min-height: 120px;
}

.note-editor.note-frame.panel.panel-default {
  border: 1px solid #fff;
}

.note-editor .note-editing-area .note-editable {
  border-top: 1px solid #ded4ba;
  border-right: 1px solid #ded4ba;
  border-bottom: 1px solid #ded4ba;
  border-left: 1px solid #ded4ba;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.note-toolbar.panel-heading {
  background: #ffffff;
}

.note-resizebar {
  background: #f9f9f9;
}

.note-btn.btn.btn-default.btn-sm:hover, .note-btn.btn.btn-default.btn-sm:focus, .note-btn.btn.btn-default.btn-sm:active, .note-btn.btn.btn-default.btn-sm.active, .note-btn.btn.btn-default.btn-sm.open {
  color: #fff;
  background-color: #080c0e;
  border-color: #fff;
}

.note-popover .popover-content, .panel-heading.note-toolbar {
  padding: 0 0 5px 0px;
  margin: 0;
}

.mob-hide-all {
  display: none;
}

.mail-phone {
  font-size: 19px;
  padding: 9.5px 15px;
  cursor: pointer;
  margin-left: -4px;
  width: 100%;
}
.mail-phone:hover {
  color: #fff;
}

.mail-mail {
  padding-left: 15px;
}

.bubble-title > h4 {
  margin-top: 0px;
  margin-left: 0;
}

p.time-stamp {
  text-align: right;
  font-style: italic;
  font-size: 12px;
}

.nf-content {
  border: 1px solid #e4e3e3;
  background: #fafafa;
  border-radius: 3px;
  padding-top: 15px;
  padding-left: 0;
  padding-right: 0;
}

.nf-content.dark {
  background: #F4EED9;
}

.col-md-12.post-section.dark {
  padding: 0;
  margin-top: 15px;
}

.col-md-2.player-column > img {
  width: 100%;
  max-width: 60px;
}

.col-md-2.player-column {
  text-align: center;
  height: 100%;
  overflow: hidden;
}

.col-md-10.nf-content:before {
  /*box-shadow: -2px 2px 2px -2px rgba(227, 228, 228, 1);*/
  left: -10px;
  background-color: #fafafa;
  content: "\00a0";
  display: block;
  height: 16px;
  position: absolute;
  top: 11px;
  transform: rotate(29deg) skew(-35deg);
  -moz-transform: rotate(29deg) skew(-35deg);
  -ms-transform: rotate(29deg) skew(-35deg);
  -o-transform: rotate(29deg) skew(-35deg);
  -webkit-transform: rotate(29deg) skew(-35deg);
  width: 20px;
  border-left: 1px solid #e4e3e3;
  border-bottom: 1px solid #e4e3e3;
  border-radius: 3px;
}

.col-md-10.nf-content.dark:before {
  /*box-shadow: -2px 2px 2px -2px rgba(227, 228, 228, 1);*/
  background-color: #F4EED9;
}

div.attachment {
  background-color: #B59E64;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  margin-right: 5px;
  padding: 10px;
  text-align: center;
  max-width: 132px;
  margin-bottom: 15px;
}

.outer-line {
  width: 3px;
  height: 113%;
  margin: auto;
  position: relative;
  overflow-x: hidden;
  min-height: 100px;
  overflow-y: visible !important;
}

.inner-line {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #B59E64;
  top: 3%;
}

.outer-line.small {
  width: 3px;
  height: 33%;
  min-height: 25px;
}

.outer-line.medium {
  width: 3px;
  height: 33%;
  min-height: 75px;
}

.inner-line.small {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #B59E64;
  top: 3%;
  box-shadow: 0px 0px 30px 20px grey;
}

.sidebar-section-header {
  background: #B59E64;
  color: #fff;
  overflow: hidden;
  position: relative;
}

.section-pad-outer {
  padding: 10px 10px;
  border: 1px solid #e4e3e3;
  background: #F4EED9;
  overflow: hidden;
}

.section-pad-inner.gm-review.pannel-cust {
  padding: 10px;
}

.section-pad-inner {
  border-radius: 2px;
}

.active-green {
  width: 100%;
  float: left;
  background-color: #009400;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-weight: 100;
}

.active-red {
  width: 100%;
  float: left;
  background-color: #C50002;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-weight: 100;
}

.sidebar-section-header h5 {
  width: 80%;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
}

.col-lg-12.pad-top.mt {
  margin-top: 0px;
  margin-bottom: 20px;
  padding-left: 5px;
  padding-right: 5px;
}

.col-lg-12.pad-more {
  padding-left: 20px;
}

.col-sm-4.pad-top {
  margin-top: 25px;
}

.cstm-nav {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

td.no-pad {
  padding: 0px !important;
}

.email-buttons {
  margin-bottom: 15px;
  overflow: hidden;
}

.col-lg-2.pad-more {
  text-align: right;
}

.panel-body.custom-pads {
  padding: 0;
}

.bubble-radio {
  font-size: 13px;
  padding-left: 5px;
}

.bubble-row {
  margin-top: 15px;
}

.pad-top {
  margin-top: 15px;
}

.col-xs-6 > .pad-more {
  border-right: 1px solid #e4e3e3;
  background: #F4EED9;
  border-bottom: 1px solid #e4e3e3;
  border-left: 1px solid #e4e3e3;
  border-top: 1px solid #e4e3e3;
  padding: 0px;
  text-align: center;
}
.col-xs-6 > .pad-more:hover {
  background: #B59E64;
}

.col-xs-12 > .pad-more2 {
  border-right: 1px solid #e4e3e3;
  background: #F4EED9;
  border-bottom: 1px solid #e4e3e3;
  border-left: 1px solid #e4e3e3;
  border-top: 1px solid #e4e3e3;
  padding: 0px;
  text-align: center;
}
.col-xs-12 > .pad-more2:hover {
  background: #B59E64;
}

.col-xs-12.col-sm-12.no-pad.first {
  margin-top: 5px;
}

.col-lg-10.nav-section {
  float: right;
}

.top-nav-buttons {
  overflow: hidden;
}

.underline:hover {
  text-decoration: underline;
  cursor: pointer;
}

.underline-all {
  text-decoration: underline;
}
.underline-all:hover {
  text-decoration: underline;
  color: #B59E64;
}

label.basket-amount {
  font-size: 22px;
}

label.col-xs-12.basket-title {
  background: #fff;
  margin-bottom: 0px;
  padding-top: 5px;
  border-top: 1px solid #e4e3e3;
  border-left: 1px solid #e4e3e3;
  border-right: 1px solid #e4e3e3;
}

label.col-xs-12.basket-amount {
  background: #fff;
  padding-bottom: 5px;
  border-bottom: 1px solid #e4e3e3;
  border-left: 1px solid #e4e3e3;
  border-right: 1px solid #e4e3e3;
}

.act-search.tab-content {
  margin-top: 20px;
  padding-bottom: 15px;
  margin-bottom: 0px;
  border-bottom: 3px solid #B59E64;
}

.table-modal-body {
  padding: 5px;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 0 #fff;
  opacity: .8;
  filter: alpha(opacity=20);
}

.col-xs-6.col-sm-6.first {
  padding: 0px !important;
  padding-top: 5px !important;
  margin-left: 0px;
}

.title-inline {
  display: inline-block;
  margin-top: 0;
}

.results-section {
  margin-top: 15px;
  margin-bottom: 5px;
  overflow: hidden;
}
.results-section > .col-md-6 {
  padding-left: 0px;
  padding-right: 0px;
}

.col-xs-6.col-sm-6 {
  padding: 0 0px 0 0;
  padding-top: 5px;
}

.left-pills > li > a {
  padding: 10px;
  background: #E1DCC8;
  font-weight: normal;
}

.left-pills > li.active > a, .left-pills > li.active > a:hover, .left-pills > li.active > a:focus {
  color: #fff;
  background-color: #B59E64;
}

section.padding-box {
  padding: 10px 10px 50px 10px;
  overflow: hidden;
  font-size: 13px;
}

section.padding-box-sm {
  padding: 10px 10px 10px 10px;
  overflow: hidden;
  font-size: 13px;
}

.col-md-10.no-pad {
  padding-left: 0px;
}

.baseline {
  vertical-align: text-top;
}

a.btn.baseline.margin-left {
  margin-left: -20px !important;
}

.row.head-row {
  margin-bottom: 15px;
}

.gold-button {
  background-color: #B59E64 !important;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  margin-right: 5px;
  padding: 8px 10px;
  text-align: center;
}

.gold-button:hover {
  background-color: #ad9353 !important;
  border: 1px solid #B59E64 !important;
}

.pad-top-row {
  margin-top: 5px;
}

.col-xs-12.no-pad {
  padding: 0;
}

.pad-top-nav {
  margin-top: 15px;
}

.col-sm-4.col-md-4.no-pad {
  padding-right: 10px;
}

.fwb {
  padding-right: 0px !important;
}

.btn.btn-theme.baseline {
  width: 100%;
}

.col-sm-4.col-md-4.no-pad.no-pad-right {
  padding-right: 0;
}

.p-bottom {
  padding-bottom: 15px !important;
}

.form-control.p-dates {
  max-width: 27%;
  display: inline-block;
}

.number-pad {
  display: inline-block;
  padding: 3px;
}

.form-control.p-time {
  max-width: 40%;
  display: inline-block;
}

.-m-top {
  margin-top: -15px;
}

.btn.gold-button.baseline.absol-right {
  position: absolute;
  right: 5px;
  top: 55px;
}

.m-bot {
  margin-bottom: 15px;
}

.sidebar-ref {
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
}

.no-pad-bottom {
  padding-bottom: 0;
}

.col-xs-6 > .pad-more {
  color: rgba(26, 41, 47, 0.73) !important;
}

.col-xs-6 > .pad-more:hover {
  background: #B59E64;
  color: #fff !important;
}

.col-xs-12 > .pad-more2 {
  color: rgba(26, 41, 47, 0.73) !important;
}

.col-xs-12 > .pad-more2:hover {
  background: #B59E64;
  color: #fff !important;
}

label.col-xs-12.basket-title.all {
  font-size: 18px;
  padding: 8px 15px;
}

.course-container {
  background: rgba(255, 255, 255, 0.3);
  display: block;
  position: relative;
  margin-bottom: 25px;
  font-size: 12px;
  line-height: 20px;
  padding: 0px 0px 0px 0px;
}

button.btn.btn-theme.ds-submit {
  margin-top: 4px;
}

.available {
  border-left: 10px solid #139216;
}

.basket-heading-options {
  float: right;
  font-weight: normal;
  margin-top: 9px;
  text-align: right;
}
.basket-heading-options a {
  font-size: 11px;
  color: #333;
  margin-left: 8px;
  border: 1px solid #333;
  padding: 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.basket-heading-options a:hover,
.basket-heading-options a:focus {
  background-color: #333;
  color: #fff;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.course-container .row:first-child {
  border-top: 1px solid #C7AA5C;
}

th.sub-total.basket-sub {
  text-align: right;
}
@media (max-width: 800px) {
  th.sub-total.basket-sub {
    text-align: left;
  }
}

td.sub-total.basket-sub {
  text-align: right;
}
@media (max-width: 800px) {
  td.sub-total.basket-sub {
    text-align: left;
  }
}

.course-container > .row {
  margin: 0px 0 0px 0;
  padding: 2px 0px 2px 0px;
  position: relative;
  vertical-align: middle;
  /*border-bottom: 1px solid #fff;*/
  overflow: auto;
  /*border-left: 1px solid #fff;
  border-right: 1px solid #fff;*/
  min-height: 37px;
}

.record-radio > .form-inline {
  margin-top: 5px;
}

.radio-inline.control-label.white {
  color: #fff;
}

th.qty.basket-qty {
  padding-left: 15px !important;
}

td.qty.basket-qty {
  padding-left: 15px !important;
}

.course-title {
  background: #B59E64;
}
.course-title.sub {
  background: #c7ae6e;
  min-height: 30px;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff !important;
}
.course-title.sub > div > h5 {
  font-size: 12px;
  margin-top: 7px;
  margin-bottom: 7px;
}

.course-container.no-pad-bottom {
  position: initial;
}

.fw-but {
  padding-bottom: 10px;
  padding-top: 10px;
  overflow: hidden;
  padding-right: 0px;
  background-color: #F2E9CC;
}

.course-title > div > h5 {
  margin: 2px 0;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.5px;
  margin-top: 9px;
}

.table-cog {
  margin-top: 5px;
  font-size: 16px;
}
.table-cog.sp {
  margin-top: 9px;
}

.search-col {
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}

.search-col-button {
  padding-left: 0;
  padding-right: 0;
}

.search-res-title {
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  font-size: 10.5px;
}

.available-box, .running-out-box, .no-ticket-box, .disable-box {
  background: #139216;
  color: #fff;
  border-left: 1px solid;
  border-right: 1px solid;
  padding: 3px 5px;
  border-radius: 2px;
  max-width: 65px;
  margin: 0 auto;
}

.running-out-box {
  background: #E4BA49;
}

.no-ticket-box {
  background: #D23D41;
}

.disable-box {
  background: #000;
}

.search-table > tbody > tr > td {
  text-align: center;
}

.overview-table > tbody > tr > td {
  text-align: center;
}

.top-nav-table > th {
  padding-bottom: 0px !important;
}

.no-pad-bottom {
  margin-bottom: 0px;
}

.search-table > thead > tr > th {
  border-left: 0px solid #C7AA5C;
}

.overview-table > thead > tr > th {
  border-left: 0px solid #C7AA5C;
}

th.nlb {
  border-left: none !important;
}

/*@media only screen and (max-width: 991px) {
.mob-hide-all {
    display:block;
}
}*/
.t-border-left {
  border-left: 1px solid #C7AA5C;
}

.t-border-right {
  border-right: 1px solid #C7AA5C;
}
@media (max-width: 800px) {
  .t-border-right {
    border-right: none;
  }
}

tr.over-white > td {
  background-color: #fff !important;
}

@media (max-width: 801px) {
  .top-nav-table {
    display: none;
  }
}
.table-top-title {
  display: inline-block;
}

.table-top-title.walk-up {
  position: absolute;
  left: 36%;
  font-size: 13px;
  font-weight: 700;
}

.table-top-title.online {
  position: absolute;
  left: 50%;
  font-size: 13px;
  font-weight: 700;
}

.table-top-title.groups {
  position: absolute;
  left: 67%;
  font-size: 13px;
  font-weight: 700;
}

.top-nav-table {
  height: 20px;
  background-color: #E3D7B4;
}

@media (min-width: 801px) and (max-width: 1187px) {
  .top-nav-table {
    display: none !important;
  }

  .td-no-show {
    display: none;
  }
}
.title-mob {
  display: none;
}

.mob-shows {
  display: none;
}

@media (max-width: 800px) {
  .tblm {
    border-left: 1px solid #C7AA5C;
  }

  .title-mob {
    display: inline-block;
  }

  .absol {
    display: none;
  }

  .mob-shows {
    display: block;
  }

  td.st-val.clear-item.circle-button {
    width: 100%;
    text-align: right;
  }
}
.record-radio {
  text-align: right;
  margin-top: 2px;
}
@media (max-width: 991px) {
  .record-radio {
    text-align: left;
  }
}

.absol {
  position: relative;
  height: 25px;
}

.Walk-Up {
  position: absolute;
  width: 232%;
}

.Online {
  position: absolute;
  width: 249%;
}

.Groups {
  position: absolute;
  width: 339%;
}

tr.cancelled td {
  /*text-decoration: line-through;*/
  color: #b94a48;
}
td.cancelled {
  box-shadow: inset 5px 0px 0px 0px #ccc !important;
}

.sess-time {
  position: absolute;
  width: 224%;
}

.cancel-box {
  background: #ccc;
}

tr.bkg-tan > td.bkg-tan-td {
  background-color: #E3D7B4 !important;
}

.sales {
  position: relative;
  width: 425%;
}

a.underline {
  text-decoration: underline;
}
a.underline:hover {
  color: #C7AA5C;
}

.downloads {
  background: #fff;
  margin-bottom: 15px;
  padding: 10px;
  border: 1px solid #e4e3e3;
  border-radius: 3px;
  margin-top: 10px;
  min-width: 157px;
}

.dl-icon {
  font-size: 50px;
  width: 100%;
  text-align: center;
}

.downloads:hover {
  background: #f9f9f9;
}
.downloads:hover > .dl-icon {
  color: #C7AA5C;
}
.downloads:hover > h5 {
  text-decoration: underline;
}

.opt-title {
  margin-bottom: 5px;
  display: block;
}

.record-radio > .form-inline {
  margin-top: 3px;
}

.search-section {
  padding: 0px 0px 10px 0px;
  background: #F2E9CC;
  margin-bottom: 45px !important;
}
.search-section.bottom {
  margin-bottom: 10px !important;
}

.select-add {
  overflow: hidden;
  margin-top: 15px;
}

.radio-inline-label {
  display: inline-block;
}

.radio-label {
  display: inline-block;
  padding-right: 15px;
  vertical-align: bottom;
  min-width: 135px;
}

.sess-title {
  background-color: #fff !important;
}

.sess-table {
  border: none !important;
}
.sess-table > tbody > tr > td {
  border: none !important;
}

@media (max-width: 2000px) {
  .sess-title.add {
    display: none;
  }
}
.sess-div {
  width: 20%;
  display: inline-block;
}

.mob-hide-sm {
  display: none;
}

@media (min-width: 801px) {
  .mob-hide-sm {
    display: table-row;
  }
}
.text-sess-all {
  font-size: 11px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

th.st-head-row:first-child {
  border-top: none !important;
}

.arrows-cal {
  display: inline-block;
  display: inline-block;
  font-size: 26px;
  vertical-align: super;
  color: #B59E64;
}
.arrows-cal:hover {
  color: #ad9353;
}
.arrows-cal.left {
  padding-right: 10px;
}
.arrows-cal.right {
  padding-left: 10px;
}
.arrows-cal.large {
  font-size: 40px;
  vertical-align: middle;
}

.col-xs-12.col-md-12.col-lg-12.nav-section {
  float: none;
}

.cal-section-search {
  margin-top: 20px;
}

.cal-date {
  vertical-align: bottom;
}

.cal-date > h4 {
  margin-top: 2px;
  vertical-align: baseline;
}

@media (max-width: 767px) {
  .cal-row {
    text-align: center;
  }
}

.bl {
  vertical-align: baseline;
}

.cal-arrow-pad {
  margin-right: 15px;
}

.session-details-table > tbody > tr > td {
  border: 1px solid #fff;
}

.no-border {
  background: #F9F6EB;
  border: 1px solid #F9F6EB;
}
.no-border > td {
  border: 0px !important;
}

.grey-row {
  background: #D8D8D8 !important;
}

.yellow-row {
  background: #EEE95D !important;
}

td.nblb {
  border-bottom-width: 0px !important;
  border-left-width: 0px !important;
  border-right-width: 0px !important;
}
td.nblb:last-child {
  border-right-width: 1px !important;
}
td.nblb.combi-row {
  border-top-width: 0px !important;
}

td.nbb {
  border-bottom-width: 0px !important;
}

td.nbt {
  border-top-width: 0px !important;
}

.orange-row {
  background: #DCB94E !important;
  color: #fff;
  font-weight: 600;
}

.red-row {
  background: #D23D41 !important;
  color: #fff;
  font-weight: 600;
}

.blue-row {
  background: #12ACCD !important;
  color: #fff;
  font-weight: 600;
}

.pink-row {
  background: #F0C9C2 !important;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 600;
}

.green-row {
  background: #5CB064 !important;
  color: #fff;
  font-weight: 600;
}

.must-row {
  background: #D1A81A !important;
  color: #fff;
  font-weight: 600;
}

.grey-row2 {
  background: #D8D8D8 !important;
  color: rgba(255, 255, 255, 0.5);
}

.nbl {
  border-left-width: 0px !important;
  border-right-width: 0px !important;
}
.nbl:last-child {
  border-right-width: 1px !important;
}

.cog-left-table {
  text-align: center;
}

.overview-table {
  margin-bottom: 25px !important;
}

.overview-sec.tab-content {
  margin-top: 20px;
  padding-bottom: 15px;
  margin-bottom: 0px;
  border-bottom: 0px solid #B59E64;
}

.table-cb {
  text-align: center;
}

.osh {
  position: relative;
  /*border-left: 1px solid #333;*/
}

.crazy-golf-modal > thead > tr > th {
  border-top: 0px solid #ded4ba;
}

.osh-text {
  position: absolute;
  left: -14px;
  top: -4px;
  background-color: #F9F6EB;
  z-index: 1;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.table-dash-i {
  position: absolute;
  left: -3px;
  top: 23px;
  color: #B59E64;
  font-size: 13px;
}

tr.sitting-row > th {
  line-height: 3px !important;
}

tr.timesheet-num > th {
  padding-top: 30px !important;
}

th.osh {
  top: 23px !important;
}

.overview-content {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 10px;
  left: 0;
}

.timetable-t > thead > tr > th {
  padding-bottom: 15px;
}
.timetable-t > thead > tr::after {
  position: absolute;
  /*bottom: .6em;*/
  width: 100%;
  border-bottom: solid 2px #B59E64;
  content: '';
  top: 90px;
  left: 0;
}

.timetable-t > tbody > tr > td {
  background-color: #5CB064;
}

@media (max-width: 1000px) {
  .table-container {
    width: 100%;
    overflow-y: auto;
    _overflow: auto;
    margin: 0 0 1em;
  }

  .table-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
  }

  .table-container::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, 0.3);
  }

  .table-container-outer {
    position: relative;
  }

  .table-container-fade {
    position: absolute;
    right: 0;
    width: 30px;
    height: 100%;
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0.5), #fff);
    background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0.5), #fff);
    background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0.5), #fff);
    background-image: -o-linear-gradient(0deg, rgba(255, 255, 255, 0.5), #fff);
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5), #fff);
  }
}
.overview-content.single {
  top: 10px;
}
@media (max-width: 1150px) {
  .overview-content.single {
    top: 2px;
  }
}

.ref-numb-tab {
  color: #fff;
}

.session-details-table > thead > tr > th:nth-child(3), .session-details-table > tbody > tr > td:nth-child(3) {
  width: 100px;
  text-align: left !important;
}

.session-details-table > thead > tr > th:nth-child(4), .session-details-table > tbody > tr > td:nth-child(4) {
  text-align: center !important;
}

.session-details-table > thead > tr > th:nth-child(5), .session-details-table > tbody > tr > td:nth-child(5) {
  text-align: center !important;
}

.timetable-t > thead > tr > th:nth-child(2), .timetable-t > tbody > tr > td:nth-child(2) {
  text-align: center !important;
}

.timetable-t > thead > tr > th:nth-child(3), .timetable-t > tbody > tr > td:nth-child(3) {
  text-align: center !important;
}

.form-control.venue-sel {
  min-width: 150px;
}

.session-details-table > tbody > tr > .st-head-row {
  /* padding-top: 50px !important;*/
}

.mob-vis {
  display: table-row;
  background: #F9F6EB;
  height: 70px;
}
@media (min-width: 801px) {
  .mob-vis {
    display: none;
  }
}

td.t-border-left-w, th.t-border-left-w {
  border-left: 1px solid #fff !important;
}
td.t-border-right-w, th.t-border-right-w {
  border-left: 1px solid #fff !important;
}

td.tan-c {
  background: #F4EED9 !important;
}

tr.sitting-row {
  border-left: 1px solid #fff !important;
  border-right: 1px solid #fff !important;
}

tr.sitting-row > th {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

tr.sitting-row > th {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

span.sit-text {
  text-transform: uppercase;
  color: #fff;
}

.label-w {
  width: 80px;
}

label.t-lab {
  padding-left: 2px;
  padding-right: 5px;
  vertical-align: middle;
}

@media (max-width: 611px) {
  .full-w > li {
    width: 100%;
    text-align: center;
  }
}
table.table.large-only.session-details-table.timetable-t {
  position: relative;
}

.modal-title.sp-modal {
  text-align: right;
}

.required-box {
  width: 100%;
  text-align: center;
  padding: 8px 12px;
  display: inline-block;
  font-weight: bold;
  max-width: 150px;
}
.required-box.off-white {
  background: #F9F6EB;
}
.required-box.red {
  background: #de2130;
  color: #fff;
}
.required-box.green {
  background: #139216;
  color: #fff;
}
.required-box.sm {
  font-size: 13px;
  padding: 6px 12px;
  width: 55px;
  margin-right: 10px;
}

.table-sp > thead {
  background: transparent;
}
.table-sp > tbody > tr > td {
  background-color: transparent;
  border-top: 0px solid #ded4ba;
}

.sp-pills {
  margin-top: 20px;
  border-bottom: 8px solid #B59E64;
}
.sp-pills > li {
  width: 130px;
  text-align: center;
}
@media (max-width: 1071px) {
  .sp-pills > li {
    width: auto;
  }
}
@media (max-width: 723px) {
  .sp-pills > li {
    width: 100%;
  }
}
.sp-pills > li > a {
  padding: 5px;
  border-radius: 4px 4px 0px 0px;
}

.modal-pill {
  float: right;
}

@media (max-width: 839px) {
  label.radio-inline.sp-radio {
    display: block;
  }

  label.radio-inline.sp-radio.chan {
    padding-left: 0px;
    margin-left: 0px;
  }
}
@media (max-width: 642px) {
  .col-xs-6.cal-tabs {
    width: 100%;
    float: none;
    text-align: center;
  }

  .cal-arrow-pad {
    margin-right: 0px;
  }

  .modal-pill {
    display: flex;
    justify-content: center;
    float: none;
  }
}
.admin-cal-box {
  background: #209f41;
  color: #fff;
  margin: 0;
  padding: 10px;
}

.modal-venue-act > .modal-dialog {
  width: 88%;
  margin: 0 auto;
}

.basket-details-table .clear-item .fa {
  color: #C7AA5C;
  font-size: 20px;
  margin-top: 5px;
}

.basket-details-table .clear-item {
  width: 50px;
  text-align: center;
  vertical-align: middle;
}

.sp-add-tab > tbody > tr > td {
  background: #fff !important;
}

.sp-add-tab > thead > tr > th {
  background: #F4EED9;
}

.basket-details-table .item-price, .basket-details-table .sub-total {
  text-align: right;
}

.sp-add-tab {
  border-bottom: 1px solid #ded4ba;
}

.top-buttons > .col-xs-4 {
  padding: 0px 5px;
}

.sp-btn {
  margin-top: 10px;
  width: 100%;
}

.bott-btn {
  margin-top: 39px;
  margin-bottom: 5px;
}

p.right {
  text-align: right;
  margin-top: 5px;
  margin-bottom: 3px;
}

.discount {
  color: #D23D41;
}

.discount-table > tbody > tr > td {
  background: #F9F6EB !important;
  border-top: 0px;
}

input.form-control.due-date {
  width: 100%;
}

td.amount {
  width: 130px;
}

td.due-date {
  width: 130px;
}

th.pay-now {
  text-align: right;
}

th.installment {
  width: 100px;
}

.right-text > a {
  color: #fff !important;
  margin-right: 10px;
}

label.payment-text > span {
  vertical-align: middle;
  vertical-align: -webkit-baseline-middle;
}

button#edit-terms {
  margin-right: 10px;
}

button#close-terms {
  margin-right: 10px;
}

.col-lg-12.text-right {
  clear: both;
}

.shows {
  display: block;
}

.hides {
  display: none;
}

.btn-2-right {
  display: inline;
}
@media (max-width: 526px) {
  .btn-2-right {
    float: left !important;
    display: block;
  }
}

.modal-time > thead > tr > th:nth-child(3), .modal-time > tbody > tr > td:nth-child(3) {
  width: auto !important;
}

.top-buttons > .col-xs-4:last-child {
  padding-right: 0px;
}

.save-basket {
  margin-right: 15px !important;
}

tr.voucher td {
  color: #4caf50;
}

.table-head-wrap.addition-booking {
  margin-top: 15px;
}

.col-lg-9.booking-total {
  text-align: right;
  padding-right: 10px;
  margin-top: 5px;
  font-size: 18px;
}

.col-lg-3.trans-deta {
  float: left;
}

.col-lg-3.trans-deta {
  margin-top: 10px;
}

.col-lg-12.basket-end {
  text-align: right;
  padding-right: 10px;
  margin-top: 0px;
  font-size: 18px;
}

i.fa.fa-plus.plus-vouch {
  margin-left: -11px;
  font-size: 9px;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 0px;
}

.form-group.sp-group {
  width: auto !important;
}

p.empty-p {
  line-height: 0;
  margin-bottom: 3px;
}

@media (min-width: 475px) {
  .sp-p {
    display: none;
  }
}
table.timetable-t.i-modal-p td {
  height: 37px;
}

div#modal-inception > .modal-dialog {
  max-width: 550px;
  margin-top: 30px;
}

.sch-record-ra > .form-inline {
  margin-top: 0px;
}

td.t-border-left-w.sp-b-left {
  border-left: 1px solid rgba(255, 255, 255, 0.2) !important;
}