:root {
    --yb-red: #EE2329;
    --yb-navy: #1A2A39;
}

.bg-primary {
    background-color: var(--yb-red);
    border-color: var(--yb-red);
    color: #ffffff;
}

.layout-main {
    /*background: var(--yb-red);*/
}

a{
    color: blue;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.btn-sm {
    cursor: pointer;
}

.text-danger {
    color: var(--yb-red);
}

.bg-secondary {
    background-color: var(--yb-navy);
    border-color: var(--yb-navy);
    color: #fff;
}

.bg-primary-inverse {
    color: var(--yb-red);
    background-color: #fff;
    border-color: #fff;
}

.bg-secondary-inverse {
    color: var(--yb-navy);
    background-color: #fff;
    border-color: #fff;
}

.navbar {
    height: fit-content;
}

.navbar-brand {
    padding: unset;
}

.navbar-brand-logo {
    height: 50px;
}

.navbar-default .navbar-header {
    background-color: var(--yb-red);
}

.layout-sidebar-backdrop {
    background-color: var(--yb-navy);
}

.layout-sidebar {
    background-color: var(--yb-navy);
    color: #a6a6a6;
}

.required:before {
    content: "* ";
    font-weight: bold;
}

.btn-outline-warning {
    color: #ffaa22;
    background-color: transparent;
    background-image: none;
    border-color: #ffaa22;
}

.btn-outline-warning:hover {
    color: #ffffff;
    background-color: #ffaa22;
    border-color: #ffaa22;
}

.btn-outline-info:hover {
    color: #ffffff;
}

.layout-content {
    background-color: white;
}

.search-results {
    border: solid var(--yb-navy) 1px;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 10px;
}

.btn-status-active {
    background-color: green;
}

.btn-status-active:after {
    content: "Active";
}

.btn-status-active:hover {
    background-color: red;
}

.btn-status-active:hover:after {
    content: "Block";
}

.btn-status-blocked {
    background-color: red;
}

.btn-status-blocked:after {
    content: "Blocked";
}

.btn-status-blocked:hover {
    background-color: green;
}

.btn-status-blocked:hover:after {
    content: "Activate";
}

.btn-status-pending {
    background-color: orange;
}

.btn-status-pending:after {
    content: "Pending";
}

.btn-status-pending:hover {
    background-color: green;
}

.btn-status-pending:hover:after {
    content: "Activate";
}

.file-thumbnail {
    -webkit-background-size: contain;
    background-size: contain;
}

.btn-outline-danger {
    border-color: var(--yb-red);
    color: var(--yb-red);
}
.btn-outline-danger:hover {
    background-color: var(--yb-red);
    border-color: var(--yb-red);
}
.custom-scrollbar-gripper:hover{
    background: rgb(235, 226, 226)!important;
}
.custom-scrollbar-track:hover{
    background:rgb(129 123 123)!important;
}
/*.dropdown-btn {*/
/*    padding: 6px 8px 6px 16px;*/
/*    text-decoration: none;*/
/*    font-size: 14px;*/
/*    color: #818181;*/
/*    display: block;*/
/*    border: none;*/
/*    background: none;*/
/*    width:100%;*/
/*    text-align: left;*/
/*    cursor: pointer;*/
/*    outline: none;*/
/*}*/

/*.dropdown-container {*/
/*    display: none;*/
/*    background-color: #262626;*/
/*    padding-left: 8px;*/
/*}*/

/*!* Optional: Style the caret down icon *!*/
/*.fa-caret-down {*/
/*    float: right;*/
/*    padding-right: 8px;*/
/*}*/

/*.sidenav a:hover, .dropdown-btn:hover {*/
/*    color: #f1f1f1;*/
/*}*/

/*!* Main content *!*/
/*.main {*/
/*    margin-left: 200px; !* Same as the width of the sidenav *!*/
/*    font-size: 20px; !* Increased text to enable scrolling *!*/
/*    padding: 0px 10px;*/
/*}*/

/*!* Add an active class to the active dropdown button *!*/
/*.active {*/
/*    background-color: green;*/
/*    color: white;*/
/*}*