﻿/*--------------Colors--------------*/
/* Primary */
/* Secondary */
/* Success */
/* Info */
/* Warning */
/* Danger */
/* Light */
/* Dark */
/* Link */
/* Accent */
/* Indigo */
/*--------------Colors--------------*/
/*--------------Button--------------*/
/*--------------Button--------------*/
/*--------------Navbar--------------*/
/*--------------Navbar--------------*/
/*--------------Checkbox/Radio--------------*/
/*--------------Checkbox/Radio--------------*/
/*--------------Switch--------------*/
/*--------------Switch--------------*/
/*--------------Panel--------------*/
/*--------------Panel--------------*/
/*--------------Task--------------*/
/*--------------Task--------------*/
/*--------------Event--------------*/
/*--------------Event--------------*/
/*--------------Series--------------*/
/*--------------Series--------------*/
/*--------------Other--------------*/
/*--------------Other--------------*/
/*--------------Grid--------------*/
/*--------------Grid--------------*/
/* ======================================================================== */
/* Extension for kendo like custom button colors */
/* ======================================================================== */
/*------------------------------------------------------------------------*/
/* variables */
/* Extension for kendo like custom button colors */
/* ------------------------------------------------------------------------ */
/* Kendo Primary Button */
.k-button.k-primary {
  color: #fff;
  background-color: #313045;
  border-color: #313045;
}

.k-button.k-primary:hover, .k-button.k-primary.k-state-hover, .k-action-buttons .k-primary:hover {
  color: #fff;
  background-color: #413f5c;
  border-color: #413f5c;
}

.k-button.k-primary:active, .k-button.k-primary.k-state-active, .k-button.k-primary.k-state-selected {
  color: #fff;
  background-color: #313045;
  border-color: #313045;
}

.k-button.k-primary:focus, .k-button.k-primary.k-state-focused {
  box-shadow: 0 0 0 3px rgba(49, 48, 69, 0.5);
}

.k-button.k-outline.k-primary {
  border-color: currentColor;
  color: #313045;
  background: none;
  box-shadow: none;
}

.k-button.k-outline.k-primary:hover, .k-button.k-outline.k-primary.k-state-hover {
  border-color: #313045;
  color: #fff;
  background-color: #313045;
}

.k-button.k-outline.k-primary:focus, .k-button.k-outline.k-primary.k-state-focused {
  box-shadow: 0 0 0 3px rgba(49, 48, 69, 0.5);
}

.k-button.k-outline.k-primary:active, .k-button.k-outline.k-primary.k-state-active {
  border-color: #313045;
  color: #fff;
  background-color: #313045;
}

.k-button.k-outline.k-primary.k-state-selected {
  border-color: #313045;
  color: #fff;
  background-color: #313045;
}

/* ------------------------------------------------------------------------ */
/* Kendo Secondary Button */
.k-button.k-secondary {
  color: #212529;
  background-color: #e4e4e4;
  border-color: #e4e4e4;
}

.k-button.k-secondary:hover, .k-button.k-secondary.k-state-hover, .k-action-buttons .k-secondary:hover {
  color: #212529;
  background-color: #cbcbcb;
  border-color: #c4c4c4;
}

.k-button.k-secondary:active, .k-button.k-secondary.k-state-active, .k-button.k-secondary.k-state-selected {
  color: #212529;
  background-color: #e4e4e4;
  border-color: #e4e4e4;
}

.k-button.k-secondary:focus, .k-button.k-secondary.k-state-focused {
  box-shadow: 0 0 0 3px rgba(228, 228, 228, 0.5);
}

.k-button.k-outline.k-secondary {
  border-color: #e4e4e4;
  color: #333;
  background: none;
  box-shadow: none;
}

.k-button.k-outline.k-secondary:hover, .k-button.k-outline.k-secondary.k-state-hover {
  border-color: #e4e4e4;
  color: #212529;
  background-color: #e4e4e4;
}

.k-button.k-outline.k-secondary:focus, .k-button.k-outline.k-secondary.k-state-focused {
  box-shadow: 0 0 0 3px rgba(228, 228, 228, 0.5);
}

.k-button.k-outline.k-secondary:active, .k-button.k-outline.k-secondary.k-state-active {
  border-color: #e4e4e4;
  color: #212529;
  background-color: #e4e4e4;
}

.k-button.k-outline.k-secondary.k-state-selected {
  border-color: #e4e4e4;
  color: #212529;
  background-color: #e4e4e4;
}

/* ------------------------------------------------------------------------ */
/* Kendo Dark Button */
.k-button.k-dark {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

.k-button.k-dark:hover, .k-button.k-dark.k-state-hover, .k-action-buttons .k-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.k-button.k-dark:active, .k-button.k-dark.k-state-active, .k-button.k-dark.k-state-selected {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

.k-button.k-dark:focus, .k-button.k-dark.k-state-focused {
  box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5);
}

.k-button.k-outline.k-dark {
  border-color: currentColor;
  color: #212529;
  background: none;
  box-shadow: none;
}

.k-button.k-outline.k-dark:hover, .k-button.k-outline.k-dark.k-state-hover {
  border-color: #212529;
  color: #fff;
  background-color: #212529;
}

.k-button.k-outline.k-dark:focus, .k-button.k-outline.k-dark.k-state-focused {
  box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5);
}

.k-button.k-outline.k-dark:active, .k-button.k-outline.k-dark.k-state-active {
  border-color: #212529;
  color: #fff;
  background-color: #212529;
}

.k-button.k-outline.k-dark.k-state-selected {
  border-color: #212529;
  color: #fff;
  background-color: #212529;
}

/* ------------------------------------------------------------------------ */
/* Kendo Light Button */
.k-button.k-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.k-button.k-light:hover, .k-button.k-light.k-state-hover, .k-action-buttons .k-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.k-button.k-light:active, .k-button.k-light.k-state-active, .k-button.k-light.k-state-selected {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.k-button.k-light:focus, .k-button.k-light.k-state-focused {
  box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5);
}

.k-button.k-outline.k-light {
  border-color: #f8f9fa;
  color: #333;
  background: none;
  box-shadow: none;
}

.k-button.k-outline.k-light:hover, .k-button.k-outline.k-light.k-state-hover {
  border-color: #f8f9fa;
  color: #212529;
  background-color: #f8f9fa;
}

.k-button.k-outline.k-light:focus, .k-button.k-outline.k-light.k-state-focused {
  box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5);
}

.k-button.k-outline.k-light:active, .k-button.k-outline.k-light.k-state-active {
  border-color: #f8f9fa;
  color: #212529;
  background-color: #f8f9fa;
}

.k-button.k-outline.k-light.k-state-selected {
  border-color: #f8f9fa;
  color: #212529;
  background-color: #f8f9fa;
}

/* ------------------------------------------------------------------------ */
/* Kendo Info Button */
.k-button.k-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.k-button.k-info:hover, .k-button.k-info.k-state-hover, .k-action-buttons .k-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}

.k-button.k-info:active, .k-button.k-info.k-state-active, .k-button.k-info.k-state-selected {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.k-button.k-info:focus, .k-button.k-info.k-state-focused {
  box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5);
}

.k-button.k-outline.k-info {
  border-color: currentColor;
  color: #17a2b8;
  background: none;
  box-shadow: none;
}

.k-button.k-outline.k-info:hover, .k-button.k-outline.k-info.k-state-hover {
  border-color: #17a2b8;
  color: #fff;
  background-color: #17a2b8;
}

.k-button.k-outline.k-info:focus, .k-button.k-outline.k-info.k-state-focused {
  box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5);
}

.k-button.k-outline.k-info:active, .k-button.k-outline.k-info.k-state-active {
  border-color: #17a2b8;
  color: #fff;
  background-color: #17a2b8;
}

.k-button.k-outline.k-info.k-state-selected {
  border-color: #17a2b8;
  color: #fff;
  background-color: #17a2b8;
}

/* ------------------------------------------------------------------------ */
/* Kendo Warning Button */
.k-button.k-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.k-button.k-warning:hover, .k-button.k-warning.k-state-hover, .k-action-buttons .k-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}

.k-button.k-warning:active, .k-button.k-warning.k-state-active, .k-button.k-warning.k-state-selected {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.k-button.k-warning:focus, .k-button.k-warning.k-state-focused {
  box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5);
}

.k-button.k-outline.k-warning {
  border-color: currentColor;
  color: #ffc107;
  background: none;
  box-shadow: none;
}

.k-button.k-outline.k-warning:hover, .k-button.k-outline.k-warning.k-state-hover {
  border-color: #ffc107;
  color: #212529;
  background-color: #ffc107;
}

.k-button.k-outline.k-warning:focus, .k-button.k-outline.k-warning.k-state-focused {
  box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5);
}

.k-button.k-outline.k-warning:active, .k-button.k-outline.k-warning.k-state-active {
  border-color: #ffc107;
  color: #212529;
  background-color: #ffc107;
}

.k-button.k-outline.k-warning.k-state-selected {
  border-color: #ffc107;
  color: #212529;
  background-color: #ffc107;
}

/* ------------------------------------------------------------------------ */
/* Kendo Danger Button */
.k-button.k-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.k-button.k-danger:hover, .k-button.k-danger.k-state-hover, .k-action-buttons .k-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

.k-button.k-danger:active, .k-button.k-danger.k-state-active, .k-button.k-danger.k-state-selected {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.k-button.k-danger:focus, .k-button.k-danger.k-state-focused {
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5);
}

.k-button.k-outline.k-danger {
  border-color: currentColor;
  color: #dc3545;
  background: none;
  box-shadow: none;
}

.k-button.k-outline.k-danger:hover, .k-button.k-outline.k-danger.k-state-hover {
  border-color: #dc3545;
  color: #fff;
  background-color: #dc3545;
}

.k-button.k-outline.k-danger:focus, .k-button.k-outline.k-danger.k-state-focused {
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5);
}

.k-button.k-outline.k-danger:active, .k-button.k-outline.k-danger.k-state-active {
  border-color: #dc3545;
  color: #fff;
  background-color: #dc3545;
}

.k-button.k-outline.k-danger.k-state-selected {
  border-color: #dc3545;
  color: #fff;
  background-color: #dc3545;
}

/* ------------------------------------------------------------------------ */
/* Kendo Success Button */
.k-button.k-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.k-button.k-success:hover, .k-button.k-success.k-state-hover, .k-action-buttons .k-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}

.k-button.k-success:active, .k-button.k-success.k-state-active, .k-button.k-success.k-state-selected {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.k-button.k-success:focus, .k-button.k-success.k-state-focused {
  box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5);
}

.k-button.k-outline.k-success {
  border-color: currentColor;
  color: #28a745;
  background: none;
  box-shadow: none;
}

.k-button.k-outline.k-success:hover, .k-button.k-outline.k-success.k-state-hover {
  border-color: #28a745;
  color: #fff;
  background-color: #28a745;
}

.k-button.k-outline.k-success:focus, .k-button.k-outline.k-success.k-state-focused {
  box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5);
}

.k-button.k-outline.k-success:active, .k-button.k-outline.k-success.k-state-active {
  border-color: #28a745;
  color: #fff;
  background-color: #28a745;
}

.k-button.k-outline.k-success.k-state-selected {
  border-color: #28a745;
  color: #fff;
  background-color: #28a745;
}

/* ------------------------------------------------------------------------ */
/* Kendo Link Button */
.k-button.k-link {
  color: #007bff;
  background-color: transparent;
  border: 0;
}

.k-button.k-link:hover, .k-button.k-link.k-state-hover, .k-action-buttons .k-link:hover {
  color: #0056b3;
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}

.k-button.k-link:active, .k-button.k-link.k-state-active, .k-button.k-link.k-state-selected {
  text-decoration: underline;
  border-color: transparent;
  box-shadow: none;
}

.k-button.k-link:focus, .k-button.k-link.k-state-focused {
  text-decoration: underline;
  border-color: transparent;
  box-shadow: none;
}

.k-button.k-link:disabled, .k-button.k-link.disabled {
  color: #6c757d;
}

/*Calendar*/
.calendar table.month th.month-title {
  background-color: #313045 !important;
  color: #fff;
  padding: 12px;
  font-weight: 400;
}

.calendar .calendar-header .year-title:not(.year-neighbor):not(.year-neighbor2) {
  border-bottom: 2px solid #313045 !important;
}
