@import url('https://fonts.googleapis.com/css2?family=PT+Sans&family=Poppins:ital@0;1&display=swap');
body {
  font-family: 'Montserrat', sans-serif;
}

#headercolor {
    background-color: #0072b3;
}

.addcolor {
    background-color: #0072b3 !important;
    color: white !important;
}

.size input[type="checkbox"]:checked+.slide:before {
    background-color: #3498db;
}

.size input[type="checkbox"]:checked+.slide {
    background-color: #343a40;
}

.breadcrumb {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background: none !important;
    background-color: none;
    border-radius: 0.25rem;
}

.select2-results__option {
    font-size: 15px !important;
}

.size {
    display: block;
    height: 15px;
    width: 60px;
    position: relative;
    margin: 10px;
}

span.slide {
    position: absolute;
    width: 85%;
    height: 100%;
    background: #dadada;
    border-radius: 30px;
}

span.slide:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    background: #17a2b8;
    border-radius: 50%;
    top: -2px;
    left: 0px;
    transition: 0.5s;
    box-shadow: rgba(0, 0, 0, 0.21) 0px 0px 7px 1px;
}

.select2-selection__rendered {
    line-height: 27px !important;
    font-size: 11px;
}

.dt-button-copy {
    border: none;
}


/* add button */

table.table td button.add {
    color: #0e994c !important;
}

.swal-icon--success__hide-corners {
    width: 5px;
    height: 90px;
    background: none !important;
    padding: 1px;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.swal-icon--success:after,
.swal-icon--success:before {
    content: "";
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    background: none !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* export option icons */

.btn-copy {
    background: none !important;
    border: none !important;
    font-size: 15px !important;
}

.btn-csv {
    background: none !important;
    border: none !important;
    font-size: 15px !important;
    color: #43b257 !important;
}

.btn-excel {
    background: none !important;
    border: none !important;
    font-size: 15px !important;
    color: #1d6b40 !important;
}

.btn-pdf {
    background: none !important;
    border: none !important;
    font-size: 15px !important;
    color: #f72015 !important;
}

.btn-print {
    background: none !important;
    border: none !important;
    font-size: 15px !important;
    margin-right: 5px !important;
}

.btn-export {
    color: #fff;
    width: 1vw !important;
}

table.table td a {
    cursor: pointer;
    display: inline-block;
}

.btn-copy {
    text-align: center;
    font-size: 0.75vw !important;
    margin-right: 5px !important;
    left: 9px !important;
    color: #18959c !important;
}

.btn-csv {
    text-align: center;
    font-size: 0.75vw !important;
    margin-right: 5px !important;
    left: 9px !important;
}

.btn-excel {
    text-align: center;
    font-size: 0.75vw !important;
    margin-right: 5px !important;
    left: 9px !important;
}

.btn-pdf {
    text-align: center;
    font-size: 0.75vw !important;
    margin-right: 5px !important;
    left: 9px !important;
}

.btn-print {
    text-align: center;
    font-size: 0.75vw !important;
    left: 9px !important;
    color: #db005b !important;
}


/* column visibility  */

.btn-colvis {
    text-align: center;
    font-size: 0.75vw !important;
    margin-right: 5px !important;
    position: relative !important;
    top: 0;
    color: #6d67e4 !important;
}

.btn-export {
    padding: 0 !important;
}

.buttons-colvis {
    position: relative !important;
    bottom: 4px !important;
    left: 11px !important;
    background: none !important;
    border: none !important;
}

.dt-buttons {
    display: flex;
    gap: 6px;
}

.bootstrap-switch-id-ChangeTheme {
    position: relative !important;
    width: 61px !important;
    height: 28px !important;
    top: 5px;
}

.bootstrap-switch-handle-off {
    position: relative;
    width: 36px !important;
    font-size: 10px !important;
    left: 1px;
    background-color: #ffffff !important;
}

.bootstrap-switch-handle-on {
    background-color: #236fa1 !important;
    width: 40px !important;
    font-size: 10px !important;
}

.nav-sidebar a.nav-link.active {
    color: #000000 !important;
}

.shields {
    float: left;
    padding-top: 0.2rem;
    margin-right: 1%;
    font-size: 1.4rem;
    position: relative;
    top: 9px;
}


/* FONT SIZE  */

.nav-sidebar li a p {
    font-size: 11px ;
}

.breadcrumb-item {
    font-size: 1.2rem;
}

.d-sm-inline-block {
    font-size: 1.2rem;
}

.dt-buttons button {
    /* width: 1.4vw !important; */
    height: 3vh;
}

.dt-buttons button span {
    font-size: 1.2rem;
}

.dt-buttons .dt-button-collection button span {
    font-size: 0.8rem;
    float: left;
}

#nav-role i {
    color: #f3443a;
}

#nav-treeview li a.active {
    color: #000 !important;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    color: #fff !important;
}


/* add data font size  */

.select2-selection__rendered {
    font-size: 15px !important;
}

table input {
    font-size: 15px !important;
}


/*  ADD AND DELETE BUTTON  */

table td i {
    font-size: 21px !important;
}

table td .delete i {
    position: relative;
    bottom: 6px;
}


/* admin header icon colors */

.admin-head-icon-text .fa-user-shield {
    color: #df8782;
}

.admin-head-icon-text .fa-layer-group {
    color: #a6a6e5;
}

.admin-head-icon-text .fa-graduation-cap {
    color: #dbdbad;
}

.admin-head-icon-text .fa-user-doctor {
    color: #afe7af;
}

.admin-head-icon-text .fa-user-plus {
    color: #ff1e56;
}

.admin-head-icon-text .fa-sitemap {
    color: #0e8388;
}

.admin-head-icon-text .fa-car-burst {
    color: #dc3535;
}

.admin-head-icon-text .fa-bullhorn {
    color: #e98580;
}

.admin-head-icon-text .fa-envelope {
    color: #ff6768;
}

.admin-head-icon-text .fa-address-book {
    color: #16acbd;
}

.admin-head-icon-text .fa-window-restore {
    color: #7cc5d0;
}

.admin-head-icon-text .fa-window-maximize {
    color: #19c8e2;
}

.admin-head-icon-text .fa-triangle-exclamation {
    color: #576cbc;
}

.admin-head-icon-text .fa-file-circle-exclamation {
    color: #e23f5d;
}

.admin-head-icon-text .fa-message {
    color: #ed5107;
}

.admin-head-icon-text .fa-power-off {
    color: #0fa40f;
}

.admin-head-icon-text .fa-triangle-exclamation {
    color: #a48a18;
}

.admin-head-icon-text .fa-gauge-high {
    color: #277bdb;
}

.admin-head-icon-text .fa-stopwatch {
    color: #e37cd7;
}

.admin-head-icon-text .fa-list-check {
    color: #11bd22;
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 10px 18px !important;
    padding-left: 10px !important;
    border-bottom: 1px solid #111;
}

td p {
    font-size: 15px !important;
    margin-bottom: 0 !important;
}

div.dt-button-collection button.dt-button {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}


/* div.dt-button-collection button.dt-button {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}
 */

.dropdown-menu-right .card-header {
    height: 4vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px
}

li .dropdown .dropdown-menu .card-header {
    width: 100% !important;
    background: red;
    position: relative;
    bottom: 0.5rem;
    margin-left: 0 !important;
}

.toggle-div {
    position: absolute !important;
    right: 1rem !important;
}

.toggle-div .bootstrap-switch-id-ChangeTheme {
    width: 57.5624px !important;
    position: relative;
    top: 0.3rem;
    left: 0.8rem;
}

a[data-widget="pushmenu"] {
    z-index: 5;
    font-size: 1.1rem;
}

#profilephotonav {
    height: 4vh;
    width: 2vw;
    border-radius: 50%;
}

#profile-images {
    width: 82% !important;
    height: 58% !important;
    border-radius: 15% !important;
    object-fit: cover;
    object-position: center;
    margin: 0 auto
}

.profile-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.profile-details h3 {
    margin-bottom: 20px;
    font-size: 24px
}

.profile-details p {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.5
}

.profile-details p strong {
    margin-right: 10px
}

.image {
    position: relative;
    left: 9px;
}

.img-circle {
    border-radius: 50%;
    height: 4vh;
    width: 2vw;
}

#profileUserCard p span,
#profileUserCard p strong {
    font-size: 0.8rem !important;
}

#profileUserCard .row {
    margin: -10px;
}

.toggle-li {
    position: relative !important;
    top: 0.5rem;
}

#main-content {
    padding-top: 5rem;
    padding-bottom: 3rem;
}

.toggle-li .bootstrap-switch-id-ChangeTheme {
    width: 2.8vw !important;
    height: 2.5vh;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
    right: 0.6rem !important;
}

#changePasswordModal {
    font-family: 'Poppins', sans-serif !important;
}

#changePasswordModal .form-group input {
    padding: unset !important;
    padding-left: 1rem !important;
}

#changePasswordModal label {
    width: 30% !important;
    padding: unset !important;
}

#validation-message {
    display: none;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    /* background-color: #0072b3 !important; */
    color: #fff;
}

#navcolor {
    background-color: #17a2b8;
    position: relative;
    bottom: 0.5rem;
}

.loader_overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: white;
    z-index: 100000;
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#loaderlogo {
    display: block !important;
    margin: auto !important;
    transition: background-color 4000ms !important;
    height: 25vh !important;
}

.brand-text {
    font-family: 'PT Sans', sans-serif;
    font-size: larger;
}

.userIconNavbar {
    padding: 0 15px;
    margin-top: 7px;
    cursor: pointer;
}

.add-new {
    background-color: transparent !important;
}

.userIconNavbar i {
    font-size: 1.5rem;
}

.user-panel {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

#image img {
    height: 50px;
    width: 50px;
}

.select2-container--default.select2-container--focus .select2-selection--single {
    background: transparent !important;
}

.info {
    color: #fff;
    display: flex !important;
    flex-direction: column;
    align-items: end;
    justify-content: end;
}

.user-panel .info p {
    font-size: 0.75rem;
    color: #007bff;
}

.user-panel .info h5 {
    font-size: 14px !important;
}

nav {
    margin-bottom: 8px;
}


/* img[alt="ISMS Logo"] {
    position: absolute;
    left: -2rem;
} */

#viewuser .select2-hidden-accessible {
    position: unset !important;
    height: unset !important;
}


/* theme toggler  */

.ss-main .ss-single-selected {
    height: 30px;
    background-color: #12172a !important;
    color: #fff;
}

.ss-main {
    left: 12px;
    top: 5px;
}

.dark-mode .ss-content {
    background-color: #151a30;
}

.dark-mode .ss-search input {
    background-color: #222b45;
}

.ss-main .ss-content .ss-list .ss-option.ss-disabled {
    background-color: unset !important;
}

table.dataTable thead th {
    font-weight: 500 !important;
}


/* dark mode css */

html .dark-mode {
    background-color: #151a30 !important;
}

.dark-mode .content-wrapper {
    background-color: #151a30 !important;
}

.dark-mode .format {
    background-color: #151a30;
    border: 1px solid #fff !important;
    color: #fff;
}

.dark-mode label {
    color: #fff;
}

.dark-mode .dt-button {
    background-color: #fff;
    color: #000;
}

.dark-mode .dt-button:hover {
    background-color: #000000;
    color: #ffffff;
}

.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    color: #000000 !important;
}

.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    color: #000000 !important;
}

.dark-mode table.dataTable tbody tr {
    background-color: transparent;
}

.dark-mode #navcolor {
    background: #222b45 !important;
    border-bottom: 1px solid #12172a !important;
    position: relative;
    bottom: 0.5rem;
}

.dark-mode .main-header {
    background-color: #222b45 !important;
    border: 1px solid #12172a;
}

.dark-mode .navbar-light .navbar-nav .nav-link {
    color: #ffffff !important;
}

.dark-mode .breadcrumb li a {
    color: #fff !important;
}

.dark-mode .table td {
    border-top-color: #6c757d;
    background: #343a40;
}

.dark-mode .dataTables_wrapper .dataTables_filter input[type="search"] {
    background-color: #343a40;
    border: 1px solid #fff;
    color: #ffffff;
}

.dark-mode .dataTables_wrapper .dataTables_paginate a.paginate_button {
    border: 1px solid grey;
    color: #fff !important;
}

.dark-mode .dataTables_wrapper .dataTables_paginate a.current {
    border: 1px solid rgb(255, 255, 255);
    color: #010000 !important;
}


/* sweet alert in darkmode */

.dark-mode .swal-modal {
    background-color: rgba(0, 0, 0, 0.69);
    border: 3px solid white;
}

.dark-mode .swal-title,
.dark-mode .swal-text {
    color: #ffffff !important;
}

.dark-mode table.table td button.add {
    color: #19e7c1 !important;
}

.dark-mode .btn-export {
    color: #fff;
    width: 1vw !important;
}

.dark-mode .btn-colvis {
    background: none;
}

.dark-mode .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.dark-mode .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #3498db !important;
    color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
    position: relative;
    width: 15px;
    right: 0.3rem;
    font-size: 11px !important;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    left: 0.5px;
}

.dark-mode #headercolor,
.dark-mode .card-body,
.dark-mode .card-footer,
.dark-mode .main-footer,
.dark-mode .modal-body,
.dark-mode .modal-footer {
    background-color: #222b45 !important;
}

.dark-mode #headercolor {
    border-bottom: 1px solid #12172a;
}

.dark-mode .modal-header {
    background: linear-gradient(45deg, #316eb3 0, #1aa393 100%) !important;
}

.dark-mode .card-footer,
.dark-mode .modal-footer,
.dark-mode .main-footer {
    border-top: 1px solid #12172a !important;
}

.dark-mode .custom-file-label,
.dark-mode .custom-file-label::after,
.dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar):not(.is-invalid):not(:focus),
.dark-mode .custom-file-label:focus {
    background-color: transparent !important;
}

.dark-mode .table td,
.dark-mode .table th {
    background-color: #222b45 !important;
}

.dark-mode aside {
    background-color: #222b45;
    color: #ffff;
}

.dark-mode .imagePreview {
    background-color: #12172a;
}

.dark-mode aside .nav-pills li a.active i {
    color: #ffffff !important;
}

.dark-mode aside .nav-pills .nav-treeview li a.active i {
    color: #2a48a1 !important;
}

.dark-mode aside .nav-pills .nav-treeview li a.active p {
    color: #2a48a1 !important;
}

.dark-mode aside i {
    color: #ffffff !important;
}

.dark-mode .dataTables_wrapper .dataTables_paginate a.paginate_button {
    border: none !important;
}

.dark-mode .dataTables_length label {
    color: #fff !important;
}

.dark-mode .dataTables_filter label {
    color: #fff !important;
}

.dark-mode .dataTables_length label select {
    background-color: #12172a !important;
    color: #fff !important;
}

.dark-mode .dataTables_filter label input {
    background-color: #12172a !important;
    color: #fff !important;
}

.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #000000 !important;
}


/* .dark-mode .select2-container .select2-selection--single {
    background: #12172a !important;
} */

.dark-mode .select2-container .select2-selection--single {
    background: transparent !important;
}

.dark-mode .select2-search__field {
    background-color: #12172a !important;
}

.dark-mode .select2-container .select2-selection--single .select2-selection__rendered {
    color: #ffffffe8 !important;
}

.dark-mode .select2-container--bootstrap4 .select2-results>.select2-results__options {
    background: #12172a !important;
    color: #fff !important;
}

.dark-mode .select2-dropdown {
    background-color: #12172a !important;
    color: #fff !important;
}

.dark-mode .select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[aria-selected=true]:hover {
    background-color: #222b45 !important;
}

.dark-mode .card .card-footer button[type="button"] {
    background-color: #36f !important;
    border: none !important;
}

.dark-mode button[type="reset"] {
    background: linear-gradient(to right, #ff708d, #ff3d71) !important;
    border: #a16eff !important;
}

.dark-mode button[data-dismiss="modal"]:not(.close) {
    background: linear-gradient(to right, #ff708d, #ff3d71) !important;
    border: #a16eff !important;
    color: #fff;
}

.dark-mode .modal-content {
    background-color: #222b45 !important;
}

.dark-mode .fa-user {
    color: #ffffff !important;
}

.dark-mode #myForm label {
    font-size: 14px !important;
    font-weight: 500;
}


/* .dark-mode .card-header .add-new {
    background-color: #12172a !important;
    color: #ffffff !important;
} */

.dark-mode .dropdown-menu {
    background-color: #222b45 !important
}

.dark-mode.dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar) {
    background-color: #151a30 !important;
}

.dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar):focus {
    background-color: transparent !important;
}

.dark-mode nav img {
    filter: brightness(1.5);
}

/* Custom class for a larger, centered sidebar logo */
.brand-image-xl {
    float: none !important;      /* AdminLTE brand-image usually floats left; we want center */
    line-height: 0;
    max-height: 120px !important; /* Limits height so it doesn't push menu down too far */
    margin-left: 0 !important;   /* Reset AdminLTE default margin */
}

/* Ensure the sidebar doesn't hide parts of the logo when collapsed */
.main-sidebar {
    overflow-x: hidden !important;
}

/* Styles for the link container to ensure vertical centering */
.brand-link {
    border-bottom: none !important; /* We use a custom divider for better control */
    display: flex !important;
    flex-direction: column;
    align-items: center;
}

/* Make sure the text looks professional if you re-enable it */
.brand-text {
    display: block;
    width: 100%;
    white-space: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.fas.fa-edit{
            color:#8C46C8 !important;
        }