body {
  font-size: 14px;
}

h5 {
	color: #255f8e !important;
}

.main-header-top>.navbar {
    background-color: #255f8e;
}

.main-sidebar {
	background-color: #3e4e6b;
}
.nav-level {
  color: #76aedc;
  border-top: 1px solid #2b364a;
}

.sidebar .user-panel {
  padding: 25px;
  background-image: none;
  background-color: #2b364a;
}    
.sidebar-menu>li>a {
	color: #fff;
	background-color: #3e4e6b;
}
.sidebar-menu>li.active>a {
  color: #fff;
  background-color: #255f8e;
}
.sidebar-menu .treeview-menu {
  background: #3e4e6b;
}
.sidebar-menu .treeview-menu>li>a {
    color: #fff;
}

/* ================================================================== */

.da-navbar-logo {
  position: fixed;
  top: 8px;
  left: 50%;
  margin-left: -85px;
}

/* Dropdown menu DanceAdmin */
.dropdown-menu-da {
	right: 0 !important;
	left: unset !important;
}
.dropdown-menu-da a:hover {
  background-color: #FFF7EA;
}

/* -------- */
/*  COLORS  */
/* -------- */
.da-orange, .da-purple a:hover {
  color: #f57c00 !important;
}
.form-control {
  background-color: #F7F7F7;
}
.form-control:focus {
  background-color: #FFF7EA;
}

.da-disable {
	border-color: #e6e6e6;
  color: #e6e6e6;
}
.da-disable:hover {
	border-color: #e6e6e6;
	background-color: #e6e6e6;
  color: #fff;
}

.da-mini-button {
	padding: .100rem .25rem; 
	font-size:10px;
}

.card-block-row {
	padding: 1.25rem;
	padding-bottom: .25rem;
	border-bottom: 1px solid rgba(0,0,0,.125);
}

/* -------------- */
/*  BASIC-WIDGET  */
/* -------------- */
.basic-widget-da {
  background-color: #fff;
  border: 1px #f57c00 solid !important;
  padding-top: 0px;
  padding-bottom: 0px;
}
.basic-widget-da i {
  background-color: #f57c00;
  color: #fff; 
}
.basic-widget-da-green {
  background-color: #fff;
  border: 1px #4CAF50 solid !important;
  padding-top: 0px;
  padding-bottom: 0px;
}
.basic-widget-da-green i {
  background-color: #4CAF50;
  color: #fff; 
}
/* Spectrum settings */
.sp-replacer {
  border: 1px solid #ced4da;
  padding-top: 7px;
  height: calc(2.25rem + 2px);
  border-radius: .25rem;    
}
.sp-preview {
 height: 22px;
}

/* -------- */
/*  NAVBAR  */
/* -------- */
.main-header {
  padding: 10px;
}
.main-header-top > .navbar {
  margin-left: 0;
}
.main-header-top .navbar .logout-button {
  color: #fff;
  opacity: 0.9;
  float: right;
  padding: 15px;
  font-family: fontAwesome;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  max-height: 50px;  
}

label {
	text-transform: none;
}

.navbar-disabled {
	color:#ccc !important;
}

.common-da-img-bg1 {
  background: url(/frontend/images/danceadmin_background1.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  
}
.common-da-img-bg2 {
  background: url(/frontend/images/danceadmin_background2.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  
}
.common-da-img-bg3 {
  background: url(/frontend/images/danceadmin_background3.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  
}

.danceadmin-login {
  background-color: #2B2B2B !important;
}

tr.select-row {
  cursor: pointer !important;
}
tr.row-select {
  cursor: pointer !important;
}

/* DATEPICKER */
.ui-widget-header {
  border: 1px solid #eeeeee;
  background-color: #f57c00;
  color: #ffffff;
  font-weight: bold;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #3B013B;
  background-color: #5F015F;
  font-weight: normal;
  color: #ffffff;
}
.ui-datepicker-prev {
  padding:0;
  margin: 0;
  color: #ffffff;
}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus {
	border: 1px solid #ffffff;
	background: #f57c00;
	font-weight: normal;
	color: #ffffff !important;
}

/* STUDENT TABS */
.student-tabs .md-tabs .nav-item {
  background-color: #fff;
  width: calc(100% / 3);
  text-align: left;
  margin-bottom: 0;
}
.student-tabs .md-tabs .nav-item a {
  padding: 0 0 20px 0 !important;
}
.student-tabs .nav-tabs {
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 1.25rem;
}
.nav-student-nr {
  display: block;
  padding: 5px 0 38px 0 !important;
  border-bottom: 1px solid #dee2e6;
}

/* GENERAL TABS */
.general-tabs .md-tabs .nav-item {
  background-color: #fff;
  text-align: left;
  margin-bottom: 0;
}
.general-tabs .md-tabs .nav-item a {
  padding: 0 0 20px 0 !important;
}
.general-tabs .nav-tabs {
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 1.25rem;
}

/* FORM-VALIDATION */
.required-label {
  position  : absolute;
  color     : #f57c00;
  font-size : 6px;
  margin    : 2px 0 0 5px;
  padding   : 0;
}
.form-error {
  color     : #f57c00;
  font-size : 11px; 
}

/* ----------- */
/*  DATATABLE  */
/* ----------- */
table.dataTable { margin-top: 0 !important; margin-bottom: 20px !important; border-collapse: collapse !important; }
div.dataTables_wrapper div.dataTables_paginate { float: right; } 
div.dataTables_wrapper table tbody tr:hover { background-color: #FFF7EA; cursor: pointer; }
.dataTables_paginate .page-link:hover { background-color: #FFF7EA; }

/* CALENDAR */
tr:first-child > td > .fc-day-grid-event {
	padding-left: 0;
}
.fc-header-toolbar h2 {
	color: #5F015F;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;	  
}

dt  {
	margin: 0px; padding: 0px;
  display: inline-block;
  width: 50%;
}

dd {
	margin: 0px; padding: 0px;
	display: inline-block;  
	width: 50%;
}

.class-da-info td {
	padding: 8px 10px;
}
.class-da-info tr.da-row-header {	
	border-bottom :1px solid #ccc;	
}
.class-da-info tr.da-row-header td {	
	padding: 10px; 	
}
.class-da-info tr.da-row-footer {	
	border-top :1px solid #ccc;
}
.class-da-info tr.da-row-footer td {	
	padding: 10px;
}

/* PAYMENT PROVIDER */
.payment-provider {
	margin-left: 20px;
	color: #cdcdcd;
}

/* TOGGLE SWITCH */
.da_toggle input[type=checkbox]{ margin:0; padding:0; height: 0; width: 0; visibility: hidden; float:left; }
.da_toggle label { cursor: pointer; text-indent: -9999px; width: 45px; height: 24px; background: #b4b4b4; display: block; border-radius: 24px; position: relative; margin-bottom: 15px; }
.da_toggle label:after { content: ''; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background: #fff; border-radius: 20px; transition: 0.2s; }
.da_toggle input:checked + label { background: #8cae26; }
.da_toggle input:checked + label:after { left: calc(100% - 2px); transform: translateX(-100%); }
.da_toggle label:active:after { width: 32px; }
/* END: TOGGLE SWITCH */

/* TOGGLE SWITCH SETTING */
.da_toggle_setting { color: #5F015F; }
.da_toggle_setting input[type=checkbox]{ margin:0; padding:0; height: 0; width: 0; visibility: hidden; float:left; }
.da_toggle_setting label { cursor: pointer; text-indent: -9999px; width: 45px; height: 24px; background: #b4b4b4; display: block; border-radius: 24px; position: relative; margin-bottom: 15px; }
.da_toggle_setting label:after { content: ''; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background: #fff; border-radius: 20px; transition: 0.2s; }
.da_toggle_setting input:checked + label { background: #5F015F; }
.da_toggle_setting input:checked + label:after { left: calc(100% - 2px); transform: translateX(-100%); }
.da_toggle_setting label:active:after { width: 32px; }
/* END: TOGGLE SWITCH ARCHIVE*/

/* TOGGLE SWITCH ARCHIVE*/
.da_toggle_archive { color: #f57c00; }
.da_toggle_archive input[type=checkbox]{ margin:0; padding:0; height: 0; width: 0; visibility: hidden; float:left; }
.da_toggle_archive label { cursor: pointer; text-indent: -9999px; width: 45px; height: 24px; background: #b4b4b4; display: block; border-radius: 24px; position: relative; margin-bottom: 15px; }
.da_toggle_archive label:after { content: ''; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background: #fff; border-radius: 20px; transition: 0.2s; }
.da_toggle_archive input:checked + label { background: #f57c00; }
.da_toggle_archive input:checked + label:after { left: calc(100% - 2px); transform: translateX(-100%); }
.da_toggle_archive label:active:after { width: 32px; }
/* END: TOGGLE SWITCH ARCHIVE*/

@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
    overflow: hidden;
  }
}