.custom-side {
    background: rgba(99,202,232,1);
}

.sidebar-dark .nav-item .nav-link {
    color: #ffffff;
}

    .sidebar-dark .nav-item .nav-link i {
        color: #166085;
    }

    .sidebar-dark .nav-item .nav-link:active, .sidebar-dark .nav-item .nav-link:focus, .sidebar-dark .nav-item .nav-link:hover {
        color: #3b8399;
    }

        .sidebar-dark .nav-item .nav-link:active i, .sidebar-dark .nav-item .nav-link:focus i, .sidebar-dark .nav-item .nav-link:hover i {
            color: #2196F3;
        }

    .sidebar-dark .nav-item .nav-link[data-toggle=collapse]::after {
        color: #166085;
    }

.sidebar-dark .nav-item.active .nav-link {
    color: #274711;
}

    .sidebar-dark .nav-item.active .nav-link i {
        color: #274711;
    }

.sidebar-dark hr.sidebar-divider {
    border-top: 1px solid #248ca5b3;
}

.sidebar-dark #sidebarToggle {
    background-color: #00000045;
}

    .sidebar-dark #sidebarToggle:hover {
        background-color: #0000008c;
    }

.sidebar-dark .sidebar-heading {
    color: #003155;
}

.bg-login {
    background-color: #fff;
    background-image: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(99,202,232,1) 100%);
    background-size: cover;
}

.formHead {
    color: #5b923a;
    background: #ffff00;
    margin: -20px;
    padding: 20px;
}

/*Switch*/

.switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 20px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 13px;
        width: 13px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider.danger {
    background-color: #c60808;
}

input:focus + .slider.danger {
    box-shadow: 0 0 1px #c60808;
}

input:checked + .slider.success {
    background-color: #1cc88a;
}

input:focus + .slider.success {
    box-shadow: 0 0 1px #1cc88a;
}


input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }


.select2-container--default .select2-selection--multiple {
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    padding-bottom: 10px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #cdcdcd;
    outline: 0;
}

.badge-lg {
    font-size: 100%;
}

div.dt-buttons {
    margin-left: 20px;
}

.text-sm {
    font-size: 75%;
}

.btn-tertiary {
    color: #c1c1c1;
    padding: 0;
    line-height: 40px;
    width: 300px;
    margin: auto;
    display: block;
    border: 2px solid #c1c1c1;
}

    .btn-tertiary:hover, .btn-tertiary:focus {
        color: #888888;
        border-color: #888888;
    }

/* input file style */
.input-file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

    .input-file + .js-labelFile {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 10px;
        cursor: pointer;
    }

        .input-file + .js-labelFile .icon:before {
            content: "\f093";
        }

        .input-file + .js-labelFile.has-file .icon:before {
            content: "\f00c";
            color: #5AAC7B;
        }


.statusValid {
    background: #28a745;
    border: #28a745;
    color: white;
}

.statusExpired {
    background: #dc3545;
    border: #dc3545;
    color: white;
}

.statusArchived {
    background: black;
    color: white;
}

.statusNoexpiry {
    background: #2bfdf4;
    color: black;
}

.statusAwaitingAuthorisation {
    background: #ffc107;
    border: #ffc107;
    color: black;
    transition: opacity 200ms linear;
}

.clickable {
    cursor: pointer;
    transition: opacity 200ms linear;
}

    .clickable:hover {
        cursor: pointer;
        opacity: 0.6;
        transition: opacity 200ms linear;
    }


.catBadgeR {
    background-color: #df5c5c;
    color: white;
}

.catBadgeE {
    background-color: #5c72df;
    color: white;
}

.catBadgeS {
    background-color: #996539;
    color: white;
}

.catBadgeP {
    background-color: #39998c;
    color: white;
}

.border-left-r {
    border-left: .25rem solid #df5c5c !important;
}

.border-left-e {
    border-left: .25rem solid #5c72df !important;
}

.border-left-s {
    border-left: .25rem solid #996539 !important;
}

.border-left-p {
    border-left: .25rem solid #39998c !important;
}

.text-r {
    color: #df5c5c !important;
}

.text-e {
    color: #5c72df !important;
}

.text-s {
    color: #996539 !important;
}

.text-p {
    color: #39998c !important;
}

.select2-dropdown {
    z-index: 1 !important;
}

.ql-editor {
    height: 400px !important;
    max-height: 400px;
    overflow: auto;
}

.sidebar .sidebar-brand {
    background: #4db6d5;
}

.bg-grad {
    background: linear-gradient(271deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(99,202,232,1) 100%);
}


.am {
    background: #7d76dd;
    padding: 0 10px;
    color: white;
    border-radius: 10px;
}
.fm {
    background: #dd7676;
    padding: 0 10px;
    color: white;
    border-radius: 10px;
}