@font-face {
    font-family: "yekan";
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/yekanweb-regular.eot') format("embedded-opentype"), url('../fonts/yekanweb-regular.woff') format("woff"), url('../fonts/yekanweb-regular.ttf') format("truetype"), url('../fonts/yekanweb-regular.svg') format("svg");
}

body {
    font-family: "yekan";
}



/*---------------------Header Style----------------------*/

.header {
    min-height: 100px;
    background-image: url(../images/fake_brick.png);
    border-bottom: 3px solid #f29e5d;
     
}

.title-head h1 {
    text-align: right;
    font-size: 20px;
    color: #fff;
    font-family: "yekan";
}

.title-head h4 {
    text-align: right;
    color: #f4ba33;
    font-family: "yekan";
}

.login a {
    margin-top: 10px;
}

.login i {
    padding-left: 10px;
}

@media (max-width: 350px) and (min-width: 0px) {
    
 .title-head h1 {
    font-size: 12px;
    }
}



/*----------------------------------------------*/

.tar {
    text-align:right;
}

.tac {
    text-align:center;
}

.tal {
    text-align:left;
}

/*----------------------------------------------*/

.rtl {
    direction:rtl;
}

.ltr {
    direction:ltr;
}

.fr {
    float:right;
}
.fl{
    float:left;
}
.fn {
    float:none;
}

.tac {
text-align:center;
}

.tal {
text-align:left;
}

.tar {
text-align:right;
}

.tbx {
    border: 1px solid #C0C0C0;
    height: 30px;
    width: 165px;
    border-radius:3px;
}

.tbx:hover {
    border: 1px solid #C0C0C0;
    height: 30px;
    width: 165px;
    border-radius: 3px;
    background-color: #E6E6E6;
}

/*--------    منو    -----*/
#topmenu  li {
   width:24%;   
    
}


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

.CustomerBody {
    text-align:center;
}

.SearchBoxTitle {
    text-align:center;
    padding:10px;
}
.SearchBoxBody {
    border: 1px solid #CCCCCC;
    text-align: center;
    padding: 10px;
}

#gv_Customer {
width:100%;
}




.InfoBoxBody {
    border: 1px solid #999999;
    text-align: center;
    padding: 10px;
    background-color: #C6FFE2;
    text-align:justify;
    
}


#PmList {
    padding-top:50px;
    text-align:center;
}

@media (max-width: 600px) and (min-width: 0px) {
    
 #gv_CustomerInfo {
    width:400px;
    }
}

@media (max-width: 550px) and (min-width: 0px) {
    
 #gv_CustomerInfo {
    width:200px;
    }
}




/*----------------------------------------------*/
.bold {
    font-weight:bold;
}
/*----------------------------------------------*/
.height10 {
    height:10px;
}
.height20 {
    height:20px;
}
.height30 {
    height:30px;
}
.height40 {
    height:40px;
}
.height50 {
    height:50px;
}
.height60 {
    height:60px;
}
.height70 {
    height:70px;
}
.height80 {
    height:80px;
}
.height90 {
    height:90px;
}

.height100 {
    height:100%;
}
/*----------------------------------------------*/
.width10 {
    width:10px;
}
.width20 {
    width:20px;
}
.width30 {
    width:30px;
}
.width40 {
    width:40px;
}
.width50 {
    width:50px;
}
.width60 {
    width:60px;
}
.width70 {
    width:70px;
}
.width80 {
    width:80px;
}
.width90 {
    width:90px;
}
.width100 {
    width:100%;
}
.width120 {
    width:120px;
}
.width140 {
    width:140px;
}
.width150 {
    width:150px;
}
.width160 {
    width:160px;
}

/*----------------------------------------------*/
.marginauto {
    margin-left:auto;
    margin-right:auto;
}
.margintop5 {
    margin-top:5px;
}
.margintop10 {
    margin-top:10px;
}
.margintop15 {
    margin-top:15px;
}
.margintop20 {
    margin-top:20px;
}
.margintop25 {
    margin-top:25px;
}
.margintop30 {
    margin-top:30px;
}

.margintop40 {
    margin-top:40px;
}

.margintop50 {
    margin-top:50px;
}

.margintop60 {
    margin-top:60px;
}

.margintop70 {
    margin-top:70px;
}
.margintop80 {
    margin-top:80px;
}
.margintop90 {
    margin-top:90px;
}
.margintop100 {
    margin-top:100px;
}
/*----------------------------------------------*/
.marginright5 {
    margin-right:5px;
}
.marginright10 {
    margin-right:10px;
}
.marginright15 {
    margin-right:15px;
}
.marginright20 {
    margin-right:20px;
}
.marginright25 {
    margin-right:25px;
}
.marginright30 {
    margin-right:30px;
}

.marginright40 {
    margin-right:40px;
}

.marginright50 {
    margin-right:50px;
}

.marginright60 {
    margin-right:60px;
}

.marginright70 {
    margin-right:70px;
}
.marginright80 {
    margin-right:80px;
}
.marginright90 {
    margin-right:90px;
}
.marginright100 {
    margin-right:100px;
}
/*----------------------------------------------*/
.marginbottom5 {
    margin-bottom:5px;
}
.marginbottom10 {
    margin-bottom:10px;
}
.marginbottom15 {
    margin-bottom:15px;
}
.marginbottom20 {
    margin-bottom:20px;
}
.marginbottom25 {
    margin-bottom:25px;
}
.marginbottom30 {
    margin-bottom:30px;
}
.marginbottom40 {
    margin-bottom:40px;
}
.marginbottom50 {
    margin-bottom:50px;
}
.marginbottom60 {
    margin-bottom:60px;
}
.marginbottom70 {
    margin-bottom:70px;
}
.marginbottom80 {
    margin-bottom:80px;
}
.marginbottom90 {
    margin-bottom:90px;
}
.marginbottom100 {
    margin-bottom:100px;
}
/*----------------------------------------------*/
.marginleft5 {
    margin-left:5px;
}
.marginleft10 {
    margin-left:10px;
}
.marginleft15 {
    margin-left:15px;
}
.marginleft20 {
    margin-left:20px;
}
.marginleft25 {
    margin-left:25px;
}
.marginleft30 {
    margin-left:30px;
}
.marginleft40 {
    margin-left:40px;
}
.marginleft50 {
    margin-left:50px;
}
.marginleft60 {
    margin-left:60px;
}
.marginleft70 {
    margin-left:70px;
}
.marginleft80 {
    margin-left:80px;
}
.marginleft90 {
    margin-left:90px;
}
.marginleft100 {
    margin-left:100px;
}
/*----------------------------------------------*/
.paddingtop5 {
    padding-top:5px;
}
.paddingtop10 {
    padding-top:10px;
}
.paddingtop15 {
    padding-top:15px;
}
.paddingtop20{
    padding-top:20px;
}
.paddingtop25 {
    padding-top:25px;
}
.paddingtop30 {
    padding-top:30px;
}
.paddingtop40 {
    padding-top:40px;
}
.paddingtop50 {
    padding-top:50px;
}
.paddingtop60 {
    padding-top:60px;
}
.paddingtop70 {
    padding-top:70px;
}
.paddingtop80 {
    padding-top:80px;
}
.paddingtop90 {
    padding-top:90px;
}
.paddingtop100 {
    padding-top:100px;
}
/*----------------------------------------------*/
.paddingright5 {
    padding-top:5px;
}
.paddingright10 {
    padding-top:10px;
}
.paddingright15 {
    padding-top:15px;
}
.paddingright20{
    padding-top:20px;
}
.paddingright25 {
    padding-top:25px;
}
.paddingright30 {
    padding-top:30px;
}
.paddingright40 {
    padding-top:40px;
}
.paddingright50 {
    padding-top:50px;
}
.paddingright60 {
    padding-top:60px;
}
.paddingright70 {
    padding-top:70px;
}
.paddingright80 {
    padding-top:80px;
}
.paddingright90 {
    padding-top:90px;
}
.paddingright100 {
    padding-top:100px;
}
/*----------------------------------------------*/

.bgcolor-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}

.bgcolor-warrning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}

.bgcolor-error {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}

.bgcolor-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}