/*!
Theme Name: mqs clients
Theme URI: https://inq8.com/
Author: Adel Odeh
Author URI: https://inq8.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mqs
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/


/* Colors Variables */
:root {
    /* /// primary Color */
    --primary-base-color : #d22630;
    /* /// The darkest baseColor. */
    --primary-400-color : #ee4d50;
    /* /// The light baseColor */
    --primary-300-color : #e46f72;
    /* /// The second light baseColor. */
     --primary-200-color : #ee989a;
    /* /// The second third baseColor. */
    --primary-100-color : #feccd2;
    /* /// The second lightest baseColor. */
    --primary-50-color : #ffeaee;
    /* ///Secondary */
    --secondary-color : #929291;
    /* /// The darkest Secondary. */
    --secondary-400-color : #b2b2b1;
    /* /// The light Secondary */
    --secondary-300-color : #d6d6d5;
    /* /// The second light Secondary */
    --secondary-200-color : #e7e7e6;
    /* /// The third light Secondary */
    --secondary-100-color : #f1f1f0;
    /* /// The second lightest baseColor. */
    --secondary-50-color : #f8f8f7;
    /* ///Success */
    --success-color : #34C759;
    /* /// The Success dark */
    --success-dark-color : #22823A;
    /* /// The success light */
    --success-light-color : #AFF7C1;
    /* /// Warning */
    --warning-color : #FFCC00;
    /* ///The  Warning Dark */
    --warning-dark-color : #B89300;
    /* ///The Warning light */
    --warning-light-color : #FFEFAF;
    /* /// Error */
    --error-color : #FF3B30;
    /* ///The  Error Dark */
    --error-dark-color : #A5241D;
    /* ///The  Error light */
    --error-light-color : #FFBCB8;
    /* ///The  Gray Color */
    --text-grey : #54585A;
    --text-light: #fff;
}
@font-face {
    font-family: fontArabic;
    src: url(/wp-content/themes/mqs/font/TheSansArabic/Bahij_TheSansArabic-Plain.ttf);
}
@font-face {
    font-family: fontEnglish;
    src: url(/wp-content/themes/mqs/font/acumin-pro/Acumin-RPro.woff) format('woff');
}
.font_ar{
    font-family: "fontArabic", sans-serif;
}
.font_en{
    font-family: "fontEnglish", sans-serif;
}
body {
    font-family: "maqasaFont", sans-serif;
    /* font-weight: 300;
    font-size: 12px; */
}
/* Preloader*/

.mqs-preloader {
    position       : fixed;
    height         : 100%;
    width          : 100%;
    top            : 0px;
    left           : 0px;
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: center;
    z-index        : 9999;
    background     : #fff;
    transition     : all .6s ease;
}
.mqs-preloader .logo{
    margin-bottom: 20px;
}
#mqs-preloader .spinner-grow {
    position: absolute;
    top: 50%;
    left: 50%;
}
.form-check-input[type=checkbox]:checked {
    background-image: none;
    background-color:var(--primary-base-color) !important;
}

.form-check-input:checked {
    border-color       : var(--primary-base-color) !important;
    border-right-color : var(--primary-base-color) !important;
    border-bottom-color: var(--primary-base-color) !important;
    border-left-color  : var(--primary-base-color) !important;
}
.g-recaptcha {
    display: inline-block;
}
.form-check-input:checked {
    background-color: var(--primary-base-color);
}
.select-input.focused~.select-label,
.select-input.focused~.select-arrow {
    color: var(--primary-base-color);
}
.select-input.focused~.form-notch .form-notch-leading {
    border-top: 2px solid var(--primary-base-color) !important;
    border-bottom: 2px solid var(--primary-base-color) !important;
    border-right: 2px solid var(--primary-base-color) !important;

}
.select-input.focused~.form-notch .form-notch-middle {

    border-color: var(--primary-base-color) !important;

}
.select-input.focused~.form-notch .form-notch-trailing {
    border-left: 2px solid var(--primary-base-color) !important;
    border-bottom: 2px solid var(--primary-base-color) !important;
    border-color: var(--primary-base-color) currentcolor currentcolor;
    border-top: 2px solid var(--primary-base-color) !important;
 
}
.form-check-input[type=radio]:checked:after {
    border-color: var(--primary-base-color);
    background-color: var(--primary-base-color);
}
.loader {
    height: 20px;
    width: 250px;
    margin-top: 1.5625rem;
    direction: ltr !important;
}
.loader--dot {
    animation-name: loader;
    animation-timing-function: ease-in-out;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background-color: black;
    position: absolute;
    border: 2px solid white;
}
.select-dropdown-container input.form-check-input {
    margin-left: 8px !important;
}
.loader--dot:first-child {
    background-color: var(--primary-400-color);
    animation-delay: 0.5s;
}
.loader--dot:nth-child(2) {
    background-color: var(--primary-base-color);
    animation-delay: 0.4s;
}
.loader--dot:nth-child(3) {
    background-color: var(--primary-base-color);
    animation-delay: 0.3s;
}
@keyframes loader {
    15% {
        transform: translateX(0);
    }
    45% {
        transform: translateX(230px);
    }
    65% {
        transform: translateX(230px);
    }
    95% {
        transform: translateX(0);
    }
}
/* style
**/
body.rtl {
    letter-spacing: -.7px !important;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
}
/* .navbar {
    background: #fff;
}
.nav-item {
    width: 100%;
}
.nav-item a {
    max-width: 66.67px;
} */
ul.navbar-nav.mr-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}
.wpml-ls-legacy-dropdown {
    position: fixed !important;
    top: 15px !important;
    left: 0px;
    width: 5.5em !important;
}
.wpml-ls-legacy-dropdown a {
    display: flex !important;
    border: none !important;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    content: unset !important;
}
.form-control-lg {
    width: 100% !important;
}
.header {
    /* background-image: url("/wp-content/themes/mqs/img/MaqasaOnline.png"); */
    /*background-image: url("wp-content/uploads/2022/01/MaqasaOnline.png");*/
    background-size: cover;
    height: 150px;
    max-width: 100%;
}
.sub-header {
    background-color: #34495E;
}
.title-header {
    background-color: var(--primary-base-color);
    padding         : 25px 0px;
    color           : var(--secondary-50-color);
}
.footer-card {
    background-color: #F0F0F0;
    color: #34495E;
}
/* .text-title-header {
    color: #34495E;
} */
footer.page-footer .footer-copyright {
    color: #000;
    background-color: transparent;
}
label {
    margin-bottom: 1.5rem;
}
strong {
    font-weight: 600;
}
.forpass .frame {
    padding: 15px 15px;
}
.frame {
    margin-top: 60px;
    padding: 15px 15px;
}
.md-form label {
    position: inherit;
}
.right {
    float: right;
    color: #000;
}
.left {
    float: left;
}
.icon-header {
    padding: 1.5rem 0;
    padding-left: 1.5rem;
}
.icon-header-2 {
    padding: 1rem 0;
    padding-left: 1.5rem;
}
.card .option-2 {
    padding: 1rem;
    margin-bottom: 0;
    font-weight: 500;
}
.faq, .date, .faq a {
    color: #C4C4C4;
}
.notes {
    color: #48D2A0;
    font-size: 12px;
    font-style: italic;
}
.btn {
    padding: .81rem;
}
.row {
    margin-bottom: 10px;
}
.btn-signup {
    background-color: #34495E !important;
    color: #fff !important;
    width: 100%
}
.btn-login {
    background-color: #006FD0 !important;
    color: #fff !important;
    width: 100%
}
.btn-outline-login {
    color: #006FD0 !important;
    background-color: transparent !important;
    border: 2px solid var(--primary-base-color) !important;
}
.maqasa, .progress-bar {
    background-color: var(--primary-base-color);
}
.no-data {
    background-color: #FFC451;
}
.color-black {
    color: #000 !important;
}
.col-maqasa-primary, .col-primary {
    color: var(--primary-base-color);
}
.timer, .maqasa-text {
    color: var(--primary-base-color);
}
.custom-error-label {
    color: #f93154;
}
.upper {
    text-transform: uppercase;
}
.icon-lp {
    font-size    : 12px;
    border-radius: 50%;
    height       : 100px;
    width        : 100px;
    padding      : 30px;
}
.icon-lp img {
    width: 38px;
}
.icon-lp p {
    font-weight: 500;
}
.padding {
    padding: 5px;
}
.no-padding-left {
    padding-left: 0px;
}
.p-12 {
    font-size: 12px;
}
.w-4 {
    width: 40px;
    display: inline;
}
.accordion-button, .accordion-button:not(.collapsed) {
    background-color: #F0F0F0;
    color: #000;
}
/*
.md-form input:not([type]), .md-form input[type="text"]:not(.browser-default), .md-form input[type="password"]:not(.browser-default), .md-form input[type="email"]:not(.browser-default), .md-form input[type="url"]:not(.browser-default), .md-form input[type="time"]:not(.browser-default), .md-form input[type="date"]:not(.browser-default), .md-form input[type="datetime"]:not(.browser-default), .md-form input[type="datetime-local"]:not(.browser-default), .md-form input[type="tel"]:not(.browser-default), .md-form input[type="number"]:not(.browser-default), .md-form input[type="search"]:not(.browser-default), .md-form input[type="phone"]:not(.browser-default), .md-form input[type="search-md"], .md-form textarea.md-textarea {
    border: 1px solid #ced4da;
}
*/

.form-check-input[type="radio"]:checked+label:after, .form-check-input[type="radio"].with-gap:checked+label:after, label.btn input[type="radio"]:checked+label:after, label.btn input[type="radio"].with-gap:checked+label:after {
    background-color: #fff;
}
.form-check-input[type="radio"]:checked+label:after, .form-check-input[type="radio"].with-gap:checked+label:before, .form-check-input[type="radio"].with-gap:checked+label:after, label.btn input[type="radio"]:checked+label:after, label.btn input[type="radio"].with-gap:checked+label:before, label.btn input[type="radio"].with-gap:checked+label:after {
    border: 4px solid #48D2A0;
}
.md-form .form-control {
    padding: 0.375rem 0.75rem;
}
.only-desktop {
    display: none;
}
.home-block a p {
    color: #000;
}

.accordion-button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 1.15rem 1.5rem;
    font-size: 1rem;
    color: #4f4f4f;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, border-radius .15s ease, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, border-radius .15s ease, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease, -webkit-box-shadow .15s ease-in-out
}
@media(prefers-reduced-motion:reduce) {
    .accordion-button {
        -webkit-transition: none;
        transition: none
    }
}
.accordion-button:not(.collapsed) {
    color: var(--primary-base-color);
    background-color: #fff;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125)
}
.accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2var(--primary-base-color)'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E");
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}
.accordion-button:after {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234f4f4f'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}
@media(prefers-reduced-motion:reduce) {
    .accordion-button:after {
        -webkit-transition: none;
        transition: none
    }
}
.accordion-button:hover {
    z-index: 2
}
.accordion-button:focus {
    z-index: 3;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125)
}
.accordion-header {
    margin-bottom: 0
}
.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}
.accordion-item:first-of-type {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(.5rem - 1px);
    border-top-right-radius: calc(.5rem - 1px)
}
.accordion-item:not(:first-of-type) {
    border-top: 0
}
.accordion-item:last-of-type {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}
.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: calc(.5rem - 1px);
    border-bottom-left-radius: calc(.5rem - 1px)
}
.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}
.accordion-body {
    padding: 1.15rem 1.5rem
}
.accordion-flush .accordion-collapse {
    border-width: 0
}
.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}
.accordion-flush .accordion-item:first-child {
    border-top: 0
}
.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}
.accordion-flush .accordion-item .accordion-button {
    border-radius: 0
}
.accordion-button:not(.collapsed):focus {
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125)
}
.accordion-button:focus {
    border-color: var(--primary-base-color);
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}
.home_page_menu_rows > div{
    margin-bottom: 20px;
    text-align: center;
}

#kcc-logout{
    background-color: transparent;
    color: var(--secondary-50-color);
}
.login_header{
    background-color: var(--primary-base-color) !important;
    color           : var(--secondary-50-color) !important;
}
.btn-login{
    background-color: var(--primary-base-color) !important;
    color           : var(--secondary-50-color) !important;
}
.user_icon{
    width : 30px;
    height: auto;
}
.home_icon{
    height: 40px;
}
.logout_icon{
    height: 30px;
}
.home_page_menu_rows .menu_name{
    font-weight: bold;
    color      : var(--secondary-color);
}
.knet_result .circle_root{
}
.knet_result .circle_outer{
    border-radius   : 50%;
    background-color: var(--success-light-color);
    height          : 150px;
    width           : 150px;
}
.knet_result .circle_inner{
    width           : 130px;
    height          : 130px;
    border-radius   : 50%;
    background-color: var(--success-color);
}
.knet_result .circle_outer.failed{
    background-color: var(--primary-200-color);
}
.knet_result .circle_inner.failed{
    background-color: var(--primary-base-color);
}
.knet_result .title_root{
    text-align: center;
}
.knet_result .title_root h1{
    font-size  : 22px;
    font-weight: bold;
}
.knet_result .title_root p{
    color: var(--text-grey);
}
.knet_result .desc_root{
    margin-top: 20px;
}
.knet_result .desc_root h3{
    color        : var(--text-grey);
    font-size    : 18px;
    font-weight  : bold;
    border-bottom: 1px solid var( --secondary-400-color );
}
.desc_root .col_title{
    width: 100px;
}
.desc_root table td{
    border : none;
    padding: 7px 0px;
}
.btn_knet_root{
}
.btn_knet_root a{
    border-radius: 25px;
}


/* HOME PAGE ICONS BEGIN */
.home_page_menus{
    color     : var(--secondary-color);
    margin-top: calc((var(--mdb-gutter-x)/2)*2);
}
.home_page_menus a{
    text-decoration: none;
    color          : var(--text-grey);
}
.img_wrapper{
    border       : 2px solid var(--secondary-color);
    border-radius: 50%;
    width        : 130px;
    height       : 130px;
    text-align   : center;
    margin-left  : 15%;
}
.img_wrapper img{
    height: 70px;
}
.home_page_menus .menu_name{
    text-align    : center;
    margin-top    : 10px;
    font-weight   : bold;
    font-size     : 16px;
    letter-spacing: 0.2px;
}
/* HOME PAGE ICONS END */


/* NEW CHANGES */
.bg_maqasa{
    background-color: var(--primary-base-color);
    color           : var(--secondary-50-color);
}
.user_name{
    font-size: 14px;
}
.btn_maqasa{
    background-color: var(--primary-base-color);
    color           : var(--secondary-50-color);
    border-radius   : 25px;
}
#sidenav_main{
    max-width: 300px;
    width    : 20vw;
}
#sidenav_main .sidenav-menu {
    padding-bottom: 75px;
}
#sidenav_main .sidenav-link {
    color  : var( --text-grey);
    padding: 10px 15px;
}
#sidenav_main .sidenav-link:active, #sidenav_main .sidenav-link:hover,  #sidenav_main .sidenav-link.active {
    background-color: var(--primary-50-color);
    border-radius   : 30px;
    text-decoration : none;
    color           : var( --text-grey);
}
#sidenav_main .sidenav-link > img {
    height: 30px;
}
#sidenav_main .sidenav-link > span {
    font-size   : 14px;
}
#sidenav_main .sidenav-item {
    margin-bottom: 7px;
}
#sidenav_main .sidenav-item.heading {
    background-color: var(--secondary-300-color);
}
.btn_logout:hover, .btn_logout:focus, .btn_logout:active {
    background-color: transparent !important;
}
.notification_dropdown{
    display: inline-block;
}
.notification_toggle{
    padding: .5rem .75rem !important;
}
.notification_toggle.dropdown-toggle::after{
    display: none;
}
.notification_bell{
    position : relative;
    display  : inline-flex;
    color    : var(--secondary-50-color);
    font-size: 22px;
}
.notification_badge{
    position     : absolute;
    top          : -8px;
    right        : -12px;
    min-width    : 20px;
    height       : 20px;
    padding      : 0 6px;
    border       : 2px solid var(--primary-base-color);
    border-radius: 999px;
    font-size    : 11px;
    line-height  : 16px;
}
.notification_menu{
    width        : 360px;
    max-width    : calc(100vw - 30px);
    padding      : 0;
    margin-top   : 12px;
    border       : none;
    border-radius: 18px;
    overflow     : hidden;
    left         : auto;
    right        : 0;
}
.notification_menu_header{
    padding         : 16px 18px;
    background-color: #f6f8fb;
    border-bottom   : 1px solid rgba(0,0,0,.06);
}
.notification_total_badge{
    color           : var(--primary-base-color);
    background-color: rgba(41, 73, 152, .12);
    box-shadow      : none;
}
.notification_item{
    padding        : 14px 18px;
    border         : none;
    border-bottom  : 1px solid rgba(0,0,0,.05) !important;
    text-decoration: none;
}
.notification_item:last-child{
    border-bottom: none !important;
}
.notification_item:hover{
    background-color: rgba(41, 73, 152, .04);
}
.notification_item.is-unread{
    background-color: rgba(41, 73, 152, .06);
}
.notification_item_icon{
    width          : 42px;
    height         : 42px;
    min-width      : 42px;
    display        : inline-flex;
    align-items    : center;
    justify-content: center;
    border-radius  : 50%;
    color          : #fff;
    font-size      : 15px;
}
.notification_item_body{
    width      : 100%;
    margin-left: 12px;
    text-align : left;
}
.notification_item_title{
    color      : var(--secondary-color);
    font-size  : 14px;
    font-weight: 600;
}
.notification_item_text{
    color      : var(--text-grey);
    font-size  : 13px;
    line-height: 1.45;
}
.notification_item_time{
    color      : #8c96a8;
    font-size  : 12px;
    font-weight: 500;
}
.notification_item_dot{
    width           : 9px;
    height          : 9px;
    min-width       : 9px;
    margin-left     : 8px;
    margin-top      : 4px;
    border-radius   : 50%;
    background-color: var(--primary-base-color);
}
.notification_menu_footer{
    padding         : 14px 18px 18px;
    background-color: #fff;
}
body.rtl .notification_menu{
    left : 0;
    right: auto;
}
body.rtl .notification_item_body{
    margin-left : 0;
    margin-right: 12px;
    text-align  : right;
}
body.rtl .notification_item_dot{
    margin-left : 0;
    margin-right: 8px;
}

.main_content_root{
    padding   : 30px 25px;
    min-height: calc(100vh - 250px);
}

.div_in_item {
    border       : 1.5px solid var(--secondary-300-color);
    border-radius: 15px;
    padding      : 20px 10px;
    margin-bottom: 20px;
}
.div_in_item p{
    margin-bottom: 10px;
    padding      : 0px 10px;
}
input.radio_button:not(:checked) + label {
    /* background-color: var(--primary-200-color); */
    background-color: transparent;
    border          : 1.5px solid var(--primary-base-color);
    color           : var(--text-grey);
}
input.input_share_type:not(:checked) + label {
    background-color: transparent;
    color           : #000
}
input.radio_button:checked + label {
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.2), 0 4px 20px 0 rgba(0,0,0,.1);
}

label.btn_maqasa:hover{
    color: var(--secondary-50-color);
}

#form_pst .btn-group, #form_pst .btn-group:hover, #form_pst .btn-group:active {
    -webkit-box-shadow: none;
    box-shadow        : none;
}

.main_content_container, .bg_all {
    background-image : url(/wp-content/themes/mqs/img/new-bg/bg-all.png);
    background-repeat: no-repeat;
    background-size  : cover;
}
#btn_update_profile{
    padding: 7px 20px !important;
}

#div_file_single .list-group-item{
    border : none !important;
    padding: 0px !important;
}
.badge_pst{
    font-size: 12px;
}
.input_filter{
    padding: 22px !important;
}
.form-outline .input_filter~.form-notch .form-notch-leading, .form-outline .input_filter~.form-notch .form-notch-middle, .form-outline .input_filter~.form-notch .form-notch-trailing{
    border-color       : var(--primary-base-color);
}
.form-outline .input_filter~.form-notch .form-notch-leading{
    width        : 1.5rem !important;
    border-radius: 30px 0px 0px 30px;
}
.form-outline .input_filter~.form-notch .form-notch-trailing{
    border-radius: 0px 30px 30px 0px;
}

.bg-primary{
    background-color: var(--primary-base-color) !important;
    color           : var(--text-light);
}

.border-col-primary{
    border-color: var(--primary-base-color) !important;
}

/* Login Menu */
.login_menu_header{
    border-radius: 0.3rem 0.3rem  0 0 !important;
}
.login_menu{
    border-radius: 50%;
    border       : 2px solid var(--primary-base-color);
    font-weight  : bold;
    aspect-ratio : 1/1;
}
.login_menu a {
    text-decoration : none;
    background-color: transparent !important;
    color           : var(--secondary-color);
}
.login_menu a .type{
    font-size: 90%;
    color: var(--primary-base-color);
}
.login_menu a.active .type {
    color: #000000;
}
.login_menu:has(a.active) {
    border-color: var(--primary-100-color);
}
.login_menu:not(:has(a.active)) {
    background-color: var(--primary-50-color);
}

.login_menu a img{
    height: 50px;
    width : auto;
}
.login_menu .name {
    font-size  : 10px;
    font-weight: 900;
}
.login_main_column{
    /* height: 700px; */
}

.bg-light-grey{
    background-color: var(--secondary-100-color);
}
.pst_note{
    text-align: center;
    color     : var(--primary-base-color);
}
#label_pst_out, #label_pst_in{
    border: 1.5px solid var(--primary-base-color);
}
.st_note{
    text-align: right;
    color     : var(--primary-base-color);
}
@media (max-width: 476px) {
    .notification_menu{
        width: 320px;
    }
    .notification_item{
        padding: 12px 14px;
    }
    .notification_menu_header,
    .notification_menu_footer{
        padding-left : 14px;
        padding-right: 14px;
    }
    .card-columns.custom-columns {
        column-count: 1;
        min-width:350px;
    }
    .logo {
        height: 24px;
    }
    .btn {
        padding: .81rem;
    }
    .icon-logout {
        padding-right: 0px;
        margin-top: -50px;
        float: none;
    }
    .sub-header {
        font-size: 12px;
        padding: 5px 0px;
    }
    .text-header {
        font-size: 12px;
    }
    body.rtl {
        letter-spacing: -.7px !important;
    }
}
@media (min-width:576px) {
    .wpml-ls-legacy-dropdown {
        width: 5.5em !important;
        position: initial !important;
    }
    .wpml-ls-legacy-dropdown a {
        display: flex !important;
        border: none !important;
    }
    .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
        content: unset !important;
    }
    .logo {
        height: 32px;
    }
    .login {
        padding: 0px 30px;
    }
    .btn {
        padding: .81rem;
    }
    .forpass {
        padding: 0px 10px;
    }
    .frame {
        padding: 15px 60px;
    }
    .icon-logout {
        padding-right: 0px;
        margin-top: -50px;
        float: none;
    }
    .header {
        height: 320px;
        background-size: cover;
    }
    .sub-header {
        padding: 5px 0px;
    }
    .text-header {
        font-size: 26px;
    }
    body.rtl {
        letter-spacing: -.7px !important;
    }
    .user_name{
        padding-left: 20px;
    }
}
@media (min-width: 768px) {
    .main_content_root{
        min-height: calc(100vh - 210px);
    }
    .img_wrapper{
        margin-left  : 25%;
    }
    .card-columns.custom-columns {
        column-count: 1;
        min-width:350px;
    }
    .user_icon{
        width : 50px;
        height: auto;
    }
    .logo {
        height: 32px;
    }
    .login {
        padding: 0px 50px;
    }
    .btn {
        padding: .84rem 2.14rem;
    }
    .forpass {
        padding: 0px 100px;
    }
    .forpass .frame {
        padding: 15px 60px;
    }
    .frame {
        padding: 15px 60px;
    }
    .icon-logout {
        padding-right: 0px;
        margin-top: -50px;
        float: none;
    }
    .sub-header {
        padding: 5px 0px;
    }
    .text-header {
        font-size: 36px;
    }
    .only-desktop {
        display: block;
    }
    body.rtl {
        letter-spacing: -.7px !important;
    }
}

@media (min-width:992px) {
    .img_wrapper{
        margin-left  : 5%;
    }
    .logo {
        height: 32px;
    }
    .btn {
        padding: .84rem 2.14rem;
    }
    .login {
        padding: 0px 90px;
    }
    .login .border {
        padding: 3rem 9rem !important;
    }
    .icon-logout {
        padding-right: 1.5rem;
        margin-top: -50px;
        float: right;
    }
    .text-header {
        font-size: 36px;
    }
    .icon-lp {
        /* height: 103px; */
    }
    body.rtl {
        letter-spacing: -.7px !important;
    }
    .card-columns.custom-columns {
        column-count: 1;
        min-width:600px;
    }
}

@media (min-width:1200px) {
    .logo {
        height: 32px;
    }
    .btn {
        padding: .84rem 2.14rem;
    }
    .login {
        padding: 0px 90px;
    }
    .login .border {
        padding: 3rem 13rem !important;
    }
    .icon-logout {
        padding-right: 1.5rem;
        margin-top: -50px;
    }
    .text-header {
        font-size: 36px;
    }
    .header {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .icon-lp {
        padding: 20px;
        height: 100px;
        width : 100px;
    }
    body.rtl {
        letter-spacing: -.7px !important;
    }
}
@media (min-width: 1400px) {
    .card-columns.custom-columns {
        column-count: 1;
        min-width:600px;
    }
    .header {
        background-size: cover;
    }
    body.rtl {
        letter-spacing: -.7px !important;
    }
}