@import 'theme.css';
.font-80
{
    font-size:0.80rem;
}
.font-85
{
    font-size:0.85rem;
}
.font-90
{
    font-size:0.90rem;
}
.font-95
{
    font-size:0.95rem;
}
.form-control:focus 
{
    border-color: var(--background-color);
}
.content-wrapper{ background: #E9ECEF; }
.navbar-text-custom{  color: var(--text-color); }
.navbar-bg-custom{  background: var(--background-color); }
.nav-link,.nav-link:hover{  color: var(--text-color); }
.text-custom{  color: var(--background-color); }
a.text-custom:hover { color: var(--background-color); }
.btn-custom{ background: var(--background-color);color:var(--text-color);border: 0.5px solid #F4F6F9; }
.btn-custom:not(:disabled):not(.disabled).active, .btn-custom:not(:disabled):not(.disabled):active, .show>.btn-custom.dropdown-toggle
{
	color: var(--text-color);
    background-color: var(--background-color);
    border-color: var(--background-color);
}
.btn-custom.focus, .btn-custom:focus 
{
    color: var(--text-color);
    background-color: var(--background-color);
    border-color: var(--background-color);
    box-shadow: inset 0 0 0 50px rgb(0,0,0,.2);
}
.btn-custom:hover 
{
    color: var(--text-color);
    background-color: var(--background-color);
    border-color: var(--background-color);
	box-shadow: inset 0 0 0 50px rgb(0,0,0,.2);
}
.border-custom{ border-color: var(--background-color)!important; }
.btn-outline-custom{ background:var(--text-color)!important; color:var(--background-color)!important;border-color:var(--text-color)!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important; }
.btn-outline-custom:not(:disabled):not(.disabled).active, .btn-outline-custom:not(:disabled):not(.disabled):active, .show>.btn-outline-custom.dropdown-toggle{
	color: var(--background-color)!important;
    background-color: var(--text-color)!important;
    border-color: var(--background-color)!important;
}
.btn-outline-custom.focus, .btn-outline-custom:focus {
    color: var(--background-color)!important;
    background-color: var(--text-color)!important;
    border-color: var(--background-color)!important;
}
.btn-outline-custom:hover {
    color: var(--background-color)!important;
    background-color: var(--text-color)!important;
    border-color: var(--background-color)!important;
}
.btn-secondary-custom{ background:#5B6268!important; color:#fff!important; }
.btn-outline-secondary{ background:#fff!important; color:#5B6268!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important; }
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle{
	color: #5B6268!important;
    background-color: #fff!important;
    border-color: #5B6268!important;
}
.btn-outline-secondary.focus, .btn-outline-secondary:focus {
    color: #5B6268!important;
    background-color: #fff!important;
    border-color: #5B6268!important;
}
.btn-outline-secondary:hover {
    color: #5B6268!important;
    background-color: #fff!important;
    border-color: #5B6268!important;
}
.custom-switch.custom-switch-on-custom .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--background-color);
    border-color: var(--background-color);
}
.dropdown-item.active, .dropdown-item:active 
{
    color: var(--text-color);
    text-decoration: none;
    background-color: var(--background-color);
}
.icheck-custom>input:first-child:checked+input[type=hidden]+label::before, .icheck-custom>input:first-child:checked+label::before {
    background-color: var(--background-color);
    border-color: var(--background-color);
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .bootstrap-datetimepicker-widget table td span.active  {
    background-color:var(--background-color);
    color: #fff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
}
.bootstrap-datetimepicker-widget a{
    color: var(--background-color);
    text-decoration: none;
    background-color: transparent;
}
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.btn,.bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.btn:hover{
    color: var(--background-color)
}
.select2-container--default .select2-results__option[aria-selected=true] {
    display: none !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--background-color);
    border-color: var(--background-color);
    color: var(--text-color);
}
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--background-color);
}
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: var(--background-color);
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: var(--background-color);
    color: var(--text-color);
}
.select2-container--default .select2-dropdown .select2-search__field:focus, .select2-container--default .select2-search--inline .select2-search__field:focus {
    outline: 0;
    border: 1px solid var(--background-color);
}
.custom-control-input:checked~.custom-control-label::before {
    color: var(--text-color);
    border-color: var(--background-color);
    background-color: var(--background-color);
    box-shadow: none;
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: var(--background-color);
}
.custom-control-input:focus~.custom-control-label::before {
    box-shadow: none;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: var(--background-color);
    border-color: var(--background-color);
}
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: var(--background-color);
    background-color: var(--text-color);
    border: 1px solid #dee2e6;
}
.page-link:focus { box-shadow: none; }
.page-link:hover {
    z-index: 2;
    color: var(--background-color);
    text-decoration: none;
    background-color: var(--text-color);
    border-color: #dee2e6;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-tabs .nav-link.active, .nav-tabs .show>.nav-link {
    color: #fff;
    background-color: var(--background-color);
}
.nav-pills .nav-link:not(.active):hover,.nav-tabs .nav-link:not(.active):hover {
    color: var(--background-color);
}
.nav-link.active, .nav-link.active:hover {
    background-color: var(--background-color);
    color: var(--text-color);
}
[class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link {
    background-color: rgba(0,0,0,.1);
    color: var(--background-color);
}
[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link.active:hover {
    background-color: rgba(0,0,0,.1);
    color: var(--background-color);
}
.nav-pills .nav-link:not(.active):hover {
    color: var(--background-color);
}
.sidebar-dark-custom .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-custom .nav-sidebar>.nav-item>.nav-link.active 
{
    background-color: var(--background-color);
    color: var(--text-color);
}
#page_list li
{
	background-color:#f9f9f9;
	border:1px dotted #ccc;
	cursor:move;
    height:80px;
    text-align:center;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
}
#page_list li.ui-state-highlight
{
	padding:40px;
    width:118px;
	background-color:#ffffcc;
	border:1px dotted #ccc;
	cursor:move;
}
@media only screen and (min-width: 768px) 
{
	.content-sticky
	{
		position: fixed;
        top: 5;
        width: -webkit-fill-available; 
        z-index: 100;
	}
	.content-body
	{
		padding-top:140px;
	}
}