@font-face {
    font-family: 'lfk';
    src: url('../fonts/Bkoodkbd.ttf');
    font-size: 16px;
}
@font-face {
    font-family: 'lf1';
    src: url('../fonts/broya.ttf');
}
@font-face {
    font-family: 'lfy';
    src: url('../fonts/byekan.ttf');
}
@font-face {
    font-family: 'lfn';
    src: url('../fonts/BNazanin.ttf');
}
@font-face {
    font-family: 'lfm';
    src: url('../fonts/BMITRA.TTF');
}
@font-face {
    font-family: 'lft';
    src: url('../fonts/BSinaBd.ttf');
}
@font-face {
    font-family: 'lft2';
    src: url('../fonts/BTraffic.ttf');
}
@font-face {
    font-family: 'lft3';
    src: url('../fonts/BTitrbd.ttf');
}
@font-face {
    font-family: 'lft_i';
    src: url('../fonts/irsans.ttf');
}

@font-face {
    font-family: 'lft_r';
    src: url('../fonts/broya.ttf');
}
.file {
    visibility: hidden;
    position: absolute;
}
.element {
    padding: 10px;
    margin: 10px;
    border: 1px solid #aaaaaa;
    background: #e9e9e9;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    border-radius: 15px 3px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 10px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 10px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 10px 0px;
}
.h33_b1 {
    border-radius: 10px;
    cursor: pointer;
    font-family: "lft";
    font-size: medium;
}
.h33_txt1 {
    background-color: #ffffbc;
    font-family: "lfk";
    border-radius: 5px;
    border: 1px solid #aaaaaa;
    text-align: center;
}
.h33_lab1 {
    font-family: "lfk";
    text-align: center;
}
.h33_iran {
    font-family: "lft_i",sans-serif;
    -moz-osx-font-smoothing: grayscale;
    font-size: medium;
}
.h33_iran_b {
    font-family: "lft_i",sans-serif;
    -moz-osx-font-smoothing: grayscale;
    font-size: medium;
    font-weight :bolder;
}
.h33_iran_n {
    font-family: "lfn",sans-serif;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
}
.h33_iran_m {
    font-family: "lfm",sans-serif;
    -moz-osx-font-smoothing: grayscale;
    font-size:  20px;
}
.h33_iran_k {
    font-family: "lfk",sans-serif;
    -moz-osx-font-smoothing: grayscale;
    font-size: medium;
}
.h33_iran_k2 {
    font-family: "lfk",sans-serif;
    -moz-osx-font-smoothing: grayscale;
    font-size:larger;
}
.h33_iran_14 {
    font-family: "lft_i",sans-serif;
    -moz-osx-font-smoothing: grayscale;
    font-size:  14px;
}
.h33_iran_16 {
    font-family: "lft_i",sans-serif;
    -moz-osx-font-smoothing: grayscale;
    font-size:  16px;
}
.h33_iran_c {
    font-family: "lft_i",sans-serif;
    -moz-osx-font-smoothing: grayscale;
    font-size: medium;
    text-align: center;
}
.h33_iran_s {
    font-family: "lft_i",sans-serif;
    -moz-osx-font-smoothing: grayscale;
    font-size: small;
    text-align: right;
}
.h33_iran_sc {
    font-family: "lft_i",sans-serif;
    -moz-osx-font-smoothing: grayscale;
    font-size: small;
    text-align: center;
}
.h33_iran_ss {
    font-family: "lft_i",sans-serif;
    -moz-osx-font-smoothing: grayscale;
    font-size: xx-small;
    text-align: right;
}
.h33_roya {
    font-family: "lft_r",sans-serif;
    -moz-osx-font-smoothing: grayscale;
    font-size: medium;
    font-weight: normal;
    font-style: normal;
}
.h33_num {
    font-family: "lfy",sans-serif;
    -moz-osx-font-smoothing: grayscale;
    font-size: medium;
    font-weight: normal;
    font-style: normal;
    text-align: center;
}
.h33_num_s {
    font-family: "lfy",sans-serif;
    -moz-osx-font-smoothing: grayscale;
    font-size:small;
    font-weight: normal;
    font-style: normal;
    text-align: center;
}
.h33_num_m {
    font-family: "lfy",sans-serif;
    -moz-osx-font-smoothing: grayscale;
    font-size: large;
    text-align: center;
}
.h33_num_large {
    font-family: "lft3",sans-serif;
    -moz-osx-font-smoothing: grayscale;
    font-size: large;
    font-weight: normal;
    font-style: normal;
    text-align: center;
}
.h33_num_large_mobile {
    font-family: "lft3",sans-serif;
    -moz-osx-font-smoothing: grayscale;
    font-size: large;
    font-weight: normal;
    font-style: normal;
    text-align: center;
}
@media only screen and (max-width: 600px) {
    .h33_num_large_mobile {
        font-family: "lfy",sans-serif;
        -moz-osx-font-smoothing: grayscale;
        font-size: medium;
        font-weight: normal;
        font-style: normal;
        text-align: center;
    }
    .h33_iran {
        font-family: "lft_i",sans-serif;
        -moz-osx-font-smoothing: grayscale;
        font-size: small;
    }
}
.h33_r1 {
    background-color: #eee;
    border-radius: 5px;
    font-family: "lft";
    border: 1px solid #aaaaaa;
    text-align: center;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}
.h33_r2 {
    background-color: #eee;
    border-radius: 5px;
    font-family: "lf1";
    border: 1px solid #aaaaaa;
    text-align: center;
}
.h33_r3 {
    background-color: #ffffbc;
    border-radius: 5px;
    font-family: "lft";
    border: 1px solid #aaaaaa;
    padding-right: 10px;
    text-align: right;
    padding-right: 10px;
}
.h33_r4 {
    background-color: #fff;
    border-radius: 5px;
    font-family: "lfk";
    font-size: medium;
    border: 1px solid #aaaaaa;
    text-align: right;
}
.h33_cr {
    background-color: #fff;
    border-radius: 10px;
    font-family: "lft3";
    font-size: x-large;
    border: 1px solid #aaaaaa;
    text-align: center;
}
.h33_r5 {
    background-color: #fff;
    border-radius: 5px;
    font-family: "lft2";
    font-size: medium;
    border: 1px solid #aaaaaa;
    text-align: center;
}
.h33_panel {
    font-family: "lft";
    font-size: x-large;
}
.h33_nazanin {
    font-family: "lfn";
    font-size:  large;
}
.h33_nazanin_l{
    font-family: "lfn";
    font-size:  xx-large;
}
.h33_yekan {
    font-family: "lfy";
    font-size:  medium;
}
.h33_footer{
    font-family: "lfk";
    font-size: large;
}
.h33_footer_medium{
    font-family: "lfk";
    font-size:  medium ;
}
.h33_footer_small{
    font-family: "lfk";
    font-size:  small;
}
.h33_traffic{
 font-family: "lft2";
    font-size:   medium;
}
.h33_textbox{
    font-family: "lft2";
    font-size:   x-large  ;
    padding-right  : 2px;
    align-content :center ;
}
.h33_label{
    font-family: "lft3";
    font-size:   large ;
    padding-right  : 20px;
   
}
.h33_bx {
    background-color: #eee;
    border-radius: 5px;
    /*border:1px solid #fff;*/
    text-align: center;
}
.h33_tab1 {
    box-shadow: rgba(0, 0, 0, 1.298039) 0px 0px 5px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 1.298039) 0px 0px 5px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 1.298039) 0px 0px 5px 0px;
}

.h33_e {
    padding: 10px;
    margin: 10px;
    border: 1px solid #aaaaaa;
    background: #e9e9e9;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    border-radius: 15px 3px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 10px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 10px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 10px 0px;
}
.t3 {
    background: #000099;
    background: -moz-linear-gradient(#0000aa 0%, #000066 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0000aa), color-stop(100%, #000066));
    background: -webkit-linear-gradient(#0000aa 0%, #000066 100%);
    background: linear-gradient(#0000aa 0%, #000066 100%);
    border: 1px solid #000066;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    color: #ffffff;
    font-family: "lfk";
}
.f1 {
    font-family: "lfk";
}
.pad1 {
    margin: 5px;
}
.t_b {
    font-family: Tahoma;
    font-size: small;
}
.cbox1 {
    border: 1px solid #888888;
    background-color: #FFFFCC;
    border-radius: 5px;
    font-family: Tahoma;
    padding: 1px 5px 1px 5px;
    height: 30px;
}
.tbox1 {
    border: 1px solid #888888;
    background-color: #FFFFFF;
    border-radius: 5px;
    font-family: Tahoma;
    padding: 2px 5px;
    box-shadow: 0px 0px 3px 2px rgba(55, 55, 55, 0.2), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);
    -moz-box-shadow: 0px 0px 3px 3px rgba(55, 55, 55, 0.2), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);
    -webkit-box-shadow: 0px 0px 3px 2px rgba(55, 55, 55, 0.2), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);
    -o-box-shadow: 0px 0px 3px 2px rgba(55, 55, 55, 0.2), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.10);
}
.bu_1 {
    border: 1px solid #111111;
    background-color: #cccccc;
    border-radius: 3px;
    font-family: Tahoma;
    padding-left: 10px;
    padding-right: 10px;
    height: 24px;
}
.Grid_right {
    padding-left: 10px;
    padding-right: 10px;
}
.Grid_center {
    text-align: center;
}
.bu_f {
    font-family: Tahoma;
}
.bu_f1 {
    font-family: "lfk";
}
.bu_2 {
    padding: 5px 15px;
    display: inline-block;
    color: #ffffff;
    font-size: medium;
    font-family: "lfk";
    cursor: pointer;
    background: #0033CC;
    background: -moz-linear-gradient(#0033CC 0%, #00006C 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0033CC), color-stop(100%, #00006C));
    background: -webkit-linear-gradient(#0033CC 0%, #00006C 100%);
    background: #0033CC;
    /*	background: #FF4742;
	background: linear-gradient(top, #FF4742 0%, #e62e29 100%);
	background: -moz-linear-gradient(top, #FF4742 0%, #e62e29 100%);
	background: -webkit-linear-gradient(top, #FF4742 0%, #e62e29 100%);
	background: -o-linear-gradient(top, #FF4742 0%, #e62e29 100%);*/
    border: 2px solid #000066;
    border-radius: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    box-shadow: 0px 0px 6px 3px rgba(0, 0, 255, 0.3), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);
    -moz-box-shadow: 0px 0px 6px 3px rgba(0, 0, 255, 0.3), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);
    -webkit-box-shadow: 0px 0px 6px 3px rgba(0, 0, 255, 0.3), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);
    -o-box-shadow: 0px 0px 6px 3px rgba(0, 0, 255, 0.3), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.50);
    margin-left: 4px;
    margin-top: 3px;
    margin-bottom: 3px;
}
    .bu_2:hover {
        background: linear-gradient(top, #ff615c 0%, #FF4742 100%);
        background: -moz-linear-gradient(top, #ff615c 0%, #FF4742 100%);
        background: -webkit-linear-gradient(top, #ff615c 0%, #FF4742 100%);
        background: -o-linear-gradient(top, #ff615c 0%, #FF4742 100%);
    }
    .bu_2:active {
        opacity: 0.8;
    }
.file-upload {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    font-family: Arial;
    border: 1px solid #124d77;
    background: #007dc1;
    color: #fff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    cursor: pointer;
    text-shadow: #000 1px 1px 2px;
    -webkit-border-radius: 6px;
}
    .file-upload:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
        background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
        background-color: #0061a7;
    }

/* The button size */
.file-upload {
    height: 30px;
}
    .file-upload, .file-upload span {
        width: 90px;
    }

        .file-upload input {
            top: 0;
            left: 0;
            margin: 0;
            font-size: 11px;
            font-weight: bold;
            /* Loses tab index in webkit if width is set to 0 */
            opacity: 0;
            filter: alpha(opacity=0);
        }

        .file-upload strong {
            font: normal 12px Tahoma,sans-serif;
            text-align: center;
            vertical-align: middle;
        }

        .file-upload span {
            top: 0;
            left: 0;
            display: inline-block;
            /* Adjust button text vertical alignment */
            padding-top: 5px;
        }
.radio {
  padding-left: 20px; }
  .radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 26px;
      height: 26px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 20%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
    .radio label::after {
        display: inline-block;
        position: absolute;
        content: " ";
        width: 20px;
        height: 20px;
        left: 3px;
        top: 3px;
        margin-left: -20px;
        border-radius: 20%;
        background-color: #555555;
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        transform: scale(0, 0);
        -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    }
    .radio input[type="radio"] {
        opacity: 0;
    }
        .radio input[type="radio"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }
        .radio input[type="radio"]:checked + label::after {
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            transform: scale(1, 1);
        }
        .radio input[type="radio"]:disabled + label {
            opacity: 0.65;
        }
            .radio input[type="radio"]:disabled + label::before {
                cursor: not-allowed;
            }
    .radio.radio-inline {
        margin-top: 0;
    }

.radio-primary input[type="radio"] + label::after {
    background-color: #428bca;
}
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #428bca;
}
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #428bca;
}

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }


.avatar-upload {
  position: relative;
  max-width: 205px;
  margin: 10px auto;
}
.avatar-upload .avatar-edit {
  position: absolute;
  right: 10px;
  z-index: 1;
  top: 10px;
}
.avatar-upload .avatar-edit input {
  display: none;
}
.avatar-upload .avatar-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #FFFFFF;
  border: 1px solid transparent;
  border-color :black;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}
.avatar-upload .avatar-edit input + label:after {
  color: #757575;
  position: absolute;
  top: 20px;
  left: 0;
  right: 20px;
  text-align: center;
  margin: auto;
}
.avatar-upload .avatar-preview {
  width: 192px;
  height: 192px;
  position: relative;
  border-radius: 100%;
  border: 6px solid ;
  border-color :Gainsboro  ;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 1);
}
.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.avatar-r-upload {
  position: relative;
  max-width: 300px;
 max-height: 205px;
}
.avatar-r-upload .avatar-edit {
  position: absolute;
  
  z-index: 1;
  top: 20px;
}
.avatar-r-upload .avatar-edit input {
  display: none;
}
.avatar-r-upload .avatar-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #FFFFFF;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}
.avatar-r-upload .avatar-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}
.avatar-r-upload .avatar-edit input + label:after {
  color: #757575;
  position: absolute;
  top: 20px;
  left: 0;
 
  text-align: center;
  margin: auto;
}
.avatar-r-upload .avatar-preview {
  width: 300px;
  height: 200px;
  position: relative;
  right :15px;
  /*border-radius: 100%;*/
  border: 6px solid #F8F8F8;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.avatar-r-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}



.gridview {
    background-color: #fff;
    padding: 2px;
    margin: 2% auto;
}
    .gridview a {
        margin: auto 1%;
        border-radius: 50%;
        background-color: #444;
        padding: 5px 10px 5px 10px;
        color: #fff;
        text-decoration: none;
        -o-box-shadow: 1px 1px 1px #111;
        -moz-box-shadow: 1px 1px 1px #111;
        -webkit-box-shadow: 1px 1px 1px #111;
        box-shadow: 1px 1px 1px #111;
    }
        .gridview a:hover {
            background-color: #1e8d12;
            color: #fff;
        }
    .gridview span {
        background-color: #ae2676;
        color: #fff;
        -o-box-shadow: 1px 1px 1px #111;
        -moz-box-shadow: 1px 1px 1px #111;
        -webkit-box-shadow: 1px 1px 1px #111;
        box-shadow: 1px 1px 1px #111;
        border-radius: 50%;
        padding: 5px 10px 5px 10px;
    }