/* Colors */
a {
    color: #5b56a5;
}

a:hover {
    color: #8f8bcd;
}

.bg-primary {
    background-color: #5b56a5!important;
}

.btn-primary {
    background-color: #5b56a5;
    border-color: #5b56a5;
}

.btn-primary:hover {
    background-color: #9994da;
    border-color: #9994da;
}

.text-primary {
    color: #5b56a5!important;
}

a.text-primary:focus, a.text-primary:hover {
    color: #8f8bcd!important;
}

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

.left-side-menu {
    padding: 10px 0;
}

.navbar-custom {
    background-color: #5b56a5;
}

.navbar-custom .app-search .form-control {
    background: #9592c4;
}

.navbar-custom .app-search .btn {
    background: #9592c4;
}

.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle {
    background-color: #9994da;
    border-color: #9994da;
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: #5b56a5;
    border-color: #9592c5;
}

.page-item.active .page-link {
    background: #5b56a5;
    border-color: #5b56a5;
}

.text-error {
    color: #807cc6;
    text-shadow: rgb(191, 188, 249) 5px 1px, rgb(230, 228, 255) 10px 3px;
}

.text-body {
    color: #1d2024;
}

.logo .logo-lg-text-light {
    text-transform: none;
}

.widget-box-four h3 {
    font-size: 18px;
}

.table-actions-bar .table-action-btn:hover {
    color: #8f8bcd;
    border-color: #8f8bcd;
}

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

.table thead th {
    border-bottom: 2px solid #828589;
}

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

.c3-chart-arcs-title {
    font-size: 13px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #9496bf;
    color: #ffffff;
}

.select2-container--default .select2-results__option[aria-selected=true]:hover {
    background-color: #9496bf;
    color: #ffffff;
}

.datepicker table tr td .active.disabled:hover[disabled], .datepicker table tr td .active.disabled[disabled], .datepicker table tr td .active:active, .datepicker table tr td .active:hover, .datepicker table tr td .active:hover.active, .datepicker table tr td .active:hover.disabled, .datepicker table tr td .active:hover:active, .datepicker table tr td .active:hover:hover, .datepicker table tr td .active:hover[disabled], .datepicker table tr td .active[disabled], .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled], .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover {
    background-color: #000000!important;
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
    background-color: #9496bf!important;
}

/* Custom Style */
.img-circle {
	border-radius: 50%;
}

.jq-toast-wrap {
    width: 300px;
}

.note-group-select-from-files {
  display: none;
}

.font-10 {
    font-size: 10px !important;
}

label.custom-control-label:hover {
    cursor: pointer;
}

.profile-bg-picture-sm {
    min-height: 150px;
}

.navbar-custom .app-search-2 .form-control {
    padding-left: 7px;
    padding-right: 7px;
    border-radius: 10px 10px 10px 10px;
}

.card-placeholder {
    background: rgba(0, 0, 0, 0.025);
    border: 1px dashed #b0bec5;
}

.temp-loader {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(255, 255, 255, 0.94);
    z-index: 2;
    display:none;
    border-radius: 50px;
}

.temp-loader.show{
    display:flex;
}

.sk-chasing-dots .sk-child, .sk-circle .sk-child:before, .sk-cube-grid .sk-cube, .sk-double-bounce .sk-child, .sk-fading-circle .sk-circle:before, .sk-folding-cube .sk-cube:before, .sk-rotating-plane, .sk-spinner-pulse, .sk-three-bounce .sk-child, .sk-wandering-cubes .sk-cube, .sk-wave .sk-rect {
    background-color: #5b56a5;
}

.right-bar .rightbar-title {
    background-color: #8984d6;
}

.custom-control-label::before {
    background-color: #fbfcff;
    border: #8691a2 solid 1px;
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: #b3b0dc;
    background-color: #5b56a5;
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #ffffff;
}

.custom-switch .custom-control-label::after {
    background-color: #4d74ad;
}

/* Multiple Modal Scroll Focus */
.modal { overflow: auto !important; }

@media screen, print {
    /* Watermark */
    .watermark {
        /* Used to position the watermark */
        position: relative;
    }

    .watermark__inner {
        /* Center the content */
        align-items: center;
        display: flex;
        justify-content: center;

        /* Absolute position */
        left: 0px;
        position: absolute;
        top: 0px;

        /* Take full size */
        height: 100%;
        width: 100%;
    }

    .watermark__body {
        /* Text color */
        color: rgba(0, 0, 0, 0.2);

        /* Text styles */
        font-size: 3rem;
        font-weight: bold;
        text-transform: uppercase;

        /* Rotate the text */
        transform: rotate(-45deg);

        /* Disable the selection */
        user-select: none;
    }
}

/* Right Click Context St Style */
/* The whole thing */
.custom-menu {
    display: none;
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #eee;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    padding: 0;
}

/* Each of the items in the list */
.custom-menu li {
    padding: 16px 20px;
    cursor: pointer;
    list-style-type: none;
    transition: all .3s ease;
    user-select: none;
}

.custom-menu li:hover {
    background-color: #5b56a5;
    color: #ffffff;
}

@media (max-width: 233px) {

    .navbar-custom .app-search-2 {
        margin-right: 5px !important;
    }

    .navbar-custom .app-search-2 .form-control {
        padding-left: 6px;
        padding-right: 0px;
    }

}