@import url('https://fonts.googleapis.com/css?family=Amiri');
@font-face {
    font-family: IRANSans-bold;
    font-weight: bold;
    src: url(../fonts/IRANSans/WebFonts/fonts/eot/IRANSansWeb_Bold.eot?) format("eot"), url(../fonts/IRANSans/WebFonts/fonts/woff2/IRANSansWeb_Bold.woff2) format("woff2"), url(../fonts/IRANSans/WebFonts/fonts/woff/IRANSansWeb_Bold.woff) format("woff"), url(../fonts/IRANSans/WebFonts/fonts/ttf/IRANSansWeb_Bold.ttf) format("truetype")
}
@font-face {
    font-family: IRANSans-Medium;
    src: url(../fonts/IRANSans/WebFonts/fonts/eot/IRANSansWeb_Medium.eot?) format("eot"), url(../fonts/IRANSans/WebFonts/fonts/woff2/IRANSansWeb_Medium.woff2) format("woff2"), url(../fonts/IRANSans/WebFonts/fonts/woff/IRANSansWeb_Medium.woff) format("woff"), url(../fonts/IRANSans/WebFonts/fonts/ttf/IRANSansWeb_Medium.ttf) format("truetype")
}
:root{
    --primary: #822120;
    --primary-hover: #532323;
    --primary-dark-new: #d28e0c1a;
    --primary-text: #8492a6;
    --primary-btn: #8492a6;
    --primary-nav: #822120;
    --secondary: #eff2f7;
    --secondary-hover: #d6d7da;
    --secondary-dark: #797779a3;
    --secondary-text: #8492a6;
    --secondary-nav: #e1e1e5;
    --third: #ffcc00;
    --third-dark: #5c5858;
    --third-hover: #822120;
    --third-border: #5c5858;
    --fourth: #e86209;
    --fourth-hover: #cc5d13;
    --fourth-dark: #8221202e;
    --fourth-text: #fff;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: iransans, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: iransans, "Liberation Mono", "Courier New", monospace;
}

.body {
    font-family: IRANSans-Medium !important;
}
.panel-body {
  padding: 15px;
  direction:rtl;
  align-content:center;
  align-items:center;
  align-self:center;
  width:100%;
  background-color:#ECF0F5;
  font-family: IRANSans-Medium !important;
}
.select
{
    text-align:center;
    text-indent: 5px; 
        text-align-last:right;
    padding-right: 29px;
    direction: rtl;
}
.td_div_save2{
        color:red;
        font-size:12px;
        padding-top:10px;
    }
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}
.btn-success {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-family:inherit;
    color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-phone {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-family:inherit;
    color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.fa-phone{
    background-image:"/Content/images.phone.png";
}
.btn.btn-custome {
  font-family:inherit;
  color: #ffffff; 
  background-color: #f67770;
  border-color: #dd8659;
  }
.btn-custome:hover,
.btn-custome:focus, 
.btn-custome:active,
.btn-custome.active,
.open .dropdown-toggle .btn-custome {
  color: #ffffff;
  background-color: #f67077;
  border-color: #dd5659;
}

.btn-Pcustome:hover,
.btn-Pcustome:focus,
.btn-Pcustome:active,
.btn-Pcustome.active,
.open .dropdown-toggle .btn-Pcustome {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
  width:100%;
}

 .dropdown-toggle-Pcustome {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
  width:100%;
}

.btn.btn-Pcustome-alarm {
  font-family:inherit;
  color: #ffffff;
  width:80px;
  background-color: #d95a5a; 
  border-color: #932a2a;
  }
.btn-Pcustome-alarm {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-family:inherit;
    color: #ffffff;
    width:80px;
    background-color: #d95a5a; 
    border-color: #932a2a;
  }
.btn.btn-Pcustome {
  font-family:inherit;
  color: #ffffff;
  width:80px;
  background-color: #428bca; 
  border-color: #357ebd;
  }

.btn-warning {
  font-family:inherit;
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-primary2 {
    font-family: inherit;
    color: #ffffff;
    background-color: var(--primary);
}
.btn-primary {
  font-family:inherit;
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}
.alarm {
  font-family:inherit;
  font-size:14px;
  width:100%;
  color: #ffffff;
  background-color: #FF0000;
}

.general_lable{
    font-family:inherit;
    font-size:x-small;
    color:#3276b1;
}
.validation-summary-errors li { color:#FF0000; } 
.input-validation-error { border:2px solid #FF0000; }

.td_style_lable{
    direction:ltr;
    color:#183d94;
    font-family:inherit;
    font-size:small;
}

.td_style_lable_alarm{

    direction:ltr;
    width:20%;
    color:#932a2a;
    font-family:inherit;
    font-size:small;
}
.td_style_object
{
        padding:4px 8px;
        direction:rtl;
        color:#183d94;
        font-family:inherit;
        font-size:small;
    }

.td_style_object_alarm
{
        padding:4px 8px;
        direction:rtl;
        width:50%;
        color:#932a2a;
        font-family:inherit;
        font-size:small;
    }

.form-control:-moz-placeholder
{color:#999}
.form-control::-moz-placeholder
{color:#999}
.form-control:-ms-input-placeholder
{color:#999}
.form-control::-webkit-input-placeholder
{color:#999}
.form-control
{
    display:block;
    width:100%;
    height:34px;
    padding:6px 12px;
    font-size:14px;
    line-height:1.428571429;
    color:#3276b1; 
    vertical-align:middle;
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s

}
.form-control:focus
{
    border-color:#66afe9;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)
}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control
{
    cursor:not-allowed;
    background-color:#eee
}

.dropdown-toggle_custome  {
  font-family:inherit;
  color: #3276b1; 
  background-color: #ffffff;
  border:1px solid #ccc;
  width:100%;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid  #ccc;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;

}

.dropdown-toggle_custom.focus
{
    border-color:#66afe9;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)
}

.dropdown-toggle_custom:hover,
.dropdown-toggle_custom:active
{
    border-color:#66afe9;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)
}

.popup {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 3px solid #a49f9f;
    background-color:antiquewhite;
    margin: auto;
}
.login-box.footballit
{
    border-radius: 25px;
    padding: 20px; 
    background-color:#fff;
    border: 2px solid #cad4dc;
    box-shadow: 5px 5px 5px #888888; 
    font-family:inherit;
}
.border_table
{
    direction:rtl;
    box-shadow: 5px 5px 5px #888888;
    font-family:inherit;
}
.main_table
{
    direction:rtl;
    background-color:#fff;
    font-family:inherit;
}
.main_tr
{
    border-bottom:solid;
    border-bottom-width:thin;
    border-bottom-color:lightgrey;
    border-left:solid;
    border-left-width:thin;
    border-left-color:lightgrey;
    border-right:solid;
    border-right-width:thin;
    border-right-color:lightgrey; 
    font-family:inherit;
}
.top_row{
    height:60px;
    background-color:#F5F5F5;
    border-bottom-color:#DDDDDD;
    border-bottom-width:1px;
    border-bottom:outset;
    font-family:'B Titr';
    font-weight:bold;
    font-size:larger;
}
.bottom_row
{
    height:65px;
    background-color:#F5F5F5;
    border-top-color:#DDDDDD;
    border-top-width:thin;
    border-top:outset;
}
.alarm_box
    {
        box-shadow: 3px 3px 3px #933e3e;
         z-index: 1000;
        border:solid;
        border-radius:5px;
        border-color:#ff0000;
        background-color:#fff;
        color:#FF0000;
        font-family:inherit;
        font-size:large;
        position: absolute;
        margin-top: -50px;
        margin-left: -50px;
        display:none;
        direction:rtl;
        top: 30%;
        left: 30%;
        height:180px;
        width:450px;
    }
.inform_box
{
    box-shadow: 3px 3px 3px #5cb85c;
     z-index: 1000;
    border:solid;
    border-radius:5px;
    border-color:green;
    background-color:#fff;
    color:#365c27;
    font-family:inherit;
    font-size:large;
    position: absolute;
    margin-top: -50px;
    margin-left: -50px;
    display:none;
    direction:rtl;
    top: 30%;
    left:30%;
    width:450px;
    height: 180px;
}
.question_box
{
    box-shadow: 3px 3px 3px #285e8e;
     z-index: 1000;
    border:solid;
    border-radius:5px;
    border-color:#285e8e;
    background-color:#fff;
    color:#285e8e;
    font-family:inherit;
    font-size:large;
    position: absolute;
    margin-top: -50px;
    margin-left: -50px;
    display:none;
    direction:rtl;
}
.tooltip_box
{
     z-index: 1000;
    border:solid;
    border-radius:5px;
    border-color:#ccc;
    background-color:#fff;
    color:#FF0000;
    font-family:inherit;
    font-size:small;
    position: absolute;
    margin-top: -50px;
    margin-left: -50px;
    display:none;
    direction:rtl;
}
.wait_box{
    box-shadow: 3px 3px 3px #b6a7a7;
     z-index: 1000;
    border:solid;
    border-radius:5px;
    border-color:rgba(0,0,0,0.075);
    background-color:antiquewhite;
    font-family:inherit;
    font-size:large;
    position: absolute;
    margin-top: -50px;
    margin-left: -50px;
    display:none;
    direction:rtl;
    top: 30%;
    left: 40%;

}
.border_table_delete
{
    direction:rtl;
    box-shadow: 5px 5px 5px #932a2a;
    font-family:inherit;
}
.top_row_delete
{
    height:60px;
    background-color:#f2cbcb;
    border-bottom-color:#DDDDDD;
    border-bottom-width:1px;
    border-bottom:outset;
}
.main_table_delete
{
    direction:rtl;
    background-color:#f6aeaf;
        /*#f59196;*/
    color:#FF0000;
    font-family:inherit;
}
.bottom_row_delete
{
    height:65px;
    background-color:#f2cbcb;
    border-top-color:#DDDDDD;
    border-top-width:thin;
    border-top:outset;
}
.desc_width
{
    width:100px;
}

.btn_app_custom
{
  position: relative;
  border-radius:3px;
  padding: 15px 5px;
  margin: 0 0 10px 10px;
  min-width: 80px;
  height: 60px;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  font-size: 12px;
  font-family:inherit;
}
.btn-menu_custom {
    background-color: #f0f0f0;
    color: #727272;
    min-width: 100px;
    width: 120px;
    height: 60px;
    background-repeat:no-repeat;
    padding-top:40px;
    font-family:inheriti;
    background-position: 20px top;
    border-color:#999;
    font-family:inherit;
}
.btn-menu_custom:hover {
    border-color: rgba(0, 0, 0, 0.2);
    background-color: #ccc;
    width: 120px;
    color: #fff;
    min-width: 100px;
    height: 60px;
    background-repeat:no-repeat;
    padding-top:40px;
    font-family:inheriti;
    background-position: 20px top;
    font-family:inherit;

}

.match_info_box
{
    box-shadow: 3px 3px 3px #3d678b;
     z-index: 1000;
    border:solid;
    border-radius:5px;
    border-color:#85cde5;
    background-color:#ECF0F5;
    color:#FF0000;
    font-family:inherit;
    font-size:large;
    direction:rtl;
    width:97%;
}
.match_info_box1
{
    box-shadow: 3px 3px 3px #3d678b;
     z-index: 1000;
    border:solid;
    border-radius:5px;
    border-color:#d95a5a;
    background-color:#fff6f6;
    color:#FF0000;
    font-family:inherit;
    font-size:large;
    direction:rtl;
    width:95%;
}
.match_info_box_yellow
{
    box-shadow: 3px 3px 3px #dbca0d;
     z-index: 1000;
    border:solid;
    border-radius:5px;
    border-color:#f1ec1e;
    background-color:#fcffb3;
    color:#FF0000;
    font-family:inherit;
    font-size:large;
    direction:rtl;
    width:95%;
}
.match_info_box11
{
    box-shadow: 3px 3px 3px #3d678b;
     z-index: 1000;
    border:solid;
    border-radius:5px;
    border-color:#ddd6d6;
    background-color:#f5f5f5;
    color:#FF0000;
    font-family:inherit;
    font-size:large;
    direction:rtl;
    width:95%;
}
.match_info_box2
{
    box-shadow: 3px 3px 3px #3d678b;
     z-index: 1000;
    border:solid;
    border-radius:5px;
    border-color:#999;
    background-color:#ECF0F5;
    color:#FF0000;
    font-family:inherit;
    font-size:large;
    direction:rtl;
    width:95%;
}
.match_info_box_delete
{
    box-shadow: 3px 3px 3px #3d678b;
     z-index: 1000;
    border:solid;
    border-radius:5px;
    border-color:#932a2a;
    background-color:#fcdcda;
    font-family:inherit;
    font-size:large;
    direction:rtl;
    width:97%;
    color:#7d1010 !important;
}
.btn-menu_custom_off {
    background-color: #ccc;
    color: #727272;
    min-width: 100px;
    width: 120px;
    height: 60px;
    background-repeat:no-repeat;
    padding-top:40px;
    font-family:inheriti;
    background-position: 20px top;
    border-color:#999;
    font-family:inherit;
}
.btn-menu_custom_off:hover {
    background-color: #ccc;
    color: #727272;
    width: 120px;
    min-width: 100px;
    height: 60px;
    background-repeat:no-repeat;
    padding-top:40px;
    font-family:inheriti;
    background-position: 20px top;
    border-color:#999;
    font-family:inherit;

}
.td_resume{
    width:100%;
    background-color:#85cde5;
    color:#fff;
    font-family:inherit;
    font-size:larger;
    font-weight:bold;
}
.hidden_col{
display:none;
}
.g_col5{
width:5%;
color:#285e8e;
font-family:inherit;
font-size:small;
}
.g_col5_s{
width:5%;
color:#285e8e;
font-family:inherit;
font-size:small;
}
.g_col5x{
width:5%;
color:#285e8e;
font-family:inherit;
font-size:smaller;
}
.g_col6{
width:6%;
color:#285e8e;
font-family:inherit;
font-size:small;
}
.g_col3{
width:3%;
color:#285e8e;
font-family:inherit;
font-size:small;
}
.g_col7{
width:7%;
color:#285e8e;
font-family:inherit;
font-size:small;
align-content:center;
text-align:center;
}
.g_col8{
width:8%;
color:#285e8e;
align-content:center;
text-align:center;
font-family:inherit;
font-size:small;
}
.g_col9{
width:9%;
color:#285e8e;
font-family:inherit;
font-size:small;
align-content:center;
text-align:center;
}
.g_col10_alarm{
width:10%;
color:#932a2a;
text-align:center;

}
.g_col10{
width:10%;
color:#285e8e;
text-align:center;
font-family:inherit;
font-size:small;
}
.g_col102{
width:10%;
color:#285e8e;
font-family:Arial;
font-size:small;
}
.g_col11{
width:11%;
color:#285e8e;
text-align:center;
font-family:inherit;
font-size:small;
}
.g_col15{
width:15%;
color:#285e8e;
font-family:inherit;
font-size:small;
}
.g_col15_s{
width:15%;
color:#285e8e;
font-family:inherit;
font-size:smaller;
}
.g_col152{
width:15%;
color:#285e8e;
font-family:Arial;
font-size:small;
}
.g_col15x{
width:15%;
color:#285e8e;
font-family:inherit;
font-size:small;
}
.g_col18{
width:18%;
color:#285e8e;
font-family:inherit;
font-size:small;}
.g_col14{
width:14%;
color:#285e8e;
font-family:inherit;
font-size:small;
}
.g_col12{
width:12%;
color:#285e8e;
font-family:inherit;
font-size:small;}
.g_col13{
width:13%;
color:#285e8e;
font-family:inherit;
font-size:small;}
.g_col20{
width:20%;
color:#285e8e;
font-family:inherit;
font-size:small;

}
.g_col20_s{
width:20%;
color:#285e8e;
font-family:inherit;
font-size:smaller;

}
.g_col202{
width:20%;
color:#285e8e;
font-family:Arial;
font-size:small;

}
.g_col27{
width:27%;
color:#285e8e;
font-family:inherit;
font-size:small;}
.g_col22{
width:22%;
color:#285e8e;
font-family:inherit;
font-size:small;}
.g_col25{
width:25%;
color:#285e8e;
font-family:inherit;
font-size:small;}
.g_col30{
width:30%;
color:#285e8e;
font-family:inherit;
font-size:small;}
.g_col302{
width:30%;
color:#285e8e;
font-family:Arial;
font-size:small;}
.g_col35{
width:32%;
color:#285e8e;
font-family:inherit;
font-size:small;}
.g_col352{
width:35%;
color:#285e8e;
font-family:Arial;
font-size:small;
}
.g_col40{
width:40%;
color:#285e8e;
font-family:inherit;
font-size:small;}
.g_col402{
width:40%;
color:#285e8e;
font-family:Arial;
font-size:small;
}
.g_col40_alarm{
width:40%;
color:#932a2a;
text-align:center;

}
.g_col50{
width:50%;
color:#285e8e;
font-family:inherit;
font-size:small;}

.g_col5_fix{
width:5%;
color:#285e8e;
font-family:inherit;font-size:small;}
.g_col3_fix{
width:3%;
color:#285e8e;
font-family:inherit;font-size:small;}
.g_col8_fix{
width:8%;
align-content:center;
text-align:center;
color:#285e8e;
font-family:inherit;font-size:small;}
.g_col10_fix{
width:10%;
color:#285e8e;
font-family:inherit;font-size:small;}
.g_col15_fix{
width:15%;
color:#285e8e;
font-family:inherit;font-size:small;}
.g_col18_fix{
width:18%;
color:#285e8e;
font-family:inherit;font-size:small;}
.g_col14_fix{
width:14%;
color:#285e8e;
font-family:inherit;font-size:small;}
.g_col12_fix{
width:12%;
color:#285e8e;
font-family:inherit;font-size:small;}
.g_col13_fix{
width:13%;
color:#285e8e;
font-family:inherit;font-size:small;}
.g_col20_fix{
width:20%;
color:#285e8e;
font-family:inherit;font-size:small;}
.g_col25_fix{
width:25%;
color:#285e8e;
font-family:inherit;font-size:small;}
.g_col30_fix{
width:30%;
color:#285e8e;
font-family:inherit;
font-size:small;

}
.g_col35_fix{
width:32%;
color:#285e8e;
font-family:inherit;
font-size:small;

}
.g_col40_fix{
width:40%;
color:#285e8e;
font-family:inherit;
font-size:small;

}
.g_col50_fix{
width:50%;
color:#285e8e;
font-family:inherit;
font-size:small;

}
.td_form_lable_reponsive
{
    width:6%;
}


textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    border-color:lightgrey;
    resize:none;
	width: 100%;
    border:1px solid #ccc;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s

}
   .html_table_match_info_box
   {
        display:block;
   }
   .mob_table_match_info_box{
       display:none;
   }
   .div_responsive
   {
       width:100%;
   }
    .box_responsive{
        top: 25%;
        left: 25%;
        width: 500px;
    }
    .mob_grid_info_box
    {
        box-shadow: 3px 3px 3px #3d678b;
         z-index: 1000;
        border:solid;
        border-width:2px;
        border-radius:5px;
        border-color:#85cde5;
        background-color:#ECF0F5;
        color:#FF0000;
        font-family:inherit;
        font-size:small;
        direction:rtl;
        width:100%;
    }


    .title_s1{
        height:61px;
        width:1%;
        background-image:url(/Content/images/perspolis_theme/active_r.png);
        background-position:right;
    }
    .title_s2{
        height:61px;
        width:25%;
        background-image:url(/Content/images/perspolis_theme/active_m.png);
        background-position:right;
        color:#FFF;
        font-family:Vazir;
        font-size:small;
        font-weight:bold
    }
    .title_s3{
        height:61px;
        width:10%;
        background-image:url(/Content/images/perspolis_theme/active_l.png);
        background-position:right
    }
    .title_s4{
        height:61px;
        width:63%;
        background-image:url(/Content/images/perspolis_theme/deactive_m.png);
        background-position:right
    }
    .title_s5{
        height:61px;
        width:1%;
        background-image:url(/Content/images/perspolis_theme/deactive_tablr_l.jpg);
        direction:ltr;
        background-repeat:repeat-x;
    }

    .title_51{
        height:61px;
        width:1%;
        background-image:url(/Content/images/active_r.png);
        background-position:right

    }
    .title_52{
        height:61px;
        width:25%;
        background-image:url(/Content/images/active_m.png);
        background-position:right;
        color:#FFF;
        font-family:Vazir;
        font-size:small;
        font-weight:bold
    }
    .title_53{
        height:61px;
        width:10%;
        background-image:url(/Content/images/active_l.png);
        background-position:right
    }
    .title_54{
        height:61px;
        width:63%;
        background-image:url(/Content/images/deactive_m.png);
        background-position:right
    }
    .title_55{
        height:61px;
        width:1%;
        background-image:url(/Content/images/deactive_tablr_l.jpg);
        background-position:right;
        direction:ltr;
        background-repeat:repeat-x;
    }

    .title_71{
        height:61px;
        width:1%;
        background-image:url(/Content/images/deactive_r1.png);
        background-position:right
    }
    .title_72{
        height:61px;
        width:30%;
        background-image:url(/Content/images/deactive_m2.png);
        background-position:right;
        color:#FFF;
        font-family:Vazir;
        font-size:small;
        font-weight:bold
    }
    .title_73{
        height:61px;
        width:6%;
        background-image:url(/Content/images/deactive_l3.png);
        background-position:right
    }
    .title_74{
        height:61px;
        width:30%;
        background-image:url(/Content/images/active_m.png);
        background-position:right;
        color:#FFF;
        font-family:Vazir;
        font-size:small;
        font-weight:bold
    }
    .title_75{
        height:50px;
        width:6%;
        background-image:url(/Content/images/active_l.png);
        background-position:right;
    }
    .title_76{
        height:61px;
        width:27%;
        background-image:url(/Content/images/deactive_m.png);
        direction:ltr;
        background-repeat:repeat-x;
    }
    .title_77{
        height:61px;
        width:1%;
        background-image:url(/Content/images/deactive_tablr_l.jpg);
        direction:ltr;
        background-repeat:repeat-x;
    }

    .title_delete_71{
        height:61px;
        width:1%;
        background-image:url(/Content/images/deactive_r1.png);
        background-position:right
    }
    .title_delete_72{
        height:61px;
        width:30%;
        background-image:url(/Content/images/deactive_m2.png);
        background-position:right;
        color:#FFF;
        font-family:Vazir;
        font-size:small;
        font-weight:bold
    }
    .title_delete_73{
        height:61px;
        width:6%;
        background-image:url(/Content/images/delete_theme/delete_deactive_l3.png);
        background-position:right
    }
    .title_delete_74{
        height:61px;
        width:30%;
        background-image:url(/Content/images/delete_theme/delete_active_m.png);
        background-position:right;
        color:#FFF;
        font-family:Vazir;
        font-size:small;
        font-weight:bold
    }
    .title_delete_75{
        height:50px;
        width:6%;
        background-image:url(/Content/images/delete_theme/delete_active_l.png);
        background-position:right;
    }
    .title_delete_76{
        height:61px;
        width:27%;
        background-image:url(/Content/images/delete_theme/delete_deactive_m.png);
        direction:ltr;
        background-repeat:repeat-x;
    }
    .title_delete_77{
        height:61px;
        width:1%;
        background-image:url(/Content/images/delete_theme/delete_deactive_tablr_l.jpg);
        direction:ltr;
        background-repeat:repeat-x;
    }

    .title_s71{
        height:61px;
        width:1%;
        background-image:url(/Content/images/perspolis_theme/deactive_r1.png);
        background-position:right
    }
    .title_s72{
        height:61px;
        width:30%;
        background-image:url(/Content/images/perspolis_theme/deactive_m2.png);
        background-position:right;
        color:#e46262;
        font-family:Vazir;
        font-size:small;
        font-weight:bold
    }
    .title_s73{
        height:61px;
        width:6%;
        background-image:url(/Content/images/perspolis_theme/deactive_l3.png);
        background-position:right
    }
    .title_s74{
        height:61px;
        width:30%;
        background-image:url(/Content/images/perspolis_theme/active_m.png);
        background-position:right;
        color:#FFF;
        font-family:Vazir;
        font-size:small;
        font-weight:bold
    }
    .title_s75{
        height:50px;
        width:6%;
        background-image:url(/Content/images/perspolis_theme/active_l.png);
        background-position:right;
    }
    .title_s76{
        height:61px;
        width:27%;
        background-image:url(/Content/images/perspolis_theme/deactive_m.png);
        direction:ltr;
        background-repeat:repeat-x;
    }
    .title_s77{
        height:61px;
        width:1%;
        background-image:url(/Content/images/perspolis_theme/deactive_tablr_l.jpg);
        direction:ltr;
        background-repeat:repeat-x;
    }

    .div_soccer{
        width: 49%;
        height:50vh;
    }
    .div_smstext{
        width: 49%;
        height:50vh;
    }
 
    .div_td1{
        display: inline-block;
        width:30%;
        color:#195285;
    }
    .div_td2{
        display: inline-block;
        width:30%;
        color:#195285;
    }
    .div_td3{
        display: inline-block;
        width:30%;
        color:#195285;
    }
    .div_td51{
        display: inline-block;
        width:19%;
        color:#195285;
    }
    .div_td52{
        display: inline-block;
        width:19%;
        color:#195285;
    }
    .div_td53{
        display: inline-block;
        width:19%;
        color:#195285;
    }
    .div_td54{
        display: inline-block;
        width:19%;
        color:#195285;
    }
    .div_td55{
        display: inline-block;
        width:19%;
        color:#195285;
    }
    .div_td71{
        display: inline-block;
        width:15%;
        color:#195285;
    }
    .div_td72{
        display: inline-block;
        width:15%;
        color:#195285;
    }
    .div_td73{
        display:  inline-block;
        width:10%;
        color:#195285;
    }
    .div_td74{
        display:  inline-block;
        width:10%;
        color:#195285;
    }
    .div_td75{
        display: inline-block;
        width:15%;
        color:#195285;
    }
    .div_td76{
        display: inline-block;
        width:15%;
        color:#195285;
    }
    .div_td77{
        display: inline-block;
        width:15%;
        color:#195285;
    }
    .div_empty
    {
        height:5px;
    }
    .div_td1_empty{
        display: inline-block;
        width:30%;
        color:#195285;
    }
    .div_td2_empty{
        display: inline-block;
        width:30%;
        color:#195285;
    }
    .div_total{
        display: inline-block;
        width:30%;
        color:red;
        font-size:large;
        font-weight:bold;
    }
    .div_desc
    {
        width:100%;
        text-align:right;
        padding-right:140px;
        color:#195285;
    }
    .mob_grid_info_box1
    {
        box-shadow: 1px 1px 1px #3d678b;
         z-index: 1000;
        border:solid;
        border-width:1px;
        border-radius:5px;
        border-color:#999;
        background-color:#f5f6f8;
        color:#3d678b;
        font-family:inherit;
        font-size:small;
        direction:rtl;
        width:100%;
    }
    .mob_grid_info_box2
    {
        box-shadow: 1px 1px 1px #3d678b;
         z-index: 1000;
        border:solid;
        border-width:1px;
        border-radius:5px;
        border-color:#85cde5;
        background-color:#f2f3f5;
        color:#FF0000;
        font-family:inherit;
        font-size:small;
        direction:rtl;
        width:100%;
    }
    .pay_onlin_box
    {
        box-shadow: 3px 3px 3px #285e8e;
            z-index: 1000;
        border:solid;
        border-radius:5px;
        border-color:#285e8e;
        background-color:#fff;
        color:#285e8e;
        font-family:inherit;
        font-size:large;
        position: absolute;
        margin-top: -50px;
        margin-left: -50px;
        display:none;
        direction:rtl;
        top:30%;
        left:30%;
        width:500px;
        height:200px;
    }
    .timeline_box1
    {
        box-shadow: 2px 2px 2px #3d678b;
        padding-right:30px;
        padding-left:30px;
         z-index: 1000;
        border:solid;
        border-width:1px;
        border-radius:5px;
        border-color:#999;
        background-color:#f5f6f8;
        color:#3d678b;
        font-family:inherit;
        font-size:small;
        direction:rtl;
        margin-top: 0;
        margin-right: 80px;
        margin-left: 0px;
        position: relative;
    }
    .timeline_box2
    {
        box-shadow: 2px 2px 2px #3d678b;
        padding-right:30px;
         z-index: 1000;
        border:solid;
        border-width:1px;
        border-radius:5px;
        border-color:#999;
        background-color:#f5f6f8;
        color:#3d678b;
        font-family:inherit;
        font-size:small;
        direction:rtl;
        margin-top: 0;
        margin-right: 80px;
        margin-left: 0px;
        position: relative;
    }
    .timeline_box3
    {
        box-shadow: 2px 2px 2px #3d678b;
        padding-right:30px;
         z-index: 1000;
        border:solid;
        border-width:1px;
        border-radius:5px;
        border-color:#999;
        background-color:#f5f6f8;
        color:#3d678b;
        font-family:inherit;
        font-size:small;
        direction:rtl;
        margin-top: 0;
        margin-right: 80px;
        margin-left: 0px;
        position: relative;
    }
    .timeline-header {
      margin: 0;
      color: #932a2a;
      border-bottom: 1px solid #999;
      padding: 10px;
      font-size: 16px;
      line-height: 1.1;
    }
    .timeline_lbl {
      font-size: 14px;
      color: #315a7d;
       }
    .timeline_data {
      font-size: 16px;
      color: #315a7d;
      padding-left: 10px;
      padding-right: 10px;
      /*background-color: #fff;*/  
    /*text-decoration: underline;
    text-underline-position: under;*/
      border-radius:10px;  
    }
    .show_data_in_grid {
      width: 100%;
      display: block; 
    }
    .td_style_object_filter
    {
    width: 80%;
    padding:4px 8px;
    padding-left:40%;
    direction:rtl;
    color:#183d94;
    font-family:inherit;
    font-size:small;
    }
.currency:{ content:'$'; }
.currency:after{ content: '.00'; }
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
@media (max-width: 1100px) and (min-width:901px) {
    .div_soccer{
        width: 48%;
    }
    .div_smstext{
        width: 47%;
    }
}
@media (max-width: 900px) and (min-width:600px) {
    .div_soccer{
        width: 98%;
    }
    .div_smstext{
        width: 98%;
    }
}
@media (max-width: 770px) and (min-width:440px) {
    .login-box.footballit {
        border-radius: 25px;
        padding: 20px;
        background-color: #fff;
        border: 2px solid #cad4dc;
        box-shadow: 5px 5px 5px #888888;
        font-family: inherit;
        width: 350px;
    }
}
@media  (max-width: 700px) and (min-width:401px) {
    .div_soccer{
    width: 98%;
    }
    .div_smstext{
        width: 98%;
    }
    .title_71{
        height:61px;
        width:1%;
        background-image:url(/Content/images/deactive_r1.png);
        background-position:right
    }
    .title_72{
        height:61px;
        width:40%;
        background-image:url(/Content/images/deactive_m2.png);
        background-position:right;
        color:#FFF;
        font-family:Vazir;
        font-size:small;
        font-weight:bold
    }
    .title_73{
        height:61px;
        width:10%;
        background-image:url(/Content/images/deactive_l3.png);
        background-position:right
    }
    .title_74{
        height:61px;
        width:40%;
        background-image:url(/Content/images/active_m.png);
        background-position:right;
        color:#FFF;
        font-family:Vazir;
        font-size:small;
        font-weight:bold
    }
    .title_75{
        height:50px;
        width:10%;
        background-image:url(/Content/images/active_l.png);
        background-position:right;
    }
    .title_76{
        height:61px;
        width:1%;
        background-image:url(/Content/images/deactive_m.png);
        direction:ltr;
        background-repeat:repeat-x;
    }
    .title_77{
        height:61px;
        width:1%;
        background-image:url(/Content/images/deactive_tablr_l.jpg);
        direction:ltr;
        background-repeat:repeat-x;
    }

    .title_delete_71{
        height:61px;
        width:1%;
        background-image:url(/Content/images/deactive_r1.png);
        background-position:right
    }
    .title_delete_72{
        height:61px;
        width:40%;
        background-image:url(/Content/images/deactive_m2.png);
        background-position:right;
        color:#FFF;
        font-family:Vazir;
        font-size:small;
        font-weight:bold
    }
    .title_delete_73{
        height:61px;
        width:10%;
        background-image:url(/Content/images/delete_theme/delete_deactive_l3.png);
        background-position:right
    }
    .title_delete_74{
        height:61px;
        width:40%;
        background-image:url(/Content/images/delete_theme/delete_active_m.png);
        background-position:right;
        color:#FFF;
        font-family:Vazir;
        font-size:small;
        font-weight:bold
    }
    .title_delete_75{
        height:50px;
        width:10%;
        background-image:url(/Content/images/delete_theme/delete_active_l.png);
        background-position:right;
    }
    .title_delete_76{
        height:61px;
        width:1%;
        background-image:url(/Content/images/delete_theme/delete_deactive_m.png);
        direction:ltr;
        background-repeat:repeat-x;
    }
    .title_delete_77{
        height:61px;
        width:1%;
        background-image:url(/Content/images/delete_theme/delete_deactive_tablr_l.jpg);
        direction:ltr;
        background-repeat:repeat-x;
    }

    .td_style_lable{
    direction:ltr;
    color:#183d94;
    font-family:inherit;
    font-size:small;
    }
    .td_style_object
{
        padding:4px 8px;
        direction:rtl;
        color:#183d94;
        font-family:inherit;
        font-size:small;
    }
    .td_style_object_filter
    {
    width: 80%;
    padding:4px 8px;
    padding-left:20%;
    direction:rtl;
    color:#183d94;
    font-family:inherit;
    font-size:small;
    }
    .responsive_form{
       color:black;
    }
   .td_form_lable_reponsive
   {
       width:16%;
   }

   .html_table_match_info_box
   {
        display:none;
   }
   .mob_table_match_info_box{
       display:block;
   }
   .div_responsive
   {
        width:680px;
        overflow-x:auto;
   }
    .btn-menu_custom_off {
    background-color: #ccc;
    color: #727272;
    width: 20px;
    height: 60px;
    background-repeat:no-repeat;
    padding-top:40px;
    font-family:inheriti;
    background-position: 20px top;
    border-color:#999;
    font-family:inherit;
    }
    .btn-menu_custom_off:hover {
        background-color: #ccc;
        color: #727272;
        width: 20px;
        height: 60px;
        background-repeat:no-repeat;
        padding-top:40px;
        font-family:inheriti;
        background-position: 20px top;
        border-color:#999;
        font-family:inherit;

    }
    .match_info_box
    {
        box-shadow: 3px 3px 3px #3d678b;
         z-index: 1000;
        border:solid;
        border-radius:5px;
        border-color:#85cde5;
        background-color:#ECF0F5;
        color:#FF0000;
        font-family:inherit;
        font-size:large;
        direction:rtl;
        width:100%;
    }
    .mob_grid_info_box
    {
        box-shadow: 3px 3px 3px #3d678b;
         z-index: 1000;
        border:solid;
        border-width:2px;
        border-radius:5px;
        border-color:#85cde5;
        background-color:#ECF0F5;
        color:#FF0000;
        font-family:inherit;
        font-size:small;
        direction:rtl;
        width:100%;
    }

    .title_51{
        height:61px;
        width:1%;
        background-image:url(/Content/images/active_r.png);
        background-position:right

    }
    .title_52{
        height:61px;
        width:57%;
        background-image:url(/Content/images/active_m.png);
        background-position:right;
        color:#FFF;
        font-family:Vazir;
        font-size:small;
        font-weight:bold
    }
    .title_53{
        height:61px;
        width:8%;
        background-image:url(/Content/images/active_l.png);
        background-position:right
    }
    .title_54{
        height:61px;
        width:33%;
        background-image:url(/Content/images/deactive_m.png);
        background-position:right
    }
    .title_55{
        height:61px;
        width:1%;
        background-image:url(/Content/images/deactive_tablr_l.jpg);
        background-position:right;
        direction:ltr;
        background-repeat:repeat-x;
    }


    .title_s1{
        height:61px;
        width:1%;
    }
    .title_s2{
        height:61px;
        width:57%;
    }
    .title_s3{
        height:61px;
        width:8%;
    }
    .title_s4{
        height:61px;
        width:33%;
    }
    .title_s5{
        height:61px;
        width:1%;
    }

    .div_td1{
        height:5vh;
        width:100%;
        color:#195285;
    }
    .div_td2{
        height:5vh;
        width:100%;
        color:#195285;
    }
    .div_td3{
        height:5vh;
        width:100%;
        color:#195285;
    }
    .div_td51{
        display: inline-block;
        width:25%;
        color:#195285;
    }
    .div_td52{
        display: inline-block;
        width:25%;
        color:#195285;
    }
    .div_td53{
        display: inline-block;
        width:25%;
        color:#195285;
    }
    .div_td54{
        display: none;
        width:19%;
        color:#195285;
    }
    .div_td55{
        display: inline-block;
        width:20%;
        color:#195285;
    }
    .div_td71{
        display: inline-block;
        width:20%;
        color:#195285;
    }
    .div_td72{
        display: inline-block;
        width:25%;
        color:#195285;
    }
    .div_td73{
        display: none;
        width:10%;
        color:#195285;
    }
    .div_td74{
        display: none;
        width:10%;
        color:#195285;
    }
    .div_td75{
        display: inline-block;
        width:25%;
        color:#195285;
    }
    .div_td76{
        display: none;
        width:20%;
        color:#195285;
    }
    .div_td77{
        display: inline-block;
        width:25%;
        color:#195285;
    }
    .div_empty
    {
        height:1px;
    }
    .div_td1_empty{
        display: none;
        width:30%;
        color:#195285;
    }
    .div_td2_empty{
        display: none;
        width:30%;
        color:#195285;
    }
    .div_total{
        width:100%;
        color:red;
        font-size:large;
        font-weight:bold;
        height:5vh;
    }
    .div_desc
    {
        width:90%;
        text-align:center;
        padding-right:unset;
        color:#195285;

    }
    .mob_grid_info_box1
    {
        box-shadow: 1px 1px 1px #3d678b;
         z-index: 1000;
        border:solid;
        border-width:1px;
        border-radius:5px;
        border-color:#999;
        background-color:#f5f6f8;
        color:#3d678b;
        font-family:inherit;
        font-size:small;
        direction:rtl;
        width:100%;
    }
    .mob_grid_info_box2
    {
        box-shadow: 1px 1px 1px #3d678b;
         z-index: 1000;
        border:solid;
        border-width:1px;
        border-radius:5px;
        border-color:#85cde5;
        background-color:#f2f3f5;
        color:#FF0000;
        font-family:inherit;
        font-size:small;
        direction:rtl;
        width:100%;
    }
    .pay_onlin_box
    {
        box-shadow: 3px 3px 3px #285e8e;
            z-index: 1000;
        border:solid;
        border-radius:5px;
        border-color:#285e8e;
        background-color:#fff;
        color:#285e8e;
        font-family:inherit;
        font-size:large;
        position: absolute;
        margin-top: -50px;
        margin-left: -50px;
        display:none;
        direction:rtl;
        top:30%;
        left:30%;
        width:330px;
        height:200px;
    }
    .inform_box
    {
        box-shadow: 3px 3px 3px #5cb85c;
         z-index: 1000;
        border:solid;
        border-radius:5px;
        border-color:green;
        background-color:#fff;
        color:#365c27;
        font-family:inherit;
        font-size:large;
        position: absolute;
        margin-top: -50px;
        margin-left: -50px;
        display:none;
        direction:rtl;
        top: 30%;
        left:30%;
        width:350px;
        height: 180px;
    }
    .alarm_box
    {
        box-shadow: 3px 3px 3px #933e3e;
        z-index: 1000;
        border:solid;
        border-radius:5px;
        border-color:#ff0000;
        background-color:#fff;
        color:#FF0000;
        font-family:inherit;
        font-size:large;
        position: absolute;
        margin-top: -50px;
        margin-left: -50px;
        display:none;
        direction:rtl;
        top: 30%;
        left: 30%;
        height:180px;
        width:335px;
    }
    .timeline-header {
      margin: 0;
      color: #932a2a;
      border-bottom: 1px solid #999;
      font-size: 16px;
      line-height: 1.1;
    }
    .timeline_box1
    {
        box-shadow: 2px 2px 2px #3d678b;
        padding-right:3px;
        padding-left:3px;
         z-index: 1000;
        border:solid;
        border-width:1px;
        border-radius:5px;
        border-color:#999;
        background-color:#f5f6f8;
        color:#3d678b;
        font-family:inherit;
        font-size:small;
        direction:rtl;
        margin-top: 0;
        margin-right: 63px;
        margin-left: 0px;
        position: relative;
        width:85%;
    }
    .timeline_data {
      font-size: 16px;
      color: #315a7d;
      padding-left: 6px;
      padding-right: 6px;
      /*background-color: #fff;*/  
    /*text-decoration: underline;
    text-underline-position: under;*/
      border-radius:10px;  
    }
    .show_data_in_grid {
      display: none; 
    }
}
@media  (max-width: 400px) {
    .div_soccer{
    width: 98%;
    }
    .div_smstext{
        width: 98%;
    }
    .td_style_lable{
    direction:ltr;
    color:#183d94;
    font-family:inherit;
    font-size:small;
    }
    .td_style_object
{
        padding:4px 8px;
        direction:rtl;
        color:#183d94;
        font-family:inherit;
        font-size:small;
    }
    .td_style_object_filter
    {
    width: 80%;
    padding:4px 8px;
    direction:rtl;
    color:#183d94;
    font-family:inherit;
    font-size:small;
    }
    .responsive_form{
       color:black;
    }
   .td_form_lable_reponsive
   {
       width:16%;
   }

   .html_table_match_info_box
   {
        display:none;
   }
   .mob_table_match_info_box{
       display:block;
   }
   .div_responsive
   {
        width:350px;
        overflow-x:auto;
   }
   .btn-menu_custom_off {
    background-color: #ccc;
    color: #727272;
    width: 20px;
    height: 60px;
    background-repeat:no-repeat;
    padding-top:40px;
    font-family:inheriti;
    background-position: 20px top;
    border-color:#999;
    font-family:inherit;
    }
    .btn-menu_custom_off:hover {
        background-color: #ccc;
        color: #727272;
        width: 20px;
        height: 60px;
        background-repeat:no-repeat;
        padding-top:40px;
        font-family:inheriti;
        background-position: 20px top;
        border-color:#999;
        font-family:inherit;

    }
    .match_info_box
    {
        box-shadow: 3px 3px 3px #3d678b;
         z-index: 1000;
        border:solid;
        border-radius:5px;
        border-color:#85cde5;
        background-color:#ECF0F5;
        color:#FF0000;
        font-family:inherit;
        font-size:large;
        direction:rtl;
        width:100%;
    }
    .mob_grid_info_box
    {
        box-shadow: 3px 3px 3px #3d678b;
         z-index: 1000;
        border:solid;
        border-width:2px;
        border-radius:5px;
        border-color:#85cde5;
        background-color:#ECF0F5;
        color:#FF0000;
        font-family:inherit;
        font-size:small;
        direction:rtl;
        width:100%;
    }
    .btn-menu_custom {
    background-color: #f0f0f0;
    color: #727272;
    min-width: 100px;
    width: 20px;
    height: 60px;
    background-repeat:no-repeat;
    padding-top:40px;
    font-family:inheriti;
    background-position: 20px top;
    border-color:#999;
    font-family:inherit;
    }
    .btn-menu_custom:hover {
        border-color: rgba(0, 0, 0, 0.2);
        background-color: #ccc;
        color: #fff;
        width: 20px;
        min-width: 100px;
        height: 60px;
        background-repeat:no-repeat;
        padding-top:40px;
        font-family:inheriti;
        background-position: 20px top;
        font-family:inherit;

    }
    .alarm_box
    {
        box-shadow: 3px 3px 3px #933e3e;
         z-index: 1000;
        border:solid;
        border-radius:5px;
        border-color:#ff0000;
        background-color:#fff;
        color:#FF0000;
        font-family:inherit;
        font-size:large;
        position: absolute;
        margin-top: -50px;
        margin-left: -50px;
        display:none;
        direction:rtl;
        top: 30%;
        left: 25%;
        height:180px;
        width:280px;
    }
    .inform_box
    {
        box-shadow: 3px 3px 3px #5cb85c;
         z-index: 1000;
        border:solid;
        border-radius:5px;
        border-color:green;
        background-color:#fff;
        color:#365c27;
        font-family:inherit;
        font-size:large;
        position: absolute;
        margin-top: -50px;
        margin-left: -50px;
        display:none;
        direction:rtl;
        top: 15%;
        left: 20%;
    }
    .box_responsive{
        top: 20%;
        left: 7%;
        width: 350px;
    }
    .title_s1{
        height:61px;
        width:1%;
    }
    .title_s2{
        height:61px;
        width:57%;
    }
    .title_s3{
        height:61px;
        width:8%;
    }
    .title_s4{
        height:61px;
        width:33%;
    }
    .title_s5{
        height:61px;
        width:1%;
    }

    .title_51{
        height:61px;
        width:1%;
        background-image:url(/Content/images/active_r.png);
        background-position:right

    }
    .title_52{
        height:61px;
        width:57%;
        background-image:url(/Content/images/active_m.png);
        background-position:right;
        color:#FFF;
        font-family:Vazir;
        font-size:small;
        font-weight:bold
    }
    .title_53{
        height:61px;
        width:8%;
        background-image:url(/Content/images/active_l.png);
        background-position:right
    }
    .title_54{
        height:61px;
        width:33%;
        background-image:url(/Content/images/deactive_m.png);
        background-position:right
    }
    .title_55{
        height:61px;
        width:1%;
        background-image:url(/Content/images/deactive_tablr_l.jpg);
        background-position:right;
        direction:ltr;
        background-repeat:repeat-x;
    }

    .title_71{
        height:61px;
        width:1%;
        background-image:url(/Content/images/deactive_r1.png);
        background-position:right
    }
    .title_72{
        height:61px;
        width:40%;
        background-image:url(/Content/images/deactive_m2.png);
        background-position:right;
        color:#FFF;
        font-family:Vazir;
        font-size:small;
        font-weight:bold
    }
    .title_73{
        height:61px;
        width:10%;
        background-image:url(/Content/images/deactive_l3.png);
        background-position:right
    }
    .title_74{
        height:61px;
        width:40%;
        background-image:url(/Content/images/active_m.png);
        background-position:right;
        color:#FFF;
        font-family:Vazir;
        font-size:small;
        font-weight:bold
    }
    .title_75{
        height:50px;
        width:10%;
        background-image:url(/Content/images/active_l.png);
        background-position:right;
    }
    .title_76{
        height:61px;
        width:1%;
        background-image:url(/Content/images/deactive_m.png);
        direction:ltr;
        background-repeat:repeat-x;
    }
    .title_77{
        height:61px;
        width:1%;
        background-image:url(/Content/images/deactive_tablr_l.jpg);
        direction:ltr;
        background-repeat:repeat-x;
    }

    .title_delete_71{
        height:61px;
        width:1%;
        background-image:url(/Content/images/deactive_r1.png);
        background-position:right
    }
    .title_delete_72{
        height:61px;
        width:40%;
        background-image:url(/Content/images/deactive_m2.png);
        background-position:right;
        color:#FFF;
        font-family:Vazir;
        font-size:small;
        font-weight:bold
    }
    .title_delete_73{
        height:61px;
        width:10%;
        background-image:url(/Content/images/delete_theme/delete_deactive_l3.png);
        background-position:right
    }
    .title_delete_74{
        height:61px;
        width:40%;
        background-image:url(/Content/images/delete_theme/delete_active_m.png);
        background-position:right;
        color:#FFF;
        font-family:Vazir;
        font-size:small;
        font-weight:bold
    }
    .title_delete_75{
        height:50px;
        width:10%;
        background-image:url(/Content/images/delete_theme/delete_active_l.png);
        background-position:right;
    }
    .title_delete_76{
        height:61px;
        width:1%;
        background-image:url(/Content/images/delete_theme/delete_deactive_m.png);
        direction:ltr;
        background-repeat:repeat-x;
    }
    .title_delete_77{
        height:61px;
        width:1%;
        background-image:url(/Content/images/delete_theme/delete_deactive_tablr_l.jpg);
        direction:ltr;
        background-repeat:repeat-x;
    }    .div_td1{
        height:5vh;
        width:100%;
        color:#195285;
    }
    .div_td2{
        height:5vh;
        width:100%;
        color:#195285;
    }
    .div_td3{
        height:5vh;
        width:100%;
        color:#195285;
    }
    .div_td51{
        display: inline-block;
        width:30%;
        color:#195285;
    }
    .div_td52{
        display: inline-block;
        width:30%;
        color:#195285;
    }
    .div_td53{
        display: none;
        width:19%;
        color:#195285;
    }
    .div_td54{
        display: none;
        width:19%;
        color:#195285;
    }
    .div_td55{
        display: inline-block;
        width:30%;
        color:#195285;
    }
    .div_td71{
        display: inline-block;
        width:30%;
        color:#195285;
    }
    .div_td72{
        display: inline-block;
        width:30%;
        color:#195285;
    }
    .div_td73{
        display: none;
        width:10%;
        color:#195285;
    }
    .div_td74{
        display: none;
        width:10%;
        color:#195285;
    }
    .div_td75{
        display: none;
        width:20%;
        color:#195285;
    }
    .div_td76{
        display: none;
        width:30%;
        color:#195285;
    }
    .div_td77{
        display: inline-block;
        width:30%;
        color:#195285;
    }
    .div_empty
    {
        height:1px;
    }
    .div_td1_empty{
        display: none;
        width:30%;
        color:#195285;
    }
    .div_td2_empty{
        display: none;
        width:30%;
        color:#195285;
    }
    .div_total{
        width:100%;
        color:red;
        font-size:large;
        font-weight:bold;
        height:5vh;
    }
    .div_desc
    {
        width:90%;
        text-align:center;
        padding-right:unset;
        color:#195285;

    }
    .mob_grid_info_box1
    {
        box-shadow: 1px 1px 1px #3d678b;
         z-index: 1000;
        border:solid;
        border-width:1px;
        border-radius:5px;
        border-color:#999;
        background-color:#f5f6f8;
        color:#3d678b;
        font-family:inherit;
        font-size:small;
        direction:rtl;
        width:100%;
    }
    .mob_grid_info_box2
    {
        box-shadow: 1px 1px 1px #3d678b;
         z-index: 1000;
        border:solid;
        border-width:1px;
        border-radius:5px;
        border-color:#85cde5;
        background-color:#f2f3f5;
        color:#FF0000;
        font-family:inherit;
        font-size:small;
        direction:rtl;
        width:100%;
    }
    .pay_onlin_box
    {
        box-shadow: 3px 3px 3px #285e8e;
            z-index: 1000;
        border:solid;
        border-radius:5px;
        border-color:#285e8e;
        background-color:#fff;
        color:#285e8e;
        font-family:inherit;
        font-size:large;
        position: absolute;
        margin-top: -50px;
        margin-left: -50px;
        display:none;
        direction:rtl;
        top:30%;
        left:25%;
        width:280px;
        height:200px;
    }
    .inform_box
    {
        box-shadow: 3px 3px 3px #5cb85c;
         z-index: 1000;
        border:solid;
        border-radius:5px;
        border-color:green;
        background-color:#fff;
        color:#365c27;
        font-family:inherit;
        font-size:large;
        position: absolute;
        margin-top: -50px;
        margin-left: -50px;
        display:none;
        direction:rtl;
        top: 30%;
        left:25%;
        width: 280px;
        height: 180px;
    }
    .timeline-header {
      margin: 0;
      color: #932a2a;
      border-bottom: 1px solid #999;
      font-size: 14px;
      line-height: 1.1;
    }
    .timeline_box1
    {
        box-shadow: 2px 2px 2px #3d678b;
        padding-right:3px;
        padding-left:3px;
         z-index: 1000;
        border:solid;
        border-width:1px;
        border-radius:5px;
        border-color:#999;
        background-color:#f5f6f8;
        color:#3d678b;
        font-family:inherit;
        font-size:small;
        direction:rtl;
        margin-top: 0;
        margin-right: 63px;
        margin-left: 0px;
        position: relative;
        width:85%;
    }
    .timeline_data {
      font-size: 16px;
      color: #315a7d;
      padding-left: 3px;
      padding-right: 3px;
      /*background-color: #fff;*/  
    /*text-decoration: underline;
    text-underline-position: under;*/
      border-radius:10px;  
    }
    .show_data_in_grid {
      display: none; 
    }
}