/* ============================================
    Variables
============================================== */
:root {
    --warning: #fb6340;
    --light: #ffffff;
    --dark: #000000;
}

.page-item.active .page-link {
    background-color:  var(--warning);
    border-color: var(--warning);
}

/* ============================================
    Input Fields
============================================== */

/* Input Fields */
.form-control:focus {
    border-color: var(--warning);
}
/* Checkboxes */
.custom-toggle input:checked + .custom-toggle-slider:after {
    color: var(--warning);
}
.custom-toggle input:checked + .custom-toggle-slider {
    border-color: var(--warning);
}
.custom-toggle input:checked + .custom-toggle-slider:before {
    background: var(--warning);
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--warning);
    background: var(--warning);
}

/* ============================================
    Editor
============================================== */
/* Toolbar Buttons */
.note-editor .note-btn {
    background: var(--warning);
    border-color: var(--warning);
}

/* Modal Button */
.note-modal .note-btn-primary {
    background: var(--warning);
    border-color: var(--warning);
}

.note-modal kbd {
    background-color: var(--warning);
}

/* ============================================
    Date Picker
============================================== */
.picker__select--month, .picker__select--year {
    padding: 0;
}

/*=============================================
    Sidebar & Dropdowns
===============================================*/
.navbar-vertical .navbar-nav .nav-link[data-toggle='collapse'][aria-expanded='true']:after {
    color: #fb6340;
}

/*=============================================
    Scrollbar
===============================================*/
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--light); 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--warning); 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--dark); 
}

.hidden-msg {
    display: none;
}