@font-face {
    font-family: 'IRANSansWeb';
    src: url('../IRANSans4/fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}

@font-face {
    font-family: 'fontawesome-webfont';
    src: url('../font-awesome-4.7.0/fonts/fontawesome-webfont.ttf') format('truetype');
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    /*background: black;*/
    min-width: 340px;
    /*max-width:100%;*/
    overflow-x: hidden !important;
    width: 100%;
    height: 100%;
}

body {
    width: 100%;
    height: 100%;
    font-family: IRANSansWeb;
    font-size: 16px;
    /*color: White;*/
    font-smoothing: antialiased;
    font-weight: 600;
    direction: rtl;
    /*background-image: url(backImages/image3.jpg);*/
    /*background-size:initial ;*/
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    /*background-size:cover;*/
    background-repeat: no-repeat;
    overflow-x: hidden;
    /*background-size:contain;*/
    /*background-position:center;*/
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( sizingMethod='scale')";
}


/*@media(min-width:1500px) {
    body{
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 background-color:red !important;
    }
}
@media(min-width:992px) and (max-width:1499){
 body{
    
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
/*background-size:initial;*/
/*background-color:green !important;*/
}
}
/*@media(min-width:700px) and (max-width:767px) {
    body{
 background-size:cover ;
  /*background-color:grey !important;
    }
}  and (max-width:779px)*/

/*@media(max-width:768px)  {
    body{
  
 background-size:contain 100% ;*/
/*background-position:top;*/
/*background-color:black !important;*/
}
}
/*@media(max-width:767px){
body{
 background-size:initial;
  /*background-color:yellow !important;
    }
}*/




a {
    color: #BBB;
}

.content:before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    display: block;
    /*background-color: black;*/
    /*background-image: url("DS8_0754.jpg");
  background-image: url("Picture1-r.jpg");*/
    width: 100%;
    height: 100%;
    background-size: cover;
}

.wrapper {
    /* background-image: url("Picture1-r.jpg");*/
    height: 100% !important;
    overflow: hidden;
}

.content {
    /*position: absolute;*/
    min-width: 360px;
    max-width: 450px;
    /*float: none;*/
    /*margin-top: 30%;*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*width: 540px;
    height: 580px;*/
    background-color: #24242d !important;
    background-color: #24242de3 !important;
    /*margin: auto auto;*/
    /*padding:40px 40px 40px 20px !important;*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 10px black;
    -webkit-box-shadow: 0 0 10px black;
    box-shadow: 0 0 20px black;
    box-shadow: 0 0 10px black;
    margin: 0px auto !important;
    float: none !important;
    height: 70%;
    padding-bottom: 30px;
    padding-top: 0px !important;
}

#loginBox {
    margin-top: 4%;
}

.sentenceMMCe {
    position: absolute;
    min-width: 360px;
    max-width: 450px;
    float: none;
    margin-top: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 300px;
    height: 30px;
    background-color: rgba(10, 10, 10, 0.6) !important;
    margin: auto auto;
    /*padding:40px 40px 40px 20px !important;*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 10px black;
    -webkit-box-shadow: 0 0 10px black;
    box-shadow: 0 0 20px black;
    box-shadow: 0 0 10px black;
    padding-top: 5px !important;
    text-align: center;
    color: #e9f45a !important;
    margin-top: 4% !important;
}


/*@media (min-width: @screen-sm-min)
 { 
    .content{
        max-width:410px;
    }
}*/
.content .title {
    text-align: center;
    font-size: 2.0rem;
    font-weight: 600;
    /*padding-bottom: 30px;*/
}

.content input {
    width: 100%;
    font-size: 1.19rem;
    font-family: IRANSansWeb !important;
    margin: 10px 0px;
    border: none;
    padding: 8px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .content input[type=checkbox] {
        display: none;
    }

.content label {
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
    margin-left: 5px;
    margin-right: 10px;
    top: 5px;
}

    .content label:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        position: absolute;
        right: 0;
        bottom: 1px;
        background-color: #aaa;
        -moz-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
        -webkit-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
        box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
    }

.content input[type=checkbox]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    font-size: 20px;
    color: Black;
    text-align: center;
    line-height: 20px;
}

.content span {
    font-size: 0.9rem;
}

.content button {
    width: 100%;
    font-size: 1.1rem;
    padding: 10px;
    margin: 20px 0px;
    background-color: #3c8741;
    color: White;
    border: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.content .social {
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}

    .content .social span {
        display: inline-block;
        vertical-align: baseline;
        padding: 0 20px;
    }

        .content .social span:before, .content .social span:after {
            content: '';
            display: block;
            width: 500px;
            position: absolute;
            top: 0.9em;
            border-top: 1px solid White;
        }

        .content .social span:before {
            right: 75%;
        }

        .content .social span:after {
            left: 75%;
        }

.content .buttons {
    width: 100%;
    margin: 30px 0px;
}

    .content .buttons button {
        float: left;
        width: 30%;
        margin: 0px 1.5%;
    }

        .content .buttons button i {
            padding-right: 7px;
        }

        .content .buttons button.facebook {
            background-color: #4464B2;
        }

        .content .buttons button.twitter {
            background-color: #28A9E0;
        }

        .content .buttons button.google {
            background-color: #DA4735;
        }

    .content .buttons:after {
        content: "";
        display: block;
        clear: both;
    }

.content .already {
    text-align: center;
    font-size: 0.9rem;
}

footer {
    margin-top: 50px !important;
}

.MMCeBtn, .MMCeLink {
    font-family: IRANSansWeb !important;
    background-color: #3c8741;
    color: whitesmoke;
    font-size: 12pt !important;
    font-weight: 600;
    border: 2px solid #3c8741 !important;
}

.seperator {
    background: red;
    position: relative;
    width: 100%;
    display: block;
    height: 1px;
    color: black;
    background: #7f7f7f;
}

.NotLogin {
    font-family: 'B Yekan' !important;
    background-color: transparent;
    background-image: url('../Imgs/22.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    color: #e6b729;
    font-size: 14pt !important;
    font-weight: 500;
    border: 2px solid #e6b729 !important;
}

.link-btn {
    background: transparent !important;
    color: #e6b729 !important;
    font-weight: 500 !important;
    padding: 0.3em 0 !important;
    border: 2px solid #e6b729 !important;
    border-radius: 4px;
    font-size: 1.1rem;
    margin: 1em 0 0 0 !important;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

    .link-btn:hover {
        text-decoration: none;
    }

    .link-btn .image-text {
        font-size: 1.4em;
        font-weight: 900;
        padding-right: 0.4em;
    }

    .link-btn img {
        background: transparent;
        width: 2.75em;
        height: 2.75em;
    }

.NotLoginALDST {
    font-family: 'B Yekan' !important;
    background-color: transparent;
    background-image: url('../Imgs/a2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    color: #e6b729;
    font-size: 14pt !important;
    font-weight: 500;
    border: 2px solid #e6b729 !important;
}

.EntryPassNote {
    font-family: IRANSansWeb !important;
    margin: 5px;
    padding: 8px;
    color: whitesmoke;
    line-height: 2;
    text-align: justify;
    font-size: 9pt;
}

.bottomLink {
    border-top: 2px solid #7f7f7f;
    padding-top: 5px !important;
    color: #e4e1e1;
    font-size: 8pt;
    /*font-size: 1.15rem;*/
    padding-left: 0px !important;
    padding-right: 0px !important;
}

    .bottomLink > a {
        cursor: pointer !important;
        color: #e4e1e1 !important;
        font-weight: bolder;
    }

.modal-body span {
    /*color: #3c8741;*/
    color: black;
}

#myModal img {
    width: 50px !important;
    height: 50px !important;
}

.modal-body {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: 80vh;
    width: 100% !important;
    font-size: 12px;
}

.modal-bodyFastAccess {
    padding: 20px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: 600px;
    width: 100% !important;
    font-size: 12px;
}

/*.modal-body div {
        margin-top: 10px;
        margin-bottom: 20px;
    }*/

.modal-content {
    /*height: 80vh !important;*/
}

/*small devices*/
@media (min-width:576px) {
    .modal {
        width: 100% !important;
    }

    .titleGuide, .downTxt {
        font-size: 16px !important;
    }
}
/*Medium devices*/
@media (min-width:768px) {
    .modal {
        width: 100% !important;
    }

    .titleGuide, .downTxt {
        font-size: 16px !important;
    }
}
/*Large devices*/
@media (min-width:992px) {
    .modal {
        width: 60% !important;
    }

    .titleGuide, .downTxt {
        font-size: 16px !important;
    }
}
/*Extra Large devices*/
@media (min-width:1200px) {
    .modal {
        width: 60% !important;
    }

    .titleGuide, .downTxt {
        font-size: 16px !important;
    }
}


.modal {
    overflow: hidden !important;
    margin: 0px auto !important;
    /*  width: 60% !important;*/
}

.modal-header {
    border-bottom-color: #3c8741 !important;
}

/*.popover {
    max-width: 50vw !important;
    top: 0px !important;
}

    .popover.left > .arrow {
        top: 25% !important;
    }

    .popover.right > .arrow::after {
        bottom: 90% !important;
    }*/
.tooltip {
    font-family: IRANSansWeb !important;
}

.tooltip-inner {
    max-width: 250px !important;
    /*padding-top:10px !important;*/
}

.tooltip.in {
    filter: alpha(opacity=60) !important;
    opacity: .6 !important;
}

.panel-bki .modal-header {
    border-color: #3c8741 !important;
}

.panel-bki > .panel-heading {
    color: white;
    background-color: #3c8741;
    border-color: #3c8741;
}

    .panel-bki > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #3c8741;
    }

    .panel-bki > .panel-heading .badge {
        color: #3c8741;
        background-color: #dff0d8;
    }

.panel-bki > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #3c8741;
}

.nav-tabs > li.active > a {
    color: white !important;
    background-color: #3c8741 !important;
}

.nav-tabs > li > a {
    color: #3c8741;
    margin-bottom: 20px;
    border: 2px solid #3c8741 !important;
    border-radius: 4px !important;
}

.myModalHeader {
    background-color: #3c8741 !important;
    color: #fff !important;
}

.guideModalHeader {
    border: none !important;
}

.titleGuide {
    color: #3c8741;
    text-decoration: underline;
    vertical-align: middle;
    /*font-size:12px !important;*/
    /*float:right;*/
}

.secure {
    margin: 10px 0px 10px 10px;
    width: 30px;
}

.secureSSL {
    /*float:left;*/
    margin-right: 45% !important;
    width: 50px;
}


#myModal > span {
    font-size: 12px !important;
}

.bkiMoalClose {
    opacity: 1 !important;
    color: whitesmoke !important;
}

.MenuBt {
    font-family: 'B Yekan' !important;
    display: inline !important;
    background-color: #fff;
    background-image: url('../Imgs/Menu.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px;
    height: 40px !important;
    border: none !important;
    margin-right: 15px;
    margin-left: 15px;
    /*margin-top:3px;
    margin-bottom:3px;*/
    float: right;
}


.msgMMCe {
    color: #3c8741 !important;
    text-decoration: underline;
}

#txtCaptcha {
    color: #3c8741 !important;
    font-size: medium;
    font-weight: 600;
}

#backgroundPopup {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    border: 1px solid #cecece;
    z-index: 10000;
}

#backgroundPopupImg {
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border: 1px solid #cecece;
    z-index: 10000;
    text-align: center;
}

    #backgroundPopupImg img {
        position: relative;
        top: 50%;
    }
/*.MMCe-keyboard:before{

     font-family: 'fontawesome-webfont';
    color:#3c8741;
    position: relative;
   /* left: -5px;
    content: "\f11c";
}*/
.hideScroll {
    overflow: hidden !important;
}

.showPanImg {
    max-width: 100%;
    float: none;
    display: inline !important;
    cursor: pointer;
}

.showPan {
    width: 150px;
    height: 40px;
    top: 0;
    margin: 0px auto !important;
    border-radius: 0px 0px 6px 6px;
    background-color: rgba(10, 10, 10, 0.4);
    padding: 4px;
    display: none;
}

    .showPan a {
        color: cornsilk;
        font-size: 14pt;
        margin-right: 10px;
        cursor: pointer;
    }

        .showPan a:hover {
            color: whitesmoke !important;
        }

.closeDiv {
    float: right;
    margin-top: -10px !important;
    margin-right: -20px !important;
}

    .closeDiv img {
        width: 25px;
        height: 25px;
        cursor: pointer;
    }

.divSec {
    height: 70%;
    padding-top: 30px !important;
}

.captcha {
    padding: 5px 0px 10px 0px !important;
}

    .captcha img {
        cursor: pointer;
    }

.captchaSec {
    padding-right: 0px !important;
}

.flips {
    color: #e6b729 !important;
    padding-right: 5%;
    cursor: pointer;
}

    .flips img {
        width: 14px;
        height: 14px;
        padding-left: 2px;
    }

    .flips span {
        font-size: 1.15rem;
    }

.EntryPassNoteMMCe {
    border: 1px solid #e6b729 !important;
}

.ButtMMCe {
    min-height: 30% !important;
    margin-top: 5% !important;
}

#loginMsg {
    background: #fff;
    padding: 10px;
    font: bold 9pt tahoma;
    line-height: 190%;
    text-align: justify;
    color: #e81e25;
    border: 2px solid #64784a;
    margin: 5px 0 0 0;
}

.linksTxt {
    right: 8px;
    left: 8px;
    position: absolute;
}

.cam1 {
    position: fixed;
    bottom: 80px;
    left: 0;
    float: left;
}

#comment {
    position: absolute;
    vertical-align: middle;
    left: 0;
    bottom: 30px;
    margin-bottom: 40px;
    float: left;
    z-index: 100;
}

    #comment p {
        height: 36px;
        vertical-align: middle;
        padding: 10px;
        margin-top: 5px;
        background-color: rgba(0,0,0,0.4);
        float: left;
        color: whitesmoke;
        font-size: 11pt;
    }

#img-comment {
    display: inline;
    float: left;
    opacity: 0.8;
}

.footerDiv {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: rgba(10, 10, 10, 0.4);
    height: 40px;
}

.copyRight {
    padding-top: 8px;
    margin-right: 10px;
    color: whitesmoke;
    opacity: 0.8;
    font-size: 12px;
    border-left: 0.5px solid whitesmoke;
}

.ertebatSabz {
    color: whitesmoke;
    float: left !important;
    opacity: 0.8;
    font-size: 12px;
    display: inline;
    margin: 0px !important;
    padding: 0px !important;
}

    .ertebatSabz p {
        padding: 8px;
        float: left !important;
        margin-left: 20px !important;
    }

    .ertebatSabz img {
        float: left !important;
        padding-top: 5px;
        padding-left: 5px !important;
        padding-right: 15px !important;
    }

.copyRight p {
    vertical-align: middle;
}

.modal-dialog {
    width: 100% !important;
    overflow-y: initial !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.tab-MMce {
    padding-right: 10px;
    height: 100%;
    width: 100%;
}

.n-content img {
    margin: 0px 10px 0px 10px;
    width: 10px;
    height: 10px;
}

iframe {
    width: 100%;
    height: 100%;
}

.tab-pane div {
    height: 100%;
}

.q-content-mmce {
    margin-right: 20px !important;
}

    .q-content-mmce img {
        width: 8px;
        height: 8px;
        margin: 0px 40px 0px 10px;
    }

.closeMMce {
    color: white;
}
/*.alertMMCeDanger{
    margin-top:4px;
    border:1px solid #e6b729 !important;
    border-radius:4px;
    color:white;
    height:30px !important;
    background-color:rgba(243,153,0,0.8);
    opacity:0.9;
    padding:1px;
}*/
.alertMMCeDanger {
    margin-top: 4px;
    border: 1px solid #e6b729 !important;
    border-radius: 4px;
    /*color:red;*/
    min-height: 30px !important;
    /*background-color:rgba(255,240,158,1);*/
    opacity: 0.9;
    padding: 1px;
    color: rgba(255,240,158,1);
    background-color: rgba(255,0,0,0.7);
    font-weight: bold;
}

    .alertMMCeDanger a {
        color: white !important;
        text-decoration: underline;
    }

.-auth-success {
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    border-radius: 4px;
    /*color:red;*/
    min-height: 30px !important;
    /*background-color:rgba(255,240,158,1);*/
    opacity: 0.9;
    padding: 1px;
    color: rgba(255,255,255,1);
    background-color: rgba(0,153,0,0.7);
    margin-top: 5px;
    font-weight: bold;
}

    .-auth-success p {
        display: inline;
    }

    .-auth-success span {
        display: inline-block;
        font-size: 1em;
    }


.alertMMCeWarning {
    line-height: 36px;
    margin-top: 70px;
    margin-bottom: 100px;
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    border-radius: 4px;
    /*color:red;*/
    min-height: 30px !important;
    /*background-color:rgba(255,240,158,1);*/
    opacity: 0.9;
    padding: 1px;
    color: rgba(255,255,255,1);
    background-color: rgba(0,153,0,0.7);
    font-weight: bold;
    text-align: center;
}

.CardMenuInLoginItem {
    margin-bottom: 30px;
    height: 70px;
    text-align: center;
    /*padding-bottom:10px;*/
}

.TxtAlign {
    text-align: left !important;
    direction: ltr !important;
}

.nav-tabs-MMce li a {
    width: 230px;
    text-align: center;
}

/*AuthManager Control*/

.am-main-wrapper .-am-fieldset {
    white-space: nowrap;
}


    .am-main-wrapper .-am-fieldset > * {
        padding-top: 7px;
    }

    .am-main-wrapper .-am-fieldset .-am-auth-method {
        display: inline-block;
        box-sizing: border-box;
    }

        .am-main-wrapper .-am-fieldset .-am-auth-method label {
            width: unset;
            white-space: nowrap;
            transition: color 200ms;
            margin: 0;
            font-weight: 500;
            cursor: pointer;
        }

    .am-main-wrapper .-am-fieldset > div {
        padding-top: 0;
    }

    .am-main-wrapper .-am-fieldset label:hover {
        color: #341313;
    }

        .am-main-wrapper .-am-fieldset label:hover ~ div {
            color: #341313;
        }


    .am-main-wrapper .-am-fieldset .-am-auth-method input {
        display: none !important;
    }


    .am-main-wrapper .-am-fieldset .-am-auth-method label {
        top: 0 !important;
        height: auto !important;
    }

        .am-main-wrapper .-am-fieldset .-am-auth-method label > img {
            transition: padding 100ms ease-in-out;
            width: 3em;
            height: 3em;
            border-radius: 0.5rem;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            padding: 0.5em;
            background-color: rgba(230, 183, 41, 0.33);
            pointer-events: none;
        }

    .am-main-wrapper .-am-fieldset .-am-auth-method input:checked + label > img {
        padding: 0.3em;
        background-color: rgba(230, 183, 41, 0.66);
    }

    .am-main-wrapper .-am-fieldset .-am-current-selected-auth-text {
        height: auto;
        padding: 0.45em;
        background-color: rgba(230, 183, 41, 0.66);
        text-align: center;
        border-radius: 0.5rem;
        border-top-right-radius: 0;
        width: 100%;
        margin: 0;
    }

.am-main-wrapper .-am-register-with-gauth {
    margin-top: 0.5em !important;
    display: inline-block;
}

.am-wrapper input:disabled {
    cursor: not-allowed !important;
    background: #c9c9c9 !important;
}

.am-wrapper {
    visibility: hidden;
}

.am-display-none, .am-temporarly-disabled {
    display: none !important;
}

.digital-sig {
    padding-top: 1em;
    font-size: 0.85em;
}

    .digital-sig .form-group input[type=text], .digital-sig .form-group input[type=password] {
        border: 1px solid black;
    }


    .digital-sig fieldset {
        padding: 1em;
        color: white;
    }

        .digital-sig fieldset label {
            width: 70%;
            padding-right: 0;
        }

    .digital-sig label:before {
        display: none !important;
    }

    .digital-sig fieldset input {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        width: 20%
    }

        .digital-sig fieldset input[type=radio] {
            vertical-align: bottom;
        }

.content .digital-sig fieldset label span {
    font-size: 0.8em;
}

.digital-sig fieldset legend {
    font-size: 1.3em;
    margin-bottom: 0;
    color: white;
}

.digital-sig fieldset input[disabled] {
    cursor: not-allowed
}

.am-main-wrapper #accordion2 {
    margin-top: 5% !important;
}

input.am-melli-portal-input::-webkit-outer-spin-button,
input.am-melli-portal-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.am-melli-portal-input[type=number] {
    -moz-appearance: textfield;
}

.am-not-clickable {
    cursor: not-allowed !important;
    background-color: #646161;
    color: #ECEFF1;
    border-color: transparent !important;
}
/*End AuthManager Control*/


/* custom loading screen */

/* custom loading screen */
/* custom loading screen */
#-custom-popup {
    display: table-row;
    position: fixed;
    top: 50%;
    left: 50%;
    width: max-content;
    max-width: 100vw;
    border: 1px solid #cecece;
    z-index: 10001;
    text-align: center;
    min-width: 160px;
    min-height: 60px;
    transform: translate(-50%, -50%);
    background: white;
    font-size: 1.2rem;
}

    #-custom-popup .-popup-text-wrapper {
        display: table-cell;
        vertical-align: middle;
        cursor: default;
    }

        #-custom-popup .-popup-text-wrapper p {
            margin: 0 0.5em 0 0;
            text-align: start;
        }

        #-custom-popup .-popup-text-wrapper .-popup-title {
            font-weight: 700;
            font-size: 1.2em;
            margin-bottom: 0.15em;
        }

        #-custom-popup .-popup-text-wrapper .-popup-footer {
            font-size: 0.9em;
        }

    #-custom-popup .-popup-smooth-spinner {
        display: table-cell;
        vertical-align: middle;
    }

        #-custom-popup .-popup-smooth-spinner::after {
            display: block;
            content: "";
            height: 3.5em;
            width: 3.5em;
            border: 4px rgba(0, 0, 0, 0.25) solid;
            border-top: 4px #00cc00 solid;
            border-radius: 50%;
            animation: cm-popup-spinner 1s infinite linear;
            align-items: center;
            margin: 1em;
        }

@media(max-width:768px) {
    .featured-servieces-full-screen-mob {
        width: 100% !important;
        height: 100%;
    }

        .featured-servieces-full-screen-mob .modal-dialog {
            margin: 0;
            width: 100% !important;
            height: 100%;
        }

        .featured-servieces-full-screen-mob .modal-content {
            height: 100%
        }

        .featured-servieces-full-screen-mob .featured-services-wrapper {
            width: 100% !important;
            height: 90%;
            height: calc(100% - 50px);
            max-height: unset;
        }
}

/* FeatureServices component */
.featured-services-wrapper {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: 80vh;
    width: 100% !important;
    padding: 0 2em 2em 2em;
    font-size: 12px;
    background-color: white;
}

    .featured-services-wrapper .-no-result {
        margin-top: 0.5em;
        font-size: 1.2em;
        color: red;
    }

    .featured-services-wrapper .-search-wrapper {
        width: 100%;
        padding: 2em 0;
        position: relative;
        position: sticky;
        top: 0;
        z-index: 2;
        background: white;
    }

        .featured-services-wrapper .-search-wrapper .-search-services {
            width: 100%;
            border-radius: 2em;
            padding: 1em;
            box-shadow: rgb(100 100 111 / 26%) 0px 7px 29px 0px;
            text-align: right;
            direction: rtl !important;
            border: none;
            padding-right: 1.5em;
            /*    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);*/
            box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
            background-color: #f3f5f5;
        }

        .featured-services-wrapper .-search-wrapper .-clear-search-btn {
            position: absolute;
            width: 1.5em;
            height: 1.5em;
            top: 50%;
            left: 2em;
            transform: translateY(-50%);
            cursor: pointer;
        }

    .featured-services-wrapper .row {
        margin: 0;
    }

    .featured-services-wrapper .-featured-services-category {
        background: #dfdede61;
        font-size: 1.4em;
        font-weight: 800;
        text-align: center;
        border-radius: 0.2em;
        padding: 0.5em;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
        margin-bottom: 2em;
    }

    .featured-services-wrapper .-search-result b {
        color: red;
    }

    .featured-services-wrapper .-service-item-wrapper .-service-item {
        background-color: #f3f5f5;
        margin-bottom: 1em;
        border-radius: 1em;
        display: block;
        height: 100%;
        color: black;
        padding: 0.5em;
        font-weight: 800;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }

    .featured-services-wrapper .row .-service-item-wrapper {
        min-height: 11em;
    }

@supports (display: grid) {
    .featured-services-wrapper .row {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-row-gap: 1em;
    }

        .featured-services-wrapper .row::before, .featured-services-wrapper .row::after {
            display: none;
        }

        .featured-services-wrapper .row .-service-item-wrapper {
            width: 100% !important;
            min-height: unset;
        }

    @media only screen and (max-width: 767px) {
        .featured-services-wrapper .row {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media only screen and (max-width: 479px) {
        .featured-services-wrapper .row {
            grid-template-columns: repeat(2, 1fr);
        }
    }
}

/* end FeatureServices component */

@keyframes cm-popup-spinner {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.jconfirm .jconfirm-box {
    background-color: #d2ddc5;
}

    .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
        font-palette: light;
        font-family: 'IRANSansWeb';
        color: #4d5e39;
        font-weight: 700;
        line-height: 2;
        overflow: auto;
    }
/* end of loading screen */
/* iPhone before 5 */
/*@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"] {
        font-size: 16px !important;
    }
}

/* iPhone 5, 5C, 5S, iPod Touch 5g
@media screen and (device-aspect-ratio: 40/71) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"] {
        font-size: 16px !important;
    }
}

/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape 
@media screen and (device-aspect-ratio: 375/667) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"] {
        font-size: 16px !important;
    }
}

/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape 
@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"] {
        font-size: 16px !important;
    }
}*/


.cv-validator-container {
    margin-top: 0.5rem;
}