We_Relese/App/Relese/Content/Css/themes/theme-red.css

.theme-red .btn-iwb,
.theme-red .btn-iwb:hover,
.theme-red .btn-iwb:active,
.theme-red .btn-iwb:focus {
    background-color: #F44336 !important;
}

.theme-red .navbar {
    background-color: #F44336;
}

.theme-red .navbar-brand {
    color: #fff;
}

    .theme-red .navbar-brand:hover {
        color: #fff;
    }

    .theme-red .navbar-brand:active {
        color: #fff;
    }

    .theme-red .navbar-brand:focus {
        color: #fff;
    }

.theme-red .nav > li > a {
    color: #fff;
}

    .theme-red .nav > li > a:hover {
        background-color: transparent;
    }

    .theme-red .nav > li > a:focus {
        background-color: transparent;
    }

.theme-red .nav .open > a {
    background-color: transparent;
}

    .theme-red .nav .open > a:hover {
        background-color: transparent;
    }

    .theme-red .nav .open > a:focus {
        background-color: transparent;
    }

.theme-red .bars {
    color: #fff;
}

.theme-red .right-sidebar .nav-tabs > li a {
    color: rgba(244, 67, 54, 0.7);
}

.theme-red .right-sidebar .nav-tabs > li.active a {
    color: #F44336;
}

.theme-red .sidebar .menu .list li.active {
    background-color: transparent;
}

    .theme-red .sidebar .menu .list li.active > :first-child i, .theme-red .sidebar .menu .list li.active > :first-child span {
        color: #F44336;
    }

.theme-red .sidebar .menu .list .toggled {
    background-color: transparent;
}

.theme-red .sidebar .menu .list .ml-menu {
    background-color: transparent;
}

.theme-red .sidebar .legal {
    background-color: #fff;
}

    .theme-red .sidebar .legal .copyright a {
        color: #F44336 !important;
    }

.theme-red .daterangepicker .ranges li.active {
    background-color: rgba(244, 67, 54, 0.95);
    color: #fff;
}

.theme-red .daterangepicker td.in-range {
    background-color: rgba(244, 67, 54, 0.15);
}

.theme-red .daterangepicker td.active {
    background-color: rgba(244, 67, 54, 0.9);
    color: #fff;
}

    .theme-red .daterangepicker td.active:hover {
        background-color: rgba(244, 67, 54, 0.9);
        color: #fff;
    }

.theme-red .iwb-checkbox > span {
    color: rgba(244, 67, 54, 0.8);
}

.theme-red .iwb-bootstrap-table .tableTool {
    background: rgba(244, 67, 54, 0.8);
}

    .theme-red .iwb-bootstrap-table .tableTool .menu-btn {
        background: #fff;
        border-color: rgba(244, 67, 54, 0.9);
        color: rgba(244, 67, 54, 0.9);
    }

    .theme-red .iwb-bootstrap-table .tableTool .search-box .panel-group .panel .panel-heading {
        background: #fff;
    }

        .theme-red .iwb-bootstrap-table .tableTool .search-box .panel-group .panel .panel-heading a {
            color: rgba(244, 67, 54, 0.9);
        }

        .theme-red .iwb-bootstrap-table .tableTool .search-box .panel-group .panel .panel-heading .menu-btn {
            color: rgba(244, 67, 54, 0.9);
        }

    .theme-red .iwb-bootstrap-table .tableTool .search-box .panel-group .panel .panel-body .input-group .input-group-addon {
        background: rgba(244, 67, 54, 0.9);
    }

    .theme-red .iwb-bootstrap-table .tableTool .search-box .panel-group .panel .panel-body .input-group .form-control {
        border: 1px solid rgba(244, 67, 54, 0.9) !important;
    }

    .theme-red .iwb-bootstrap-table .tableTool .search-box .panel-group .panel .panel-body .menu-btn {
        background: rgba(244, 67, 54, 0.9);
        color: #fff;
        border: 1px solid rgba(244, 67, 54, 0.9);
    }

.theme-red .iwb-bootstrap-table .bootstrap-table {
    background: #ecf0f5;
}

    .theme-red .iwb-bootstrap-table .bootstrap-table .table thead > tr > th {
        border-left-color: #ccc;
    }

.theme-red .iwb-bootstrap-table .table-hover > tbody > tr:hover {
    background-color: #f2f2f2;
}

.theme-red .iwb-bootstrap-table .table-action {
    color: rgba(244, 67, 54, 0.9);
}

    .theme-red .iwb-bootstrap-table .table-action:hover {
        border-bottom: 2px solid rgba(244, 67, 54, 0.9);
    }

.theme-red .iwb-bootstrap-table .selected .table-action {
    color: #fff;
}

    .theme-red .iwb-bootstrap-table .selected .table-action:hover {
        border-bottom: 2px solid #fff;
    }

.theme-red .iwb-bootstrap-table .bootstrap-table .table:not(.table-condensed) > tbody > tr.selected > td,
.theme-red .iwb-bootstrap-table .fixed-table-pagination .page-list > .dropup > .btn,
.theme-red .iwb-bootstrap-table .fixed-table-pagination .page-list > .dropup > .btn:hover,
.theme-red .iwb-bootstrap-table .page-list .dropdown-menu > a.active,
.theme-red .iwb-bootstrap-table .page-list .dropdown-menu > a.active:focus,
.theme-red .iwb-bootstrap-table .page-list .dropdown-menu > a.active:hover,
.theme-red .iwb-bootstrap-table .pagination > .active > a,
.theme-red .iwb-bootstrap-table .pagination > .active > a:focus,
.theme-red .iwb-bootstrap-table .pagination > .active > a:hover,
.theme-red .iwb-bootstrap-table .pagination > .active > span,
.theme-red .iwb-bootstrap-table .pagination > .active > span:focus,
.theme-red .iwb-bootstrap-table .pagination > .active > span:hover {
    background: #F44336;
}

.theme-red .iwb-bootstrap-table .bootstrap-table .table:not(.table-condensed) > tbody > tr.selected > td {
    color: #fff;
}

.theme-red .iwb-bootstrap-table .fixed-table-container thead th .th-inner,
.theme-red .iwb-bootstrap-table .fixed-table-container tbody td .th-inner {
    background: rgba(244, 67, 54, 0.2);
}

.theme-red .iwb-bootstrap-table .fixed-table-pagination {
    background: rgba(244, 67, 54, 0.2);
}

    .theme-red .iwb-bootstrap-table .fixed-table-container tbody td .th-inner,
    .theme-red .iwb-bootstrap-table .fixed-table-container thead th .th-inner,
    .theme-red .iwb-bootstrap-table .fixed-table-pagination .pagination-detail,
    .theme-red .iwb-bootstrap-table .fixed-table-pagination .pagination a,
    .theme-red .iwb-bootstrap-table .page-list .dropdown-menu > li > a:focus,
    .theme-red .iwb-bootstrap-table .page-list .dropdown-menu > li > a:hover,
    .theme-red .iwb-bootstrap-table .pagination > li > a:focus,
    .theme-red .iwb-bootstrap-table .pagination > li > a:hover,
    .theme-red .iwb-bootstrap-table .pagination > li > span:focus,
    .theme-red .iwb-bootstrap-table .pagination > li > span:hover,
    .theme-red .iwb-bootstrap-table .table-hover > tbody > tr:hover {
        color: #F44336;
    }

    .theme-red .iwb-bootstrap-table .fixed-table-pagination .page-list > .dropup > .btn,
    .theme-red .iwb-bootstrap-table .page-list .dropdown-menu > a.active,
    .theme-red .iwb-bootstrap-table .page-list .dropdown-menu > a.active:focus,
    .theme-red .iwb-bootstrap-table .page-list .dropdown-menu > a.active:hover,
    .theme-red .iwb-bootstrap-table .pagination > .active > a,
    .theme-red .iwb-bootstrap-table .pagination > .active > a:focus,
    .theme-red .iwb-bootstrap-table .pagination > .active > a:hover,
    .theme-red .iwb-bootstrap-table .pagination > .active > span,
    .theme-red .iwb-bootstrap-table .pagination > .active > span:focus,
    .theme-red .iwb-bootstrap-table .pagination > .active > span:hover {
        color: #fff;
    }

        .theme-red .iwb-bootstrap-table .fixed-table-pagination .page-list > .dropup > .btn,
        .theme-red .iwb-bootstrap-table .fixed-table-pagination .page-list > .dropup > .btn:hover,
        .theme-red .iwb-bootstrap-table .pagination > .active > a,
        .theme-red .iwb-bootstrap-table .pagination > .active > a:focus,
        .theme-red .iwb-bootstrap-table .pagination > .active > a:hover,
        .theme-red .iwb-bootstrap-table .pagination > .active > span,
        .theme-red .iwb-bootstrap-table .pagination > .active > span:focus,
        .theme-red .iwb-bootstrap-table .pagination > .active > span:hover {
            border-color: #F44336;
        }

.theme-red .iwb-bootstrap-table .page-list .dropdown-menu > li > a:focus,
.theme-red .iwb-bootstrap-table .page-list .dropdown-menu > li > a:hover {
    background-color: #eee;
}

.theme-red .iwb-bootstrap-table .pagination > li > a:focus,
.theme-red .iwb-bootstrap-table .pagination > li > a:hover,
.theme-red .iwb-bootstrap-table .pagination > li > span:focus,
.theme-red .iwb-bootstrap-table .pagination > li > span:hover {
    background-color: #eee;
    border-color: #eee;
}

.theme-red .input-group input[type="text"],
.theme-red .input-group .form-control {
    border: 1px solid #aaa;
    background-color: #fff;
    color: #3c3c3c;
}

.theme-red .input-group .input-group-addon {
    color: #fff;
    background: rgba(244, 67, 54, 0.8);
}

    .theme-red .input-group .form-control:focus, .theme-red .input-group .input-group-addon:focus {
        border: 1px solid rgba(244, 67, 54, 0.8);
    }

    .theme-red .input-group .form-control:active, .theme-red .input-group .input-group-addon:active {
        border: 1px solid rgba(244, 67, 54, 0.8);
    }

.theme-red .input-group .form-control[disabled], .theme-red .input-group .form-control[readonly] {
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(170, 170, 170, 0.6);
}

.theme-red .input-group .iwb-file .iwb-file-label {
    background-color: #fff;
    border: 1px solid #aaa;
    color: #3c3c3c;
}

    .theme-red .input-group .iwb-file .iwb-file-label.choice {
        color: rgba(244, 67, 54, 0.8);
    }

    .theme-red .input-group .iwb-file .iwb-file-label:after {
        color: #fff;
        background-color: rgba(244, 67, 54, 0.8);
    }

.theme-red .input-group .select2-container .select2-selection--single, .theme-red .input-group .select2-container .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
}

    .theme-red .input-group .select2-container .select2-selection--single select2-selection__rendered {
        color: #3c3c3c;
    }

    .theme-red .input-group .select2-container .select2-selection--single .select2-selection__arrow > b {
        border-color: rgba(244, 67, 54, 0.8) transparent transparent transparent;
    }

    .theme-red .input-group .select2-container .select2-selection--multiple .select2-selection__choice {
        background-color: rgba(244, 67, 54, 0.8);
        border: 1px solid rgba(244, 67, 54, 0.8);
        color: #fff;
    }

    .theme-red .input-group .select2-container .select2-selection--multiple .select2-selection__choice__remove {
        color: rgba(255, 255, 255, 0.8);
    }

.theme-red .input-group .select2-container.select2-container--focus .select2-selection--multiple {
    border: 1px solid #aaa;
}

.theme-red .input-group .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow > b {
    border-color: transparent transparent rgba(244, 67, 54, 0.8) transparent;
}

.theme-red .select2-container .select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
}

    .theme-red .select2-container .select2-dropdown .select2-results__option[aria-selected="true"] {
        background-color: rgba(244, 67, 54, 0.8);
        color: #fff;
    }

    .theme-red .select2-container .select2-dropdown .select2-results__option--highlighted[aria-selected] {
        background-color: rgba(244, 67, 54, 0.6);
        color: #fff;
    }

.theme-red .swal-modal .swal-footer .swal-button-container .swal-button {
    background-color: rgba(244, 67, 54, 0.9);
    border: 1px solid rgba(244, 67, 54, 0.9);
    color: #fff;
}

    .theme-red .swal-modal .swal-footer .swal-button-container .swal-button.swal-button--cancel {
        color: rgba(244, 67, 54, 0.9);
        background-color: #fff;
    }

.theme-red .datetimepicker table.table-condensed > thead > tr > th, .theme-red .datetimepicker table.table-condensed > tfoot > tr > th {
    color: rgba(244, 67, 54, 0.9);
}

    .theme-red .datetimepicker table.table-condensed > thead > tr > th span, .theme-red .datetimepicker table.table-condensed > tfoot > tr > th span {
        color: rgba(244, 67, 54, 0.7);
    }

.theme-red .datetimepicker table.table-condensed > tbody > tr > td.active, .theme-red .datetimepicker table.table-condensed > tbody > tr > td.active:hover, .theme-red .datetimepicker table.table-condensed > tbody > tr > td.active.disabled, .theme-red .datetimepicker table.table-condensed > tbody > tr > td.active.disabled :hover {
    background-color: rgba(244, 67, 54, 0.9);
    background-image: linear-gradient(to bottom, rgba(244, 67, 54, 0.7), rgba(244, 67, 54, 0.9));
    background-repeat: repeat-x;
}

    .theme-red .datetimepicker table.table-condensed > tbody > tr > td.active:active, .theme-red .datetimepicker table.table-condensed > tbody > tr > td.active:hover:active, .theme-red .datetimepicker table.table-condensed > tbody > tr > td.active.disabled:active, .theme-red .datetimepicker table.table-condensed > tbody > tr > td.active.disabled :hover:active {
        background-color: rgba(244, 67, 54, 0.9);
        background-image: linear-gradient(to bottom, rgba(244, 67, 54, 0.7), rgba(244, 67, 54, 0.9));
        background-repeat: repeat-x;
    }

.theme-red .modal .modal-header {
    background: rgba(244, 67, 54, 0.9);
}

    .theme-red .modal .modal-header .close, .theme-red .modal .modal-header .modal-title {
        color: #fff;
    }

.theme-red .modal .modal-content {
    border: 1px solid rgba(244, 67, 54, 0.9);
}

    .theme-red .modal .modal-content .modal-body {
        color: #3c3c3c;
    }

.theme-red .modal .modal-footer .save-btn {
    color: #fff;
    background: rgba(244, 67, 54, 0.9);
    border: 1px solid rgba(244, 67, 54, 0.9);
}

    .theme-red .modal .modal-footer .save-btn:hover, .theme-red .modal .modal-footer .save-btn:active, .theme-red .modal .modal-footer .save-btn:focus {
        background: rgba(244, 67, 54, 0.7);
    }

.theme-red .jstree > .jstree-container-ul .jstree-clicked {
    color: rgba(255, 255, 255, 0.9);
}

.theme-red .jstree > .jstree-container-ul .jstree-hovered {
    color: #F44336;
}

.theme-red .jstree > .jstree-container-ul .jstree-wholerow-clicked {
    background: #F44336;
    background: -webkit-linear-gradient(top, rgba(244, 67, 54, 0.8) 0, rgba(244, 67, 54, 0.75) 100%);
    background: linear-gradient(to bottom, rgba(244, 67, 54, 0.8) 0, rgba(244, 67, 54, 0.75) 100%);
}

    .theme-red .jstree > .jstree-container-ul .jstree-wholerow-clicked:not(.jstree-wholerow-hovered) + i {
        filter: drop-shadow(20px 0px #fff);
        left: -20px;
    }

.theme-red .jstree > .jstree-container-ul .jstree-wholerow-hovered {
    background: transparent;
}

    .theme-red .jstree > .jstree-container-ul .jstree-wholerow-hovered .jstree-clicked.jstree-hovered {
        background: -webkit-linear-gradient(top, rgba(244, 67, 54, 0.6) 0, rgba(244, 67, 54, 0.55) 100%);
        background: linear-gradient(to bottom, rgba(244, 67, 54, 0.6) 0, rgba(244, 67, 54, 0.55) 100%);
        color: #fff;
    }

.theme-red .home .page .page-title, .theme-red .home .page .page-title-sm {
    color: rgba(255, 255, 255, 0.8);
}

    .theme-red .home .page .page-title::selection, .theme-red .home .page .page-title-sm::selection {
        color: rgba(255, 255, 255, 0.6);
    }

.theme-red .home .page .page-title-sm {
    color: #F44336;
}

.theme-red .home .box-header {
    color: #F44336;
    border-bottom: 2px solid #F44336;
}

.theme-red .home .box-footer {
    border-top: 2px solid #F44336;
}

.theme-red .home .profile-box .form-group .form-control {
    border: 1px solid #aaa;
    color: #3c3c3c;
}

.theme-red .home .form-control-static {
    color: #3c3c3c;
}

    .theme-red .home .form-control-static .edit {
        color: #F44336;
    }

.theme-red #avatar-modal {
    /*.avatar-wrapper {
                background-color: #f5fcfc;
            }*/
}

    .theme-red #avatar-modal .avatar-preview {
        border: 1px solid rgba(255, 255, 255, 0.9);
        background-color: #fff;
    }

        .theme-red #avatar-modal .avatar-preview:hover {
            border-color: rgba(255, 255, 255, 0.6);
        }

    .theme-red #avatar-modal .avatar-btns .btn-group .btn {
        border-color: #F44336;
        color: #F44336;
    }

    .theme-red #avatar-modal .avatar-save {
        background: #F44336;
    }

    .theme-red #avatar-modal .avatar-btn {
        color: rgba(255, 255, 255, 0.9);
        background: #F44336;
        border-color: #F44336;
    }

        .theme-red #avatar-modal .avatar-btn:hover, .theme-red #avatar-modal .avatar-btn:hover:active, .theme-red #avatar-modal .avatar-btn:focus, .theme-red #avatar-modal .avatar-btn:active {
            color: #fff;
        }