/*==========================================================*/
/* Color */
/*==========================================================*/
:root {

  --skin-dark: #171717;
  --skin-darker: #1D2127;
  --skin-light: #2d3239;
  --skin-lighter: #555562;

  --default: #ffffff;
  --default-light: #ffffff;
  --default-dark: #f8f8f8;
  --default-darker: #c2c2c2;
  --default-border: #cccccc;
  --default-border-active: #b9b9b9;
  --default-active: rgba(190, 190, 190, 0.5);

  --primary: #f2991f;
  --primary-dark: #ba6b00;
  --primary-light: #f8cc72;

  --secondary: #6b6e74;
  --secondary-light: #818388;
  --secondary-dark: #5b5e64;
  --secondary-darker: #4b4e54;
  --secondary-border: #6c757d;
  --secondary-border-active: #5a6268;
  --secondary-active: rgba(150, 152, 157, 0.5);

  --success: #4bce87;
  --success-light: #54dc92;
  --success-dark: #44bf7c;
  --success-darker: #3caf70;
  --success-border: #41bb79;
  --success-border-active: #3fb676;
  --success-active: rgba(75, 206, 135, 0.5);

  --danger: #bf3046;
  --danger-light: #cc364d;
  --danger-dark: #b12a3e;
  --danger-darker: #ab273b;
  --danger-border: #b02a3f;
  --danger-border-active: #9b2335;
  --danger-active: rgba(191, 48, 70, 0.5);

  --warning: #f7ed7b;
  --warning-light: #fbf28b;
  --warning-dark: #ece26f;
  --warning-darker: #e6dc68;
  --warning-border: #e0d662;
  --warning-border-active: #d8ce5c;
  --warning-active: rgba(251, 242, 139, 0.5);

  --info: #3a6ae7;
  --info-light: #4c79ed;
  --info-dark: #3564de;
  --info-darker: #2c5dda;
  --info-border: #2a58d0;
  --info-border-active: #2955c9;
  --info-active: rgba(58, 106, 231, 0.5);

  --light: #d9dbe2;
  --light-light: #e5e7ee;
  --light-dark: #d3d5db;
  --light-darker: #ccced4;
  --light-border: #c7c8ce;
  --light-border-active: #c2c3c9;
  --light-active: rgba(217, 219, 226, 0.5);

  --dark: #1e2126;
  --dark-light: #262a30;
  --dark-dark: #14161a;
  --dark-darker: #000000;
  --dark-border: #262a30;
  --dark-border-active: #2f3339;
  --dark-active: rgba(30, 33, 38, 0.5);

  --grey: #e3e3e3;
  --grey-dark: #c7c5c5;

  /* Scale colors */
  --scale1: #008d7a;
  --scale2: #00bba3;
  --scale3: #63e0cb;
  --scale4: #63e0cb;

  --scale5: #0041bb;
  --scale6: #286bef;
  --scale7: #6c9bff;
  --scale8: #a9c5ff;

  --scale9: #6c00a5;
  --scale10: #902be0;
  --scale11: #bf63ff;
  --scale12: #daa7ff;

  --scale13: #b82e25;
  --scale14: #e65147;
  --scale15: #ff6f65;
  --scale16: #ffaea7;

  --scale17: #c66600;
  --scale18: #f79623;
  --scale19: #ffc33e;
  --scale20: #ffdd74;

  --scale21: #6a6e75;
  --scale22: #93969e;
  --scale23: #b3b8c4;
  --scale24: #d9dbe3;

  --scale25: #00a864;
  --scale26: #00d180;
  --scale27: #4de6a6;
  --scale28: #9bf9cd;

  --scale29: #ac9400;
  --scale30: #d5b700;
  --scale31: #e8d400;
  --scale32: #f9ec66;

  --scale33: #d01842;
  --scale34: #f34069;
  --scale35: #ff7e95;
  --scale36: #ffbacd;

  --scale37: #c54e18;
  --scale38: #f2723e;
  --scale39: #ff9a72;
  --scale40: #ffc8b0;

  /* Brand colors */
  --brand-orange-light: #ffc65a;
  --brand-orange: #f2991f;
  --brand-orange-dark: #ba6b00;

  --brand-ocean-light: #85ddcc;
  --brand-ocean: #0cb7a3;
  --brand-ocean-dark: #068b7b;

  --brand-blue-light: #769af8;
  --brand-blue: #3a6ae7;
  --brand-blue-dark: #0040b4;

  --brand-purple-light: #b268fd;
  --brand-purple: #8533d8;
  --brand-purple-dark: #62019f;

  --brand-red-light: #f2786b;
  --brand-red: #d55b4e;
  --brand-red-dark: #aa3a2e;

}

.hide {
  display: none;
}

/* Add here all your CSS customizations */
.notifications-list ul {
    overflow: auto;
    max-height: 200px;
}
select.select2 {
    height: calc(2.4375rem - 1px) !important;
}
/*==========================================================*/
/* Guide */
/*==========================================================*/
.guide {
  text-align: center;
  margin: 14px 0 24px 0;
}
.guide h4 {
  color: #000;
}
.guide span, .guide_number {
  text-align: center;
  display: inline-block;
  background: #FFF;
  color: #f2991f;
  border: 2px solid #CCC;
  border-color: #f2991f;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  line-height: 32px;
  font-size: 22px;
  font-weight: 700;
  border-width: 4px;
}
html.dark .guide span {
  background: #2e353e;
}
.guide-step-explanation {
  color: #000;
}


/*==========================================================*/
/* Calendar */
/*==========================================================*/

.cardbox-body {
  overflow-x: auto;
  overflow-y: hidden;
}
.calendar-list table {
  border: 1px rgba(162, 162, 162, 0.16) solid;
}
.calendar table thead th {
  width: 14.27%;
  font-weight: bold;
  border: 1px rgba(162, 162, 162, 0.16) solid;
  text-align: center;
}
.calendar table tbody td {
  width: 14.27%;
  height: 150px;
  background-color: #ffffff;
  border: 1px #e9ecef solid !important;
  font-size: 12px;
  vertical-align: top;
  padding-top: 25px;
  padding: 25px 5px 5px 5px !important;
}
.dark .calendar table tbody td {
  background-color: #2e353e;
  border: 1px #262b33 solid !important;
}
.calendar .cardbox .cardbox-body,
.calendar .card .card-body {
    position: relative;
    padding: 16px;
}
.calendar table tbody td .btn,
.calendar table tbody td .availability-element {
  height: 30px;
  margin-right: 40px;
  font-size: 11px;
  display: block;
  padding: 2px;
  padding-left: 4px;
  text-align: left;
  margin-bottom: 2px;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.calendar table tbody td .btn span {
  max-width: inherit !important;
  position: absolute;
}
.calendar table tbody td .day {
  position: relative;
  z-index: 2;
  color: #333;
  font-weight: normal;
  height: 30px;
  padding-left: 11px;
  padding-top: 4px;
  width: 30px;
  float: right;
  margin-right: 10px;
  margin-top: -20px;
  z-index: 999;
}
.dark .calendar table tbody td .day {
  color: #ccc;
}
.calendar table tbody td .day:hover {
  text-decoration: underline;
}
.calendar .unselectable {
	background-color: #F3F3F3;
}
.calendar .weekend {
	background-color: #F9F9F9;
}
.calendar .weeknumber {
	color: #aaa;
  font-size: 11px;
  position: relative;
  top: -25px;
  left: 0;
}
.dark .calendar .weeknumber {
  color: #888;
}
.calendar .today .day span {
  color: #FFF;
	background-color: #0088cc;
  border-radius: 50%;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
  height: 30px;
  width: 30px;
  display: table;
}
.calendar .today .day:hover {
  text-decoration: none;
}
.calendar .today .day:hover span {
  background-color: #0099e6;
}
.calendar .date {
  position: absolute;
  width: 90%;
  height: 90%;
  z-index: 1;
}
.calendar-list table tbody td {
  vertical-align: top !important;
  height: auto !important;
  padding: 10px !important;
}
.calendar-element-container {
  display: none;
}
.calendar-element .btn {
  font-size: 9px !important;
  width: 100% !important;
  overflow-x: hidden !important;
}
.calendar-element .btn span {
  width: 200px;
}
.calendar-element .btn .fas {
  margin-right: 5px;
}
.table-calendar .day {
  cursor: pointer;
}

@media (max-width: 768px) {
  .calendar table thead,
  .weeknumber,
  .calendar .unselectable {
    display: none;
  }
  .calendar table tbody td {
    min-width: 100% !important;
    height: 100% !important;
    font-size: 80% !important;
    display: block;
    padding-top: 0px !important;
  }
  .calendar table tbody td .day {
    width: 100% !important;
    margin-right: 0px;
    float: none;
    height: 20px !important;
    padding-left: 0px !important;
    text-align: center;

  }
  .calendar table tbody td .day div {
    display: inline-block;
  }
  .calendar .date {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .calendar .today .day {
    color: #0088cc !important;
  }
  .calendar .today_btn {
    float: right;
    margin-right: 0 !important;
  }
}
@media (min-width: 769px) {
  .calendar .month, .calendar .view,
  .calendar-list .month
   {
    max-width: 120px;
    display: inline-block !important;
  }
  .calendar .view,
  .calendar-list .view {
    max-width: 150px;
    display: inline-block !important;
  }
}

@media (max-width: 990px) {
  .calendar table tbody td {
    min-width: 14.2%;
    height: 60px;
    font-size: 80% !important;
  }
  .calendar table thead th {
    font-weight: 400;
    font-size: 80%;
  }
}

/**
 * Tables - Datatables
 */
.dataTables_wrapper {
  clear: both; }

.dataTables_filter {
  text-align: center; }
@media only screen and (min-width: 768px) {
  .dataTables_filter {
    float: right; } }
.dataTables_filter label > em {
  color: inherit; }
.dataTables_filter input {
  border: 1px solid rgba(160, 160, 160, 0.25);
  margin-left: 10px;
  padding: 0.25rem .5rem;
  background-color: transparent;
  color: inherit; }

.dataTables_length {
  text-align: center; }
@media only screen and (min-width: 768px) {
  .dataTables_length {
    float: left;
    margin-bottom: 2rem; } }
.dataTables_length select {
  border: 1px solid rgba(160, 160, 160, 0.25);
  margin-right: 10px;
  padding: 0.25rem .5rem;
  background-color: transparent;
  color: inherit; }

.dt-buttons {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.dataTables_info {
  text-align: center;
  padding-top: .75rem;
}

.dataTables_filter label  {
  display: flex;
  align-items: center;
}

.dataTables_wrapper .dataTables_filter input {
  width: auto !important;
}

@media only screen and (min-width: 768px) {
  .dataTables_info {
    float: left; } }

.dataTables_wrapper .dataTables_paginate {
  text-align: center;
  padding-top: 0.25rem; }

@media only screen and (min-width: 768px) {
  .dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right; }
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  display: inline-block;
  padding: 0.25rem .7rem;
  margin-left: .1rem;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  color: #777;
  border: none;
  border-radius: 1px; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #fff;
  border: 1px solid var(--primary);
  background-color: var(--primary); }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #777;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none; }

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #fff;
  background-color: var(--primary); }

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: var(--primary); }

.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em; }

.graph-table {
  display: table;
  margin-bottom: 0;
}

.panel-footer .dataTables_length {
  margin-left: 10.5px;
}

.panel-footer .dataTables_filter {
  margin-right: 10.5px;
}

.dataTables_info {
  margin-left: 20px;
  margin-top: 10px;
}

.dataTables_filter #search {
  border-radius: 6px;
}

.dataTables_paginate {
  margin-right: 20px;
  margin-top: 10px;
}

.dataTables_wrapper {
  overflow-y: auto;
  padding-bottom: 10px;
}
.dataTables_length {
  margin-bottom: 16px;
}
.dataTables_length label {
  margin-bottom: 0;
}
.dataTables_info {
  padding-bottom: 0 !important
}

ul.nav-main li.nav-parent > a:after {
  font-family: 'Font Awesome 5 Pro';
}
ul.nav-main li.nav-active > a {
    color: #0088CC;
}

.nav-tabs.custom-nav-tabs li .nav-link.active {
    border-top: 3px solid #0088CC;
}

#blockUI .overlay {
  color: #fff!important;
}

/* Img upload  */

.gln-upload-input {
	position: relative;
	margin-bottom: 16px;
}
.gln-upload-img {
	position: absolute;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	cursor: pointer;
}
.gln-upload-thumb {
	width: 100%;
	height: 100%;
	border-radius: 4px;
}

.dataTables_length select {
  padding-right: 2em !important;
  border-radius: 0px;
}

.logo {
  display: flex;
  align-items: center;
  justify-content: center
}
.logo span {
  font-size: 22px;
  color: #A9CE61;
  text-transform: uppercase;
  font-weight: 300;
  padding-left: 10px;
}

canvas {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.chart-container {
  min-height: 400px;
  position: relative;
}

.chart-container.medium {
  max-height: 300px;
  min-height: 300px;
}

.chart-container.small {
  max-height: 200px;
  min-height: 200px;
}