@font-face {font-family: 'B Yekan';src:url('BYekan.ttf') format('truetype');}
@font-face {
  font-family: 'B Yekan';
  font-style: normal;
  font-weight: 400;
  }



 @font-face {font-family: 'B Nazanin';src:url('BNazanin.ttf') format('truetype');}
@font-face {
  font-family: 'B Nazanin';
  font-style: normal;
  font-weight: 400;
  }


 @font-face {font-family: 'B Titr';src:url('BTitrBd.ttf') format('truetype');}
@font-face {
  font-family: 'B Titr';
  font-style: normal;
  font-weight: 400;
  }


 @font-face {font-family: 'iran_sans';src:url('Iranian Sans.ttf') format('truetype');}
@font-face {
  font-family: 'iran_sans';
  font-style: normal;
  font-weight: 400;
  }



 @font-face {font-family: 'B Zar';src:url('BZar.ttf') format('truetype');}
@font-face {
  font-family: 'B Zar';
  font-style: normal;
  font-weight: 400;
  }




 @font-face {font-family: 'vazir';src:url('Vazir.ttf') format('truetype');}
@font-face {
  font-family: 'vazir';
  font-style: normal;
  font-weight: 400;
  }




 @font-face {font-family: 'vazir';src:url('Vazir-FD-WOL.ttf') format('truetype');}
@font-face {
  font-family: 'vazir';
  font-style: normal;
  font-weight: 400;
  }

body{

    direction:rtl;

    //border:1px solid #ccc;
   //background-color: #DCDCDC;
   background-color: #F0F8FF;
   font-family: vazir;
}

.row_table{
    border:0px solid;width:500px;text-align: right;padding-right: 30px;
}

.top_tag_estate{
     background-color:#CD5C5C;
     color: #fff;
     padding:6px 10px;
     width: auto ;
     border-radius: 100px;
     display: inline;
}


option{
    font-family: vazir;
}

.cap{
     color:#aaa;
     font-size: 12pt;

}
.val{
    color: #555;
     font-size: 12pt;

}


.index_box{
    background-color: #fff;padding:20px;border: 1px solid #ddd;border-radius: 20px;margin:-4px -8px;
}

.top_tag_building{
     background-color:#FF69B4;
     color: #fff;
     padding:6px 10px;
     width: auto ;
     border-radius: 100px;
     display: inline;
}


.left_side{
     background-color: #fff;
     border-right:1px solid #ccc;
     height:auto

}


.right_side{
     background-color: #fff;
     border-left:1px solid #ccc;
     height:auto

}

a{

    text-decoration: none

}

.tree_link{
      border:none!important;
      color:#777!important;
}



.table_content{

    border:1px solid #ccc!important;
    border-radius: 8px;
    color:#555;
}

hr{
     margin:15px 0;
     border-color: #ddd;
}

tr{

    border:none;

}





td{

    border:1px 0 1px 0 solid #ddd;

    text-align: center;



}



table.listing tr:nth-child(odd){
    background-color:#eee;
}


th{

    border:1px solid #eee;

}




tr.tt:hover {
  background-color: #708090!important;
  color: #fff;
  cursor: pointer;
}


.main{

    padding:30px;

    background-color: #eff9fb;

    margin: 2% 30% 2% 30%;

    text-align: right;

    direction: rtl;



}



.mainmenu {



background-color: #007ae2;

color : #fff;

margin-top:0px;

padding : 10px 20px 10px 0;

}







.mainmenu  {



background-color: #8a8a91;

color : #fff;

padding-right : 20px ;

}













.sidebar{

    background-color: #FFFFFF;

    border:1px solid #000;

    margin:0 0 0 10px;

    padding:10px;

    margin-right: 5%;

    direction: rtl;

    text-align: right;

}



.title{
    color:#9370db;
    font-size:14pt;
    //font-weight: bold;
    font-family:vazir;

}

.icon_page{
     width: 35px;height: 35px;vertical-align:middle;margin-left: 10px;margin-top:-5px
}



.alarm{

    padding:15px;

    background-color: #DDE7C0;

    text-align:right;

    color:#fff;

}



.estate{

    text-align:right;

    padding:10px;

    background-color: #FFFF00;

    width: auto;

    float:left;

}



.header{

    padding:5px 35px 0px 0px;

    background-color: #f7f7fa;

    text-align: right;

   /* margin-top: -25px;*/
   height: 110px;
   margin-bottom: 3px;
   border: 1px solid #ccc;

}



.buttonlink{

    padding:7px;

    background-color: #008080;

    color:#FFFFFF;

    margin:10px;

}


/*

button{

    width:100px;
    background-color: #453333!important;
     border-radius: 7px!important;
     padding:5px!important;
    margin:3px!important;

}

*/




.secondmenu{

    margin:10px 0 20px 0;

}



/* style for popup ////////////////// */

.abc {

width:100%;

height:2000px;

opacity:1;

top:0;

left:0;

display:none;

position:absolute;

background-color:#e8e4c6;

overflow:auto;

}

img#close {

position:absolute;

right:-14px;

top:-14px;

cursor:pointer

}

div#popupContact {

position:relative;

right:300px;
top:30px;

margin-left:-300px;

font-family:vazir;




}



.menu_sidebar{



padding:10px 10px 20px 10px;

border:1px solid #ccc;

text-align: center;

border-radius: 10px ;

}




.manage_icon{
     width:30px;height: 30px;border:none;margin-top:5px
}



.main_content{

max-width:100%;

min-width:0px;

padding:20px;

border:2px solid gray;

border-radius:10px;

font-family:vazir;

background-color:#fff;

margin:20px 10px;

text-align: right;

}


.title_up_page{
  color:#343a40 ;font-family: B titr ;font-size:20pt;
}

.main_content_dashbord{



padding:20px 0;

border:2px solid gray;

border-radius:10px;

font-family:vazir;

background-color:#fff;

margin:0px -7px ;

text-align: right;


}

  .tablink{
     background-color: #3c3c47;
     border-radius: 7px;
     padding:7px!important;
     width: 100%!important;
     margin:10px 0
  }

.up_tree_menu{
     text-align: right;direction: rtl;
}

.popup_form {

max-width:auto;

min-width:250px;

padding:20px;

border:1px solid #777;

border-radius:10px;

font-family:vazir;

background-color:#e9e7e5;

margin:5px;

text-align: right;

}

input , select{
    border-radius: 4px;
    border:1px solid #ccc;
    color: #555;

}


input[type=text]{
     padding-right:10px
}



input[type=submit].black , button.black{
     background-color: #000;
     height: 40px;
     color:#fff;
     border-radius: 100px;
     border:none;
}

.new{
    font-size: 20pt;
    width: 40px;
    padding-top: 2px;
}

input[type=submit].blue , button.blue{
     background-color: #9370DB;
     height: 40px;
     color:#fff;
     border-radius: 100px;
     border:2px solid #9370DB;
}

input[type=file].blue , button.blue{
     background-color: #9370DB;
     height: 40px;
     color:#fff;
     border-radius: 100px;
     border:2px solid #9370DB;
}

input[type=submit].white,button.white{
     background-color: #fff;
     height: 40px;
     color:#555;
     border-radius: 100px;
     border:2px solid #ccc;
}


input[type=submit].red,button.red{
     background-color: #d93366;
     height: 40px;
     color:#fff;
     border-radius: 100px;
     border:2px solid #d93366;
}

.red_message{
   background-color: #d93366;
     height: 60px;
     color:#fff;
     border-radius: 100px;
     border:2px solid #d93366;
     text-align: center;
     font-size: 11pt;
     padding-top:10px
}






input.blue:hover , button.blue:hover , button.white:hover , input.white:hover ,button.red:hover , input.red:hover {
  background-color: #000;
  color:#fff;
  border:2px solid #000;
}



.gage_small{
color: #777;
padding: 5px 0;
font-size: 10pt
}

.hashoor{

background-color: #fffcff;
background-image: url("../files/diagonal-noise.png");
}

input[type=text]:hover {
  background-color: #eee;
}

.unit_light{
    font-size: 9pt;
    color:#ddd;
}

.unit_dark{
    font-size: 9pt;
    color:#888;

}
.gage_color{
    width: 10.6%;text-align: center;padding: 20px 0;border-radius: 10px;margin: 0 5px;
    font-size: 14pt
}

.gage_number{
    width: 23%;text-align: center;background-color:#3390d3;padding: 20px 0;border-radius: 10px;margin: 0 5px
}

.butt{
   background-color: #3c3c47;
   padding:10px 13pt;
   border-radius: 7px;
   width: 200px!important;
   color: #fff;
   font-size: 11pt;
   text-align: right;
   border: 1px solid #fff;
}



.text_field_form{
    border:none;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 10px;
    width: 100%;
    margin:7px 0;

}




#buttona , button {

border-radius:3px;

background-color:gray;

color:#fff;

font-family:vazir;

font-size:16px;

cursor:pointer;

padding:5px 7px 5px 7px;

height: auto;

}

/*  ////////////////////////////////////// */


.thclass{
    text-align: center;
    height: 50px;
    background-color: #fff;
    color:#444;
    font-weight: normal;
    padding:10px 5px;
}

.thclass1{
    text-align: center;
    height: 50px;
    background-color: #555;
    color:#fff;
    font-weight: normal;
    padding:10px 5px;
}

.tdclass{
    padding:10px 5px;
    text-align: center;
}



.pagenav_background{
    background-color: #eae6e6;
    padding:5px;
    margin-top: 10px;
    border-radius: 6px;

}

.icon_pagenav{
    background-color: #612e2e;
    padding:0px 5px;
    color:#fff;
    border-radius: 5px
}

.index_box_content{
    font-size: 12pt;
}
.index_box_lable{
    font-size: 10pt;
    color:#777;
}

.index_box_titr{
    font-size: 18pt;
    color:red;
}

.noborder{
    border: none;
}

//....................................................................

.switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 26px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(17px);
  -ms-transform: translateX(17px);
  transform: translateX(17px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


//.................................................................


// ���� ��� �������� ������ ���� ��� ��� � �����


#slidecontainer {
    width: 100%;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 20px;
    background: #f5eded;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    border: none;

}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    background: #5d2828;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 15px;
    height: 15px;
    background: #5d2828;
    cursor: pointer;
}

.h{
    border-right: none;
    border-left: none;
    padding:6px 10px;
    text-align: center;
    border-bottom:1px solid #ccc;
    border-top:none
}

table#weekmonth tr:nth-child(even){
    background-color:#f8f5c8;
}
table#weekmonth td{
    text-align: center;
    border:none;
    vertical-align: middle;
}




.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 26px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 0px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(17px);
  -ms-transform: translateX(17px);
  transform: translateX(17px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}




.badge {
  position: relative;
  /*
width:26px;
  height: 26px;
  border-radius: 50%;
  background-color:#F5F5F5;
  color: #fff;*/
  direction:ltr;
  float: left;
  text-align: left;
}



.texteqqu{
     text-align: center;
     font-size: 12pt;
     padding:10px 5px;
     border-bottom: 1px solid #ccc

 }
 .bottonlist{
     background-color: #ccc!important;
     color:#777!important;
 }
 .link{
     background-color: #fff!important;
     color:#777;
 }
 .blank_color{

 background-color: #E0E0E0;
 }


.excel_box{
     width: 220px;padding: 15px;margin:10px 0 0 0;border:1px solid #777;border-radius: 7px;
}





.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 26px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 0px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(17px);
  -ms-transform: translateX(17px);
  transform: translateX(17px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


.box_highlith{
background-color: #fff;padding: 10px;border: 1px solid #ccc;border-radius: 10px;

}