:root {
    --main-color: #239F40;
    --dark-color: #414141;
}
@font-face {
    font-family: "Yekan";
    font-style: normal;
	font-weight: 900;
	src: url('/fonts/peyda-black_x1j9.ttf') format('truetype');
}
.table{border:1px solid #f0f0f0; border-radius:4px;padding:2px;box-sizing:border-box;}
.table a{color:#818181;}
.table-title{padding:10px;font:1.2em Yekan;display:inline-block;box-sizing:border-box;border:none;margin:0 0 0 0px; font-weight:bold;vertical-align:middle;}
.table-cell{padding:10px;/*text-align:center;*/display:inline-block;box-sizing:border-box;border:none;margin:0 0 -5px 0;vertical-align:middle;}
.table-row{background-color:var(--box-color);border:none; display:block;width:100%;box-sizing:border-box;color: var(--dark-color);}
.table-row span{font-size:1.8em;padding:0 5px 0 2px;font-weight:500;}
.table-cell .btnadd{margin:0 10px -5px 8px; width:16px; height:16px;cursor:pointer;}
.form .color-silver,.color-silver{background-color:#f9f9f9;}
.form .color-white,.color-white{background-color:#fefefe;}
.btn_search {
    background-repeat: no-repeat;
    padding: 8px 20px 8px 50px;
    margin:10px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    border: none;
    font:1.2em Yekan;
    font-weight: bold;
    box-sizing: border-box;
    background:#ff0000 url('/images/form-icon/zoom.png') 10px 10px no-repeat;
    width: 12%;
    min-width:100px;
    border-radius:16px;
    transition:.5s all;
    float:right;
}
.btn_search:hover{background-color:#6ec5b8;}

.form {
    padding:10px;box-sizing:border-box;font:1em Yekan;
}

.form .txt {
        float: right;
        background-color: #fff;
        font: 1em Yekan;
        color: #555;
        padding: 10px 15px;
        margin: 8px .5%;
        border: 1px solid #e7e7e7;
        border-radius: 4px;
        transition: .5s all;
        box-sizing: border-box;
    }
.form .txt:hover,.form .txt:focus {
            outline: none;
            border: 1px solid var(--main-color);
            box-shadow: 0px 0px 3px 0px var(--main-color);
            opacity: 1;
            color:var(--dark-color);
        }
.form .lable{ float: right;
        background-color: #fff;
        color: #555;
        padding: 10px 15px;
        margin: 2px .5%;/*8px*/
        transition: .5s all;
        box-sizing: border-box;}
.form .lable1{float:right;margin:5px .5% -5px .5%;padding: 0px 4px;box-sizing:border-box;text-align:right;/*font:1em Yekan;*/}
.form .btn{margin:9px 2px; padding:7px 35px 7px 15px; font:bold 1.2em Yekan; cursor:pointer;border-radius:4px;border:none;}
.form .add{background:var(--main-color) url(/images/form-icon/add.png) no-repeat calc(100% - 5px) 50%;color:#fff;position:relative;top: 0px;right: 0px;}
.form .update{background: url('/images/form-icon/update.png') calc(100% - 5px) 50% no-repeat;color:#ff6a00;border:1px solid #ff6a00;opacity:.7;transition:1s opacity;background-color: #ffd2b2;background-attachment: scroll;}
.form .delete{background:#fec1c1 url(/images/form-icon/delete.png) no-repeat 90% 50%;color:#ff0000;border:1px solid #ff0000;opacity:.7;transition:1s opacity;}
.btn-nopad{padding:5px; font:500 .9em MamiFood; cursor:pointer;border-radius:4px;text-align:center;}
.form .btn_silver{background:#f7f7f7;color:#818181;border:1px solid #818181;}
.form .btn_Blue{background:#6ec5b8;color:#01574a;border:1px solid #538981;}
.form .btn_Green{background:#6ec5b8;color:var(--dark-color);border:1px solid var(--dark-color)#;}
.form .btn_Red{background:#fec1c1;color:#ff0000;border:1px solid #ff0000;}
.form .btn_Orange{background:#ffd2b2;color:#ff6a00;border:1px solid #ff6a00;}
.clear {
    clear: both;
}
.clear40 {
    clear: both;
    height:40px;
}
.line {
    border: none;
    border-bottom: 1px dashed #bbb;
    margin: 0px auto;
    width: 99%;
    clear: both;
    box-sizing: border-box;
}
.col3,.col1-3 {
    width: 31%;
}
.col2-3{width:64%;}
.col4 {
    width: 22.5%;
}

.col6 {
    width: 7.5%;
}

.col5 {
    width: 14.5%;
}

.col2 {
    width: 49%;
}
.col25{width:25%;}
.col54 {
    width: 54%;
}
.col65{width:65%;}
.col44,.col44t {
    width: 44%;
}
.col14{width:13.8%;}
.col12{width:12%;}
.col38{width:38%;}
.col80,.col80t {width: 80%;}
.col70{width:70%;}
.col98{width:98%;}
.col1 {
    width: 100%;
}
.col3-1{width:10%;}
.col2-3{width:30%;}
.col3-3{width:60%}
.inline-block{display:inline-block;}
.p-1{padding:1%;}
.p-2{padding:2%;}
.border-box{box-sizing:border-box;}
.divGV{width:100%;overflow-x:scroll;}
.gridstyle{vertical-align:middle;width:1000px;padding:20px;}
.success-message{display:inline-block; margin:15px 5px;border:2px solid #b6ff00;background-color:#f3fed7;font-size:1em;color:#009933;padding:.5% 1%;border-radius:12px;text-align:center;}
.error-message{display:inline-block; margin:15px 5px;border:2px solid #ff0000;background-color:#fec1c1;font-size:1em;color:#ff0000;padding:.5% 1%;border-radius:12px;text-align:center;}
.divprev{position:relative;width:100%;}
.divprev img{width:100px;height:128px;margin-right:30px;position:absolute;top:0;left:0;}
.pointer{cursor:pointer;}
 .pager
{
     float:right;
    text-align:center;
    background  :#ffffff;
    margin:8px 8px 0 0px;
    padding:3px 4px;	
}
.pager a{width:24px; text-align:center; cursor:pointer; background:#f9f9f9; margin:0 -1px; padding:2px; text-decoration:none; color:#6e6c76;  border:1px solid #aaa;}
.pager a:hover,.pager .current { width:24px; text-align:center; cursor:pointer; background:var(--main-color); margin:0 -1px; padding:2px; text-decoration:none; color:#fff;border:1px solid #aaa;}
.pager .item-count {text-align:center;background:#f9f9f9; padding:1px 5px; color:#6e6c76;  border:1px solid #aaa;display:inline-block;font:1em MamiFood;margin-right:10px;}
 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .col2,.col3{width:100%;}
    .divprev img{position:static;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}