/* fonts */
@font-face {
    font-family: 'IRANSansWeb_Bold';
    src: url('../../../fonts/IRANSansWeb_Bold.woff2');
    src: url('../../../fonts/IRANSansWeb_Bold.woff');
    src: url('../../../fonts/IRANSansWeb_Bold.ttf');
    src: url('../../../fonts/IRANSansWeb_Bold.otf');
}
@font-face {
    font-family: 'IRANSansWeb_Light';
    src: url('../../../fonts/IRANSansWeb_Light.woff2');
    src: url('../../../fonts/IRANSansWeb_Light.woff');
    src: url('../../../fonts/IRANSansWeb_Light.ttf');
    src: url('../../../fonts/IRANSansWeb_Light.otf');
}
@font-face {
    font-family: 'BYekan';
    src: url('../../../fonts/BYekan.woff2');
    src: url('../../../fonts/BYekan.woff');
    src: url('../../../fonts/BYekan.ttf');
    src: url('../../../fonts/BYekan.otf');
}
/* default css */
textarea {
    resize: none;
}
/* fonts class */
.iranSansBold {
    font-family: 'IRANSansWeb_Bold' !important;
    font-weight: unset !important;
}
.iranSansLight {
    font-family: 'IRANSansWeb_Light' !important;
}
.bYekan {
    font-family: 'BYekan' !important;
}
a,small,p,span,li,input,textarea,label,button,div {
    font-family: 'IRANSansWeb_Light';
}
strong,h1,h2,h3,h4,h5,h6 {
    font-family: 'IRANSansWeb_Bold';
    font-weight: unset !important;
}
/* margin */
.m-0 {
    margin: 0px !important;
}
.m-t-0 {
    margin-top: 0px !important;
}
.m-b-20 {
    margin-bottom: 20px !important;
}
.m-t-25 {
    margin-top: 25px !important;
}
.margin-bottom-0 {
    margin-bottom: 0 !important;
}
/* padding */
.p-0 {
    padding: 0px !important;
}
.p-30 {
    padding: 30px !important;
}
.p-b-t-10 {
    padding: 10px 0 !important;
}
/* main css */
.d-b {
    display: block !important;
}
.d-inline-block {
    display: inline-block !important;
}
.width100 {
    width: 100% !important;
}
/* panel */
.dashboard-stat2 .display .number {
    max-width: 150px;
    min-height: 80px;
}
/* googleStyle */
.googlePage .googleTitle #googleTitle {
    font-family: arial,sans-serif;
    font-size: 18px;
}
.googlePage .googleTitle #googleCategory {
    font-family: arial,sans-serif;
    font-size: 18px;
}
.googlePage .googleTitle {
    display: block;
    color: #1a0dab;
    font-family: arial,sans-serif;
    font-size: 18px;
    text-align: left;
}
.googlePage .googleText {
    display: block;
    direction: ltr;
    color:#006621;
    font-family: arial,sans-serif;
    font-size: 14px;
    text-align: left;
}
.googlePage #googletext {
    display: block;
    color:#545454;
    font-family: arial,sans-serif;
    font-size: small;
    text-align: left;
}
.page-container-bg-solid .page-bar .page-breadcrumb, .page-content-white .page-bar .page-breadcrumb .dateBox {
    margin-left: -20px;
}
/* tagsinput */
.bootstrap-tagsinput {
    width: 100% !important;
}
.bootstrap-tagsinput .tag {
    float: right;
    padding: 8px;
    font-family: 'IRANSansWeb_Light';
    margin-top: 2px;

}
.bootstrap-tagsinput .tag [data-role="remove"] {
    margin-right: 8px;
}
/* select2 */
.select2.select2-container {
    width: 100%!important;
}
/* fileinput */
.fileinput .thumbnail {
    width: 200px;
    height: 150px;
}
.fileinput .thumbnail > img {
    width: 100%;
}

/* login page */
.login {
    background-color: unset !important;
    background: url(../img/Grey-Wallpaper.jpg);
}
/* panel */
.page-header.navbar .page-logo .logo-default {
    margin-top: 13px;
}
.top-menu .choose-language {
    color: white;
    display:  inline-block;
    height:  46px;
    padding: 15px 0;
}
/* forms */
.page-container-bg-solid .m-heading-1.m-bordered {
    border-left: 1px solid #10161c;
    border-top: 1px solid #10161c;
    border-bottom: 1px solid #10161c;
    padding: 15px;
}
.portlet.light .portlet-body {
    height: auto;
}
#preview-pane {
    right: auto;
    left: -200px;
}
/*.tab-pane {
    min-height: au;
}*/
/* uploader */
.files .template-download td span.preview a img {
    width: 90px;
    height: 70px;
}
#showmorefiles img {
    width: 100px;
}
/* notific8 plug-in */
.left .jquery-notific8-notification {
    padding-left: 0;
    padding-right: 2.0625em;
}
.left .jquery-notific8-close-sticky {
    left: unset;
    right: -2.375em;
}
/* user */
#role-content .roles option::-moz-selection {
    background: #4889f2;
}
#role-content .roles {
    border-left: none;
    border-right: none;
    padding: 0;
}
/* langpage */
.valuePage {
    overflow-y: scroll;
    max-height: 85px;
    max-width: 200px;
}
/* CodeMirror */
.CodeMirror {
    direction: ltr;
    border: none;
    height: auto;
}

.highlight-terminal:before {
    background-color: #777;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #777, 1.5em 0 0 2px #777, 3em 0 0 2px #777;
    content: "";
    display: block;
    height: .5em;
    left: 1em;
    position: relative;
    top: 18px;
    width: .5em;
    z-index: 1;
}

.content-text-code > p {
    font-size: 16px;
    line-height: 30px;
    padding: 5px 10px;
    padding-left: 25px;
    text-align: justify;
}
.content-code.highlight-terminal > .CodeMirror {
    border:solid #555;
    border-width:30px 3px 4px 4px;
    border-radius:3px 3px 0 0;
    position:relative
}
.panel-group .panel .panel-heading .panel-title a {
    font-size: 20px;
    line-height: 30px;
}
.dashboard-stat2 .display .read-more-amar {
    position:  absolute;
    right: 30px;
    bottom: 30px;
}
.CodeMirror-code > div {
    position: relative;
    padding: 5px 0;
}
.sidebar-content {
    padding: 20px 0;
    margin-top: 15px;
}
.height50px {
    height: 50px;
}


/*BEGIN for upload file*/

.clear-both{clear:both;}

.block{
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  margin:0 auto;
  margin-bottom: 30px;
  padding: 10px;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

label.button{
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #FFFFFF;
  border: 1px solid #6C6C6C;
  color: #6C6C6C;
  padding: 5px 10px;
  margin: 5px 0;
  display: inline-block;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}

label.button:hover{
  background-color:#F0F0F0;
  cursor: pointer;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}

input#images{display: none;}

#multiple-file-preview{border-top: 1px solid rgba(0, 0, 0, 0.11); margin-top: 10px; padding: 10px;}

#sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  min-height: 300px;
}

  #sortable li {
    margin: 3px 3px 3px 0;
    float: right;
    width: 120px;
    text-align: center;
    position: relative;
    background-color: #FFFFFF;
  }

    #sortable li, #sortable li img
    {
        height: 140px !important;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px;
    }

    #sortable li div.order-number{
      position: absolute;
      top: 2px;
      right: 2px;
      width: 15px;
      heigth: 15px;
      background-color: #2B91E3;
      color: #FFFFFF;
      font-size: 12px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
    }

    /*END for upload file*/

    .padding-bottom-10 {
        padding-bottom: 10px;
    }
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    input[type="color"] {
    -webkit-appearance: none;
    border: none;
    width: 100%;
    height: 100px;
    }
    input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
    }
    input[type="color"]::-webkit-color-swatch {
    border: none;
    }

    /* gallery-hover-iamge */

    /* .hover-iamge:hover {
      opacity: 0.3;
    } */

.hovereffect .overlay {
    width: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
  top: auto;
  bottom: 20%;
  padding: 10px;
  height: 4.75em;
  background: #79FAC4;
  color: #3c4a50;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
  visibility: hidden;

}





.hovereffect a {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 15px;
    padding: 5px;
    background: rgba(0, 0, 0, 0.6);
  float: left;
  margin: 0px;
  display: inline-block;
}




.hovereffect:hover p.icon-links a:hover,
.hovereffect:hover p.icon-links a:focus {
  color: #252d31;
}

.hovereffect a,
.hovereffect p.icon-links a {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,200%,0);
  transform: translate3d(0,200%,0);
  visibility: visible;
}


.hovereffect:hover .overlay,
.hovereffect:hover a,
.hovereffect:hover p.icon-links a {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.notification-ok {
    background: green;
    padding: 20px;
    font-size: 20px;
    text-align: center;
    color: #fff;
}
.notification-notok {
    background: red;
    padding: 20px;
    font-size: 20px;
    text-align: center;
    color: #fff;
}
.float-right {
    float: right !important;
}
.float-left {
    float: left !important;
}
.forpeyment {
    border: solid 1px #333;
    padding: 10px;
    background: aliceblue;
    border-radius: 5px !important;
    margin-bottom: 5px;
}
.kasr {
    background: navajowhite !important;
}
.ezaf {
    background: cyan !important;
}