@font-face{font-family:IRANSans;font-style:normal;font-weight:700;src:url(../fonts/iransans/IRANSansWeb_Bold.eot);src:url(../fonts/iransans/IRANSansWeb_Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/iransans/IRANSansWeb_Bold.woff2) format("woff2"),url(../fonts/iransans/IRANSansWeb_Bold.woff) format("woff"),url(../fonts/iransans/IRANSansWeb_Bold.ttf) format("truetype")}@font-face{font-family:IRANSans;font-style:normal;font-weight:300;src:url(../fonts/iransans/IRANSansWeb_Light.eot);src:url(../fonts/iransans/IRANSansWeb_Light.eot?#iefix) format("embedded-opentype"),url(../fonts/iransans/IRANSansWeb_Light.woff2) format("woff2"),url(../fonts/iransans/IRANSansWeb_Light.woff) format("woff"),url(../fonts/iransans/IRANSansWeb_Light.ttf) format("truetype")}@font-face{font-family:IRANSans;font-style:normal;font-weight:400;src:url(../fonts/iransans/IRANSansWeb.eot);src:url(../fonts/iransans/IRANSansWeb.eot?#iefix) format("embedded-opentype"),url(../fonts/iransans/IRANSansWeb.woff2) format("woff2"),url(../fonts/iransans/IRANSansWeb.woff) format("woff"),url(../fonts/iransans/IRANSansWeb.ttf) format("truetype")}body{font-size:14px;font-weight:400;font-family:'IRANSans',sans-serif;  user-select: none; /* supported by Chrome and Opera */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */}.help-block{text-align:right;font-size:12px}.help-block-error{color:#ff3d3d}.hide{display:none}.alert_frm{width:50%;margin-right:auto;margin-left:auto;margin-top:10px;text-align:center}
/*https://cssloaders.github.io/*/
.loader-dark {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    border-top: 4px solid #FFF;
    border-right: 4px solid transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
.loader-dark::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border-left: 4px solid #FF3D00;
    border-bottom: 4px solid transparent;
    animation: rotation 0.5s linear infinite reverse;
}


.loader-light {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    border-top: 4px solid #6e6b7b;/*#283046*/
    border-right: 4px solid transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
.loader-light::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border-left: 4px solid #7367f0;
    border-bottom: 4px solid transparent;
    animation: rotation 0.5s linear infinite reverse;
}



@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #000;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}


/* استایل برای حالت دسکتاپ */
.mobile-label {
    display: none;
}
#contact-info-table tbody tr td {
    padding:10px
}
/* استایل برای حالت موبایل */
@media (max-width: 767px) {
    .table {
        overflow-x: auto;
    }

    /* مخفی کردن ستون‌ها و هدرها در حالت موبایل */
    #contact-info-table th {
        display: none;
    }


    #contact-info-table td {
        display: block;
        position: relative;
        padding: .75rem .5rem;
        border: 1px solid #ddd;
    }

    /* نمایش لیبل‌ها در حالت موبایل */
    .mobile-label {
        display: block;
    }

    #contact-info-table td::before {
        content: attr(data-label);
        font-weight: bold;
        margin-bottom: .5rem;
        display: block;
    }

    /* تنظیمات برای ستون دکمه حذف */
    #contact-info-table td:last-child {
        text-align: left;
        padding-left: 0;
    }

    /* نمایش محتوا و دکمه حذف در حالت موبایل */
    #contact-info-table td:not(:last-child) {
        margin-bottom: 0.5rem;
    }
}