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

@font-face {
    font-family: "IRANRounded";
    src: url("../../fonts/IRAN-Rounded.eot");
    src: url("../../fonts/IRAN-Rounded.eot?#iefix") format("embedded-opentype"), url("../../fonts/IRAN-Rounded.otf") format("opentype"), url("../../fonts/IRAN-Rounded.svg") format("svg"), url("../../fonts/IRAN-Rounded.ttf") format("truetype"), url("../../fonts/IRAN-Rounded.woff") format("woff"), url("../../fonts/IRAN-Rounded.woff2") format("woff2");
    font-weight: bold;
}

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

@font-face {
    font-family: 'iran-yekan';
    src: url('../../fonts/IRANYekan/WebFonts/fonts/ttf/IRANYekanWebRegular.ttf');
}

.has-error {
    color: red !important;
}

.field-validation-error {
    color: red !important;
    font-size: 11px;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

.validation-summary-errors {
    color: red;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

.color-white {
    color: black !important;
}

    .color-white:hover {
        color: black !important;
    }

.color-red{
    color :red !important;
}

.color-blue {
    color: blue !important;
}


.color-black {
    color: black !important;
}

.pright-15{
    padding-right : 15pt !important;
}

div.k-multiselect-clearable span {
    left: auto !important;
}


.contact-us-page {
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    direction: rtl;
    font-family: 'iran-yekan';
    font-size: 14px;
    text-align: right;
}

.contact-sec {
    width: 65%;
    display: grid;
    grid-template-columns: repeat(2,47%);
    border: 1px solid #ddd;
    border-radius: 10px;
    padding:20px;
    box-shadow: -5px 25px 35px -25px rgba(0,0,0,0.3);
    justify-content:space-between;
}

@media screen and (max-width:991px) {
    .contact-sec {
        width: 85%;
    }
}

@media screen and (max-width:767px) {
    .contact-sec {
        width: 50%;
        padding:20px 10px;
        grid-template-columns:100%;
        gap:30px;
    }
    .contact-us-page{
        font-size:13px;
    }
}
@media screen and (max-width:700px) {
    .contact-sec {
        width: 70%;
        padding: 20px 10px;
        grid-template-columns: 100%;
        gap: 30px;
    }
}
@media screen and (max-width:500px) {
    .contact-sec {
        width: 90%;
        padding: 20px 10px;
        grid-template-columns: 100%;
        gap: 30px;
    }
}

.contact-sec > div{
    padding:10px;
}

.form div{
    display:grid;
    gap:5px;
}

.form {
    display: grid;
    gap: 5px;
}

.form label{
    display:flex;
    justify-content:space-between;
}

.form input{

    height:35px;
    border-radius:5px;
    border:1px solid #ddd;
}

.form textarea {
    border-radius: 5px;
    border: 1px solid #ddd;
    resize:none;
}

    .form button {
        background: #E83C62;
        color: #fff;
        height: 45px;
        border: 1px solid #e83c62;
        border-radius: 5px;
        font-family: 'iran-yekan';
  }

.light-text{
    display:flex;
    gap:10px;
    font-size:13px;
}

.light-text a {
    color: #2d2d2d;
}

iframe{
    margin-top:10px;
}

.file-input-div input{
    display:none;
}

.form .file-input-div > label{
    display:flex;
    flex-direction:column;
    gap:5px;
}

.file-input-div label > span {
    height: 35px;
    border-radius: 5px;
    border: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    font-size: 18px;
    color: #2d2d2d;
}

.file-input-div i{
    color:#7c7c7c;
}

.file-name{
    font-size:13px;
}

.error-text{
    color:red;
    font-size:11px;
}
.form-not-grid {
    display:flex !important;
    flex-direction:row;
    gap:10px;
}
.form-not-grid-user-request {
    display: flex !important;
    flex-direction: row;
    gap:0 !important;
}
.btn-login-page {
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 20px 0 !important;
    border-radius: 5px !important;
}
@media screen and (max-width:767px){
    .btn-login-page{
        width:100% !important;
    }
}
.dropdown-menu.show.select-language {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    top: 4px !important;
    left: -10px !important;
    border-radius:5px;
}
    .dropdown-menu.show.select-language li {
        padding: 10px 0;
        text-align: center;
        width: 100%;
        transition: 0.3s;
        border-radius: 5px;
    }
        .dropdown-menu.show.select-language li:hover {
            background-color: #E83C62;
            text-align: center;
            transition: 0.3s;
        }
            .dropdown-menu.show.select-language li:hover a{
                color:#fff;
            }
            .dropdown-menu.show.select-language li a {
                display: block;
                text-align: center;
                color: #2d2d2d;
                width: 100%;
                padding: 0 5px;
                border-radius: 5px;
            }

.dropdown-toggle.select-lang-btn.show {
    box-shadow: 1px 1px 5px 1px #E83C62 !important;
}
.btn-sign-in {
    background-color: #fef2f2 !important;
    color: #e83c62 !important;
    border: 1px solid #e83c62 !important;
    transition:0.3s;
}
    .btn-sign-in:hover {
        background-color: #e83c62 !important;
        color: #fff !important;
        border: 1px solid transparent !important;
        transition: 0.3s;
    }
.login-form-label {
    position: absolute !important;
    top: 15px !important;
    right: 10px !important;
    transition: 0.3s;
    width: max-content;
}
.form-login-inputs:not(:placeholder-shown) + .login-form-label {
    top: -3px !important;
    background-color: #fff !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 10px;
    transition:0.3s;
}
.form-btns-login{
    gap:20px !important;
}
.textarea-sizing {
    width: 100%;
    height: 200px;
}
.cancel-request:hover {
    background-color: var(--red-icon-color);
    color: #fff;
    transition:0.3s !important;
}
.newTypeSelect {
    width: 100% !important;
}
.curimg {
    cursor: pointer;
}

.highlighted-row {
    background-color: #a9d8d8;
    border-top-color: white;
    border-width: 1px;
    border-top-style: ridge;
    color: black;
}

    .highlighted-row.k-alt {
        background-color: #a9d8d8;
        color: black;
    }
.selectCompany input{
    padding-left:10px !important;
}
/*زمانی که زبان فارسی میشود*/
/*body {
    direction: rtl !important;
    text-align: right !important;
}*/










body {
    direction: rtl;
    text-align: right;
}





.dropdown-menu.show.select-language {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    top: 4px !important;
    left: -10px !important;
    border-radius: 5px;
}

.rtl-form {
    direction: ltr;
    text-align: left;
}

.btn-toggle-pass {
    position: absolute;
    right: 20px;
    top: 21px;
    left: auto;
}
/*
.login-form-label {
    position: absolute !important;
    top: 20px !important;
    left: 10px !important;
    transition: 0.3s;
}

*/







.rtl {
    direction: rtl;
}

.rtl-form {
    direction: rtl !important;
    text-align: right;
}

.btn-toggle-pass {
    left: 20px !important;
    right: auto !important;
}

.rtl-div {
    direction: ltr !important;
}

.remember-me-wrapper {
    direction: rtl;
    display: flex;
    gap: 10px;
    align-items: center;
}

.lang.login-language {
    background-color: #f5f5f5;
    padding: 5px 10px;
    border-radius: 5px;
    position: absolute;
    top: 15px;
    right: 15px;
    transition: 0.3s;
}

.btn-toggle-pass {
    position: absolute;
    left: 20px;
    top: 21px;
}

.select-lang-btn-index {
    background-color: #f5f5f4 !important;
    height: max-content !important;
    padding: 5px 20px !important;
    border-radius: 5px !important;
}

    .select-lang-btn-index + ul.show {
        width: 80px !important;
        left: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center;
        padding: 0 !important;
        top: 46px !important;
        left: 0px !important;
        border-radius: 5px !important;
    }

        .select-lang-btn-index + ul.show li {
            padding: 10px 0;
            text-align: center;
            width: 100%;
            transition: 0.3s;
            border-radius: 5px;
            display: flex;
            justify-content: center;
        }

            .select-lang-btn-index + ul.show li a {
                display: block;
                text-align: center;
                color: #2d2d2d;
                width: 100%;
                padding: 0 5px;
                border-radius: 5px;
            }

            .select-lang-btn-index + ul.show li:hover {
                background-color: #E83C62;
                text-align: center;
                transition: 0.3s;
            }

                .select-lang-btn-index + ul.show li:hover a {
                    color: #fff;
                }

.offcanvas {
    left: 20px !important;
    right: auto !important;
}

.newMultiSelect .k-multiselect-wrap {
    padding: 0 !important;
    height:max-content !important;
}

.newMultiSelect input {
    width: 100% !important;
    direction: rtl
}
.see-details .k-button{
/*    padding-left:0 !important;
*/    padding-right:0 !important;
}
.icon-straight-angle-down{
   transition:0.3s;
}
.icon-straight-angle-up {
    transition: 0.3s;
}

.pin-image {
    transform: rotateZ(90deg) !important;
}
.h-max-content{
    height:max-content;
}
@media screen and (max-width:767px){
    .h-md-max-content{
        height:max-content;
    }
}
.tab-pane.fade.tab-setting-site.show.active{
    display:flex;
    flex-direction:column;
}
    .tab-pane.fade.tab-setting-site.show.active .textarea-setting-wrapper {
        display: block;
        height: max-content;
        display: contents;
    }
    .ml-0{
        margin-left:0
    }
.card-sms-loglist .k-link {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
    .card-sms-loglist .k-link :nth-child(1) {
        padding-right:0.6em !important;
    }
.users-in-company{
    margin-top:-5px;
}
.date-picker-input {
    border-radius: 0 10px 10px 0 !important;
    margin-right: 10px;
}
.log-list-details{
    text-align:right !important
}
.notification-alert-wrapper {
    height: 400px !important;
    overflow-y: auto !important
}
.k-rtl .k-multiselect-wrap .k-input, .k-rtl .k-multiselect-wrap li.k-button, .k-rtl .k-multiselect-wrap::before, [dir=rtl] > .k-multiselect-wrap .k-input, [dir=rtl] > .k-multiselect-wrap li.k-button, [dir=rtl] > .k-multiselect-wrap::before {
    float: right;
    background: #f1f1f1 !important;
    border-radius: 5px !important;
    height: max-content !important;
    padding-left: 3px !important
}

.k-rtl .k-multiselect-wrap, [dir=rtl] > .k-multiselect-wrap {
    direction: ltr !important;
    padding: 3px 32px;
    height: auto !important;
}

    .k-rtl .k-multiselect-wrap .k-input {
        background: transparent !important;
        line-height: 32px !important;
    }
.input-group {
    direction: rtl !important
}
.k-widget.k-multiselect{
    height:auto !important
}