@font-face {
	font-family: Iransans;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/IRANSansWeb.eot');
	src: url('../fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/IRANSansWeb.woff2') format('woff2'),  /*FF39+,Chrome36+, Opera24+*/
		 url('../fonts/IRANSansWeb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/IRANSansWeb.ttf') format('truetype');
}

:root {
  --hue: 214;
  --template-bg-light: #f0f4fb;
  --template-text-dark: #495057;
  --template-text-light: #ffffff;
  --link-color: #2a69b8;
  --link-color-rgb: 42,105,184;
  --template-special-color: #001b4c;
}

:root {
  --template-sidebar-bg: var(--template-bg-dark-80);
  --template-sidebar-font-color: #fff;
  --template-sidebar-link-color: #fff;
  --template-bg-light: #f0f4fb;
  --template-link-color: var(--link-color);
  --template-text-light: #fff;
  --template-text-dark: #495057;
  --template-special-color: #001b4c;
  --template-contrast: #2a69b8;
  --template-quickicon-color: hsl(var(--hue),30%,40%);
  --template-bg-dark: hsl(var(--hue),40%,20%);
  --template-bg-dark-3: hsl(var(--hue),40%,97%);
  --template-bg-dark-5: hsl(var(--hue),40%,95%);
  --template-bg-dark-7: hsl(var(--hue),40%,93%);
  --template-bg-dark-10: hsl(var(--hue),40%,90%);
  --template-bg-dark-15: hsl(var(--hue),40%,85%);
  --template-bg-dark-20: hsl(var(--hue),40%,80%);
  --template-bg-dark-30: hsl(var(--hue),40%,70%);
  --template-bg-dark-40: hsl(var(--hue),40%,60%);
  --template-bg-dark-50: hsl(var(--hue),40%,50%);
  --template-bg-dark-60: hsl(var(--hue),40%,40%);
  --template-bg-dark-65: hsl(var(--hue),40%,35%);
  --template-bg-dark-70: hsl(var(--hue),40%,30%);
  --template-bg-dark-75: hsl(var(--hue),40%,25%);
  --template-bg-dark-80: hsl(var(--hue),40%,20%);
  --template-bg-dark-90: hsl(var(--hue),40%,10%);
}


:root,
[data-bs-theme=light] {
  --card-bg:#ffffffb3;
  --card-color:var(--template-bg-dark-60);
  --bluegray:#b2bfcd;
  --lightbluegray:#f6f9fc;
  --toolbar-bg:#fff;
  --success-border:var(--success);
  --info-border:var(--info);
  --warning-border:var(--warning);
  --danger-border:var(--danger);
  --login-main-bg:#0b1c32;
  --border:#cdcdcd;
  --white:#fff;
  --white-offset:#fefefe;
  --focus:#39f;
  --focus-shadow:#eaeaea;
  --toggle-color:#fff;
  --gray-100:#f8f9fa;
  --gray-200:#e8e8e8;
  --gray-300:#dee2e6;
  --gray-400:#cdcdcd;
  --gray-500:#adb5bd;
  --gray-600:#666e76;
  --gray-700:#495057;
  --gray-800:#343a40;
  --gray-900:#212529;
  --primary:#132f53;
  --secondary:#495057;
  --success:#457d54;
  --info:#2a69b8;
  --warning:#ffb514;
  --danger:#c52827;
  --light:#f8f9fa;
  --dark:#212529;
  --action:#132f53;
  --error:#3b0d0c;
  --primary-rgb:19,47,83;
  --secondary-rgb:73,80,87;
  --success-rgb:69,125,84;
  --info-rgb:42,105,184;
  --warning-rgb:255,181,20;
  --danger-rgb:197,40,39;
  --light-rgb:248,249,250;
  --dark-rgb:33,37,41;
  --action-rgb:19,47,83;
  --error-rgb:59,13,12;
  --action-text-emphasis:#081321;
  --error-text-emphasis:#180505;
  --primary-text-emphasis:#112a49;
  --secondary-text-emphasis:#292c2f;
  --success-text-emphasis:#1c3222;
  --info-text-emphasis:#112a4a;
  --warning-text-emphasis:#664808;
  --danger-text-emphasis:#4f1010;
  --light-text-emphasis:#495057;
  --dark-text-emphasis:#495057;
  --action-bg-subtle:#d0d5dd;
  --error-bg-subtle:#d8cfce;
  --primary-bg-subtle:#d4e1f1;
  --secondary-bg-subtle:#e0e2e4;
  --success-bg-subtle:#dae5dd;
  --info-bg-subtle:#d4e1f1;
  --warning-bg-subtle:#fff0d0;
  --danger-bg-subtle:#f3d4d4;
  --light-bg-subtle:#fcfcfd;
  --dark-bg-subtle:#cdcdcd;
  --action-border-subtle:#a1acba;
  --error-border-subtle:#b19e9e;
  --primary-border-subtle:#aac3e2;
  --secondary-border-subtle:#c2c5c8;
  --success-border-subtle:#b5cbbb;
  --info-border-subtle:#aac3e3;
  --warning-border-subtle:#ffe1a1;
  --danger-border-subtle:#e8a9a9;
  --light-border-subtle:#e8e8e8;
  --dark-border-subtle:#adb5bd;
  --white-rgb:255,255,255;
  --black-rgb:0,0,0;
  --font-sans-serif:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --gradient:linear-gradient(180deg,#ffffff26,#fff0);
  --body-font-family:var(--font-sans-serif);
  --body-font-size:1rem;
  --body-font-weight:400;
  --body-line-height:1.5;
  --body-color:#212529;
  --body-color-rgb:33,37,41;
  --body-bg:#fff;
  --body-bg-rgb:255,255,255;
  --emphasis-color:#000;
  --emphasis-color-rgb:0,0,0;
  --secondary-color:#212529bf;
  --secondary-color-rgb:33,37,41;
  --secondary-bg:#e8e8e8;
  --secondary-bg-rgb:232,232,232;
  --tertiary-color:#21252980;
  --tertiary-color-rgb:33,37,41;
  --tertiary-bg:#f8f9fa;
  --tertiary-bg-rgb:248,249,250;
  --heading-color:var(--template-bg-dark);
  --link-color:#2a69b8;
  --link-color-rgb:42,105,184;
  --link-decoration:none;
  --link-hover-color:#173a65;
  --link-hover-color-rgb:23,58,101;
  --code-color:#971250;
  --highlight-color:#212529;
  --highlight-bg:#fff0d0;
  --border-width:1px;
  --border-style:solid;
  --border-color:#dee2e6;
  --border-color-translucent:#0000002d;
  --border-radius:.25rem;
  --border-radius-sm:.2rem;
  --border-radius-lg:.3rem;
  --border-radius-xl:.3rem;
  --border-radius-xxl:2rem;
  --border-radius-2xl:var(--border-radius-xxl);
  --border-radius-pill:50rem;
  --box-shadow:0 .5rem 1rem #00000026;
  --box-shadow-sm:0 .125rem .25rem #00000013;
  --box-shadow-lg:0 1rem 3rem #0000002d;
  --box-shadow-inset:inset 0 1px 2px #00000013;
  --focus-ring-width:.25rem;
  --focus-ring-opacity:.25;
  --focus-ring-color:#2a69b740;
  --form-valid-color:#457d54;
  --form-valid-border-color:#457d54;
  --form-invalid-color:#c52827;
  --form-invalid-border-color:#c52827
}



.fontlocal{
font-family:Iransans;
font-size:13px;
}

.gradbac{
background-image: url("../images/loginbac3.png");
background-color: rgb(175, 204, 221);
/* background: radial-gradient(circle, rgba(6,1,99,1) 0%, rgba(0,156,187,1) 49%, rgba(6,1,99,1) 100%); */
}

.loginbac{
box-shadow: 3px 3px 20px #000;
}

.dashboardbac{
background-image: url("../images/bac.png");
}


.quickicon-single, .quickicon-group {
  border:1px solid hsl(var(--hue),50%,93%);
  border-radius:4px;
  min-height:6rem;
  display:flex;
  overflow:hidden
}

.quickicon {
  --text-color:var(--template-quickicon-color);
  --bg-color:hsl(var(--hue),60%,97%);
  --icon-color:var(--template-quickicon-color);
  --bg-color-hvr:var(--template-bg-dark);
  flex-grow:1;
  display:flex
}

.quickicon a:hover, .quickicon a:focus,.quickicon a:active {
  color: #fff;
  background: var(--bg-color-hvr);
  text-decoration: none;
}

.quickicon a {
  color: var(--text-color);
  background-color: var(--bg-color);
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-end;
  padding: 0 1rem;
  transition: all .25s;
  display: flex;
}


.navqicon {
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fill,minmax(190px,1fr));
  display: grid !important;
}

.navqicon {
  --nav-link-padding-x: 1rem;
  --nav-link-padding-y: .5rem;
  --nav-link-font-weight: ;
  --nav-link-color: var(--link-color);
  --nav-link-hover-color: var(--link-hover-color);
  --nav-link-disabled-color: var(--secondary-color);
  flex-wrap: wrap;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
  }
  
  
  ul li.quickicon{
  text-align:center;
  }
  
  
  .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

table {
  background-color: transparent;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: middle;
  border-top: 1px solid #ddd;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.table > thead > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
  text-align:right;
  background-color:#000;
  color:#fff;
}

.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
  background-color: #f0f4a6;
}

a.inline-flex:hover{
 background-color:#b6e4f3;
}

ul.navqicon-table{
display: block !important;
float: left;
}

ul.navqicon-table li, .headertitle {
  min-height: 2rem !important;
  min-width: 2rem !important;
  float: right;
  margin: auto 4px;
}

.equep{
font-size:10px;
}

a.mvctoolbar:hover{
background-color:#f8fd6c !important;
}

a.mvctoolbar{
color:#175e03 !important;
font-size:32px;
}

.profedit{
color:#23658c;
}

.profedit:hover{
color:#e44432;
}

.mymodalheaderclose{
float: left;
  margin: 5px;
}

.mymodalheadertitle{
float: right;
  margin: 5px;
}

.mymodalheaderborder{
float:right;
padding:5px;
margin:0px;
width:100%;
border-bottom:1px solid #ccc;
}

select option, select{
 font-family: Iransans;
}

body{
margin:0 !important;
}

.checkbox-inline, .radio-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
}

.staticlable{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-color: #9fa0a3;
  color: #9fa0a3;
  border-width: 1px;
  border-radius: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}

a.inline-flex1:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}




/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 0px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  min-width: 100px;
    bottom: 100%;
  left: 50%;
  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
  
  background-color: #edf231;
  color: #000;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.5s;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #edf231 transparent transparent transparent;
}


/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}


[type="radio"]:disabled {
   color:#ccc;
}