.skin {
    background-color: #fff;
}

.skin .theme-color {
    color: var(--theme-color) !important;
}

.skin .theme-text {
    color: var(--theme-text) !important;
}

.skin .theme-icon {
    color: var(--theme-background) !important;
}

.skin .ip-info {
    color: var(--theme-button-background) !important;
}

.skin .breadcrumb-wrapper {
    color: var(--theme-breadcrumb-text);
    background-color: var(--theme-breadcrumb-background);
}

.skin .theme-background {
    background-color: var(--theme-background);
}

.skin .user-info-button {
    background-color: var(--theme-user-info-button-background-color);
    border: 1.5px solid var(--theme-user-info-button-color);
    color: var(--theme-user-info-button-color);
    font-size: 16px;
}

.skin .user-info-button:hover {
    background-color: var(--theme-user-info-button-background-hover-color);
    border: 1.5px solid var(--theme-user-info-button-hover-color);
    color: var(--theme-user-info-button-hover-color);
}

.skin .theme-button {
    background-color: var(--theme-button-color);
    color: var(--theme-button-background);
    border: 1.5px solid var(--theme-button-background);
}

.skin .navbar {
    background: var(--theme-background);
}

.skin .breadcrumb a {
    color: var(--theme-breadcrumb-text);
}

.skin .page-heading {
    color: var(--theme-page-heading);
    font-weight: 500;
    font-size: 2.5rem;
}

.skin .custom-btn-solid {
    color: var(--theme-button-color);
    background-color: var(--theme-button-background);
    border: 1.5px solid var(--theme-button-color);
}

.skin .title-btn,
.skin .detail-anchor{
    color: var(--theme-anchor);
    background-color: var(--theme-anchor-background);
}
.skin .title-btn:hover,
.skin .detail-anchor:hover{
    color: var(--theme-anchor-hover);
    background-color: var(--theme-anchor-background-hover);
}

.skin .custom-btn {
    color: var(--theme-button-color);
}

.skin .custom-btn:hover,
.skin .title-btn:hover{
    background-color: var(--theme-button-color);
    color: var(--theme-button-background);
}

.skin th {
    color: var(--theme-th-text);
    border-radius: 0 !important;
    font-weight: 400;
    background-color: var(--theme-th-background);
}

.skin .detail .table th {
    background-color: #EDF3F4;
    color: #336199;
    font-weight: normal;
}

.skin .detail .table>*>*>* {
    padding: 7px;
}

.skin .table tr:not(.detail):hover td {
    background-color: var(--theme-td-hover);
}

.skin .detail .table tr:hover td {
    background-color: transparent;
}

.skin .paging {
    background-color: var(--theme-paging-background);
}

.skin .paging .page-link {
    background-color: var(--theme-paging-button-color);
}

.skin .filters-form {
    border: 1px solid var(--filter-border);
    padding: 10px;
    background-color: var(--filter-background);
}

.skin .filters-form .form-submit-bar {
    background-color: var(--filters-bar-background);
    border: 0px;
}


/* Sidebar */
.skin .sidebar {
    background-color: var(--theme-sidebar);
}

.skin .list-unstyled>li {
    border-top-color: var(--theme-sidebar-dropdown-button-top-border) !important;
}

.skin .list-unstyled>li>a {
    background-color: var(--theme-sidebar);
    color: #fff;
    z-index: 99;
    position: relative;
}

.skin .list-unstyled>li:hover>a:not(.btn-toggle) {
    background-color: var(--theme-sidebar);
    color: #fff;
}

.skin .list-unstyled>li.list-unstyled-main.open.active:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 999;
    height: 45px;
    width: 3px;
    max-width: 3px;
    overflow: hidden;
    background-color: var(--theme-sidebar-active-before);
}

.skin .sidebar.closed .list-unstyled>li.list-unstyled-main.open.active:after {
    bottom: 7px;
    content: "";
    display: block;
    position: absolute;
    z-index: 999;
    right: 0px;
    top: 9px;
    border: 8px solid;
    border-right-color: transparent;
    border-width: 9px 6px;
    color: var(--theme-sidebar-selected);
}

.skin .list-unstyled>li.list-unstyled-main:hover>a:not(.active):after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 999;
    height: 100%;
    width: 3px;
    max-width: 3px;
    overflow: hidden;
    background-color: var(--theme-sidebar-active-before);
}

.skin .list-unstyled>li>a.active::before {
    /* display: none; */
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 999;
    height: 100%;
    width: 3px;
    max-width: 3px;
    overflow: hidden;
    background-color: var(--theme-sidebar-active-before);
}

.skin .list-unstyled>li>ul.submenu.show>li:has(ul.submenu.list-unstyled.show)::after {
    content: "\f0da";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.25rem;
    top: 6px;
    left: 16px;
    z-index: 999;
    color: var(--theme-sidebar-active-before);
}

.skin .list-unstyled>li.active>a,
.skin .list-unstyled>li.active:hover>a {
    background-color: var(--theme-sidebar-selected);
    color: var(--theme-sidebar-selected-text);
}

.skin .list-unstyled.open.active>li>a {
    background-color: var(--theme-sidebar-selected);
    color: var(--theme-sidebar-selected-text);
}

.skin .list-unstyled.open.active>li:hover>a{
	background-color: var(--theme-sidebar-selected) !important;
}

.skin .list-unstyled>li {
    position: relative;
    z-index: 1;
}

.skin .list-unstyled>li .submenu {
    background-color: var(--theme-sidebar-dropdown-open);
    z-index: 1;
}

.skin .list-unstyled>li.active .submenu {
    background-color: var(--theme-sidebar-selected-menu);
}

.skin .list-unstyled>li .submenu>li>a {
    border-top-color: var(--theme-sidebar-dropdown-button-top-border) !important;
    background-color: var(--theme-sidebar-dropdown-open);
}

.skin .list-unstyled>li .submenu>li>a.active {
    border-top-color: var(--theme-sidebar-dropdown-button-top-border) !important;
    background-color: var(--theme-sidebar-dropdown-open);
}

.skin .list-unstyled>li .submenu>li>a:hover {
    background-color: var(--theme-sidebar-dropdown-button-hover-background);
}

.skin .list-unstyled>li .submenu::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    left: 18px;
    top: 45px;
    bottom: 0;
    border: 1px dotted;
    border-width: 0 0 0 1px;
    border-color: var(--theme-sidebar-dropdown-dotted-line) !important;
}

.skin .list-unstyled>li .submenu li .submenu::before {
    z-index: 0;
}

.skin .list-unstyled>li .submenu>li::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 999;
    left: 19px;
    top: 19px;
    border: 1px dotted;
    border-width: 1px 0 0;
    width: 9px;
    border-color: var(--theme-sidebar-dropdown-dotted-line) !important;
}

/* .skin .sidebar:not(.closed) a.btn-toggle.active::after {
    bottom: 1px;
    content: "";
    display: block;
    position: absolute;
    z-index: 999;
    right: 0px;
    top: 0px;
    border: 8px solid;
    border-right-color: #fff;
    border-width: 19px 12px;
    color: var(--theme-sidebar-selected);
} */
/* .skin .sidebar.closed a.btn-toggle.active::after {
    bottom: 7px;
    content: "";
    display: block;
    position: absolute;
    z-index: 999;
    right: 0px;
    top: 9px;
    border: 8px solid;
    border-right-color: #fff;
    border-width: 9px 6px;
    color: var(--theme-sidebar-selected);
} */

.skin .list-unstyled>li .submenu:not(.position-fixed)>li.active:not(.list-unstyled)::after,
.skin .list-unstyled>li .submenu.position-fixed>li.active:not(.list-unstyled)::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 999;
    right: 0px;
    top: 3px;
	bottom: 3px;
    border: 1px solid;
    border-right-color: var(--theme-sidebar-active-before);
    border-width: 16px 10px;
    color: var(--theme-sidebar-selected-child);
}

/* .skin .list-unstyled>li .submenu.position-fixed>li.active:not(.list-unstyled)::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 999;
    right: 0px;
    top: 3px;
	bottom: 3px;
    //transform: rotate(180deg);
    border: 1px solid;
    border-right-color:  var(--theme-sidebar-active-before);
    border-width: 13px 10px;
    color: var(--theme-sidebar-dropdown-open);
} */

.skin .submenu:not(.closed) .list-unstyled>li .submenu>li.active .list-unstyled>li.active::after {
    bottom: 1px;
    content: "";
    display: block;
    position: absolute;
    z-index: 999;
    right: 0px;
    top: 3px;
    border: 8px solid;
    border-right-color: #fff;
    border-width: 19px 12px;
    color: var(--theme-sidebar-selected);
}

.skin .list-unstyled>li .submenu>li.list-unstyled::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 999;
    left: 18px;
    top: 20px;
    border: 1px dotted;
    border-width: 1px 0 0;
    width: 9px;
    border-color: var(--theme-sidebar-dropdown-dotted-line) !important;
}

.skin .list-unstyled>li .submenu>li.list-unstyled>.submenu>li::before {
    width: 16px;
}

.skin .list-unstyled>li.active .submenu>li>a {
    border-top-color: var(--theme-sidebar-dropdown-button-top-border) !important;
    background-color: var(--theme-sidebar-selected-menu);
}

.skin .list-unstyled>li.active .submenu>li.active>a {
    border-top-color: var(--theme-sidebar-dropdown-button-top-border) !important;
    background-color: var(--theme-sidebar-selected-child);
    color: var(--theme-sidebar-selected-child-text);
}

.skin .list-unstyled>li .submenu>li>a:hover,
.skin .list-unstyled>li.active .submenu>li>a:hover {
    background-color: var(--theme-sidebar-selected-child);
}

.skin .sidebar .submenu-header>a {
    color: var(--theme-sidebar-selected-text) !important;
    background-color: var(--theme-sidebar-selected) !important;
}

.skin .list-unstyled>li>.submenu {
    border-top-color: var(--theme-sidebar-dropdown-button-top-border) !important;
}

.skin .list-unstyled>li.active>.submenu {
    border-top-color: var(--theme-sidebar-dropdown-button-top-border) !important;
}

.skin .list-unstyled>li>.submenu>li:hover>a {
    color: var(--theme-sidebar-dropdown-button-hover);
}

.skin .list-unstyled>li>.submenu>li.active>a {
    color: var(--theme-sidebar-selected);
    background-color: var(--theme-sidebar-dropdown-button-active);
}

.skin .list-unstyled>li .submenu li>.submenu li>a {
    color: #fff;
}

.skin .list-unstyled>li .submenu li>.submenu li:hover>a {
    color: var(--theme-sidebar-selected-child-text);
}

.skin .list-unstyled>li .submenu li.open>a,
.skin .list-unstyled>li .submenu li>.submenu>li.open>a {
    color: var(--theme-sidebar-selected);
}

.skin .list-unstyled>li .submenu li>.submenu li.active>a {
    color: var(--theme-sidebar-selected-child-text);
}

.skin .list-unstyled>li .submenu li>.submenu li.active:hover>a {
    color: var(--theme-sidebar-selected);
}

/* === STYLE OVERWRITE === */
.skin .list-unstyled > li,
.skin .list-unstyled > li > a,
.skin .list-unstyled > li > .submenu > li > a,
.skin .user-info-button{
	border: none !important;
}

.skin .list-unstyled>li .submenu::before,
.skin .list-unstyled>li .submenu>li::before,
.skin .list-unstyled > li .submenu > li.list-unstyled::before{
	display: none;
}

.skin .user-info-button{
	background-color: #2b4f73;
  	background-color: #305881; /* 13% lighten of #2b4f73 */
  	background-color: #35628f; /* 15% lighten of #2b4f73 */
	background-color: #2e547b; /* 05% lighten of #2b4f73 */
}

.skin .user-info-button:hover{
	background-color: #35628f; /* 20% lighten of #2b4f73 */
	color: white;
}

/* End Sidebar */


.btn-radio {
    background-color: #6c757d;
    /*background-color: var(--theme-button-background);*/
    color: #fff;
    border: 1.5px solid #fff;
    transition: background-color 0.3s, color 0.3s; /* Smooth transition */
}

.btn-check:checked + .btn-radio {
    background-color: #198754;
    /*background-color: #fff;*/
    border: 1.5px solid #fff;
    transition: background-color 0.3s, color 0.3s; /* Smooth transition */
}

.btn-check:focus + .btn-radio {
    box-shadow: none;
}

/* First child with rounded left border */
.btn-group .btn-radio:nth-child(2) {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

/* Last child with rounded right border */
.btn-group .btn-radio:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}