/**
*
*	Name:			IRAN Sans-Serif Font
*	Version:		4.0
*	Author:			Moslem Ebrahimi (moslemebrahimi.com)
*	Created on:		Dec 25, 2012
*	Updated on:		Dec 12, 2015
*	Website:		http://fontiran.com
*	Copyright:		Commercial/Proprietary Software
--------------------------------------------------------------------------------------
فونت های ایران سن سریف یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید
--------------------------------------------------------------------------------------
IRAN Sans-serif fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com 
--------------------------------------------------------------------------------------
This set of fonts are used in this project under the license: (.....)
--------------------------------------------------------------------------------------
*	
**/
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	src: url('../Font/eot/IRANSansWeb(FaNum)_Bold.eot');
	src: url('../Font/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../Font/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../Font/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../Font/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 500;
	src: url('../Font/eot/IRANSansWeb(FaNum)_Medium.eot');
	src: url('../Font/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../Font/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../Font/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../Font/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 300;
	src: url('../Font/eot/IRANSansWeb(FaNum)_Light.eot');
	src: url('../Font/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../Font/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../Font/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../Font/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 200;
	src: url('../Font/eot/IRANSansWeb(FaNum)_UltraLight.eot');
	src: url('../Font/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../Font/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../Font/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../Font/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: normal;
	src: url('../Font/eot/IRANSansWeb(FaNum).eot');
	src: url('../Font/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../Font/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../Font/woff/IRANSansWeb(FaNum).woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../Font/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}




body 
{
    
    
}
       body,html{
		height: 100%;
	}

	/* remove outer padding */
	.main .row{
		padding: 0px;
		margin: 0px;
	}

	/*Remove rounded coners*/

	nav.sidebar.navbar {
		border-radius: 0px;
	}

	nav.sidebar, .main{
		-webkit-transition: margin 200ms ease-out;
	    -moz-transition: margin 200ms ease-out;
	    -o-transition: margin 200ms ease-out;
	    transition: margin 200ms ease-out;
	   float:right;
	   background-color:#36364a;
	   font-family: IRANSans;
	   text-align:right;
	   
	}

	/* Add gap to nav and right windows.*/
	.main{
		padding: 10px 10px 0 10px;
	}

	/* .....NavBar: Icon only with coloring/layout.....*/

	/*small/medium side display*/
	@media (min-width:1070px) {

		/*Allow main to be next to Nav*/
		.main{
			position: absolute;
			width: calc(100% - 40px); /*keeps 100% minus nav size*/
			margin-left: 40px;
			float: right;
			

		}

		/*lets nav bar to be showed on mouseover*/
		nav.sidebar:hover + .main{
			margin-left: 200px;
			float: right;
		} 

		/*Center Brand*/
		nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
			margin-left: 0px;
		}
		/*Center Brand*/
		nav.sidebar .navbar-brand, nav.sidebar .navbar-header{
			text-align: center;
			width: 100%;
			margin-right: 0px;
		}

		/*Center Icons*/
		nav.sidebar a{
			padding-right: 13px;
		}

		/*adds border top to first nav box */
		nav.sidebar .navbar-nav > li:first-child{
			/*border-top: 1px #e5e5e5 solid;*/
			border-bottom: 0.5px #7a5b7a solid;
		}

		/*adds border to bottom nav boxes*/
		nav.sidebar .navbar-nav > li{
			border-bottom: 0.5px #7a5b7a solid;
		}

		/* Colors/style dropdown box*/
		nav.sidebar .navbar-nav .open .dropdown-menu {
			position: static;
			float: none;
			width: auto;
			margin-top: 0;
			background-color: transparent;
			border: 0;
			-webkit-box-shadow: none;
			box-shadow: none;
			
		}

		/*allows nav box to use 100% width*/
		nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{
			padding: 0 0px 0 0px;
		}

		/*colors dropdown box text */
		.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
			color: #777;
			
		}

		/*gives sidebar width/height*/
		nav.sidebar{
			width: 168px;
			height: 100%;
			margin-left: -160px;
			float: left;
			z-index: 8000;
			margin-bottom: 0px;
			
		
		}

		/*give sidebar 100% width;*/
		nav.sidebar li {
			width: 100%;
		}

		/* Move nav to full on mouse over*/
		nav.sidebar:hover{
			margin-left: 0px; 
			
			
		}
		/*for hiden things when navbar hidden*/
		.forAnimate{
			opacity: 0;
		}
	}

	/* .....NavBar: Fully showing nav bar..... */

	@media (min-width: 1330px) {

		/*Allow main to be next to Nav*/
		.main{
			width: calc(100% - 200px); /*keeps 100% minus nav size*/
			margin-left: 200px;
			
		}

		/*Show all nav*/
		nav.sidebar{
			margin-left: 0px;
			float: left;
		}
		/*Show hidden items on nav*/
		nav.sidebar .forAnimate{
			opacity: 1;
		}
	}
	
	/*
        حرکت فلش دکمه های
        dropdown 
        موقع             
        hover
    */
	
nav.sidebar .navbar-nav li>a:hover
{
/*    background-color: #2da0d9;
    margin-left:0px;padding-left:0px; */
}
	nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
		color: #CCC;
		background-color: transparent;
	}

	nav:hover .forAnimate{
		opacity: 1;
	}
	section{
		padding-left: 15px;
	}
	
	
	
	
	
	
	



.btn {
    border: none;
    color: white;
    padding: 14px 40px;
    font-size: 16px;
    cursor: pointer;
    padding-right:5%;
   direction:rtl;
   float:right;
}
.btnDoubleBorder{
    border: none;
    color: white;
    padding: 14px 40px;
    font-size: 16px;
    cursor: pointer;
    padding-right:5%;
   direction:rtl;
   float:right;
   border-bottom-style:double
}

.success {background-color: #4CAF50;} /* Green */
.success:hover {background-color: #46a049;}

.info {background-color: #2196F3;} /* Blue */
.info:hover {background: #0b7dda;}

.warning {background-color: #ff9800;} /* Orange */
.warning:hover {background: #e37541;}

.danger {background-color: #f44336;} /* Red */ 
.danger:hover {background: #da190b;}

.default {background-color: #e7e7e7; color: black;} /* Gray */ 
.default:hover {background: #ddd;}

.skyBlue {background-color: #2da0d9;} /* SkyBlue */ 
.skyBlue:hover {background: #2da0d9;}

.LightGrey {background-color: #e1e1e1; color: black;} /* LightGrey */ 
.LightGrey:hover {background: #e1e1e1;}

.Grey {background-color: #b9b9b9; } /*Grey */ 
.Grey:hover {background: #b9b9b9;}

.BackgroundGray {background-color: #fafbfc; color: black;} /*BackgroundGray */ 
.BackgroundGray:hover {background: #fafbfc;}

.DarkGrey {background-color: #666666; } /*DarkGrey */ 
.DarkGrey:hover {background: #666666;}

.Yellow {background-color: #ffce49; } /*Yellow */ 
.Yellow:hover {background: #eabd44;}

.BlodRed {background-color: #d93c3f; } /*BlodRed */ 
.BlodRed:hover {background: #d93c3f;}

.RedHot {background-color: #c33887; } /*RedHot */ 
.RedHot:hover {background: #c33887;}

.Purple {background-color: #956dca; } /*Purple */ 
.Purple:hover {background: #956dca;}


.LightBlue {background-color: #2da0d9;} /*LightBlue */ 
.LightBlue:hover {background: #2c94c8;}


.DarkOrange {background-color: #f67a40; } /*DarkOrange */ 
.DarkOrange:hover {background: #f67a40;}


.DeepBlack {background-color: #36364a; } /*DeepBlack */ 
.DeepBlack:hover {background: #36364a;color:White}

.DarkRed {background-color: #d92d5e; } /*DarkRed */ 
.DarkRed:hover {background: #cc3a3c;color:white}

.LightGreen {background-color: #55b359; } /*LightGreen */ 
.LightGreen:hover {background: #55b359;}

.emptybtn {background-color: white; border-color:#36364a;border-style:1px solid;border-radius:5px;float:right} /*white */ 
.emptybtn:hover {background: #;}

.emptybtnBorderBlue {background-color: white; border-color:#2da0d9;border-bottom-style:solid;width:30%;border-radius: 3.6px;} /*white */ 
.emptybtnBorderBlue:hover {background:#2da0d9;color:White;}



     /*************************************/
     
     
     
     * {
    box-sizing: border-box;
}
.row::after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] {
    float: right;
    padding: 15px;
}
html {
    font-family: "Lucida Sans", sans-serif;
}
.header {
   width: 2070px;
  height: 40px;
  mix-blend-mode: undefined;
  background-color: #2da0d9;
  
  box-shadow: 0 0 4.5px 0.6px rgba(0, 0, 0, 0.34);
}


.footer {
    background-color: #0099cc;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;
}
/* For mobile phones: */



@media only screen and (min-width:750px) {
    /* For desktop: */
    .col-0 {width: 3.13%;}
    .col-1 {width: 8.08%;}
    .col-1.5 {width: 11.21%;}
    .col-2 {width: 16.16%;}
    .col-2.5 {width: 19.29%;}
    .col-3 {width: 24.24%;}
    .col-3.5 {width: 27.37%;}
    .col-4 {width: 32.32%;}
    .col-4.5 {width: 35.45%;}
    .col-5 {width: 40.4%;}
    .col-5.5 {width: 43.53%;}
    .col-6 {width: 48.48%;}
    .col-6.5 {width: 51.61%;}
    .col-7 {width: 56.56%;}
    .col-7.5 {width: 59.69%;}
    .col-8 {width: 64.64%;}
    .col-8.5 {width: 67.77%;}
    .col-9 {width: 72.72%;}
    .col-9.5 {width: 75.85%;}
    .col-10 {width: 80.80%;}
    .col-10.5 {width: 83.93%;}
    .col-11 {width: 88.88%;}
    .col-11.5 {width: 92.01%;}
    .col-12 {width: 96.96%;}
    .col-12.5 {width: 100%;}


   .outset full page {border-style: outset;
              
               background-color:#e1e1e1;
              
               
              }
    
   .outset {border:1px solid;
            border-color:#b9b9b9;
               padding:30px;
               background-color:White;
               font-family: IRANSans;
               /*margin-left:2%;*/
               color:#666666;
               
               
              }
               .outsett {border:1px solid;
          background-color: white;
          padding:15px;
          margin-right:20%;
               
              }
               p.normal {float:right;
                         text-align:right;
                         padding-right:5%;
               
              }
     p.normal float left {float:left;
                         text-align:right;
                         padding-left:5%
               
              }
                p.normal none spase {float:right;
                         text-align:right;
                         padding-right:2%;
                      
               
              }
    
    
 table {
   
    width: 100%;
    direction: rtl;
    float:none;
    text-align: right;
   
     
     
}

th, td {
    text-align: right;
    padding: 8px;
    direction: rtl;
    float:none;
    
    
    
}





.grid-container {
  display: grid;
  grid-template-columns: auto auto ;
  background-color: white;
  padding: 10px;
 
}
.grid-containerr {
  display: grid;
  grid-template-columns: auto;
  background-color: white;
  padding: 10px;
  
}
.grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(185,185,185);
 
  padding: 20px;
  font-size: 20px;
  text-align: center;
  font-family: IRANSans;
  color:#666666;
  
}
.Rectangle-3-copy-15 {
  
  
  border-radius: 2.7px;
  background-color: #ffffff;
  border: solid 0.1px #e1e1e1;
}









}