/* =========================
   SELECT2
========================= */
button.select2-selection__choice__remove {
    left: 5px;
}

.select2-container--bootstrap5
.select2-dropdown
.select2-results__option.select2-results__option--selected:after {
    left: 1.25rem !important;
    right: inherit !important;
}

.select2-container--bootstrap5
.select2-dropdown
.select2-results__option.select2-results__option--selected:after {
    left: 1.25rem !important;
}

/* =========================
   TYPOGRAPHY / TEXT
========================= */
.pms p {
    margin: 0 !important;
    line-height: 30px !important;
}

.ql-editor p {
    font-family: 'IRANSansWeb' !important;
    line-height: 30px !important;
}

.tooltip-inner {
    font-family: 'IRANSansWeb' !important;
}

/* =========================
   SPACING / LAYOUT HELPERS
========================= */
.nback {
    font-size: 13px !important;
    padding: 10px 20px !important;
}

.bors {
    border-bottom: 1px solid var(--kt-modal-header-border-color);
    padding: 20px 0;
}

.tx-lefts {
    text-align: left;
}

.pointer {
    cursor: pointer;
}

.none {
    display: none;
}

.flex-between {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.mr-top-10 {
    margin-top: 10px;
}

.mr-top-18 {
    margin-top: 18px;
}

.mr-bot-16 {
    margin-bottom: 16px !important;
}

.mr-bot-20 {
    margin-bottom: 20px;
}

.margin-0 {
    margin: 0;
}

/* =========================
   MODALS
========================= */
.modal-header32 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top-right-radius: 0.475rem;
    border-top-left-radius: 0.475rem;
    border-bottom: 1px solid var(--kt-modal-header-border-color);
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.modal-header30 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px dashed #e4e6ef;
    border-radius: 10px;
    background: #fdfdfd;
    margin-bottom: 10px;
}

/* =========================
   ACTIVE STATES
========================= */
.price_plan.active {
    border: 1px dashed #009ef7;
}

.osinput.active {
    border: 1px dashed #009ef7;
}

.plan {
    cursor: pointer;
}

.plan.active {
    border: 1px solid #bdbdbd;
    border-radius: 5px;
}

.planha.active {
    display: flex;
}

/* =========================
   LOADING SPINNERS
========================= */
.spinnerss,
.spinnerss2 {
    display: none;
    width: 100%;
    margin: auto;
}

.spinnerss.active,
.spinnerss2.active {
    display: block;
}

.spinnerss img,
.spinnerss2 img {
    width: 100px;
}

/* =========================
   OS BOX UI
========================= */
.os-content {
    width: 100%;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 0;
}

.os-titles {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.os-titles img {
    width: 80px;
}

.os-titles h5 {
    text-align: center;
    margin: 17px 0 10px;
}

.select_os {
    width: 100%;
    border-top: 1px solid #dee2e6;
    margin-top: 10px;
    padding: 13px 0 0;
}

.select_os h5 {
    text-align: center;
}

.find_os {
    cursor: pointer;
}

.find_os.active {
    border: 1px solid #009ef7;
}

.fn-12 {
    font-size: 12px;
}

/* =========================
   BUTTONS
========================= */
.btn-blue {
    background: #00c3ff !important;
    color: #fff !important;
    transition: 0.3s;
}

.btn-blue:hover {
    background: #0393bf !important;
    color: #fff !important;
}

/* =========================
   SMALL UTILITIES
========================= */
.none {
    display: none;
}