/* custom css */
.rmtp-logo{
    width: 19rem;
    height: auto;
    object-fit: cover;
}

.avatar{
    height: 70px;
    width: 70px;
    border-radius: 50%;
    object-fit: cover;
}

/* colors */
.login-icons{
    color: var(--qualifications-tab);
}

.text-custom-1,
.icon-custom-primary {
    color: #138589;
}

.custom-bg-primary {
    background-color: #138589;
}


/* custom classes  */
.height-11-scroll {
    height: 11rem;
    overflow: auto;
}

.height-15-scroll {
    height: 15rem;
    overflow: auto;
}

.line-h-15{
    line-height: 1.563rem;
}

/* Elements */
h1,
h2,
h3,
h4,
h5,
h6 {
    /* color:#787878; */
}


.fs-1{
    font-size: 1rem;
}

.fs-1-4{
    font-size: 1.4rem;
}


select option:hover,
select option:active {
    color: #fff !important;
    background-color: #767676 !important;
}

select:focus option:checked {
    color: #fff !important;
    background: #767676 linear-gradient(0deg, #767676 0%, #767676 100%) !important;
}

/* Elements classes*/

hr.rmtp-hr {
    height: 1px;
    background: #808080;
}


.pointer {
    cursor: pointer;
}


/* Error */
label.error,
.text-error {
    color: #FF0000;
    font-weight: 600 !important;
}




.form-control-sm {
    font-size: 0.8rem;
}


.text-sm .content .h1-small,
.content .h1-small {
    font-size: 1.5rem;
    font-weight: 400;
}

.text-sm .content .h2-small,
.content .h2-small {
    font-size: 1rem;
    font-weight: 400;
}





/* Form controls */
label {
    color: #787878;
}

label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 500;
}

.form-control-smaller {
    color: #555;
    height: calc(1.5125rem + 2px);
    padding: 0.1rem 0.5rem;
    font-size: .775rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    -webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
}


label.error,
.responses label,
.form-group label {
    font-size: 0.8rem;
}

.btn-group-sm>.btn,
.btn-sm {
    padding: 0.1rem 1rem;
}



/* navbar */
.dropdown-menu .navbar {
    justify-content: unset;
    padding: unset;

}

.navbar-light .navbar-brand,
.navbar-nav .nav-link {
    color: #138589;
}

.navbar-nav .dropdown.custom-drop.active {
    background: #138589;
}

.navbar-nav .dropdown.custom-drop.active a {
    color: #fff;

}

.custom-drop .dropdown-menu {
    /* padding : 0 !important; */
    border: unset;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 18%);
    background-clip: padding-box;
    min-width: unset;
}

@media (min-width: 768px) {
    .navbar-nav .dropdown-menu {
        padding: 0;
    }
}

.custom-drop .dropdown-menu .navbar ul li {
    width: auto !important;
    /* padding: 0.2rem 1rem !important; */
}

.custom-drop .dropdown-item.active,
.custom-drop .dropdown-item:active {
    background-color: #138589;
}

.custom-drop .dropdown-item:not(.active):hover {
    color: #138589;
    background-color: unset;
}

/* error */


span.invalid-feedback {
    font-size: 0.799rem;
    font-weight: 600;
}







/* Custom search dropdown */
.search-dropdown-ul-menu {
    position: absolute;
    z-index: 1;
    list-style-type: none;
    list-style-position: inherit;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    -webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 18%);
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 18%);
    min-width: 10rem;
    background-clip: padding-box;
    float: left;
    display: none;
}

.search-dropdown ul li {
    padding: 2px 8px;
}

.search-dropdown .dropdown-item {
    color: #16181b;
    text-decoration: none;
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.search-dropdown .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.search-dropdown .dropdown-item.active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}





/* nav pills */
.nav-pills .nav-link {
    color: unset;
}

.nav-pills .nav-item button.nav-link {
    -webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
    border-radius: 0;
}

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

.nav-pills .nav-link:not(.active):hover {
    color: unset;
    border: 0.9px solid grey;
}

/* Paginations */
.page-link {
    color: #138589;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    background: #138589 !important;
}

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



/* Modal */
.modal .close {
    /* color: #fff; */
    opacity: unset;
}

.modal-content {
    background-color: #f4f6f9;
}



/* buttons */

.btn-login,
.btn-register,
.btn-reset-link,
.btn-reset,
.btn-update-license
{
    background-color: var(--qualifications-tab);
    color: var(--white) ;
}

.btn-logout{
    background-color: var(--firearms-tab);
    border-color: var(--firearms-tab) ;
    color: var(--white) ;
}

.btn:hover:not(.no-effect){
    background: #fff;
    border: 0.9px solid grey;
    color: inherit !important;
    box-shadow: 0 1px 10px rgb(60 212 88 / 40%);
}

.btn-primary {
    color: #fff !important;
    background-color: #138589;
    border-color: #138589;
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff !important;
    background-color: #138589;
    border-color: #138589;
    box-shadow: 0 1px 10px rgb(60 212 88 / 40%);
}

/* .btn-primary:hover {
    background: #fff;
    border: 0.9px solid grey;
    color: inherit !important;
    box-shadow: 0 1px 10px rgb(60 212 88 / 40%);
} */

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:active,
.btn-primary.active {
    color: #fff !important;
    background-color: #138589 !important;
    border-color: #138589 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}


input[type=checkbox] {
    accent-color: #138589;
}






/* Courses */
.course.active,
.qualification.active,
.search-firearms.active,
.search-personnels-item.active {
    background: #138589 !important;
    color: #fff;
    border-color: unset;
}


/* Permisson action error */
.error-box {
    border-radius: 5px;
    box-shadow: 0px 30px 40px -20px hsl(229, 6%, 66%);
    padding: 30px;
    margin: 20px;
}

.top-red-border {
    border-top: 3px solid var(--red);
}






/* list hover effect */
.list-effect:hover,
.list-effect:hover .icon-custom-primary {
    background: #138589 !important;
    color: #fff;
}


.breadcrumb-item a {
    color: #138589;
}




.blockOverlay,
.blockPage {
    z-index: 1099 !important;
}

.processing_screen {
    display: none;
    z-index: 1100;
    position: fixed;
    padding: 15px;
    margin: 0px;
    width: 30%;
    top: 40%;
    left: 35%;
    text-align: center;
    color: rgb(255, 255, 255);
    border: none;
    background-color: rgb(0, 0, 0);
    cursor: wait;
    border-radius: 10px;
    opacity: 0.5;
}


/* wrapper */
.content-wrapper {
    height: auto;
}

/* login  */
.login-box{
    width: unset;
}


/* The navigation menu */
.navbar-1 {
    overflow: hidden;
    /* background-color: #333; */
}

/* Navigation links */
.navbar-1 .subnav a {
    float: left;
    font-size: 14px;
    color: #16181b;
    text-align: center;
    padding: 5.6px 16px;
    text-decoration: none;
}

/* The subnavigation menu */
.subnav {
    float: left;
    overflow: hidden;
}

/* Subnav button */
.subnav .subnavbtn {
    font-size: 14px;
    border: none;
    outline: none;
    color: #16181b;
    padding: 5.6px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}


/* Style the subnav content - positioned absolute */
.subnav-content {
    display: none;
    position: absolute;
    left: 0;
    /* background-color: red; */
    background-color: #f4f6f9;;
    width: 100%;
    z-index: 1;
}

/* Style the subnav links */
.subnav-content a {
    float: left;
    color: #16181b;
    text-decoration: none;
}

/* Add a grey background color on hover */
.subnav-content a:hover {
    color: #16181b;
}

/* When you move the mouse over the subnav container, open the subnav content */
.subnav:hover .subnav-content {
    /* display: block !important; */
}



:root {
    --theme:#138589;
    --white:#fff;
    --home-tab: #E0E0E0;
    --personnel-tab: #007bff;
    --firearms-tab: #D80000;
    --qualifications-tab: #3faa3f;
    --training-tab: #FFFE00;
    --ois-tab: #16181b;
    /* --logs-tab: #E0E0E0; */
    --logs-tab: #bbb7b7;
    /* --logs-tab: #17a2b8; */
}
  

.subnav .personnel-nav,
.personnel-subnav,

.subnav .firearms-nav,
.firearms-subnav,
.firearms-subnav a,

.subnav .qualification-nav,
.qualification-subnav,

.subnav .ois-nav,
.ois-subnav,

.subnav .logs-nav,
.logs-subnav

{
    color: var(--white) !important;
}


.subnav .home-nav,
.subnav .home-subnav a.active{
    background-color: var(--home-tab) !important;
}
.subnav .home-subnav{
    border-top: 8px solid var(--home-tab);
}

.subnav .personnel-nav,
.subnav .personnel-subnav a.active{
    background-color: var(--personnel-tab) !important;
}
.subnav .personnel-subnav{
    border-top: 8px solid var(--personnel-tab);
}
.subnav .personnel-subnav a.active{
    color: var(--white) !important;
}

.subnav .firearms-nav,
.subnav .firearms-subnav a.active{
    background-color: var(--firearms-tab) !important;
}
.firearms-subnav {
    border-top: 8px solid var(--firearms-tab);
}
.subnav .firearms-subnav a{
    color: var(--dark) !important;
}
.subnav .firearms-subnav a.active{
    color: var(--white) !important;
}


.subnav .qualification-nav,
.subnav .qualification-subnav a.active{
    background-color: var(--qualifications-tab) !important;
}
.qualification-subnav {
    border-top: 8px solid var(--qualifications-tab);
}
.subnav .qualification-subnav a{
    color: var(--dark) !important;
}
.subnav .qualification-subnav a.active{
    color: var(--white) !important;
}

.subnav .training-nav,
.subnav .training-subnav a.active{
    background-color: var(--training-tab) !important;
}
.training-subnav {
    border-top: 8px solid var(--training-tab);
}

.subnav .ois-nav,
.subnav .ois-subnav a.active{
    background-color: var(--ois-tab) !important;
}
.ois-subnav {
    border-top: 8px solid var(--ois-tab);
}
.subnav .ois-subnav a.active{
    color: var(--white) !important;
}

.subnav .logs-nav{
    background-color: #17a2b8 !important;
}

.subnav:hover .subnav-content.active{
    /* display: none; */
}

.subnav-content.active{
    display: block;
    position: absolute;
    z-index: 0;
}






/* Home tab css */

.home .btn-primary,
.home .nav-pills .nav-link.active, .nav-pills .show>.nav-link,
.home table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before,
.home .page-link
{
    color: var(--dark) !important;
    background-color: var(--home-tab) !important;
}

.home .icon-custom-primary,
.home .page-item.active .page-link{
    color: var(--dark) !important;
}

.home .page-item.active .page-link{
    background-color: var(--white) !important;
}

.home .btn-primary{
    border-color: var(--home-tab);
}

.home .shadow {
    box-shadow: 0 1px 10px rgba(180, 184, 180, 0.4) !important;
}

.home input[type=checkbox] {
    accent-color: var(--home-tab);
}
/* .home .custom-control-input:checked~.custom-control-label::before{
    border-color: var(--home-tab) !important;
    background-color: var(--home-tab) !important;
} */

.home .page-item.active .page-link {
    border-color: var(--home-tab);
}

.home .btn-primary:hover,
.personnel .btn-primary:hover, 
.firearms .btn-primary:hover, 
.qualifications .btn-primary:hover,
.training .btn-primary:hover{
    background: #fff !important;
    border: 0.9px solid grey;
    color: inherit !important;
    box-shadow: 0 1px 10px rgba(180, 184, 180, 0.4);
}

.home .btn-primary.focus,
.home .btn-primary:focus,
.home .btn-primary.disabled,
.home .btn-primary:disabled {
    background-color: var(--home-tab) !important;
}
.home .btn-primary:not(:disabled):not(.disabled):active,
.home .btn-primary:active,
.home .btn-primary.active {
    color: var(--dark) !important;
    background-color: var(--home-tab) !important;
    border-color: var(--home-tab) !important;
    outline: 0;    
}

.home .card{
    background-color: #cfc4c424 !important;
}

#agency_update_form .input-group-with-btn {
    display: flex;
    align-items: center; 
}

#agency_update_form .input-group-with-btn input,
.input-group-with-btn select {
    margin-bottom: 0;
}

#agency_update_form .input-group-with-btn .btn {
    margin-left: 10px;                
}

/* Personnel Page */

.personnel .custom-bg-primary{
    background-color: var(--personnel-tab);
}
.personnel .close, .personnel .mailbox-attachment-close{
    color: var(--white);
}
.personnel .btn-primary{
    color: var(--white) !important;
    background-color: var(--personnel-tab) !important;
    border-color: var(--personnel-tab);
}
.personnel .search-personnels-item.active{
    background-color: var(--personnel-tab) !important;
}
.personnel .icon-custom-primary{
    color: var(--personnel-tab);
}
.personnel input[type=checkbox] {
    accent-color: var(--personnel-tab);
}

.personnel select option:hover, 
.personnel select option:active,
.personnel select:focus option:checked{
    color: var(--white) !important;
    background-color: var(--personnel-tab) !important;
}
.personnel select:focus option:checked{
    background: var(--personnel-tab) !important;
}
.personnel .btn-primary.focus,
.personnel .btn-primary:focus,
.personnel .btn-primary.disabled,
.personnel .btn-primary:disabled {
    background-color: var(--personnel-tab) !important;
}
.personnel .btn-primary:not(:disabled):not(.disabled):active,
.personnel .btn-primary:active,
.personnel .btn-primary.active {
    background-color: var(--personnel-tab) !important;
    border-color: var(--personnel-tab) !important;
    outline: 0;    
}

.personnel .list-effect:hover, 
.personnel .list-effect:hover .icon-custom-primary {
    background: var(--personnel-tab) !important;
    color: #fff;
}

.personnel .personnel-span{
    color: var(--personnel-tab);
}

.personnel .custom-bg-primary{
    background-color: var(--personnel-tab);
}

.personnel .px5-padding .table td, 
.personnel .px5-padding .table th{
    padding: 5px 10px !important;
}

/* Firearms */
.firearms .custom-bg-primary{
    background-color: var(--firearms-tab);
}
.firearms .close, .firearms .mailbox-attachment-close{
    color: var(--white);
}

.firearms .btn-primary{
    color: var(--white) !important;
    background-color: var(--firearms-tab) !important;
    border-color: var(--firearms-tab);
}
.firearms .search-firearms-item.active{
    background-color: var(--firearms-tab) !important;
}

.firearms input[type=checkbox] {
    accent-color: var(--firearms-tab);
}

.firearms select option:hover, 
.firearms select option:active,
.firearms select:focus option:checked{
    color: var(--white) !important;
    background-color: var(--firearms-tab) !important;
}
.firearms select:focus option:checked{
    background: var(--firearms-tab) !important;
}
.firearms .btn-primary.focus,
.firearms .btn-primary:focus,
.firearms .btn-primary.disabled,
.firearms .btn-primary:disabled {
    background-color: var(--firearms-tab) !important;
}
.firearms .btn-primary:not(:disabled):not(.disabled):active,
.firearms .btn-primary:active,
.firearms .btn-primary.active {
    background-color: var(--firearms-tab) !important;
    border-color: var(--firearms-tab) !important;
    outline: 0;    
}

.firearms .search-dropdown .dropdown-item:hover {
    color: var(--white);
    text-decoration: none;
    background-color: var(--firearms-tab);
}

.firearms .firearms-span{
    color: var(--firearms-tab);
}

.firearms .custom-bg-primary{
    background-color: var(--firearms-tab);
}


/* Qualifications */

.qualifications .btn-primary{
    background-color: var(--qualifications-tab) !important;
    border-color: var(--qualifications-tab);
}

.qualifications .btn-primary.focus,
.qualifications .btn-primary:focus,
.qualifications .btn-primary.disabled,
.qualifications .btn-primary:disabled {
    background-color: var(--qualifications-tab) !important;
    color: var(--white) !important;
}
.qualifications .btn-primary:not(:disabled):not(.disabled):active,
.qualifications .btn-primary:active,
.qualifications .btn-primary.active {
    color: var(--white) !important;
    background-color: var(--qualifications-tab) !important;
    border-color: var(--qualifications-tab) !important;
    outline: 0;    
}

.qualifications .qualification.active{
    background-color: var(--qualifications-tab) !important;
}

.login .custom-control-input:checked~.custom-control-label::before,
.qualifications .custom-control-input:checked~.custom-control-label::before{
    border-color: var(--qualifications-tab);
    background-color: var(--qualifications-tab);
}

.qualifications select option:hover, 
.qualifications select option:active,
.qualifications select:focus option:checked{
    color: var(--white) !important;
    background-color: var(--qualifications-tab) !important;
}
.qualifications select:focus option:checked{
    background: var(--qualifications-tab) !important;
}

.qualifications .qualifications-span{
    color: var(--qualifications-tab);
}

.qualifications .custom-bg-primary{
    background-color: var(--qualifications-tab);
}

.qualifications .icon-custom-primary{
    color: var(--qualifications-tab);
}

.qualifications .list-effect:hover, 
.qualifications .list-effect:hover .icon-custom-primary {
    background: var(--qualifications-tab) !important;
    color: #fff;
}




/* Training */

.training .btn-primary{
    color: var(--dark) !important;
    background-color: var(--training-tab) !important;
    border-color: var(--training-tab);
}

.training .btn-primary.focus,
.training .btn-primary:focus,
.training .btn-primary.disabled,
.training .btn-primary:disabled {
    background-color: var(--training-tab) !important;
    color: var(--dark) !important;
}
.training .btn-primary:not(:disabled):not(.disabled):active,
.training .btn-primary:active,
.training .btn-primary.active {
    color: var(--dark) !important;
    background-color: var(--training-tab) !important;
    border-color: var(--training-tab) !important;
    outline: 0;    
}

.training .course-item.active{
    color: var(--dark) ;
    background-color: var(--training-tab) !important;
}

.training .search-training-item.active{
    background-color: var(--training-tab) !important;
    color: var(--dark);
}

/* Logs */

.logs .btn-primary{
    color: var(--dark) !important;
    background-color: var(--logs-tab) !important;
    border-color: var(--logs-tab);
}

.logs .btn-primary.focus,
.logs .btn-primary:focus,
.logs .btn-primary.disabled,
.logs .btn-primary:disabled {
    background-color: var(--logs-tab) !important;
    color: var(--dark) !important;
}
.logs .btn-primary:not(:disabled):not(.disabled):active,
.logs .btn-primary:active,
.logs .btn-primary.active {
    color: var(--dark) !important;
    background-color: var(--logs-tab) !important;
    border-color: var(--logs-tab) !important;
    outline: 0;    
}

.logs-subnav {
    background-color: var(--logs-tab) !important;
    color: var(--dark) !important;
}

.logs .page-link{
    color: var(--dark) !important;
    background-color: var(--logs-tab) !important;
}


.logs .page-item.active .page-link{
    color: var(--dark) !important;
    border-color: var(--logs-tab);
    background-color: var(--white) !important;
}





/* captcha */
.g-recaptcha {
    transform:scale(0.77);
    margin: 0 auto;
    display: table;
}


/*  */

.custom-file-label,
.custom-file-label::after{
    padding: .175rem .75rem;
}

.custom-file-label{
    height:30px;
}



/* custom font awesome */

.fa-ban{
    cursor: not-allowed;
}

.opacity-8{
    opacity: 0.8;
}