@font-face {
    font-family: 'koodak';
    src: url('../fonts/koodak.eot');
    src: url('../fonts/koodak.eot?#iefix') format('embedded-opentype'),
         url('../fonts/koodak.woff') format('woff'),
         url('../fonts/koodak.ttf') format('truetype');
    font-weight: bold;
    font-style: bold;
} 
 @font-face {
    font-family: 'kamran';
    src: url('../fonts/kamran.eot');
    src: url('../fonts/kamran.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kamran.woff') format('woff'),
         url('../fonts/kamran.ttf') format('truetype');
    font-weight: bold;
    font-style: bold;
} 
@font-face {
    font-family: 'iransans';
    src: url('../fonts/irsans.eot');
    src: url('../fonts/irsans.eot?#iefix') format('embedded-opentype'),
         url('../fonts/irsans.woff') format('woff'),
         url('../fonts/irsans.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'BTitr';
    src: url('../fonts/BTitr.eot');
    src: url('../fonts/BTitr.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BTitr.woff') format('woff'),
         url('../fonts/BTitr.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Vazir';
    src: url('../fonts/Vazir.eot');
    src: url('../fonts/Vazir.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Vazir.woff') format('woff'),
         url('../fonts/Vazir.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'BNazanin';
    src: url('../fonts/BNazanin.eot');
    src:	url('../fonts/BNazanin.eot?#iefix') format('embedded-opentype'),
  			url('../fonts/BNazanin.woff') format('woff'),
         	url('../fonts/BNazanin.ttf') format('truetype');
    font-weight: bold;
    font-style: bold;
}

@font-face {
    font-family: 'OperatorLightRegular';
    src: url('../fonts/operator-light-webfont.eot');
    src: url('../fonts/operator-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/operator-light-webfont.woff') format('woff'),
         url('../fonts/operator-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'Muctar';
  src: url('../fonts/Muctar.eot');
  src: url('../fonts/Muctar.eot') format('embedded-opentype'),
       url('../fonts/Muctar.woff2') format('woff2'),
       url('../fonts/Muctar.woff') format('woff'),
       url('../fonts/Muctar.ttf') format('truetype'),
       url('../fonts/Muctar.svg#Muctar') format('svg');
}
@font-face {
  font-family: 'OperatorLightRegular';
  src: url('../fonts/ubuntu.eot');
  src: url('../fonts/ubuntu.eot') format('embedded-opentype'),
       /* url('../fonts/ubuntu.woff2') format('woff2'), */
       url('../fonts/ubuntu.woff') format('woff'),
       url('../fonts/ubuntu.ttf') format('truetype'),
       /* url('../fonts/ubuntu.svg#ubuntu') format('svg'); */
}
.ubuntu{
  font-family:ubuntu;
  font-size:19px;
  color:#002060;	
  padding:5px;
}
.bg-pix{
  background: url('./img/login_pix.jpg');
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center;9jkj.jokmjjuoujpo-o=--78
}

.kam{
font-family:kamran;
font-size:28px;
color:#FF7F27;
}

.kamGold{
font-family:kamran;
font-size:28px;
color:#ffc90e;
}

.kamPur{
font-family:kamran;
font-size:28px;
color:#7030A0;
}
.koodak{
font-family:koodak;
font-size:16px;
color:#00000078547;	

}
.koodakP{
cursor:pointer;
font-family:koodak;
font-size:17px;
color:#00000078547;	

}
.koodak18sorme{
font-family:koodak;
font-size:18px;
color:#002060;	
}
.koodak20sorme{
font-family:koodak;
font-size:19px;
color:#002060;	
}
.koodak20green{
font-family:koodak;
font-size:20px;
color:#009900;	
}
.koodak20sorme:hover{
font-family:koodak;
font-size:19px;
color:#002060;	
}
.koodak20sormePad{
font-family:koodak;
font-size:20px;
color:#002060;	
padding:5px;
}
.koodak16sorme{
font-family:koodak;
font-size:16px;
color:#002060;	
}
.koodak28green{
font-family:koodak;
font-size:28px;
color:#00FF00;	

}.koodak28red{
font-family:koodak;
font-size:28px;
color:#FF0000;	

}
.koodak24brown{
font-family:koodak;
font-size:24px;
color:#C81F1F;	

}.koodak24blue{
font-family:koodak;
font-size:24px;
color:#0070C0;	

}
.koodak14brown{
font-family:koodak;
font-size:14px;
color:#C81F1F;	

}
.koodak18{
font-family:koodak;
font-size:18px;
color:#000000;	

}
.koodak26{
font-family:koodak;
font-size:26px;
color:#000000;	

}

.irsans{
	font-family:iransans;
	font-size:50px;
}
.irsan_sm{
	font-family:iransans;
	font-size:30px;
}
.sansamll{
	font-family:iransans;
	font-size:25px;
}

.OLR{
	font-family:OperatorLightRegular;
	font-size:16px;
}
.Muctar{
	font-family:OperatorLightRegular;
	font-size:16px;
}
.MF{
  font-family:BTitr;
  font-size:14px;
  color:blue;
  }
  .MFBrown{
    font-family:BTitr;
    font-size:14px;
    color:rgba(134, 64, 79, 0.863);
    }
.MFP{
cursor:pointer;
font-family:BTitr;
font-size:14px;
color:blue;
}
.MFs{
font-family:BTitr;
font-size:13px;
color:blue;
}

.MF-g{
font-family:BTitr;
font-size:26px;
}
.MFTitr{
font-family:BTitr;
font-size:20px;
}
.BNz{
color:#311b92;
font-family:BNazanin;
font-size:17px;
}
.BNzSrch{
cursor:pointer;
font-family:BNazanin;
font-size:20px;
}
.pointer{
	cursor:pointer;
}
.BNzSrch:hover{
cursor:pointer;
font-family:BNazanin;
background-color:#008800;
font-size:20px;
}

.BNzTxt{
font-family:BNazanin;
font-size:10px;
padding:10px;
}

.BNzTxtBlak{
font-family:BNazanin;
font-size:20px;
color:black;
padding:10px;
}
.BNzTxtBlakSmall{
font-family:BNazanin;
font-size:17px;
color:black;
padding:10px;
}
.vazir_small{
font-family:Vazir;
font-size:14px;
color:#002060;
}
.vazir_mid{
font-family:Vazir;
font-size:15px;
color:#002060;
}
.Vazir16 {
  padding: 20px; 
  font-family:Vazir;
  font-size:16px;
  
}
.VazirHeader {
  padding: 30px; 
  font-family:Vazir;
  font-size:25px;
  
}

.Vazir19Success {
  padding: 20px; 
  font-family:Vazir;
  font-size:19px;
  color:#008000;  
}
.Vazir16Success {
  padding: 20px; 
  font-family:Vazir;
  font-size:16px;
  color:#008000;  
}
.Vazir16Fail {
  padding: 20px; 
  font-family:Vazir;
  font-size:16px;
	color:#800040;
}

.Box {
  padding: 40px; 
  font-family:BNazanin;
  font-size:20px;
}
.eXBox {
  padding: 60px; 
  font-family:BNazanin;
  font-size:20px;
}
.Times{
cursor:pointer;
font-size:20px;
}
.LatinTxt{
	display:block;
	color:#000000;
	background-color:#F7C4D0;
	border-color:#000000;
	text-align:center;
	vertical-align:middle;
	border:1px solid #F444D0; 
	padding:6px 6px; 
	font-size:18px; 
	
	height:50px;
	border-radius:14px;
font-size:20px;
}
.tnr{
color:#0066aa
font-size:18px;
}
.Times3rd{
cursor:pointer;
font-size:16px;
}
.Line{
	cursor:pointer;
	font-size:15px;	

}
.Line:hover
{
	cursor:pointer;
	font-size:15px;
	background-color:#008800;
}

.testbg{
	background-color:#A8FFD3;
}
.LightGreen{
	display:block;
	color:#000000;
	background-color:#A8FFD3;
	border-color:#5899eb;
	text-align:center;
	vertical-align:middle;
	border:1px solid #48D253; 
	padding:5px 5px 5px 5px; 
	font-size:18px; 
	font-family:BTitr;
	height:50px;
	border-radius:14px;
	width:2400px;
}.LightRed{
	display:block;
	color:#000000;
	background-color:#FFFFFF;
	border-color:#330000;
	text-align:center;
	vertical-align:middle;
	border:1px solid #990000; 
	padding:6px 6px; 
	font-size:18px; 
	font-family:BTitr;
	height:70px;
	border-radius:14px;
}
.BlueBox{
	display:block;
	color:#000000;
	background-color:#FFFFFF;
	border-color:#330000;
	text-align:center;
	vertical-align:middle;
	border:1px solid #0000FF; 
	padding:6px 6px; 
	font-size:18px; 
	font-family:BTitr;
	height:50px;
	border-radius:0px;
}.BlueText{
	font-family:BTitr;
	font-size:16px;
	color:#0000FF;
}.BrownText{
	font-family:BTitr;
	font-size:16px;
	color:#DE7979;
}
.Orange{
	display:block;
	color:#000000;
	background-color:#F8CBAD;
	border-color:#000000;
	text-align:center;
	vertical-align:middle;
	border:1px solid ; 
	padding:6px 6px; 
	font-size:18px; 
	font-family:BTitr;
	height:50px;
	border-radius:14px;
}
.OrangeBorder{
	display:block;
	cursor:pointer; 
	color:#000000;
	background-color:#F8CBAD;
	border-color:#000000;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ED7D31 ; 
	padding:6px 6px; 
	font-size:16px; 
	#font-family:BTitr;
	height:50px;
	border-radius:14px;
}
.Circ{
	display:block;
	color:#000000;
	background-color:#00aaFF;
	border-color:#5899eb;
	text-align:center;
	vertical-align:middle;
	cursor:pointer; 
	border:1px solid #0072A8; 
	padding:6px 6px; 
	font-size:18px; 
	font-family:BTitr;
	height:60px;
	border-top-right-radius:60px;
	border-top-left-radius:60px;
	border-bottom-right-radius:60px;
	border-bottom-left-radius:60px;
	
}
.Circle { 
   width: 80px;
   height: 80px;
   background: red; 
   font-family:BTitr;
   background-color:#C2F788;
   padding:10px 10px; 
   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;
}.Circle-center { 
   width: 140px;
   height: 140px;
   background: red; 
   font-family:BTitr;
   background-color:#FFDF7F;
   padding:40px 40px; 
   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;
   margin-right:-35px;
}
.Circle-blue { 
   width: 80px;
   height: 80px;
   background: red; 
   font-family:BTitr;
   background-color:#A1B8E1;
   padding:10px 10px; 
   -moz-border-radius: 100px; 
   -webkit-border-radius: 100px; 
   border-radius: 100px;
}.Circle-green { 
   width: 80px;
   height: 80px;
   background: red; 
   font-family:BTitr;
   background-color:#91F0A3;
   padding:10px 10px; 
   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;
}
.Circle-mag { 
   width: 80px;
   height: 80px;
   background: red; 
   font-family:BTitr;
   background-color:#99E8E2;
   padding:10px 10px; 
   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;
}
.fit-image{

	width: 100%;
	object-fit: cover;
	/*height: 300px; /* only if you want fixed height */
}

.box {
    width: 200px;
    height: 200px;
    background: red;
    position: relative;
    top: 40px;
}
.shape {
    width: 250px;
    height: 250px;
    background: 00aaFF;
    border-radius: 50%;
    position: absolute;
    left: 75px;
    top: 50px;
    overflow: hidden;
}

.top-left {
    width: 150px;
    height: 150px;
    background: purple;
    position: relative;
    left: -25px;
}

.paddingall{
	padding-right:10px;
}
.top-buffer40 { margin-top:40px; }
.top-buffer20 { margin-top:20px; }
.top-buffer10 { margin-top:10px; }
.bot-buffer50 { margin-bottom:50px; }
.bot-buffer60 { margin-bottom:60px; }
.bot-buffer70 { margin-bottom:70px; }
.bot-buffer15 { margin-bottom:15px; }
.mright-buffer { margin-right:-35px; }
.mright-bufferl { margin-left:35px; }

.no-gutter > [class*='col-'] {
    padding-right:10;
    padding-left:0;
	margin-left:0;
	margin-right:0;
}
.no-padding{
	padding-right:0;
    padding-left:0;
}
.mcontainer {
position: relative;
text-align: center;
color: white;
}


.text1 {
    position: absolute;
    bottom: 30px;
    left: 240px;
}
.text2 {
    position: absolute;
    bottom: 0px;
    left: 150px;
}
.white {
  background-color: #FFFFFF;
}
.whiteTxt {
  color: #FFFFFF;
}

.res-circle {
        width: 30%;
        border-radius: 70%;
        line-height: 0;
        background: #bcd6ff;
        /* NECESSARY FOR TEXT */
        position: relative;
      }
      .res-circle:after {
        content: "";
        display: block;
        padding-bottom: 100%;
      }
      .circle-txt {
        position: absolute;
        bottom: 50%;
        width: 100%;
        text-align: center;
        /* NOT IMPORTANT */
        font-family: arial, sans-serif;
        font-size: 2em;
        font-weight: bold;
      }
.formbg_lb1
{
	background-color:#40c4ff;
}
.formbg_lb2
{
	background-color:#81d4fa;
}
.foodbg
{
	background-color:#aed581;
}
.btn_style1
{
	background-color:#87A2B6;
    border: #2e6da4;
	border-radius: 4px;
	padding: 8px 12px;
} .btn_style1:hover {background-color: #01579b}

.btn_style2{
	
	color:#0030a0;	
}
.btn_style2:hover {color: #c2185b}

.my_color
{
	  color: #002060;

}
.card-img-top {
  background-color: #cf0000;
  padding: 10% 10% 10% 10%;
  margin: 0px auto;
}
.card-header-img {
  background-color: #cf0000;
  padding: 10% 10% 10% 10%;
  margin: 0px auto;
}


/* li */
ul, #myUL {
  list-style-type: none;
}

/* Remove margins and padding from the parent ul */
#myUL {
  margin: 0;
  padding: 0;
}

/* Style the caret/arrow */
.caret {
  cursor: pointer;
  user-select: none; /* Prevent text selection */
}

/* Create the caret/arrow with a unicode, and style it */
.caret::before {
  content: "\25B6";
  color: black;
  display: inline-block;
  margin-right: 6px;
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.caret-down::before {
  transform: rotate(90deg);
}

/* Hide the nested list */
.nested {
  display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active {
  display: block;
}
/* /////////////////////////////////// end li */

/* .modal-dialog.modal-800 {
  width: 800px;
  margin: 30px auto;
} */

.myProgress {
  width: 100%;
  background-color: grey;
}

.myBar {
  width: 1%;
  height: 30px;
  background-color: green;
}