:root {
    --bg-color:#eef2fc;
    --main-color:#6D7993;
    --font-color: #47526a;
    --hover-color: #D5D5D5;
    --darkhover-color: #C44A3A;
}
body {
    background-color: var(--bg-color);
	min-height: 100vh;
	min-height: -webkit-fill-available;
}
body, input, label, div, h4, .table, .list-fcolor {
    color: var(--font-color);
}
html {
  height: -webkit-fill-available;
}
.bodybg-div {
    background-color: var(--bg-color);
}
.mainbg-div {
  background-color: var(--main-color);
}
.fs-11 {
	font-size: 11pt;
}
.fs-10 {
	font-size: 10pt;
}
.fs-9 {
	font-size: 9pt;
}
.spinner,.spinner i{ 
	position: fixed; 
	top: 50%; 
	left: 50%; 
	margin-left: -50px; 
	margin-top: -50px; 
	text-align:center; 
	z-index:99999; 
}
.main-container {
	margin-top: 100px;
	overflow-y: auto;
}
.cs-nav {
	background-color: var(--main-color);
}
.menu-nav-ul {
    margin: 6px;
}
.menu-nav-link {
    padding: 3px 2px 3px 2px;
    margin: 2px;
    text-align: center;
}
.menu-right-link {
    margin: 0px;
    padding: 6px;
}
.btn-ok,.btn-ok-icon { 
    background-color: var(--main-color);
    color: #fff;
}
.btn-ok { 
    min-width: 125px; 
}
.btn-ok:hover, .btn-ok-icon:hover{ 
    background-color: var(--font-color);
    color: #fff;
}

.btn-cancel,.btn-cancel-icon { 
    min-width: 125px; 
    background-color: var(--bg-color);
    color: var(--font-color);
}
.btn-cancel { 
    min-width: 125px; 
}
.btn-cancel:hover,.btn-cancel-icon:hover { 
    background-color: var(--hover-color);
    color: var(--font-color);
}
.custom-switch:checked {
    background-color: var(--font-color);
    border-color: var(--font-color);
	width: 3rem;
	height: 1.5rem;
	}
.custom-switch {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3'" style="fill:#def2f1");
	width: 3rem;
	height: 1.5rem;
	}
.custom-switch::before {
  width: 3rem;
  height: 1.5rem;
  margin-top: -0.6rem;
  margin-left: -0.6rem;
}
.card-title-div {
	color: #fff;
    background-color: var(--main-color)
}	
a.menu-right-link:link,a.menu-nav-link:link { color: var(--bg-color); }
a.menu-right-link:visited,a.menu-nav-link:visited  { color: var(--bg-color); }
a.menu-right-link:hover  { color: var(--font-color); }
a.menu-nav-link:hover  { color: var(--bg-color); background-color: var(--font-color); }
.menu-nav-active  { color: var(--bg-color); background-color: #4caca8; }
a.menu-subpage-link:link { color: var(--font-color); }
a.menu-subpage-link:visited  { color: var(--font-color); }
a.menu-subpage-link:hover  { color: var(--bg-color); background-color: var(--font-color); }
a.icon-link-success:link { color: var(--font-color); }
a.icon-link-success:visited  { color: var(--font-color); }
a.icon-link-success:hover  { color: var(--darkhover-color); }

.tab-padding td,.tab-padding th {
	padding: 12px;
}
.home-div-1 {
  direction: rtl;
}
@media only screen and (max-width: 600px) {
    .menu-nav-link {
        min-width: 120px;
        padding: 4px 3px 4px 3px;
        margin: 6px;
        text-align: left;
    } 
    .menu-nav-ul {
        margin-left: 6px;
    }
}
/* page scroll */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px grey; 
  border-radius: 5px;
}
::-webkit-scrollbar-thumb {
  background: #9fadc1; 
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #abbdd5; 
}