:root{
	--mid-maincontent-bg:#f1f2f6;
	--mid-sidebar-width:260px;
	
	/* button */
	--mid-btn-border-radius:0.25rem;
	--mid-btn-padding-y:0.25rem;
	--mid-btn-padding-x:1rem;
	
	/* form */
	--mid-form-label-minwidth:70px;
	
	/* 默认字体大小 */
	--bs-body-font-size: 0.9rem;
	--bs-border-color: #dee2e6;
	--bs-header-color: #ECECEC;
}
:root .modal{
	--bs-modal-width:100%;
	--bs-modal-header-padding: .5rem .75rem;
	--bs-modal-footer-padding: .25rem .5rem;
	background-color: rgba(0, 0, 0, 0.3);
}
:root .modal-backdrop{
	--bs-backdrop-opacity:0.3
}

:root[data-theme="theme1"]{
	--mid-sidebar-bg:#0e2238;
	--mid-header-bg:#f8fafb;
	--mid-primary-color: #00bac7;
	--mid-primary-bgcolor:rgba(0,186,199,.12);
	--mid-border-color-translucent:hsla(214,7%,62%,.1);
	--mid-danger-color: #d82c5b;
	--mid-danger-bgcolor: #fae4ea;
	--bs-link-color: #00bac7;
	--bs-nav-pills-link-active-bg: #00bac7;
	--bs-link-hover-color: #009ea9;
}
:root[data-theme="theme1"] .nav-pills {
    --bs-nav-pills-link-active-bg: #00bac7;
}
:root[data-theme="theme1"] .btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--mid-primary-color);
	--bs-btn-border-color: var(--mid-primary-color);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #009ea9;
	--bs-btn-hover-border-color: #00959f;
	--bs-btn-focus-shadow-rgb: 38,196,207;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #00959f;
	--bs-btn-active-border-color: #008c95;
	--bs-btn-active-shadow: 0 0 transparent;
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--mid-primary-color);
	--bs-btn-disabled-border-color:var(--mid-primary-color);
}
:root[data-theme="theme1"] .btn-outline-primary {
    --bs-btn-color: var(--mid-primary-color);
    --bs-btn-border-color: var(--mid-primary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--mid-primary-color);
    --bs-btn-hover-border-color: var(--mid-primary-color);
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--mid-primary-color);
    --bs-btn-active-border-color: var(--mid-primary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--mid-primary-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--mid-primary-color);
    --bs-gradient: none;
}
:root[data-theme="theme1"] .btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #9ea9b4;
    --bs-btn-border-color: #9ea9b4;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #869099;
    --bs-btn-hover-border-color: #7e8790;
    --bs-btn-focus-shadow-rgb: 173,182,191;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7e8790;
    --bs-btn-active-border-color: #777f87;
    --bs-btn-active-shadow: 0 0 transparent;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #9ea9b4;
    --bs-btn-disabled-border-color: #9ea9b4;
}

:root[data-theme="theme1"] .pagination{
	    --bs-pagination-active-bg: var(--mid-primary-color);
	    --bs-pagination-active-border-color: var(--mid-primary-color);
}

:root[data-theme="theme1"] .dropdown-menu {
    --bs-dropdown-link-active-bg: var(--mid-primary-color);
}
[data-theme="theme1"] .list-group{
	--bs-list-group-active-bg: var(--mid-primary-bgcolor);
	--bs-list-group-active-border-color: var(--mid-primary-bgcolor);
	--bs-list-group-active-color: var(--mid-primary-color);
}
[data-theme="theme1"] .accordion{
	--bs-accordion-btn-focus-border-color: var(--mid-border-color-translucent);
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem var(--mid-primary-bgcolor);
	--bs-accordion-body-padding-x: 1.25rem;
	--bs-accordion-body-padding-y: 1rem;
	--bs-accordion-active-color: #fff;
	--bs-accordion-active-bg: var(--mid-primary-color);
}
[data-theme="theme1"] .form-check-input:checked {
    background-color: var(--mid-primary-color);
    border-color: var(--mid-primary-color);
}


:root[data-theme="theme2"]{
	--mid-sidebar-bg:#757F9A;
	--mid-header-bg:#f8fafb;
}
:root[data-theme="theme3"]{
	--mid-sidebar-bg:#b64450;
	--mid-header-bg:#f8fafb;
}
:root[data-theme="theme4"]{
	--mid-sidebar-bg:#0ABFBC;
	--mid-header-bg:#f8fafb;
}