// This is for the dark version

/*============================================================== 
 Common changes done in the variable.scss 
 ============================================================== */
html body{
.page-titles, .footer, .footable-odd, .footable .pagination li.disabled a, .mega-dropdown .nav-accordion .card-header, .myadmin-dd .dd-list .dd-item .dd-handle, 
.myadmin-dd-empty .dd-list .dd3-content, .myadmin-dd-empty .dd-list .dd3-handle, .page-item.disabled .page-link, .daterangepicker td.off, .daterangepicker td.off, .dropify-wrapper input, .jsgrid-row>.jsgrid-cell, .jsgrid-filter-row>.jsgrid-cell {
    background: $gray-100;      
}

select, .fc-button, .footable .pagination li a, .dropzone, .page-link, .breadcrumb, .bootstrap-switch .bootstrap-switch-label, .grid-stack-item-content, 
.fileinput .input-group-addon, .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single, .select2-dropdown,
.bootstrap-tagsinput, .ms-container .ms-selectable, .ms-container .ms-selection, .daterangepicker .calendar-table, .dropify-wrapper, .wizard-content .wizard.wizard-circle>.steps .step,
.wizard-content .wizard>.steps .step, .note-editor.note-frame .note-editing-area .note-editable, .jsgrid-header-row>.jsgrid-header-cell, .jsgrid-grid-header, .jsgrid-alt-row>.jsgrid-cell { 
    background: $gray-200;          
}
    .bootstrap-switch .bootstrap-switch-label, .list-group-item, .select2-container--default .select2-selection--single .select2-selection__rendered, .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection, select{  
        color:$gray-500;  
    }  
} 

/*============================================================== 
 Card background  
 ============================================================== */
html body{
.fc-day, .btn-outline-secondary, .customvtab .tabs-vertical li .nav-link.active, .customvtab .tabs-vertical li .nav-link:hover, .customvtab .tabs-vertical li .nav-link:focus, .form-control-line .form-control, .floating-labels .form-control{ 
     background:$card-bg;   
}
} 
/*============================================================== 
 borders  
 ============================================================== */
html body{
.calendar-events:hover, .footable .pagination li.disabled a, .footable .pagination li a, .dropzone, ul.wysihtml5-toolbar, .tabcontent-border, .bootstrap-switch,
.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single, .bootstrap-tagsinput, .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection, .ms-container .ms-list, .daterangepicker .calendar-table, .dropify-wrapper, .jsgrid-cell, .jsgrid-edit-row>.jsgrid-cell, .jsgrid-filter-row>.jsgrid-cell, .jsgrid-grid-body, .jsgrid-grid-header, .jsgrid-header-row>.jsgrid-header-cell, .jsgrid-insert-row>.jsgrid-cell, .jsgrid-pager-current-page, .jsgrid-pager-nav-button a, .jsgrid-pager-page a,
.bootstrap-table .table, .bootstrap-table .table>thead>tr>th, .fixed-table-container {  
    border-color:$border-color;              
}
} 

.calendar-events{
    border-color:transparent; 
}