/*
    Note: Added custome css as per requirment, Please DO NOT MODIFY...!!
    Date: 2025/08/07
    Author:Sumeet Madhavi
*/
/*============================================================================================*/
/* ===== CUSTOM CSS START ===== */
body {
    background-color: #e9e9e9 !important;
}
/*============================navbar============================*/
.navbar-dark {
    background: #2c3e50 !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

/*============================Sidebar============================*/
.sidebar {
    padding: 0 !important;
    overflow-x: clip !important;
}
.sidebar-dark-primary {
    background: #2c3e50 !important;
}


/*============================User panel============================*/
.sidebar .user-panel {
    background: #3e5871 !important;
}

.sidebar .user-panel .info a {
    color: #d0dcda !important;
}

.nav-flat {
    margin: 0 !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link {
    margin: 0 0 5px !important;
}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    background: #1abc9c !important;
    color: #fff !important;
}

/*.sidebar-dark-primary .nav-sidebar > li.nav-item > .nav-link:focus,
.sidebar-dark-primary .nav-sidebar > li.nav-item > .nav-link:hover {
    color: #1abc9c !important;
}*/


/*.sidebar-dark-primary .nav-sidebar > li.nav-item:not(.menu-is-opening) > .nav-link:not(.active):focus,*/
.sidebar-dark-primary .nav-sidebar > li.nav-item:not(.menu-is-opening) > .nav-link:not(.active):hover {
    color: #1abc9c !important;
}


/*.sidebar-dark-primary .nav-sidebar > li.nav-item.menu-is-opening > .nav-link:not(.active):hover,
.sidebar-dark-primary .nav-sidebar > li.nav-item.menu-is-opening > .nav-link:not(.active):focus {
    color: #1abc9c !important;
}*/


/*
.sidebar-dark-primary .nav-sidebar > .nav-treeview > li.nav-item.menu-open > .nav-link.active,
.sidebar-dark-primary .nav-sidebar > .nav-treeview > li.nav-item.menu-open > .nav-link.active {
    background: #1abc9c !important;
    color: #fff !important;
}*/

/*.sidebar-dark-primary .nav-sidebar > li.nav-item.menu-open > .nav-link,*/
.sidebar-dark-primary .nav-sidebar > li.nav-item.menu-open > .nav-link {
    background: #1abc9c !important;
    color: #fff !important;
}

.sidebar-dark-primary .nav-treeview > .nav-item > .nav-link.active {
    background: transparent !important;
    color: #1abc9c !important;
    /*border-left: 0px !important;*/
}

.nav-flat.nav-sidebar > .nav-item .nav-treeview .nav-item > .nav-link, 
.nav-flat.nav-sidebar > .nav-item > .nav-treeview .nav-item > .nav-link {
    border-left: 0rem solid;
}

.sidebar-dark-primary .nav-treeview > .nav-item > .nav-link:hover
{
    background-color: none !important;
    color: #1abc9c !important;
}


/*.sidebar-dark-primary .nav-sidebar > li.nav-item.menu-is-opening > .nav-link:not(.active):hover,
.sidebar-dark-primary .nav-sidebar > li.nav-item.menu-is-opening > .nav-link:not(.active):hover {
    background: #1abc9c !important;
    color: #fff !important;
}*/

/*.sidebar-dark-primary .nav-treeview > .nav-item > .nav-link:hover,
.sidebar-dark-primary .nav-treeview > .nav-item > .nav-link:focus {
    color: #1abc9c !important;
}*/
/*============================================================================================*/

/* ==== ADD OTHER CSS BELOW ==== */

/*============================Card============================*/
.card {
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05) !important;
    margin-bottom: 1rem !important;
    transition: box-shadow 0.2s ease-in-out !important;
    border-top: 3px solid #8CDDCD !important;
}

/*============================Background-color============================*/
.bg-primary {
    background-color: #1abc9c !important;
}
.bg-secondary {
    background-color: #6c757d !important;
}
.bg-success {
    background-color: #2ecc71 !important;
}
.bg-danger {
    background-color: #e74c3c !important;
}
.bg-warning {
    background-color: #f1c40f !important;
}
.bg-info {
    background-color: #3498db !important;
}
.bg-light {
    background-color: #f8f9fa !important;
}
.bg-dark {
    background-color: #343a40 !important;
}

/*============================Text-color============================*/
.text-color-primary {
    color: #1abc9c !important;
}

.text-color-secondary {
    color: #6c757d !important;
}

.text-color-success {
    color: #2ecc71 !important;
}

.text-color-danger {
    color: #e74c3c !important;
}

.text-color-warning {
    color: #f1c40f !important;
}

.text-color-info {
    color: #3498db !important;
}

.text-color-light {
    color: #f8f9fa !important;
}

.text-color-dark {
    color: #343a40 !important;
}


/*============================Toast background color============================*/

.toast-primary {
    background-color: #1abc9c !important;
}
.toast-secondary {
    background-color: #bdc3c7 !important;
}
.toast-success {
    background-color: #2ecc71 !important;
}
.toast-danger {
    background-color: #e74c3c !important;
}
.toast-warning {
    background-color: #f1c40f !important;
}
.toast-info {
    background-color: #3498db !important;
}
.toast-light {
    background-color: #f8f9fa !important;
}
.toast-dark {
    background-color: #343a40 !important;
}
#toast-container > div:hover {
    -webkit-box-shadow: 0 0 12px #c0c0c0 !important;
}
    /*============================Buttons============================*/
    /*==========================btn-primary==========================*/
    .btn-primary {
    color: #fff !important;
    background-color: #1abc9c !important;
    border-color: #1abc9c !important;
}

.btn-primary:hover {
    color: #fff !important;
    background-color: #159a80 !important;
    border-color: #148f77 !important;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0rem rgba(60, 198, 171, 0.5) !important;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff !important;
    background-color: #1abc9c !important;
    border-color: #1abc9c !important;
}

.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #148f77 !important;
    border-color: #12846e !important;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, 
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0rem rgba(60, 198, 171, 0.5) !important;
}

/*==========================btn-secondary==========================*/
.btn-secondary {
    color: #fff !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

.btn-secondary:hover {
    color: #fff !important;
    background-color: #5a6268 !important;
    border-color: #545b62 !important;
}

.btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0rem rgba(130, 138, 145, 0.5) !important;
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

.btn-secondary:not(:disabled):not(.disabled):active, 
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    color: #fff !important;
    background-color: #545b62 !important;
    border-color: #4e555b !important;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, 
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0rem rgba(130, 138, 145, 0.5) !important;
}

/*==========================btn-success==========================*/
.btn-success {
    color: #fff !important;
    background-color: #2ecc71 !important;
    border-color: #2ecc71 !important;
}

.btn-success:hover {
    color: #fff !important;
    background-color: #27ad60 !important;
    border-color: #25a25a !important;
}

.btn-success:focus, .btn-success.focus {
    box-shadow: 0 0 0 0rem rgba(77, 212, 134, 0.5) !important;
}

.btn-success.disabled, .btn-success:disabled {
    color: #fff !important;
    background-color: #2ecc71 !important;
    border-color: #2ecc71 !important;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
    color: #fff !important;
    background-color: #25a25a !important;
    border-color: #229854 !important;
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0rem rgba(77, 212, 134, 0.5) !important;
}

/*==========================btn-info=============================*/

.btn-info {
    color: #fff !important;
    background-color: #00acc1 !important;
    border-color: #00acc1 !important;
}

.btn-info:hover {
    color: #fff !important;
    background-color: #008a9b !important;
    border-color: #007f8e !important;
}

.btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 0rem rgba(38, 184, 202, 0.5) !important;
}

.btn-info.disabled, .btn-info:disabled {
    color: #fff !important;
    background-color: #00acc1 !important;
    border-color: #00acc1 !important;
}

.btn-info:not(:disabled):not(.disabled):active, 
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
    color: #fff !important;
    background-color: #007f8e !important;
    border-color: #007381 !important;
}

.btn-info:not(:disabled):not(.disabled):active:focus, 
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0rem rgba(38, 184, 202, 0.5) !important;
}

/*==========================btn-warning==========================*/

.btn-warning {
    color: #fff !important;
    background-color: #f1c40f !important;
    border-color: #f1c40f !important;
}

.btn-warning:hover {
    color: #fff !important;
    background-color: #cea70c !important;
    border-color: #c29d0b !important;
}

.btn-warning:focus, .btn-warning.focus {
    box-shadow: 0 0 0 0rem rgba(243, 205, 51, 0.5) !important;
}

.btn-warning.disabled, .btn-warning:disabled {
    color: #fff !important;
    background-color: #f1c40f !important;
    border-color: #f1c40f !important;
}

.btn-warning:not(:disabled):not(.disabled):active, 
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
    color: #fff !important;
    background-color: #c29d0b !important;
    border-color: #b6940b !important;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, 
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0rem rgba(243, 205, 51, 0.5) !important;
}

/*==========================btn-danger===========================*/

.btn-danger {
    color: #fff !important;
    background-color: #e74c3c !important;
    border-color: #e74c3c !important;
}

.btn-danger:hover {
    color: #fff !important;
    background-color: #e12e1c !important;
    border-color: #d62c1a !important;
}

.btn-danger:focus, .btn-danger.focus {
    box-shadow: 0 0 0 0rem rgba(235, 103, 89, 0.5) !important;
}

.btn-danger.disabled, .btn-danger:disabled {
    color: #fff !important;
    background-color: #e74c3c !important;
    border-color: #e74c3c !important;
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
    color: #fff !important;
    background-color: #d62c1a !important;
    border-color: #ca2a19 !important;
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0rem rgba(235, 103, 89, 0.5) !important;
}

/*==========================btn-light============================*/

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:hover {
    color: #212529 !important;
    background-color: #e2e6ea !important;
    border-color: #dae0e5 !important;
}

.btn-light:focus, .btn-light.focus {
    box-shadow: 0 0 0 0rem rgba(216, 217, 219, 0.5) !important;
}

.btn-light.disabled, .btn-light:disabled {
    color: #212529 !important;
    background-color: #f8f9fa !important;
    border-color: #f8f9fa !important;
}

.btn-light:not(:disabled):not(.disabled):active, 
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
    color: #212529 !important;
    background-color: #dae0e5 !important;
    border-color: #d3d9df !important;
}

.btn-light:not(:disabled):not(.disabled):active:focus, 
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0rem rgba(216, 217, 219, 0.5) !important;
}

/*==========================btn-dark=============================*/
.btn-dark {
    color: #fff !important;
    background-color: #343a40 !important;
    border-color: #343a40 !important;
}

.btn-dark:hover {
    color: #fff !important;
    background-color: #23272b !important;
    border-color: #1d2124 !important;
}

.btn-dark:focus, .btn-dark.focus {
    box-shadow: 0 0 0 0rem rgba(82, 88, 93, 0.5) !important;
}

.btn-dark.disabled, .btn-dark:disabled {
    color: #fff !important;
    background-color: #343a40 !important;
    border-color: #343a40 !important;
}

.btn-dark:not(:disabled):not(.disabled):active, 
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
    color: #fff !important;
    background-color: #1d2124 !important;
    border-color: #171a1d !important;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, 
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0rem rgba(82, 88, 93, 0.5) !important;
}

/*==============================btn-outline=================================*/
/*==========================btn-outline-primary=============================*/
.btn-outline-primary {
    color: #1abc9c !important;
    border-color: #1abc9c !important;
}
.btn-outline-primary:hover {
    color: #fff !important;
    background-color: #1abc9c !important;
    border-color: #1abc9c !important;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0rem rgba(26, 188, 156, 0.5) !important;
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #1abc9c !important;
    background-color: transparent !important;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, 
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #1abc9c !important;
    border-color: #1abc9c !important;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, 
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0rem rgba(26, 188, 156, 0.5) !important;
}

/*==========================btn-outline-secondary=============================*/
.btn-outline-secondary {
    color: #6c757d !important;
    border-color: #6c757d !important;
}
.btn-outline-secondary:hover {
    color: #fff !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0rem rgba(108, 117, 125, 0.5) !important;
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #6c757d !important;
    background-color: transparent !important;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, 
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
    color: #fff !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, 
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0rem rgba(108, 117, 125, 0.5) !important;
}

/*==========================btn-outline-success=============================*/
.btn-outline-success {
    color: #2ecc71 !important;
    border-color: #2ecc71 !important;
}
.btn-outline-success:hover {
    color: #fff !important;
    background-color: #2ecc71 !important;
    border-color: #2ecc71 !important;
}
.btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0rem rgba(46, 204, 113, 0.5) !important;
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #2ecc71 !important;
    background-color: transparent !important;
}
.btn-outline-success:not(:disabled):not(.disabled):active, 
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
    color: #fff !important;
    background-color: #2ecc71 !important;
    border-color: #2ecc71 !important;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, 
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0rem rgba(46, 204, 113, 0.5) !important;
}

/*==========================btn-outline-info=============================*/
.btn-outline-info {
    color: #00acc1 !important;
    border-color: #00acc1 !important;
}
.btn-outline-info:hover {
    color: #fff !important;
    background-color: #00acc1 !important;
    border-color: #00acc1 !important;
}
.btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0rem rgba(0, 172, 193, 0.5) !important;
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #00acc1 !important;
    background-color: transparent !important;
}
.btn-outline-info:not(:disabled):not(.disabled):active, 
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
    color: #fff !important;
    background-color: #00acc1 !important;
    border-color: #00acc1 !important;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, 
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0rem rgba(0, 172, 193, 0.5) !important;
}

/*==========================btn-outline-warning=============================*/
.btn-outline-warning {
    color: #f1c40f !important;
    border-color: #f1c40f !important;
}
.btn-outline-warning:hover {
    color: #fff !important;
    background-color: #f1c40f !important;
    border-color: #f1c40f !important;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0rem rgba(241, 196, 15, 0.5) !important;
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #f1c40f !important;
    background-color: transparent !important;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, 
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
    color: #fff !important;
    background-color: #f1c40f !important;
    border-color: #f1c40f !important;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, 
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0rem rgba(241, 196, 15, 0.5) !important;
}

/*==========================btn-outline-danger=============================*/
.btn-outline-danger {
    color: #e74c3c !important;
    border-color: #e74c3c !important;
}
.btn-outline-danger:hover {
    color: #fff !important;
    background-color: #e74c3c !important;
    border-color: #e74c3c !important;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0rem rgba(231, 76, 60, 0.5) !important;
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #e74c3c !important;
    background-color: transparent !important;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, 
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
    color: #fff !important;
    background-color: #e74c3c !important;
    border-color: #e74c3c !important;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, 
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0rem rgba(231, 76, 60, 0.5) !important;
}

/*==========================btn-outline-light=============================*/
.btn-outline-light {
    color: #f8f9fa !important;
    border-color: #f8f9fa !important;
}
.btn-outline-light:hover {
    color: #212529 !important;
    background-color: #f8f9fa !important;
    border-color: #f8f9fa !important;
}
.btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 0 0 0rem rgba(248, 249, 250, 0.5) !important;
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f8f9fa !important;
    background-color: transparent !important;
}
.btn-outline-light:not(:disabled):not(.disabled):active, 
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
    color: #212529 !important;
    background-color: #f8f9fa !important;
    border-color: #f8f9fa !important;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, 
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0rem rgba(248, 249, 250, 0.5) !important;
}
/*==========================btn-outline-dark=============================*/
.btn-outline-dark {
    color: #343a40 !important;
    border-color: #343a40 !important;
}
.btn-outline-dark:hover {
    color: #fff !important;
    background-color: #343a40 !important;
    border-color: #343a40 !important;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 0 0 0rem rgba(52, 58, 64, 0.5) !important;
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #343a40 !important;
    background-color: transparent !important;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, 
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
    color: #fff !important;
    background-color: #343a40 !important;
    border-color: #343a40 !important;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, 
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0rem rgba(52, 58, 64, 0.5) !important;
}

/*==========================btn-light=============================*/
/*==========================btn-light-primary==========================*/

.btn-light-primary {
    background: #e8f8f5 !important;
    color: #1abc9c !important;
    border-color: #e8f8f5 !important;
}

.btn-light-primary .material-icons-two-tone {
    background-color: #1abc9c !important;
}

.btn-light-primary:hover {
    background: #1abc9c !important;
    color: #fff !important;
    border-color: #1abc9c !important;
}

.btn-light-primary:hover .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-light-primary.focus,
.btn-light-primary:focus {
    background: #1abc9c !important;
    color: #fff !important;
    border-color: #1abc9c !important;
}

.btn-light-primary.focus .material-icons-two-tone,
.btn-light-primary:focus .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-light-primary:not(:disabled):not(.disabled).active,
.btn-light-primary:not(:disabled):not(.disabled):active,
.show>.btn-light-primary.dropdown-toggle {
    background: #1abc9c !important;
    color: #fff !important;
    border-color: #1abc9c !important;
}

.btn-light-primary:not(:disabled):not(.disabled).active .material-icons-two-tone,
.btn-light-primary:not(:disabled):not(.disabled):active .material-icons-two-tone,
.show>.btn-light-primary.dropdown-toggle .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-check:active+.btn-light-primary,
.btn-check:checked+.btn-light-primary {
    background: #1abc9c !important;
    color: #fff !important;
    border-color: #1abc9c !important;
}

.btn-check:active+.btn-light-primary .material-icons-two-tone,
.btn-check:checked+.btn-light-primary .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-link-primary {
    background: transparent !important;
    color: #1abc9c !important;
    border-color: transparent !important;
}

.btn-link-primary .material-icons-two-tone {
    background-color: #1abc9c !important;
}

.btn-check:active+.btn-link-primary,
.btn-check:checked+.btn-link-primary,
.btn-link-primary.focus,
.btn-link-primary:focus,
.btn-link-primary:hover,
.btn-link-primary:not(:disabled):not(.disabled).active,
.btn-link-primary:not(:disabled):not(.disabled):active,
.show>.btn-link-primary.dropdown-toggle {
    background: #e8f8f5 !important;
    color: #1abc9c !important;
    border-color: #e8f8f5 !important;
}

.btn-link-hover-primary {
    background: transparent !important;
    color: #bdc3c7!important;
    border-color: transparent !important;
}

.btn-link-hover-primary .material-icons-two-tone {
    background-color: #bdc3c7!important;
}

.btn-check:active+.btn-link-hover-primary,
.btn-check:checked+.btn-link-hover-primary,
.btn-link-hover-primary.focus,
.btn-link-hover-primary:focus,
.btn-link-hover-primary:hover,
.btn-link-hover-primary:not(:disabled):not(.disabled).active,
.btn-link-hover-primary:not(:disabled):not(.disabled):active,
.show>.btn-link-hover-primary.dropdown-toggle {
    background: #e8f8f5 !important;
    color: #1abc9c !important;
    border-color: #e8f8f5 !important;
}

/*==========================btn-light-secondary==========================*/

.btn-light-secondary {
    background: #f8f9f9 !important;
    color: #bdc3c7 !important;
    border-color: #f8f9f9 !important;
}

.btn-light-secondary .material-icons-two-tone {
    background-color: #bdc3c7 !important;
}

.btn-light-secondary:hover {
    background: #bdc3c7 !important;
    color: #fff !important;
    border-color: #bdc3c7 !important;
}

.btn-light-secondary:hover .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-light-secondary.focus,
.btn-light-secondary:focus {
    background: #bdc3c7 !important;
    color: #fff !important;
    border-color: #bdc3c7 !important;
}

.btn-light-secondary.focus .material-icons-two-tone,
.btn-light-secondary:focus .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-light-secondary:not(:disabled):not(.disabled).active,
.btn-light-secondary:not(:disabled):not(.disabled):active,
.show>.btn-light-secondary.dropdown-toggle {
    background: #bdc3c7 !important;
    color: #fff !important;
    border-color: #bdc3c7 !important;
}

.btn-light-secondary:not(:disabled):not(.disabled).active .material-icons-two-tone,
.btn-light-secondary:not(:disabled):not(.disabled):active .material-icons-two-tone,
.show>.btn-light-secondary.dropdown-toggle .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-check:active+.btn-light-secondary,
.btn-check:checked+.btn-light-secondary {
    background: #bdc3c7 !important;
    color: #fff !important;
    border-color: #bdc3c7 !important;
}

.btn-check:active+.btn-light-secondary .material-icons-two-tone,
.btn-check:checked+.btn-light-secondary .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-link-secondary {
    background: transparent !important;
    color: #bdc3c7 !important;
    border-color: transparent !important;
}

.btn-link-secondary .material-icons-two-tone {
    background-color: #bdc3c7 !important;
}

.btn-check:active+.btn-link-secondary,
.btn-check:checked+.btn-link-secondary,
.btn-link-secondary.focus,
.btn-link-secondary:focus,
.btn-link-secondary:hover,
.btn-link-secondary:not(:disabled):not(.disabled).active,
.btn-link-secondary:not(:disabled):not(.disabled):active,
.show>.btn-link-secondary.dropdown-toggle {
    background: #f8f9f9 !important;
    color: #bdc3c7 !important;
    border-color: #f8f9f9 !important;
}

.btn-link-hover-secondary {
    background: transparent !important;
    color: #bdc3c7!important;
    border-color: transparent !important;
}

.btn-link-hover-secondary .material-icons-two-tone {
    background-color: #bdc3c7!important;
}

.btn-check:active+.btn-link-hover-secondary,
.btn-check:checked+.btn-link-hover-secondary,
.btn-link-hover-secondary.focus,
.btn-link-hover-secondary:focus,
.btn-link-hover-secondary:hover,
.btn-link-hover-secondary:not(:disabled):not(.disabled).active,
.btn-link-hover-secondary:not(:disabled):not(.disabled):active,
.show>.btn-link-hover-secondary.dropdown-toggle {
    background: #f8f9f9 !important;
    color: #bdc3c7 !important;
    border-color: #f8f9f9 !important;
}

/*==========================btn-light-success==========================*/

.btn-light-success {
    background: #eafaf1 !important;
    color: #2ecc71 !important;
    border-color: #eafaf1 !important;
}

.btn-light-success .material-icons-two-tone {
    background-color: #2ecc71 !important;
}

.btn-light-success:hover {
    background: #2ecc71 !important;
    color: #fff !important;
    border-color: #2ecc71 !important;
}

.btn-light-success:hover .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-light-success.focus,
.btn-light-success:focus {
    background: #2ecc71 !important;
    color: #fff !important;
    border-color: #2ecc71 !important;
}

.btn-light-success.focus .material-icons-two-tone,
.btn-light-success:focus .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-light-success:not(:disabled):not(.disabled).active,
.btn-light-success:not(:disabled):not(.disabled):active,
.show>.btn-light-success.dropdown-toggle {
    background: #2ecc71 !important;
    color: #fff !important;
    border-color: #2ecc71 !important;
}

.btn-light-success:not(:disabled):not(.disabled).active .material-icons-two-tone,
.btn-light-success:not(:disabled):not(.disabled):active .material-icons-two-tone,
.show>.btn-light-success.dropdown-toggle .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-check:active+.btn-light-success,
.btn-check:checked+.btn-light-success {
    background: #2ecc71 !important;
    color: #fff !important;
    border-color: #2ecc71 !important;
}

.btn-check:active+.btn-light-success .material-icons-two-tone,
.btn-check:checked+.btn-light-success .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-link-success {
    background: transparent !important;
    color: #2ecc71 !important;
    border-color: transparent !important;
}

.btn-link-success .material-icons-two-tone {
    background-color: #2ecc71 !important;
}

.btn-check:active+.btn-link-success,
.btn-check:checked+.btn-link-success,
.btn-link-success.focus,
.btn-link-success:focus,
.btn-link-success:hover,
.btn-link-success:not(:disabled):not(.disabled).active,
.btn-link-success:not(:disabled):not(.disabled):active,
.show>.btn-link-success.dropdown-toggle {
    background: #eafaf1 !important;
    color: #2ecc71 !important;
    border-color: #eafaf1 !important;
}

.btn-link-hover-success {
    background: transparent !important;
    color: #bdc3c7!important;
    border-color: transparent !important;
}

.btn-link-hover-success .material-icons-two-tone {
    background-color: #bdc3c7!important;
}

.btn-check:active+.btn-link-hover-success,
.btn-check:checked+.btn-link-hover-success,
.btn-link-hover-success.focus,
.btn-link-hover-success:focus,
.btn-link-hover-success:hover,
.btn-link-hover-success:not(:disabled):not(.disabled).active,
.btn-link-hover-success:not(:disabled):not(.disabled):active,
.show>.btn-link-hover-success.dropdown-toggle {
    background: #eafaf1 !important;
    color: #2ecc71 !important;
    border-color: #eafaf1 !important;
}

/*==========================btn-light-secondary =============================*/

.btn-light-secondary {
    background: #f8f9f9 !important;
    color: #bdc3c7 !important;
    border-color: #f8f9f9 !important;
}
.btn-light-secondary .material-icons-two-tone {
    background-color: #bdc3c7 !important;
}
.btn-light-secondary:hover,
.btn-light-secondary:focus,
.btn-light-secondary.focus {
    background: #bdc3c7 !important;
    color: #fff !important;
    border-color: #bdc3c7 !important;
}
.btn-light-secondary:hover .material-icons-two-tone,
.btn-light-secondary:focus .material-icons-two-tone,
.btn-light-secondary.focus .material-icons-two-tone {
    background-color: #fff !important;
}
.btn-light-secondary:not(:disabled):not(.disabled).active,
.btn-light-secondary:not(:disabled):not(.disabled):active,
.show > .btn-light-secondary.dropdown-toggle,
.btn-check:active + .btn-light-secondary,
.btn-check:checked + .btn-light-secondary {
    background: #bdc3c7 !important;
    color: #fff !important;
    border-color: #bdc3c7 !important;
}
.btn-light-secondary:not(:disabled):not(.disabled).active .material-icons-two-tone,
.btn-light-secondary:not(:disabled):not(.disabled):active .material-icons-two-tone,
.show > .btn-light-secondary.dropdown-toggle .material-icons-two-tone,
.btn-check:active + .btn-light-secondary .material-icons-two-tone,
.btn-check:checked + .btn-light-secondary .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-link-secondary {
    background: transparent !important;
    color: #bdc3c7 !important;
    border-color: transparent !important;
}
.btn-link-secondary .material-icons-two-tone {
    background-color: #bdc3c7 !important;
}
.btn-link-secondary:hover,
.btn-link-secondary:focus,
.btn-link-secondary.focus,
.btn-link-secondary:not(:disabled):not(.disabled).active,
.btn-link-secondary:not(:disabled):not(.disabled):active,
.show > .btn-link-secondary.dropdown-toggle,
.btn-check:active + .btn-link-secondary,
.btn-check:checked + .btn-link-secondary {
    background: #f8f9f9 !important;
    color: #bdc3c7 !important;
    border-color: #f8f9f9 !important;
}

.btn-link-hover-secondary {
    background: transparent !important;
    color: #bdc3c7 !important;
    border-color: transparent !important;
}
.btn-link-hover-secondary .material-icons-two-tone {
    background-color: #bdc3c7 !important;
}
.btn-link-hover-secondary:hover,
.btn-link-hover-secondary:focus,
.btn-link-hover-secondary.focus,
.btn-link-hover-secondary:not(:disabled):not(.disabled).active,
.btn-link-hover-secondary:not(:disabled):not(.disabled):active,
.show > .btn-link-hover-secondary.dropdown-toggle,
.btn-check:active + .btn-link-hover-secondary,
.btn-check:checked + .btn-link-hover-secondary {
    background: #f8f9f9 !important;
    color: #bdc3c7 !important;
    border-color: #f8f9f9 !important;
}

/*==========================btn-light-success=============================*/
.btn-light-success {
    background: #eafaf1 !important;
    color: #2ecc71 !important;
    border-color: #eafaf1 !important;
}
.btn-light-success .material-icons-two-tone {
    background-color: #2ecc71 !important;
}
.btn-light-success:hover,
.btn-light-success:focus,
.btn-light-success.focus {
    background: #2ecc71 !important;
    color: #fff !important;
    border-color: #2ecc71 !important;
}
.btn-light-success:hover .material-icons-two-tone,
.btn-light-success:focus .material-icons-two-tone,
.btn-light-success.focus .material-icons-two-tone {
    background-color: #fff !important;
}
.btn-light-success:not(:disabled):not(.disabled).active,
.btn-light-success:not(:disabled):not(.disabled):active,
.show > .btn-light-success.dropdown-toggle,
.btn-check:active + .btn-light-success,
.btn-check:checked + .btn-light-success {
    background: #2ecc71 !important;
    color: #fff !important;
    border-color: #2ecc71 !important;
}
.btn-light-success:not(:disabled):not(.disabled).active .material-icons-two-tone,
.btn-light-success:not(:disabled):not(.disabled):active .material-icons-two-tone,
.show > .btn-light-success.dropdown-toggle .material-icons-two-tone,
.btn-check:active + .btn-light-success .material-icons-two-tone,
.btn-check:checked + .btn-light-success .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-link-success {
    background: transparent !important;
    color: #2ecc71 !important;
    border-color: transparent !important;
}
.btn-link-success .material-icons-two-tone {
    background-color: #2ecc71 !important;
}
.btn-link-success:hover,
.btn-link-success:focus,
.btn-link-success.focus,
.btn-link-success:not(:disabled):not(.disabled).active,
.btn-link-success:not(:disabled):not(.disabled):active,
.show > .btn-link-success.dropdown-toggle,
.btn-check:active + .btn-link-success,
.btn-check:checked + .btn-link-success {
    background: #eafaf1 !important;
    color: #2ecc71 !important;
    border-color: #eafaf1 !important;
}

.btn-link-hover-success {
    background: transparent !important;
    color: #bdc3c7 !important;
    border-color: transparent !important;
}
.btn-link-hover-success .material-icons-two-tone {
    background-color: #bdc3c7 !important;
}
.btn-link-hover-success:hover,
.btn-link-hover-success:focus,
.btn-link-hover-success.focus,
.btn-link-hover-success:not(:disabled):not(.disabled).active,
.btn-link-hover-success:not(:disabled):not(.disabled):active,
.show > .btn-link-hover-success.dropdown-toggle,
.btn-check:active + .btn-link-hover-success,
.btn-check:checked + .btn-link-hover-success {
    background: #eafaf1 !important;
    color: #2ecc71 !important;
    border-color: #eafaf1 !important;
}

/*==========================btn-light-info=============================*/
.btn-light-info {
    background: #ebf5fb !important;
    color: #3498db !important;
    border-color: #ebf5fb !important;
}
.btn-light-info .material-icons-two-tone {
    background-color: #3498db !important;
}
.btn-light-info:hover,
.btn-light-info:focus,
.btn-light-info.focus {
    background: #3498db !important;
    color: #fff !important;
    border-color: #3498db !important;
}
.btn-light-info:hover .material-icons-two-tone,
.btn-light-info:focus .material-icons-two-tone,
.btn-light-info.focus .material-icons-two-tone {
    background-color: #fff !important;
}
.btn-light-info:not(:disabled):not(.disabled).active,
.btn-light-info:not(:disabled):not(.disabled):active,
.show > .btn-light-info.dropdown-toggle,
.btn-check:active + .btn-light-info,
.btn-check:checked + .btn-light-info {
    background: #3498db !important;
    color: #fff !important;
    border-color: #3498db !important;
}
.btn-light-info:not(:disabled):not(.disabled).active .material-icons-two-tone,
.btn-light-info:not(:disabled):not(.disabled):active .material-icons-two-tone,
.show > .btn-light-info.dropdown-toggle .material-icons-two-tone,
.btn-check:active + .btn-light-info .material-icons-two-tone,
.btn-check:checked + .btn-light-info .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-link-info {
    background: transparent !important;
    color: #3498db !important;
    border-color: transparent !important;
}
.btn-link-info .material-icons-two-tone {
    background-color: #3498db !important;
}
.btn-link-info:hover,
.btn-link-info:focus,
.btn-link-info.focus,
.btn-link-info:not(:disabled):not(.disabled).active,
.btn-link-info:not(:disabled):not(.disabled):active,
.show > .btn-link-info.dropdown-toggle,
.btn-check:active + .btn-link-info,
.btn-check:checked + .btn-link-info {
    background: #ebf5fb !important;
    color: #3498db !important;
    border-color: #ebf5fb !important;
}

.btn-link-hover-info {
    background: transparent !important;
    color: #bdc3c7 !important;
    border-color: transparent !important;
}
.btn-link-hover-info .material-icons-two-tone {
    background-color: #bdc3c7 !important;
}
.btn-link-hover-info:hover,
.btn-link-hover-info:focus,
.btn-link-hover-info.focus,
.btn-link-hover-info:not(:disabled):not(.disabled).active,
.btn-link-hover-info:not(:disabled):not(.disabled):active,
.show > .btn-link-hover-info.dropdown-toggle,
.btn-check:active + .btn-link-hover-info,
.btn-check:checked + .btn-link-hover-info {
    background: #ebf5fb !important;
    color: #3498db !important;
    border-color: #ebf5fb !important;
}

/*==========================btn-light-warning=============================*/

.btn-light-warning {
    background: #fef9e7 !important;
    color: #f1c40f !important;
    border-color: #fef9e7 !important;
}
.btn-light-warning .material-icons-two-tone {
    background-color: #f1c40f !important;
}
.btn-light-warning:hover,
.btn-light-warning:focus,
.btn-light-warning.focus {
    background: #f1c40f !important;
    color: #fff !important;
    border-color: #f1c40f !important;
}
.btn-light-warning:hover .material-icons-two-tone,
.btn-light-warning:focus .material-icons-two-tone,
.btn-light-warning.focus .material-icons-two-tone {
    background-color: #fff !important;
}
.btn-light-warning:not(:disabled):not(.disabled).active,
.btn-light-warning:not(:disabled):not(.disabled):active,
.show > .btn-light-warning.dropdown-toggle,
.btn-check:active + .btn-light-warning,
.btn-check:checked + .btn-light-warning {
    background: #f1c40f !important;
    color: #fff !important;
    border-color: #f1c40f !important;
}
.btn-light-warning:not(:disabled):not(.disabled).active .material-icons-two-tone,
.btn-light-warning:not(:disabled):not(.disabled):active .material-icons-two-tone,
.show > .btn-light-warning.dropdown-toggle .material-icons-two-tone,
.btn-check:active + .btn-light-warning .material-icons-two-tone,
.btn-check:checked + .btn-light-warning .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-link-warning {
    background: transparent !important;
    color: #f1c40f !important;
    border-color: transparent !important;
}
.btn-link-warning .material-icons-two-tone {
    background-color: #f1c40f !important;
}
.btn-link-warning:hover,
.btn-link-warning:focus,
.btn-link-warning.focus,
.btn-link-warning:not(:disabled):not(.disabled).active,
.btn-link-warning:not(:disabled):not(.disabled):active,
.show > .btn-link-warning.dropdown-toggle,
.btn-check:active + .btn-link-warning,
.btn-check:checked + .btn-link-warning {
    background: #fef9e7 !important;
    color: #f1c40f !important;
    border-color: #fef9e7 !important;
}

.btn-link-hover-warning {
    background: transparent !important;
    color: #bdc3c7 !important;
    border-color: transparent !important;
}
.btn-link-hover-warning .material-icons-two-tone {
    background-color: #bdc3c7 !important;
}
.btn-link-hover-warning:hover,
.btn-link-hover-warning:focus,
.btn-link-hover-warning.focus,
.btn-link-hover-warning:not(:disabled):not(.disabled).active,
.btn-link-hover-warning:not(:disabled):not(.disabled):active,
.show > .btn-link-hover-warning.dropdown-toggle,
.btn-check:active + .btn-link-hover-warning,
.btn-check:checked + .btn-link-hover-warning {
    background: #fef9e7 !important;
    color: #f1c40f !important;
    border-color: #fef9e7 !important;
}

/*================================btn-light-danger==================================*/

.btn-light-danger {
    background: #fdedec !important;
    color: #e74c3c !important;
    border-color: #fdedec !important;
}

.btn-light-danger .material-icons-two-tone {
    background-color: #e74c3c !important;
}

.btn-light-danger:hover {
    background: #e74c3c !important;
    color: #fff !important;
    border-color: #e74c3c !important;
}

.btn-light-danger:hover .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-light-danger.focus,
.btn-light-danger:focus {
    background: #e74c3c !important;
    color: #fff !important;
    border-color: #e74c3c !important;
}

.btn-light-danger.focus .material-icons-two-tone,
.btn-light-danger:focus .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-light-danger:not(:disabled):not(.disabled).active,
.btn-light-danger:not(:disabled):not(.disabled):active,
.show>.btn-light-danger.dropdown-toggle {
    background: #e74c3c !important;
    color: #fff !important;
    border-color: #e74c3c !important;
}

.btn-light-danger:not(:disabled):not(.disabled).active .material-icons-two-tone,
.btn-light-danger:not(:disabled):not(.disabled):active .material-icons-two-tone,
.show>.btn-light-danger.dropdown-toggle .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-check:active+.btn-light-danger,
.btn-check:checked+.btn-light-danger {
    background: #e74c3c !important;
    color: #fff !important;
    border-color: #e74c3c !important;
}

.btn-check:active+.btn-light-danger .material-icons-two-tone,
.btn-check:checked+.btn-light-danger .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-link-danger {
    background: 0 0 !important;
    color: #e74c3c !important;
    border-color: transparent !important;
}

.btn-link-danger .material-icons-two-tone {
    background-color: #e74c3c !important;
}

.btn-check:active+.btn-link-danger,
.btn-check:checked+.btn-link-danger,
.btn-link-danger.focus,
.btn-link-danger:focus,
.btn-link-danger:hover,
.btn-link-danger:not(:disabled):not(.disabled).active,
.btn-link-danger:not(:disabled):not(.disabled):active,
.show>.btn-link-danger.dropdown-toggle {
    background: #fdedec !important;
    color: #e74c3c !important;
    border-color: #fdedec !important;
}

.btn-link-hover-danger {
    background: 0 0 !important;
    color: #bdc3c7 !important;
    border-color: transparent !important;
}

.btn-link-hover-danger .material-icons-two-tone {
    background-color: #bdc3c7 !important;
}

.btn-check:active+.btn-link-hover-danger,
.btn-check:checked+.btn-link-hover-danger,
.btn-link-hover-danger.focus,
.btn-link-hover-danger:focus,
.btn-link-hover-danger:hover,
.btn-link-hover-danger:not(:disabled):not(.disabled).active,
.btn-link-hover-danger:not(:disabled):not(.disabled):active,
.show>.btn-link-hover-danger.dropdown-toggle {
    background: #fdedec !important;
    color: #e74c3c !important;
    border-color: #fdedec !important;
}

/*================================btn-light-light==================================*/

.btn-light-light {
    background: #fefeff !important;
    color: #f8f9fa !important;
    border-color: #fefeff !important;
}

.btn-light-light .material-icons-two-tone {
    background-color: #f8f9fa !important;
}

.btn-light-light:hover {
    background: #f8f9fa !important;
    color: #fff !important;
    border-color: #f8f9fa !important;
}

.btn-light-light:hover .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-light-light.focus,
.btn-light-light:focus {
    background: #f8f9fa !important;
    color: #fff !important;
    border-color: #f8f9fa !important;
}

.btn-light-light.focus .material-icons-two-tone,
.btn-light-light:focus .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-light-light:not(:disabled):not(.disabled).active,
.btn-light-light:not(:disabled):not(.disabled):active,
.show>.btn-light-light.dropdown-toggle {
    background: #f8f9fa !important;
    color: #fff !important;
    border-color: #f8f9fa !important;
}

.btn-light-light:not(:disabled):not(.disabled).active .material-icons-two-tone,
.btn-light-light:not(:disabled):not(.disabled):active .material-icons-two-tone,
.show>.btn-light-light.dropdown-toggle .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-check:active+.btn-light-light,
.btn-check:checked+.btn-light-light {
    background: #f8f9fa !important;
    color: #fff !important;
    border-color: #f8f9fa !important;
}

.btn-check:active+.btn-light-light .material-icons-two-tone,
.btn-check:checked+.btn-light-light .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-link-light {
    background: 0 0 !important;
    color: #f8f9fa !important;
    border-color: transparent !important;
}

.btn-link-light .material-icons-two-tone {
    background-color: #f8f9fa !important;
}

.btn-check:active+.btn-link-light,
.btn-check:checked+.btn-link-light,
.btn-link-light.focus,
.btn-link-light:focus,
.btn-link-light:hover,
.btn-link-light:not(:disabled):not(.disabled).active,
.btn-link-light:not(:disabled):not(.disabled):active,
.show>.btn-link-light.dropdown-toggle {
    background: #fefeff !important;
    color: #f8f9fa !important;
    border-color: #fefeff !important;
}

.btn-link-hover-light {
    background: 0 0 !important;
    color: #bdc3c7 !important;
    border-color: transparent !important;
}

.btn-link-hover-light .material-icons-two-tone {
    background-color: #bdc3c7 !important;
}

.btn-check:active+.btn-link-hover-light,
.btn-check:checked+.btn-link-hover-light,
.btn-link-hover-light.focus,
.btn-link-hover-light:focus,
.btn-link-hover-light:hover,
.btn-link-hover-light:not(:disabled):not(.disabled).active,
.btn-link-hover-light:not(:disabled):not(.disabled):active,
.show>.btn-link-hover-light.dropdown-toggle {
    background: #fefeff !important;
    color: #f8f9fa !important;
    border-color: #fefeff !important;
}

/*===============================btn-light-dark===============================*/

.btn-light-dark {
    background: #ebedef !important;
    color: #34495e !important;
    border-color: #ebedef !important;
}

.btn-light-dark .material-icons-two-tone {
    background-color: #34495e !important;
}

.btn-light-dark:hover {
    background: #34495e !important;
    color: #fff !important;
    border-color: #34495e !important;
}

.btn-light-dark:hover .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-light-dark.focus,
.btn-light-dark:focus {
    background: #34495e !important;
    color: #fff !important;
    border-color: #34495e !important;
}

.btn-light-dark.focus .material-icons-two-tone,
.btn-light-dark:focus .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-light-dark:not(:disabled):not(.disabled).active,
.btn-light-dark:not(:disabled):not(.disabled):active,
.show>.btn-light-dark.dropdown-toggle {
    background: #34495e !important;
    color: #fff !important;
    border-color: #34495e !important;
}

.btn-light-dark:not(:disabled):not(.disabled).active .material-icons-two-tone,
.btn-light-dark:not(:disabled):not(.disabled):active .material-icons-two-tone,
.show>.btn-light-dark.dropdown-toggle .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-check:active+.btn-light-dark,
.btn-check:checked+.btn-light-dark {
    background: #34495e !important;
    color: #fff !important;
    border-color: #34495e !important;
}

.btn-check:active+.btn-light-dark .material-icons-two-tone,
.btn-check:checked+.btn-light-dark .material-icons-two-tone {
    background-color: #fff !important;
}

.btn-link-dark {
    background: transparent !important;
    color: #34495e !important;
    border-color: transparent !important;
}

.btn-link-dark .material-icons-two-tone {
    background-color: #34495e !important;
}

.btn-check:active+.btn-link-dark,
.btn-check:checked+.btn-link-dark,
.btn-link-dark.focus,
.btn-link-dark:focus,
.btn-link-dark:hover,
.btn-link-dark:not(:disabled):not(.disabled).active,
.btn-link-dark:not(:disabled):not(.disabled):active,
.show>.btn-link-dark.dropdown-toggle {
    background: #ebedef !important;
    color: #34495e !important;
    border-color: #ebedef !important;
}

.btn-link-hover-dark {
    background: transparent !important;
    color: #bdc3c7 !important;
    border-color: transparent !important;
}

.btn-link-hover-dark .material-icons-two-tone {
    background-color: #bdc3c7 !important;
}

.btn-check:active+.btn-link-hover-dark,
.btn-check:checked+.btn-link-hover-dark,
.btn-link-hover-dark.focus,
.btn-link-hover-dark:focus,
.btn-link-hover-dark:hover,
.btn-link-hover-dark:not(:disabled):not(.disabled).active,
.btn-link-hover-dark:not(:disabled):not(.disabled):active,
.show>.btn-link-hover-dark.dropdown-toggle {
    background: #ebedef !important;
    color: #34495e !important;
    border-color: #ebedef !important;
}


/*================================badge==================================*/
/*==========================badge-primary=============================*/
.badge-primary {
    color: #fff !important;
    background-color: #1abc9c !important;
}

a.badge-primary:hover, a.badge-primary:focus {
    color: #fff !important;
    background-color: #148f77 !important;
}

a.badge-primary:focus, a.badge-primary.focus {
    outline: 0 !important;
    box-shadow: 0 0 0 0rem rgba(26, 188, 156, 0.5) !important;
}

/*==========================badge-secondary=============================*/
.badge-secondary {
    color: #fff !important;
    background-color: #6c757d !important;
}

a.badge-secondary:hover, a.badge-secondary:focus {
    color: #fff !important;
    background-color: #545b62 !important;
}

a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0 !important;
    box-shadow: 0 0 0 0rem rgba(108, 117, 125, 0.5) !important;
}

/*==========================badge-success=============================*/
.badge-success {
    color: #fff !important;
    background-color: #2ecc71 !important;
}

a.badge-success:hover, a.badge-success:focus {
    color: #fff !important;
    background-color: #25a25a !important;
}

a.badge-success:focus, a.badge-success.focus {
    outline: 0 !important;
    box-shadow: 0 0 0 0rem rgba(46, 204, 113, 0.5) !important;
}

/*==========================badge-info=============================*/
.badge-info {
    color: #fff !important;
    background-color: #00acc1 !important;
}

a.badge-info:hover, a.badge-info:focus {
    color: #fff !important;
    background-color: #007f8e !important;
}

a.badge-info:focus, a.badge-info.focus {
    outline: 0 !important;
    box-shadow: 0 0 0 0rem rgba(0, 172, 193, 0.5) !important;
}

/*==========================badge-warning=============================*/
.badge-warning {
    color: #fff !important;
    background-color: #f1c40f !important;
}

a.badge-warning:hover, a.badge-warning:focus {
    color: #fff !important;
    background-color: #c29d0b !important;
}

a.badge-warning:focus, a.badge-warning.focus {
    outline: 0 !important;
    box-shadow: 0 0 0 0rem rgba(241, 196, 15, 0.5) !important;
}

/*==========================badge-danger=============================*/
.badge-danger {
    color: #fff !important;
    background-color: #e74c3c !important;
}

a.badge-danger:hover, a.badge-danger:focus {
    color: #fff !important;
    background-color: #d62c1a !important;
}

a.badge-danger:focus, a.badge-danger.focus {
    outline: 0 !important;
    box-shadow: 0 0 0 0rem rgba(231, 76, 60, 0.5) !important;
}

/*==========================badge-light=============================*/
.badge-light {
    color: #212529 !important;
    background-color: #f8f9fa !important;
}

a.badge-light:hover, a.badge-light:focus {
    color: #212529 !important;
    background-color: #dae0e5 !important;
}

a.badge-light:focus, a.badge-light.focus {
    outline: 0 !important;
    box-shadow: 0 0 0 0rem rgba(248, 249, 250, 0.5) !important;
}

/*==========================badge-dark=============================*/
.badge-dark {
    color: #fff !important;
    background-color: #343a40 !important;
}

a.badge-dark:hover, a.badge-dark:focus {
    color: #fff !important;
    background-color: #1d2124 !important;
}

a.badge-dark:focus, a.badge-dark.focus {
    outline: 0 !important;
    box-shadow: 0 0 0 0rem rgba(52, 58, 64, 0.5) !important;
}

.btn.btn-shadow, .introjs-tooltip .btn-shadow.introjs-button {
    box-shadow: 0 6px 7px -1px rgba(80,86,175,.3)
}


.btn.btn-icon,.introjs-tooltip .btn-icon.introjs-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    width: 40px;
    height: 40px
}

.btn.btn-icon.avtar-xs,.introjs-tooltip .btn-icon.avtar-xs.introjs-button {
    width: 20px;
    height: 20px;
    font-size: 10px
}

.btn.btn-icon.avtar-s,.introjs-tooltip .btn-icon.avtar-s.introjs-button {
    width: 30px;
    height: 30px;
    font-size: 12px
}

.btn.btn-icon.avtar-l,.introjs-tooltip .btn-icon.avtar-l.introjs-button {
    width: 50px;
    height: 50px;
    font-size: 18px
}

.btn.btn-icon.avtar-xl,.introjs-tooltip .btn-icon.avtar-xl.introjs-button {
    width: 60px;
    height: 60px;
    font-size: 20px;
    border-radius: 30px
}


.custom-select:focus, .dataTable-input:focus, .dataTable-selector:focus, .datatable-input:focus, .form-control:focus {
    color: #5b6b79 !important;
    background-color: #fff !important;
    border-color: #1abc9c !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0 rgba(26, 188, 156,.2) !important
}

/*===============================pagination===============================*/

.page-link {
    padding: 0.375rem 0.75rem !important;
    font-size: 0.875rem !important;
    color: #6ea8fe !important;
    background-color: #ffffff !important;
    border: 1px solid #dbe0e5 !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
}

.page-link:hover {
    z-index: 2 !important;
    color: #8bb9fe !important;
    text-decoration: none !important;
    background-color: #f3f5f7 !important;
    border-color: #dbe0e5 !important;
}

.page-link:focus {
    z-index: 3 !important;
    color: #8bb9fe !important;
    background-color: #f3f5f7 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0 rgba(26, 188, 156, 0.25) !important; /* #1abc9c in RGB is 26, 188, 156 */
}

.active > .page-link,
.page-link.active {
    z-index: 3 !important;
    color: #ffffff !important;
    background-color: #1abc9c !important;
    border-color: #1abc9c !important;
}

.disabled > .page-link,
.page-link.disabled {
    color: #5b6b79 !important;
    pointer-events: none !important;
    background-color: #ffffff !important;
    border-color: #dbe0e5 !important;
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px !important;
}

.page-item .page-link {
    border-radius: 1px !important;
}

.spinner {
    border-top-color: #1abc9c !important; /* top border */
    border-right-color: #1abc9c !important; /* right border */
    border-bottom-color: #1abc9c !important; /* bottom border */
}

    /*.spinner > div > div {
        background-color: #1abc9c !important;
        border-radius: 0px !important;
        position: absolute;
        width: 10px;
        height: 10px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px;*/
        /* transform-origin: left center; */
        /*transform: rotate(0) translate(20px, 0px);
        border-radius: 5px;
    }*/

/* hide all generated dot elements inside spinner */
.spinner > div,
.spinner > div > div,
.spinner * {
  display: none !important;
}

.spinner-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/*.spinner {
    width: 40px !important;
    height: 40px !important;
    border: 4px solid rgba(0,0,0,0.08) !important;
    border-top-color: #1abc9c !important;
    border-radius: 50% !important;
    animation: __customSpin 0.9s linear infinite !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}*/

.spinner {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    animation: __customSpin 0.9s linear infinite !important;
    /*  background: conic-gradient( from 0deg, rgba(26, 188, 156, 0.1), 
    rgba(26, 188, 156, 0.4), rgba(26, 188, 156, 1), rgba(26, 188, 156, 0.1) ) !important;*/
    background: conic-gradient( rgba(26, 188, 156, 1) 0deg 288deg, /* Solid teal for 80% */
    transparent 288deg 360deg /* Transparent for last 20% */
    );
        mask: radial-gradient(farthest-side, transparent calc(100% - 5px), black calc(100% - 5px));
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 5px), black calc(100% - 5px));

}


/*.spinner {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: conic-gradient( from 0deg, rgba(26, 188, 156, 0.2), rgba(26, 188, 156, 0.8), rgba(26, 188, 156, 1) );
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 4px), black calc(100% - 4px));
    mask: radial-gradient(farthest-side, transparent calc(100% - 4px), black calc(100% - 4px));
    animation: __customSpin 0.9s linear infinite;
}
*/
@keyframes __customSpin {
    to {
        transform: rotate(360deg);
    }
}
/*===============================DataTable===============================*/

.table.dataTable {
    margin-top: 0px !important;
    border-collapse: collapse !important;
}
/*===============================Swal Icons & buttons===============================*/

.swal-icon.swal-icon--warning {
    border-color: #f5d657 !important;
    color: #f1c40f !important;
}

.swal-icon--warning__body, .swal-icon--warning__dot {
    border-color: #f5d657 !important;
    color: #f1c40f !important;
    /*background-color: #f5d657 !important;*/
}

.swal-button--confirm {
    background-color: #1abc9c !important
}
/*.swal-button:active, .swal-button:not([disabled]):hover {
    background-color: #17a689
}*/
.swal-button--cancel {
    color: #555;
    background-color: #6e7881;
    margin: 0 10px
}

.swal-button--cancel:not([disabled]):hover {
    background-color: #636c74
}

.swal-button--cancel:active {
    background-color: #636c74
}

.swal-button--cancel:focus {
    box-shadow: 0 0 0 1px #fff,0 0 0 3px rgba(116,136,150,.29)
}



.swal-button {
    color: #fff !important;
}

div:where(.swal-button-container) .swal-button:not([disabled]):hover {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) !important;
}

/*===============================Service Icon===============================*/

/* Service Icon Colors by Order */
.service-item-main:nth-child(1) .icon {
        color: #ff6b6b;
}
/* Accounting */
.service-item-main:nth-child(2) .icon {
        color: #f1c40f;
}
 /*Staffing */
.service-item-main:nth-child(3) .icon {
        color: #2ecc71;
}
 /*Licensing*/ 
.service-item-main:nth-child(4) .icon {
        color: #3498db;
}
 /*Contracting*/ 
.service-item-main:nth-child(5) .icon {
        color: #9b59b6;
}
 /*HR*/ 
.service-item-main:nth-child(6) .icon {
        color: #e67e22;
}
 /*IT*/ 
.service-item-main:nth-child(7) .icon {
        color: #1abc9c;
}
 /*Insurance*/ 
.service-item-main:nth-child(8) .icon {
        color: #e91e63;
}
.service-item-main:nth-child(9) .icon
{
    color: #6a1b9a;  /*Deep Purple for All Bundle Services */
}
.service-item-main:nth-child(10) .icon {
    color: #00796b;  /*Teal for Floater Pharmacist */
}
/*.service-item-main:hover {
    transform: scale(1.03);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}
.service-item {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    animation: fadeIn 0.5s ease-in-out;
}
*/
.service-item-main {

}

.service-item {
    transition: transform 0.55s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.55s cubic-bezier(0.19, 1, 0.22, 1) !important;
    animation: fadeIn 0.9s ease-out !important;
    will-change: transform, box-shadow !important;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.service-item:hover {
    transform: translateY(-6px) scale(1.03) !important;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18) !important;
}


  /*  .row > [class*='col-'] {
        display: flex;
    }*/
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(15px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}















/*
--bs-primary: #1abc9c;
--bs-secondary: #bdc3c7;
--bs-success: #2ecc71;
--bs-info: #3498db;
--bs-warning: #f1c40f;
--bs-danger: #e74c3c;
--bs-light: #f8f9fa;
--bs-dark: #34495e;*/