body, h1, h2, h3, h4, h5, h6,input, textarea {
	font-family: IRANSans !important;
}
.swal2-modal,.card-title{
	font-family: IRANSans !important;
}
button, input, optgroup, select, textarea {
  font-family: IRANSans !important;
}
.form-select {
  font-family: IRANSans, tahoma !important;
}
.loginbox {
  background-color: #fff;
  border-radius: 5px;
  padding: 0 20px 20px;
  box-shadow: 5px 5px 7px #5b5a5a;
  border: 1px solid #5b5b5b;
}
.sidebar{
  background-image: url(../img/sidebar-bg-1.webp);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
footer{
  padding: 20px 0 0;
  font-size: 14px;
  transition: all 0.3s;
  border-top: 1px solid #cddfff;
}
.copyright{
	background: #444;
	color: #f5f5f5;
  border-top: 5px solid #4fcdee;
}
.copyright a{
	color: #f5f5f5;
}
.img-gallery{
  border: 1px solid #ccc;
  border-radius: 5px;
  opacity: .7;
  transition: .2s;
}
.img-gallery:hover{
  opacity: 1;
}
.img-gallery-lnk{
  max-height: 120px;
  margin: 5px 0;
}
.carousel-item.active {
  border: none;
}
.shadowbox{
  padding: 10px 5px;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  box-shadow: 0px 1px 2px #dfdfdf;
}
.field-name{
  color: #6d6d6d;
}
.field-value{
  font-weight: bold;
}
.ejcard-title > .bi {
  font-size: 2em;
  vertical-align: middle;
}
.ej-title > .bi{
  font-size: 1.1em;
  vertical-align: middle; 
}
.logoutlnk:hover{
  background-color: #ffd1d1 ;
}
.logoutlnk .bi {
  color: red;
  font-weight: bold;
}
.dashboard .filter {
  position: absolute;
  left: 55px;
  padding-right: unset;
  right: auto;
}
.ur-ip{
  position: absolute;
  bottom: 10px;
  border: 1px dashed #ccc;
  background: #eee;
  border-radius: 7px;
  padding: 3px;
}
.form-floating > label {
  color: #f25050;
}
.ejcard{
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  margin: 15px;
  box-shadow: 1px 2px 3px #e4e4e4;
}
.ejcard-title{
  padding: 10px;
  border-bottom: 5px solid #4fcdee;
}
th {
  background: #d3d5d9  !important;
}

/* ************************ form-switch - Dark Theme********************* */
#lightSwitch {
  transform: scale(1.8);
}
.ej-theme.bg-dark {
  background-color: #222d5a !important;
  color: #f5f5f5;
}
.profile.bg-dark{
  color: #f5f5f5;
}
.sidebar.bg-dark{
  background-image: url(../img/sidebar-bg-night.webp);
  background-color: #222d5a !important;
  color: #f5f5f5;
}
.bg-dark .nav-link > .bi {
  color: #ffc005;
}
.sidebar.bg-dark a:hover{
  color: #444;
}
.sidebar.bg-dark a{
  color: #f5f5f5;
}
.ejcard.bg-dark{
  /*background: #555 !important;*/
}


:root {
  --bg-color: #f8f9fa;  /* Light mode background color */
  --text-color: #212529;  /* Light mode text color */
    --aside-bg-color: #f5f5f5 ;
  --aside-text-color: #444;
}

[data-theme="dark"] {
  --bg-color: #343a40;  /* Dark mode background color */
  --text-color: #f8f9fa;  /* Dark mode text color */
}

body {
  background-color: var(--bg-color);
  color: var(--text-color);
}

/* END General @media css */


@media (max-width: 976px) {
   .login-right-dv {
		display: none;
  }
  .loginbox{
  		width: 95%;
  }
/*  .card-body{
    overflow-x: scroll;
  }*/
}
.ejswch {
  margin: 0 !important ;
  max-width: 100px;
  position: absolute;
  left: 0;
  bottom: 85px;
}
 @media (min-width: 1200px)
#main, #footer {
  margin-right: 300px;
}
#main {
  min-height: 85vh;  
  margin-top: 60px;
  margin-bottom: 70px;
  padding: 20px 30px;
  transition: all 0.3s;
}
.nav-link > i {
  font-size: 30px;
  color: #333;
  padding-left: 5px ;
}
.nav-link{
  color: #012970;
  border-radius: 50px 0 0 50px;
  border-right: 5px solid transparent ;
  padding: 0 5px 0 0;
}
.nav-link:hover {
  background: #e5f6fb;
  transition: 1s;
  border-radius: 50px 0 0 50px;
  transition: .1s;
  border-right: 5px solid #012970 ;
}
.active {
  color: #012970 !important;
  background: #a5ecff;
  border-radius: 50px 0 0 50px;
  border-right: 5px solid #012970 ;  
}  
a.nav-link {
    display: flex;
    align-items: center;
}

.header-nav .nav-profile {
  color: #f5f5f5;
}
.nav-item .ejprofile {
  border: none;
  background: unset;
  border-bottom: 3px solid #07bff7;
  padding: 0 7px;
  padding-left: 4px;
  border-radius: 3px;
  min-width: 125px;
}