@import "../../../bootstrap/functions";
@import "../../../bootstrap/variables";
@import "../../../bootstrap/mixins";
@import "../../../common/utils/var";
@import "../../../common/utils/mixins";
@import "../../../common/utils/functions";

/* Table Of Content
* =========================================================================
* 1.  Brand Colors
*	2.  Variables
*	3.  General Elements
*	4.  Helper Classes
*	5.  Layout
*	6.  Alerts
*	7.  Badges
*	8.  Buttons
*	9.  List Items
*	10. Dropdowns
*	11. Tiles
*	12. Navs
*	13. Tabs
*	14. Pills
*	15. Pace
*	16. Progressbars
*	17. Timeline
*	18. Popover
*	19. Preloaders
*	20. Sweet Alerts
*	21. Forms
** a.  Placeholders
** b.  General
** c.  Multi-select
** d.  Prepend
** e.  Checkbox / Radios
** f.  Select2
** g.  File Upload
** h.  Disabled/Read Only
** i.  Bootstrap Range/Slider
** j.  noUiSlider plugin
** k.  Switches
** l.  Bootstrap Date Picker
** m.  Form Wizard
** n.  Actions
*	22. Actions
*	23. Chartist Demo
*	24. Calendar Demo
*	25. Mail Demo
* =========================================================================
*/

/*=========================================================================
  Brand Colors
========================================================================== */
$brand-primary-color: #b80722!default;
$brand-accent-color: #6c757d!default;
/*=========================================================================
Template Variables
========================================================================== */
// Body
//------------->
$body-bg: #fbfbfb; //** Background color for <body>
$body_text_color: $grey-800; //** Global text color on <body>

// Logo
//------------->
$logo_background_color: lighten(#161931, 2%);
$logo_text_color: #fff;
$logo_icon_color: $brand-primary-color;
// Top Toolbar
//------------->
$toolbar_desktop_bg_color: #fff;
$toolbar_desktop_text_color: #788db4;
$toolbar_desktop_text_hover_color: #6760d5;
$toolbar_mobile-tablet_bg_color: $logo_background_color;
$toolbar_mobile-tablet_text_color: #fff;
$toolbar_mobile-tablet_text_bottom_active_color: $brand-primary-color;
$toolbar_icon_bg_circle: rgba(#f0f6ff, 0.7);
// Main Menu Nav
//------------->
$main_menu_background_color: #161931;
$main_menu_active_bg: transparent; //** Background active color
$main_menu_active_subnav: #161931;
$main_menu_text_color: #788db4;
$main_menu_text_hover_color: #fff;
$main_menu_active_text_color: rgba(255, 255, 255, 1); //** Text active color
// Page Level
//------------->
$header_text_color: $grey-900;

@import 'elements/base';
@import 'elements/classes';
@import 'elements/template';
@import 'elements/ui-components';

i {
    color: #555;
}

.dropdown-menu .dropdown-menu-grid .menu-grid-row > div a i {
    color: #788db4;
}

.form-control {
    &:focus {
        border: solid 1px #ddd;
    }
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.24rem + 0px);
}

.form-control {
    line-height: 1.7;
}


option:active, option:checked {
    background: #6e85af !important;
}

.table-bordered.dataTable, .table-bordered.dataTable td, .table-bordered.dataTable th{
    border: 1px solid #ddd;
}

.table td, .table th {
    padding: .5rem;
}

.tr-odd td {
    background-color: #a8a8a8;
}


.card {
    box-shadow: 0 10px 40px 0 rgba(191, 191, 191, 0.788235294117647), 0 2px 9px 0 rgba(191, 191, 191, 0.788235294117647);
}

.input-group-addon {
    background-color: #f3f3f3;
    color: #555;
}

option:active, option:checked {
    background: #b60101 !important;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #b60101;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #b60101;
}

.custom-control-label::before {
    border: 1px solid #ddd;
}

.input-group-text {
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    color: #555;
}

.custom-file-input:focus ~ .custom-file-label:after, .custom-file-label, .custom-file-label:after, .form-control {
    border-color: #ddd;
}

.custom-file-label::after {
    background-color: #f3f3f3;
    border-left: 1px solid #ddd;
    color: #555;
}


.form-control:disabled, .form-control[readonly] {
    background-color: #ccc;
}

.blockquote-footer, .text-muted {
    color: #aaa !important;
}

.dropdown-menu .dropdown-menu-grid .menu-grid-row > div a i {
    color: #555;
}

.dropdown .dropdown-menu .dropdown-item, .dropleft .dropdown-menu .dropdown-item, .dropright .dropdown-menu .dropdown-item, .dropup .dropdown-menu .dropdown-item {
    color: #555;
}

body .top-toolbar.navbar-desktop .navbar-nav .nav-item > a, body .top-toolbar.navbar-desktop .navbar-nav .nav-item > a i {
    color: #555;
}

.tgl + .tgl-btn {
    width: 2.4em;
    height: 1.36em;
    top: 5px;
}

.tgl-light + .tgl-btn {
    background: #ddd;
}

.nav .nav-item .nav-link {
    color: #555;
}

.alert.alert-info {
    background-color: #b80722;
    border-color: #b80722;
    color: #fff;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #f3f3f3;
}


/*.wizard>.steps a {
    background: #f3f3f3;
    color: #333;
    border: 1px solid #ccc;
}

.wizard>.steps a .number {
    background: #f3f3f3;
}*/

.wizard > .steps a {
    background: #f3f3f3;
    color: #333 !important;
}

.wizard > .steps a .number {
    background: #f3f3f3;
}

.pagination .page-item.active .page-link {
    background-color: #b80722;
    border-color: #b80722;
}

#mail-wrapper .center-content .list-group .list-group-item.active {
    border-left: solid 3px #b80722 !important;
}

#mail-wrapper .center-content .list-group .list-group-item:hover,
#message-wrapper .aside-left .list-group .list-group-item:hover {
    border-left: solid 3px #b80722 !important;
}

#message-wrapper .center-content .chat-contents .chat-content-wrap .chat-wrap-inner .chats .chat.chat-right .chat-content {
    background: linear-gradient(135deg,#822735 1%,#c1233b 100%);
}

.contact-list .contact-item .contact a:hover {
    background-color: #b80722;
}

.top-toolbar {
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.08) !important;
}