/*----- FONT -----*/
body {
    font-family: 'Dana','IRANSans' !important;
}

.font1 {
    font-family: 'Dana','IRANSans' !important;
}

.font2 {
    font-family: 'Dana','IRANSans' !important;
}

a, h1, h2, h3, h4, h5, h6, p, b, input, textarea, button, label {
    font-family: 'Dana','IRANSans' !important;
}

.alert {
    display: none;
    direction: rtl !important;
}

a {
    cursor: pointer;
}
/*----- END FONT -----*/
.imglibbox {
    background: #f3f3f3;
    align-items: center;
    border: 1px solid #ccc;
    display: flex;
    max-height: 150px;
    overflow: hidden;
}

.activeimglibbox {
    border: 5px solid #3999d2 !important;
}

.libimg {
    flex-direction: column;
    justify-content: center;
}

a {
    text-decoration: none !important;
}
/*----- BOOTSTRAP -----*/

/*---center 
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}*/

/*----- Number Input Arrows -----*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
/*----- END Number Input Arrows -----*/


/*----- END BOOTSTRAP -----*/

.ovrf {
    overflow: hidden;
}

.dirr {
    direction: rtl !important;
}

.dirl {
    direction: ltr !important;
}

.fll {
    float: left !important;
}

.flr {
    float: right !important;
}

.justify {
    text-align: right !important;
    text-align: justify !important;
}
/*----- BORDER -----*/

.brnl {
    border-left: none !important;
}

.brnr {
    border-right: none !important;
}

.brnt {
    border-top: none !important;
}

.brnb {
    border-bottom: none !important;
}

/*----- END BORDER -----*/

/*----- MGT -----*/
.mgt0 {
    margin-top: 0px !important;
}

.mgt5 {
    margin-top: 5px !important;
}

.mgt10 {
    margin-top: 10px !important;
}

.mgt15 {
    margin-top: 15px !important;
}

.mgt20 {
    margin-top: 20px !important;
}

.mgt25 {
    margin-top: 25px !important;
}

.mgt30 {
    margin-top: 30px !important;
}

.mgt35 {
    margin-top: 35px !important;
}

.mgt40 {
    margin-top: 40px !important;
}

.mgt45 {
    margin-top: 45px !important;
}

.mgt50 {
    margin-top: 50px !important;
}

.mgt55 {
    margin-top: 55px !important;
}

.mgt60 {
    margin-top: 60px !important;
}

.mgt65 {
    margin-top: 65px !important;
}

.mgt70 {
    margin-top: 70px !important;
}

.mgt75 {
    margin-top: 75px !important;
}

.mgt80 {
    margin-top: 80px !important;
}

.mgt85 {
    margin-top: 85px !important;
}

.mgt90 {
    margin-top: 90px !important;
}

.mgt95 {
    margin-top: 95px !important;
}

.mgt100 {
    margin-top: 100px !important;
}

/*----- End MGT -----*/


/*----- MGR -----*/
.mgr5 {
    margin-right: 5px !important;
}

.mgr10 {
    margin-right: 10px !important;
}

.mgr15 {
    margin-right: 15px !important;
}

.mgr20 {
    margin-right: 20px !important;
}

.mgr25 {
    margin-right: 25px !important;
}

.mgr30 {
    margin-right: 30px !important;
}

.mgr35 {
    margin-right: 35px !important;
}

.mgr40 {
    margin-right: 40px !important;
}

.mgr45 {
    margin-right: 45px !important;
}

.mgr50 {
    margin-right: 50px !important;
}

.mgr55 {
    margin-right: 55px !important;
}

.mgr60 {
    margin-right: 60px !important;
}

.mgr65 {
    margin-right: 65px !important;
}

.mgr70 {
    margin-right: 70px !important;
}

.mgr75 {
    margin-right: 75px !important;
}

.mgr80 {
    margin-right: 80px !important;
}

.mgr85 {
    margin-right: 85px !important;
}

.mgr90 {
    margin-right: 90px !important;
}

.mgr95 {
    margin-right: 95px !important;
}

.mgr100 {
    margin-right: 100px !important;
}


/*----- End MGR -----*/


/*----- MGL -----*/

.mgl10 {
    margin-left: 10px !important;
}

.mgl15 {
    margin-left: 15px !important;
}

.mgl20 {
    margin-left: 20px !important;
}

.mgl25 {
    margin-left: 25px !important;
}

.mgl30 {
    margin-left: 30px !important;
}

.mgl35 {
    margin-left: 35px !important;
}

.mgl40 {
    margin-left: 40px !important;
}

.mgl45 {
    margin-left: 45px !important;
}

.mgl50 {
    margin-left: 50px !important;
}

.mgl55 {
    margin-left: 55px !important;
}

.mgl60 {
    margin-left: 60px !important;
}

.mgl65 {
    margin-left: 65px !important;
}

.mgl70 {
    margin-left: 70px !important;
}

.mgl75 {
    margin-left: 75px !important;
}

.mgl80 {
    margin-left: 80px !important;
}

.mgl85 {
    margin-left: 85px !important;
}

.mgl90 {
    margin-left: 90px !important;
}

.mgl95 {
    margin-left: 95px !important;
}

.mgl100 {
    margin-left: 100px !important;
}


/*----- End MGL -----*/


/*----- MGB -----*/

.mgb0 {
    margin-bottom: 0px !important;
}

.mgb5 {
    margin-bottom: 5px !important;
}

.mgb10 {
    margin-bottom: 10px !important;
}

.mgb15 {
    margin-bottom: 15px !important;
}

.mgb20 {
    margin-bottom: 20px !important;
}

.mgb25 {
    margin-bottom: 25px !important;
}

.mgb30 {
    margin-bottom: 30px !important;
}

.mgb35 {
    margin-bottom: 35px !important;
}

.mgb40 {
    margin-bottom: 40px !important;
}

.mgb45 {
    margin-bottom: 45px !important;
}

.mgb50 {
    margin-bottom: 50px !important;
}

.mgb55 {
    margin-bottom: 55px !important;
}

.mgb60 {
    margin-bottom: 60px !important;
}

.mgb65 {
    margin-bottom: 65px !important;
}

.mgb70 {
    margin-bottom: 70px !important;
}

.mgb75 {
    margin-bottom: 75px !important;
}

.mgb80 {
    margin-bottom: 80px !important;
}

.mgb85 {
    margin-bottom: 85px !important;
}

.mgb90 {
    margin-bottom: 90px !important;
}

.mgb95 {
    margin-bottom: 95px !important;
}

.mgb100 {
    margin-bottom: 100px !important;
}


/*----- End MGB -----*/


/*----- PND -----*/

.pdn0 {
    padding: 0;
}

.pdn5 {
    padding: 5px !important;
}

.pdn10 {
    padding: 10px !important;
}

.pdn15 {
    padding: 15px !important;
}

.pdn20 {
    padding: 20px !important;
}

.pdn25 {
    padding: 25px !important;
}

.pdn30 {
    padding: 30px !important;
}

.pdn35 {
    padding: 35px !important;
}

.pdn40 {
    padding: 40px !important;
}

.pdn45 {
    padding: 450px !important;
}

.pdn50 {
    padding: 50px !important;
}
/*----- END PND -----*/


/*----- HEIGHT -----*/

.hgt30 {
    height: auto !important;
    min-height: 30px !important;
}

.hgt50 {
    height: auto !important;
    min-height: 50px !important;
}

.hgt75 {
    height: auto !important;
    min-height: 75px !important;
}

.hgt85 {
    height: auto !important;
    min-height: 85px !important;
}

.hgt100 {
    height: auto;
    min-height: 100px !important;
}

.hgt150 {
    height: auto;
    min-height: 150px !important;
}

.hgt200 {
    height: auto;
    min-height: 200px !important;
}

.hgt300 {
    height: auto;
    min-height: 300px !important;
}

.hgt400 {
    height: auto;
    min-height: 400px !important;
}

.hgt500 {
    height: auto;
    min-height: 500px !important;
}

/*----- END HEIGHT -----*/

/*----- WIDTH -----*/

.width100 {
    width: 100%;
}

.width90 {
    width: 90%;
}

.width80 {
    width: 80%;
}

.width70 {
    width: 70%;
}

.width60 {
    width: 60%;
}

.width50 {
    width: 50%;
}

.width40 {
    width: 40%;
}

.width30 {
    width: 30%;
}

.width20 {
    width: 20%;
}

.width10 {
    width: 10%;
}
/*----- END WIDTH -----*/


/*----- LINE HEIGHT -----*/

.lnh10 {
    line-height: 10px !important;
}

.lnh20 {
    line-height: 20px !important;
}

.lnh30 {
    line-height: 30px !important;
}

.lnh40 {
    line-height: 40px !important;
}

.lnh50 {
    line-height: 50px !important;
}


/*----- END LINE HEIGHT -----*/

/*----- COLOR -----*/
.sitecolor {
    color: #21212d;
}

.whitecolor {
    color: #fff !important;
}

.blackcolor {
    color: #000 !important;
}

.graycolor {
    color: #212121 !important;
}

.graycolor2 {
    color: #232323 !important;
}

.graycolor3 {
    color: #565656 !important;
}

.graycolor4 {
    color: #787878 !important;
}

.greencolor {
    color: #1fbf66 !important;
}

.redcolor {
    color: #ff0000 !important;
}
/*----- END COLOR -----*/

/*----- DISPLAY -----*/
.dblock {
    display: block;
}

.dnone {
    display: none;
}
/*----- END DISPLAY -----*/

/*----- ALERT -----*/
.myerror {
    font-size: 12px;
    font-weight: bold;
    color: #fff !important;
    height: 40px !important;
    background: #332d44;
    padding: 3px 15px 3px 15px;
    position: fixed;
    top: 55px;
    left: 20px;
    text-align: center;
    z-index: 9999999;
    line-height: 35px;
    border-radius: 7px;
    box-shadow: 0px 0px 6px #000000;
    display: none;
    direction: rtl;
}

#req-alert {
    height: 80px;
    width: 200px;
    background: #2b2e32;
    padding: 3px 15px 3px 15px;
    position: fixed;
    top: 55px;
    left: 20px;
    text-align: center;
    z-index: 100;
    line-height: 40px;
    border-radius: 7px;
    box-shadow: 0px 0px 6px #000000;
    display: none;
}

    #req-alert b {
        width: 100%;
        font-size: 10pt;
        color: #fff;
        text-align: center;
        line-height: 25px;
        float: right;
        margin-top: 10px;
    }

    #req-alert button {
        margin: 0;
        padding: 0;
        height: 30px;
        width: 50px;
        float: right;
        background: #FFF;
        border: 0;
        border-radius: 4px;
        margin-right: 32px;
        margin-top: 10px;
        font-size: 10pt;
        color: #444;
        text-align: center;
        line-height: 30px;
        cursor: pointer;
        border-bottom: 1px solid #777;
        transition: 0.7s;
    }

        #req-alert button:hover {
            background: #777;
            border-bottom: 1px solid #FFF;
            color: #FFF;
            transition: 0.7s;
        }

.panel-setting {
    padding: 5px;
    height: auto;
    width: 40px;
    position: fixed;
    right: 0;
    top: 100px;
    background: #303641;
    border-radius: 10px 0 0 10px;
    z-index: 9999;
    padding-bottom: 0;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
}

    .panel-setting .button-setting {
        display: block;
        width: 30px;
        height: 30px;
        background: #fff;
        color: #212121;
        border-radius: 50px;
        line-height: 35px;
        font-size: 14px;
        text-align: center;
    }

/*----- JQuery Validation -----*/
label.error {
    color: red !important;
    background: rgba(255,0,0,0.15);
    font-size: 10px !important;
    position: relative !important;
    padding: 5px 15px;
    top: inherit !important;
    right:inherit !important;
    left:0;
    bottom: -5px;
    font-weight: 400;
    border: 1px solid #ff0000;
    border-radius: 20px;
}

input.error, textarea.error, select.error {
    border: 1px dashed red !important;
    font-weight: 300 !important;
    color: red !important;
    background: #fff !important;
}
/*----- End ALERT -----*/
/*----- Waiting -----*/
.waiting {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    z-index: 99999;
    padding-top: 20%;
    display: none;
}

.load-wrapp {
    width: 400px;
    height: 150px;
    margin: auto;
    padding: 40px 50px 50px;
    border-radius: 5px;
    text-align: center;
    background-color: #d8d8d8;
}

.bar {
    float: left;
    width: 25px;
    height: 7px;
    border-radius: 5px;
    background-color: #163b65;
}

.load-wrapp p {
    font-size: 18px;
    color: #515151;
    padding: 0 0 20px;
}

.load-10 .bar {
    animation: loadingJ 2s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
}

@keyframes loadingJ {
    0%, 100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(280px, 0);
        width: 50px;
    }
}
/*----- END Waiting -----*/
/*----- FONTS -----*/
@font-face {
    font-family: Dana;
    src: url(../fonts/Dana//eot/Regular_FaNum.eot);
    src: url(../fonts/Dana//eot/Regular_FaNum.eot?#iefix) format("embedded-opentype"), url(../fonts/Dana//woff2/Regular_FaNum.woff2) format("woff2"), url(../fonts/Dana//woff/Regular_FaNum.woff) format("woff"), url(../fonts/Dana//ttf/Regular_FaNum.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: Dana;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/Dana//eot/Light_FaNum.eot);
    src: url(../fonts/Dana//eot/Light_FaNum.eot?#iefix) format("embedded-opentype"), url(../fonts/Dana//woff2/Light_FaNum.woff2) format("woff2"), url(../fonts/Dana//woff/Light_FaNum.woff) format("woff"), url(../fonts/Dana//ttf/Light_FaNum.ttf) format("truetype");
}

@font-face {
    font-family: Dana;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/Dana//eot/Medium_FaNum.eot);
    src: url(../fonts/Dana//eot/Medium_FaNum.eot?#iefix) format("embedded-opentype"), url(../fonts/Dana//woff2/Medium_FaNum.woff2) format("woff2"), url(../fonts/Dana//woff/Medium_FaNum.woff) format("woff"), url(../fonts/Dana//ttf/Medium_FaNum.ttf) format("truetype");
}


@font-face {
    font-family: Dana;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/Dana//eot/Black_FaNum.eot);
    src: url(../fonts/Dana//eot/Black_FaNum.eot?#iefix) format("embedded-opentype"), url(../fonts/Dana//woff2/Black_FaNum.woff2) format("woff2"), url(../fonts/Dana//woff/Black_FaNum.woff) format("woff"), url(../fonts/Dana//ttf/Black_FaNum.ttf) format("truetype");
}

@font-face {
    font-family: Dana;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Dana//eot/Bold_FaNum.eot);
    src: url(../fonts/Dana//eot/Bold_FaNum.eot?#iefix) format("embedded-opentype"), url(../fonts/Dana//woff2/Bold_FaNum.woff2) format("woff2"), url(../fonts/Dana//woff/Bold_FaNum.woff) format("woff"), url(../fonts/Dana//ttf/Bold_FaNum.ttf) format("truetype");
}