@import url(AddOn/font-awesome-4.3.0/css/font-awesome.min.css);
@import url(AddOn/Styles/desktop.css);
@import url(AddOn/Styles/mobile.css);
@import url(AddOn/Styles/media.css);


html {
    font-size: calc(7px + 0.7vw);
}


h1 {
    font-size: 1.5rem;
}

h2 {
    font-size: 1.4rem;
}

h3 {
    font-size: 1.3rem;
}

h4 {
    font-size: 1.2rem;
}

h5 {
    font-size: 1.1rem;
}

h6 {
    font-size: 1rem;
}

p {
    text-align: justify;
    font-size: 1rem;
}

.mb100 {
    margin-bottom: 6.25rem !important;
}

.mb10 {
    margin-bottom: 0.625rem !important;
}

.mt100 {
    margin-top: 6.25rem;
}

.mt50 {
    margin-top: 3.125rem;
}

.mt30 {
    margin-top: 1.875rem;
}

.mt20 {
    margin-top: 1.25rem;
}

.mt15 {
    margin-top: 0.9375rem;
}

.mt10 {
    margin-top: 0.625rem;
}

.ml20 {
    margin-left: 1.25rem;
}

.ml00 {
    margin-left: 0rem;
}

.mr20 {
    margin-right: 1.25rem;
}

.mr10 {
    margin-right: 0.625rem;
}

.pt6 {
    padding-top: 0.375rem;
}

.pt20 {
    padding-top: 1.25rem;
}

.pb10 {
    padding-bottom: 0.625rem;
}

.pr10 {
    padding-right: 0.625rem;
}

.width100 {
    width: 100% !important;
}



.w30 {
    width: 30%;
}

.w40 {
    width: 40%;
}

.w60 {
    width: 60%;
}

.w70 {
    width: 70%;
}

.pd05 {
    padding: 0rem 0.3125rem !important;
}





.box-shadow {
    box-shadow: 0rem 0rem 0.625rem 0.1875rem rgba(203, 214, 255, 0.5);
}

.main-radius {
    border-radius: 0.8125rem;
}

.pt6 {
    padding-top: 0.375rem;
}

.pb6 {
    padding-bottom: 0.375rem;
}


.h-100 {
    height: 100%;
}


/* Desktop */
@media (min-width: 1281px) {
    .halfPaddingRD {
        padding-right: 0.5rem;
    }

    .halfPaddingLD {
        padding-left: 0.5rem;
    }

    .dpr0 {
        padding-right: 0;
    }

    .dpl0 {
        padding-left: 0;
    }

    .w-halfFull {
        width: 50%;
    }
}

/* End of Desktop */

/* Mobile */
@media (max-width: 480px) {
    .mpr0 {
        padding-right: 0;
    }

    .mpl0 {
        padding-left: 0;
    }

    .w-halfFull {
        width: 90%;
    }
}

/* End of Mobile */



.rounded-30 {
    border-radius: 1.875rem;
}

.rounded-1rem {
    border-radius: 1rem;
}

.bordered {
    border: 0.0625rem solid #ccc;
}



.h100 {
    height: 100%;
}



.fs22 {
    font-size: 1.375rem;
}



.w24 {
    width: 1.5rem;
}

.h50 {
    height: 3.125rem !important;
}

.h80 {
    height: 5rem;
}

.h85 {
    height: 5.3125rem;
}

.h90 {
    height: 5.625rem;
}


.pt0 {
    padding-top: 0 !important;
}

.pt10 {
    padding-top: 0.625rem !important;
}

.pt15 {
    padding-top: 0.9375rem !important;
}

.pt20 {
    padding-top: 1.25rem !important;
}

.pt30 {
    padding-top: 1.875rem !important;
}

.pt40 {
    padding-top: 2.5rem !important;
}

.pt50 {
    padding-top: 3.125rem !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pr10 {
    padding-right: 0.625rem !important;
}

.pr20 {
    padding-right: 1.25rem !important;
}

.pr30 {
    padding-right: 1.875rem !important;
}

.pr40 {
    padding-right: 2.5rem !important;
}

.pr50 {
    padding-right: 3.125rem !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pl10 {
    padding-left: 0.625rem !important;
}

.pl20 {
    padding-left: 1.25rem !important;
}

.pl30 {
    padding-left: 1.875rem !important;
}

.pl40 {
    padding-left: 2.5rem !important;
}

.pl50 {
    padding-left: 3.125rem !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pb10 {
    padding-bottom: 0.625rem !important;
}

.pb15 {
    padding-bottom: 0.9375rem !important;
}

.pb20 {
    padding-bottom: 1.25rem !important;
}

.pb30 {
    padding-bottom: 1.875rem !important;
}

.pb40 {
    padding-bottom: 2.5rem !important;
}

.pb50 {
    padding-bottom: 3.125rem !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt10 {
    margin-top: 0.625rem !important;
}

.mt15 {
    margin-top: 0.9375rem !important;
}

.mt20 {
    margin-top: 1.25rem !important;
}

.mt30 {
    margin-top: 1.875rem !important;
}

.mt40 {
    margin-top: 2.5rem !important;
}

.mt50 {
    margin-top: 3.125rem !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb10 {
    margin-bottom: 0.6rem !important;
}

.mb15 {
    margin-bottom: 0.9375rem !important;
}

.mb20 {
    margin-bottom: 1.25rem !important;
}

.mb30 {
    margin-bottom: 1.875rem !important;
}

.mb40 {
    margin-bottom: 2.5rem !important;
}

.mb50 {
    margin-bottom: 3.125rem !important;
}

.mr0 {
    margin-right: 0 !important;
}

.mr10 {
    margin-right: 0.625rem !important;
}

.mr20 {
    margin-right: 1.25rem !important;
}

.mr30 {
    margin-right: 1.875rem !important;
}

.mr40 {
    margin-right: 2.5rem !important;
}

.mr50 {
    margin-right: 3.125rem !important;
}

.ml0 {
    margin-left: 0rem !important;
}

.ml10 {
    margin-left: 0.625rem !important;
}

.ml20 {
    margin-left: 1.25rem !important;
}

.ml30 {
    margin-left: 1.875rem !important;
}

.ml40 {
    margin-left: 2.5rem !important;
}

.ml50 {
    margin-left: 3.125rem !important;
}



.fs1 {
    font-size: 0.1rem;
}

.fs2 {
    font-size: 0.2rem;
}

.fs3 {
    font-size: 0.3rem;
}

.fs4 {
    font-size: 0.4rem;
}

.fs5 {
    font-size: 0.5rem;
}

.fs6 {
    font-size: 0.6rem;
}

.fs10 {
    font-size: 0.75rem;
}

.fs12 {
    font-size: 0.85rem;
}

.fs15 {
    font-size: 0.9375rem;
}

.fs16 {
    font-size: 1rem;
}

.fs17 {
    font-size: 1.010rem;
}

.fs18 {
    font-size: 1.025rem;
}

.fs19 {
    font-size: 1.04rem;
}

.fs20 {
    font-size: 1.05rem;
}

.fs21 {
    font-size: 1.10rem;
}

.fs22 {
    font-size: 1.15rem;
}

.fs23 {
    font-size: 1.3rem;
}

.fs24 {
    font-size: 1.5rem;
}



.cg-5-10 {
    column-gap: 0.5rem;
}

.w-10rem {
    width: 10rem;
}


.w-fit {
    width: fit-content;
}


/* other styles */
.icon-ratio {
    width: 1.5rem;
    height: 1.5rem;
}


.fa-bars {
    color: #84bd00;
}

.tshopSearch .form-control {
    padding: 0 !important;
    padding-right: 1rem !important;
}

/*
##Device = Desktops
##Screen = 80.0625rem to higher resolution desktops
*/

@media (min-width: 1281px) {
    html {
        font-size: calc(7px + 0.7vw);
    }

    .slider-height {
        height: 25rem;
    }

    /* .kala-right-menu {
        width: 7.5rem;
    }

    .kala-left-menu {
        width: calc(100% - 7.5rem);
    } */

    .logo {
        width: 50%;
    }
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

    /* CSS */

}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

    /* CSS */

}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    /* CSS */

}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

    /* CSS */

}

/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 20rem to 29.9375rem
*/

@media (max-width: 480px) {
    html {
        font-size: calc(5vw - 5px);
    }

    .sliderH2::after,
    .sliderH2::before,
    .sliderH3::after,
    .sliderH3::before {
        display: none;
    }

    .slider-height {
        height: 18rem;
    }

    .logo {
        width: 100%;
    }

    .topHeader {
        padding-right: 0;
        padding-left: 0;
        border-bottom: 0.5rem solid #84bd00;
    }

    .kalaMegaMenu .nav-tabs {
        flex-direction: column;
    }

    #HeaderMenu {
        flex-direction: column;
    }

    #HeaderMenu li:has(a[href*="tabId=10"]) {
        margin-right: 0 !important;
        margin-left: auto;
    }

    ul.HorzMenuUL li {
        margin-bottom: 0.5rem;
    }

    .kalaMegaMenu .nav-tabs li {
        margin-bottom: 0.5rem;
    }

    .acceptor {
        overflow-x: auto;
        flex-wrap: nowrap !important;
    }

    .my-border-bottom {
        border-bottom: 0.1rem solid white;
        padding-bottom: 0.25rem;
    }

    .acceptor .acceptor-item {
        width: 10rem !important;
        height: 10rem !important;
    }
}


body {
    font-family: 'iranyekanfnmedium';
    font-size: 1rem;
    direction: rtl;
    overflow-x: hidden !important;
    line-height: 1.829;
    background: #fff !important;
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 1.25rem;
    right: 1.875rem;
    z-index: 99;
    font-size: 1.125rem;
    border: none;
    outline: none;
    background-color: #84bd00;
    color: white;
    cursor: pointer;
    padding: 0.625rem;
    border-radius: 3.125rem;
    border: 0.625rem solid #e6eec7;
}

#myBtn:hover {
    background-color: #fff;
    color: #84bd00;
    border: 0.625rem solid #84bd00;
}


@font-face {
    font-family: 'iran_sansregular';
    src: url('AddOn/fonts/iran_sans.woff2') format('woff2'), url('AddOn/fonts/iran_sans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'iranyekanfnmedium';
    src: url('AddOn/fonts/iranyekanmediumfanum.woff2') format('woff2'),
        url('AddOn/fonts/iranyekanmediumfanum.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

a,
a:hover,
a:focus {
    outline: none;
    text-decoration: none;
}

a {
    text-decoration: none;
}

a,
a:hover,
a:focus {
    outline: none;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:focus,
a:hover {
    color: #23527c;
}

a:active,
a:hover {
    outline: 0;
}

.menuLevel0 {
    list-style: outside none none;
    padding-right: 0;
}

.menuLevel0>li {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 0.9375rem;
}

.menuLevel1>li {
    padding-bottom: 0.375rem;
}

.menuLevel1 {
    margin-top: 0.5rem;
    padding-right: 0rem;
    padding-top: 0.625rem;
}

.menuLevel0 span {
    color: #fff;
    font-size: .95rem;
}

.menuLevel1 span {
    color: rgba(255, 255, 255, .5);
    font-size: .9rem;
    transition: all 0.3s ease 0s;
}

.menuLevel1 span:hover {
    color: #ddd;
    padding-right: 8px;
}

.carousel-caption {
    text-align: right;
    top: 10%;
}

.carousel-indicators li {
    background: rgba(0, 0, 0, 0.9);
    border: medium none;
    height: 0.9375rem;
    width: 0.9375rem;
}

.carousel-indicators .active {
    background: #5d0000;
    border: medium none;
    height: 0.9375rem;
    width: 0.9375rem;
}

.searchBox {
    display: none;
    background: #645243;
    padding: 0.625rem;
    margin-top: 0.625rem;
}

.mini-Search .input-sm {
    background: transparent !important;
    font-size: 1rem;
    box-shadow: none;
    border: none;
    color: #fff !important;
    outline: none;
}

.noPadding {
    padding-left: 0;
    padding-right: 0;
}

.mainBG {
    background: #133780;
}

.mainColor {
    color: #133780;
}

.white-color {
    color: #ffffff;
}

.dark-color {
    color: #000;
}

header .navbar {
    min-height: 0;
    margin-bottom: 0;
}

.sm-default a span {
    font-size: .95rem;
}

.inline-block {
    display: inline-block;
}

.block {
    display: block;
}

.relPos {
    position: relative;
}

.absPos {
    position: absolute;
}

.align-self-center {
    align-self: center !important;
}

.disFlex {
    display: flex;
    flex-wrap: wrap;
}

.btn-pills {
    border-radius: 6.25rem;
}

.text-white {
    color: #fff !important;
}

.text-small {
    font-size: .8em;
}

.bg-white {
    background: #fff;
}

.z-index-2 {
    z-index: 2;
}

.overflow-hidden {
    overflow: hidden;
}

.position-relative {
    position: relative;
}

.border-bottom {
    border-bottom: 0.0625rem solid #ccc;
}

.text-black {
    color: #333 !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.w-100 {
    width: 100% !important;
}

/* end of general style */

.shadow-lg {
    box-shadow: 0 0 1.25rem -0.1875rem #eceaf4;
}

.bottomHeader {
    background: #84bd00;
}

.text-brown {
    color: #4e2e1d;
}

.text-green {
    color: #93bd3f;
}

.w28 {
    width: 1.75rem;
}

footer {
    background: #4e2e1d;
}

.border-top {
    border-top: 0.0625rem solid rgba(255, 255, 255, 0.1);
}

.border-bottom {
    border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1);
}

.border-right {
    border-right: 0.0625rem solid rgba(255, 255, 255, 0.1);
}

.border-left {
    border-left: 0.0625rem solid rgba(255, 255, 255, 0.1);
}

.text-dark-50 {
    color: #575757;
}

.text-orange {
    color: #ff8200;
}

.btn-orange {
    background: #ff8200;
    border: 0.0625rem solid #ff8200;
    color: #fff;
}

.btn-orange:hover,
.btn-orange:focus {
    background: #fff;
    color: #ff8200;
}

.btn-orange-outline {
    background: #fff;
    border: 0.0625rem solid #ff8200;
    color: #ff8200;
}

.btn-orange-outline:hover,
.btn-orange-outline:focus {
    background: #ff8200;
    color: #fff;
}

.btn-green {
    background: #84bd00;
    border: 0.0625rem solid #84bd00;
    color: #fff;
}

.btn-green:hover,
.btn-green:focus {
    background: #fff !important;
    color: #84bd00 !important;
    border: 0.1rem solid #84bd00;
    border-color: #84bd00 !important;
}

.btn-green-outline {
    background: transparent;
    border: 0.0625rem solid #84bd00;
    color: #84bd00;
}

.btn-green-outline:hover,
.btn-green-outline:focus {
    background: #84bd00;
    color: #fff;
}

.btn {
    transition: .4s;
}

.sliderBg {
    background: #f4f3ef;
}

@keyframes sliderH2Before {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.sliderH2::before {
    background: url(/UI/Styles/kalacard1400/images/circle-before.png);
    position: absolute;
    width: 1.625rem;
    height: 1.625rem;
    content: "";
    right: -8.5rem;
    background-size: contain;
    top: -0.0625rem;
    z-index: 2;
    opacity: 0;
    animation: sliderH2Before 1.2s linear 1.3s infinite;
}

@keyframes sliderH2After {
    0% {
        width: 0rem;
        right: -0.9375rem;
        opacity: 0;
    }

    1% {
        width: 0rem;
        right: -0.9375rem;
        opacity: 1;
    }

    100% {
        width: 6.25rem;
        right: -7.1875rem;
        opacity: 1;
    }
}

.sliderH2::after {
    background: #84bd00;
    position: absolute;
    width: 6.25rem;
    height: 0.0625rem;
    content: "";
    right: -7.1875rem;
    background-size: contain;
    top: 0.75rem;
    z-index: 1;
    opacity: 0;
    animation: sliderH2After 1s linear .3s forwards;
}

@keyframes sliderH3 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.sliderH3::before {
    background: url(/UI/Styles/kalacard1400/images/circle-before.png);
    position: absolute;
    width: 1.625rem;
    height: 1.625rem;
    content: "";
    right: -2.1875rem;
    background-size: contain;
    top: 0rem;
    z-index: 2;
    animation: sliderH3 1.2s linear .2s infinite;
}

.sliderUnderBg {
    background: #645243;
}

.border-left-us {
    border-left: 0.0625rem solid rgba(255, 255, 255, 0.4);
}

.acceptor {
    display: flex;
    flex-wrap: wrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.acceptor .acceptor-item {
    flex-shrink: 0;
    width: 11rem;
    height: 11rem;
}

.acceptor::-webkit-scrollbar {
    display: none;
}

.acceptor img {
    filter: brightness(0) opacity(0.35);
    object-fit: contain;
    transition: .4s;
}

.acceptor img:hover {
    filter: brightness(1) opacity(0.6);
}

.grouping-main {
    transition: .4s;
}

.grouping-main::after {
    content: "";
    background: rgba(0, 0, 0, .5);
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    opacity: 0;
    transition: .4s;
    z-index: 0;
    right: 0;
}

.grouping-main:hover::after {
    opacity: 1;
}

.grouping-main:hover .grouping-link {
    z-index: 2;
    bottom: 70%;
}

.grouping-main p {
    visibility: hidden;
    position: absolute;
    text-align: justify;
    right: 2.5rem;
    left: 2.5rem;
    bottom: -5rem;
    z-index: 1;
    opacity: 0;
    transition: .4s;
    display: none;
}

.grouping-main:hover p {
    visibility: visible;
    opacity: 1;
    bottom: 0.625rem;
    display: block;
}

.card1 {
    z-index: 4;
    right: 0.5rem;
    position: relative;
    animation: card1 3s ease-in-out infinite;
}

.card2 {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 3;
    animation: card2 3s ease-in-out infinite;
}

.card3 {
    position: absolute;
    top: 1rem;
    right: 0.5rem;
    z-index: 2;
    animation: card3 3s ease-in-out infinite;
}

.card4 {
    position: absolute;
    top: 1.5rem;
    right: 0.5rem;
    z-index: 1;
    animation: card4 3s ease-in-out infinite;
}

@keyframes card1 {
    0% {
        top: 0;
    }

    50% {
        top: 3.125rem;
    }

    100% {
        top: 0;
    }
}

@keyframes card2 {
    0% {
        top: 2.5rem;
    }

    50% {
        top: 3.5625rem;
    }

    100% {
        top: 2.5rem;
    }
}

@keyframes card3 {
    0% {
        top: 5rem;
    }

    50% {
        top: 3.9375rem;
    }

    100% {
        top: 5rem;
    }
}

@keyframes card4 {
    0% {
        top: 7.5rem;
    }

    50% {
        top: 4.375rem;
    }

    100% {
        top: 7.5rem;
    }
}

.justify-content-between {
    justify-content: space-between;
}

.sm-nowrap {
    z-index: 20 !important;
}

.inner-bg {
    background: #F8F9FA;
}

.text-bold {
    font-weight: bold;
}

.modalHorzCenter .modal-dialog {
    transform: translateY(-50%) !important;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin-top: 0;
}

.eForm .contentSection {
    border: 0.0625rem solid lightgrey;
    margin-bottom: 0.625rem;
    box-shadow: 0rem 0rem 0.625rem 0.1875rem rgba(203, 214, 255, 0.5) !important;
    border-radius: 1.875rem !important;
    overflow: hidden;
    background: #fff !important;
    padding-bottom: 0.625rem !important;
    border: none !important;
    font-family: 'iranyekanfnmedium' !important;
    font-weight: normal !important;
}

.eForm .titleSection {
    background: transparent !important;
    border-bottom: 0.0625rem solid #E0E0E0;
    color: #4f2e1b !important;
    font-weight: normal !important;
    font-size: 1.4375rem !important;
    height: auto !important;
    padding-bottom: 0.625rem !important;
    padding-top: 1.25rem !important;
}

.eForm .form-control {
    height: 3.125rem;
    box-shadow: none !important;
    border-radius: 3.125rem !important;
}


.aboutAccordion .expand_caret {
    transform: scale(1.6);
    margin-left: 0.5rem;
    transition: .4s;
}

.aboutAccordion a[aria-expanded='false']>.expand_caret {
    transform: scale(1.6) rotate(90deg);
}

.w10 {
    width: 0.625rem;
}

.aboutAccordion .panel.panel-default>.panel-heading,
.aboutAccordion .panel>.panel-heading {
    background: transparent !important;
    padding: 0 !important;
}

.aboutAccordion .panel.panel-default {
    box-shadow: none !important;
    border: none !important;
}

.aboutAccordion {
    background: #fff;
}

.aboutAccordion .panel.panel-default>.panel-heading a,
.aboutAccordion .panel>.panel-heading a {
    padding: 1.25rem 0.9375rem !important;
    display: block;
    font-size: 1.25rem !important;
    color: #4f2e1b;
}

.aboutAccordion.panel-group .panel-heading+.panel-collapse>.list-group,
.aboutAccordion.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: none !important;
}

.aboutAccordion .panel-collapse {
    text-align: justify;
    font-size: 1.0625rem;
    margin-bottom: 1.25rem;
}


.bg-brown-light {
    background: #f4f3ef;
}

.bg-brown {
    background: #645243;
}

.bg-green {
    background: #84bd00;
}

.rounded-30 {
    border-radius: 1.875rem;
}

label {
    font-weight: normal;
}

.contactUsForm {
    font-size: 1.3125rem;
}

.contactUsForm .form-control {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 1.875rem !important;
    min-height: 3.125rem;
}

.contactUsForm .btn-success {
    background: #84bd00 !important;
    text-shadow: none !important;
    color: #fff !important;
    border-radius: 1.875rem;
    border: 0.0625rem solid #84bd00 !important;
    padding-right: 3.125rem;
    padding-left: 3.125rem;
}

.contactUsForm .btn-warning {
    background: #ff8200 !important;
    text-shadow: none !important;
    color: #fff !important;
    border-radius: 1.875rem;
    border: 0.0625rem solid #ff8200 !important;
    padding-right: 3.125rem;
    padding-left: 3.125rem;
}

.contactUsForm textarea {
    padding-right: 1.25rem;
    padding-top: 1.25rem;
    min-height: 11.875rem !important;
}

.contactUsForm .btn-warning .glyphicon {
    display: none;
}

.bg-silver {
    background: #e1e1e1;
}

.green-ul {
    list-style: none;
    padding-right: 1.25rem;
}

.green-ul li {
    position: relative;
    margin-bottom: 0.5rem;
}

.green-ul li::before {
    position: absolute;
    right: -1.1875rem;
    content: "";
    background: #93bd3f;
    width: 0.625rem;
    height: 0.625rem;
    top: 0.6875rem;
    border-radius: 0.625rem;
}

.insForm {
    text-align: center;
}

.formtitle::before,
.formtitle:nth-child(2n)::after,
.formtitle:nth-child(2n+1)::after {
    display: none;
}

.formtitle:nth-child(2n),
.formtitle:nth-child(2n+1) {
    background: #84BD00 !important;
    color: #fff !important;
    text-shadow: none !important;
    border-radius: 1.5rem;
    padding: 0.5rem 1.5rem;
    font-size: 1rem !important;
}

.formtracking {
    height: auto !important;
    width: auto !important;
    border-radius: 1.5rem;
    padding: 0.5rem 1.5rem;
    font-size: 1rem !important;
    background: #FF8202 !important;
}


.eForm,
.eForm .setFont,
.eForm input[type="submit"],
.eForm input[type="text"],
.eForm textarea,
.eForm input[type="button"],
.eForm a,
.eForm label,
.eForm table th,
.eForm table td,
.eForm input[type="text"],
.eForm label,
.eForm select {
    font-size: 1rem !important;
}

.rcbInputCell.rcbInputCellRight {
    border-radius: 0 1rem 1rem 0 !important;
}

.rcbArrowCell.rcbArrowCellLeft {
    border-radius: 1rem 0 0 1rem !important;
}

.eForm .eForm_forms span {
    font-size: 1rem !important;
}

.RadComboBox.RadComboBox_Bootstrap.RadComboBox_rtl.RadComboBox_Bootstrap_rtl {
    overflow: hidden !important;
}

.eForm .btn-success {
    background: #84BD00 !important;
    border: 0.0625rem solid #84BD00 !important;
    box-shadow: none !important;
    height: auto !important;
    padding: 0.875rem 1.875rem !important;
    width: auto !important;
    border-radius: 2.5rem !important;
    font-size: 1rem !important;
    line-height: 1.829 !important;
}

.RadCaptcha>div>div {
    display: inline-flex !important;
}

.RadCaptcha [id*="SpamProtectorPanel"]>p {
    width: 100%;
    display: block;
}

.RadCaptcha [id*="SpamProtectorPanel"]>p input {
    width: 100% !important;
}

.RadCaptcha {
    margin-top: 0.9375rem;
}

.RadCaptcha [id*="SpamProtectorPanel"] {
    /* text-align: center; */
}

.eForm .rcRefreshImage {
    background-image: url('/DeskTopModules/eForms/images/refresh.png') !important;
    width: 1.875rem;
    height: 1.875rem;
    background-repeat: no-repeat;
    background-position: 0rem 0.125rem;
    background-size: contain;
    margin-top: 0.625rem;
    margin-right: 0.5625rem;
    background-position: 0 0 !important;
    right: 0 !important;
    opacity: .7;
}

.RadCaptcha [id*="SpamProtectorPanel"]>p input {
    border: 0.0625rem solid #a8a8a8;
    border-radius: 0.3125rem;
    margin-bottom: 0.125rem;
}

.RadCaptcha [id*="SpamProtectorPanel"]>p label {
    font-size: 0.8rem !important;
}

.eForm .row.mb-10.mainRow {
    margin-top: 1.25rem;
}

.eForm .RadAsyncUpload .ruStyled .ruFakeInput {
    border-radius: 0 2.5rem 2.5rem 0 !important;
    padding: 0rem 0.9375rem 0rem 0.9375rem !important;
}

.eForm .RadAsyncUpload .ruButton {
    border-radius: 2.5rem 0 0 2.5rem !important;
    font-size: 0.875rem !important;
    padding: 0rem 1.25rem 0 1.25rem !important;
    width: auto;
    border-right: none !important;
}

.eForm .RadCaptcha [id*="SpamProtectorPanel"]>p input {
    border: 0.0625rem solid #a8a8a8;
    border-radius: 2.5rem !important;
    margin-bottom: 0.125rem;
}

.eForm .emptySpace {
    width: 1.25rem;
    display: inline-block;
}

.eForm .glyphicon-asterisk {
    width: 1.6875rem;
    display: inline-block;
    text-align: left;
}

.eForm .rcbArrowCell.rcbArrowCellLeft a {
    color: transparent !important;
}

.kalaMegaMenu .tab-pane ul {
    list-style: none;
    padding: 0;
}

.kalaMegaMenu .tab-pane ul li {
    width: 100%;
    margin-bottom: 0.9375rem;
}

.kalaMegaMenu .tab-pane ul li a {
    color: #8e8c8d;
    font-size: 0.8125rem;
}

.kalaMegaMenu .nav>li>a {
    padding-left: 0.5rem;
    padding-right: 0.75rem;
    color: #fff;
}

.kalaMegaMenu .bottomHeader>div .nav-tabs>li>a {
    border-bottom: 0.1875rem solid transparent;
}

.kalaMegaMenu .bottomHeader>div .nav-tabs>li.active>a,
.kalaMegaMenu .bottomHeader>div .nav-tabs>li.active>a:focus,
.kalaMegaMenu .bottomHeader>div .nav-tabs>li.active>a:hover {
    border-right: none;
    border-top: none;
    border-left: none;
    border-bottom: 0.1875rem solid #fff !important;
    color: #fff !important;
    border-radius: 0;
    cursor: pointer;
    background: transparent !important;
}

.nav-sec-level li.active>a,
.nav-sec-level li.active>a:focus,
.nav-sec-level li.active>a:hover {
    border-right: none;
    border-top: none;
    border-left: none;
    border-bottom: none;
    color: rgb(148 192 46) !important;
    border-radius: 0;
    cursor: pointer;
}

.kalaMegaMenu .bottomHeader>div>.nav-tabs>li.active>a,
.kalaMegaMenu .bottomHeader>div .nav-tabs>li.active>a:focus,
.kalaMegaMenu .bottomHeader>div .nav-tabs>li.active>a:hover {
    background: transparent !important;
}

.nav-sec-level li.active>a,
.nav-sec-level li.active>a:focus,
.nav-sec-level li.active>a:hover {
    background: transparent !important;
}

.kalaMegaMenu .nav-tabs {
    border-bottom: none;
    display: flex;
}

.kalaMegaMenu .tab-content {
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    z-index: 1000;
}

.nav-sec-level>li.active>a,
.nav-sec-level>li.active>a:focus,
.nav-sec-level>li.active>a:hover {
    color: rgb(148 192 46) !important;
}

.tab-content>.tab-pane>.container {
    width: 100%;
}

.tab-sec-level .tab-pane h4 {
    color: rgb(132 189 0);
}

.nav-tabs>li>a:hover,
.nav-tabs>li.active>a:hover,
.nav>li>a:focus,
.nav>li.active>a:focus,
.nav>li>a:hover,
.nav>li.active>a:hover {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
}

.footerMenu .FooterMenuUL {
    display: table;
    margin: 1.25rem auto 1.875rem auto;
    list-style: none;
    text-align: center;
    vertical-align: middle;
    padding-right: 0;
}

ul.FooterMenuUL li {
    float: right;
    margin: 0 0.625rem 0 0.625rem;
}

ul.FooterMenuUL li a {
    float: left;
    text-decoration: none;
    color: #fff;
    width: 100%;
    text-align: center;
}

ul.HorzMenuUL {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
}

ul.HorzMenuUL li {
    float: right;
}

ul.HorzMenuUL li a {
    text-decoration: none;
    font-size: 1rem;
    padding: 0.15rem 0.75rem;
    color: #fff;
    line-height: 2;
}

.green-nav {
    background: #84bd00;
}

.RadDock_Bootstrap td.rdCenter .rdCommands a,
.RadDock_Bootstrap td.rdCenter .rdCommands a span {
    width: 1.25rem !important;
    height: 1.25rem !important;
}

.CommandEditAuth {
    width: 1rem;
    height: 1rem;
    background: url(Images/auth.png) no-repeat !important;
    cursor: pointer !important;
    display: block;
}

.CommandEditInfo {
    width: 1rem;
    height: 1rem;
    background: url(Images/edit.png) no-repeat !important;
    cursor: pointer !important;
    display: block;
}

.CommandEditSett {
    width: 1rem;
    height: 1rem;
    background: url(Images/settings.png) no-repeat !important;
    cursor: pointer !important;
    display: block;
}

.CommandDelete {
    width: 1rem;
    height: 1rem;
    background: url(Images/delete.png) no-repeat !important;
    cursor: pointer !important;
    display: block;
}

.CommandUp {
    width: 1rem;
    height: 1rem;
    background: url(Images/Up.png) no-repeat !important;
    cursor: pointer !important;
    display: block;
}

.CommandDown {
    width: 1rem;
    height: 1rem;
    background: url(Images/Down.png) no-repeat !important;
    cursor: pointer !important;
    display: block;
}

.CommandVisible {
    width: 1rem;
    height: 1rem;
    background: url(Images/Visible.png) no-repeat !important;
    cursor: pointer !important;
    display: block;
}

.CommandInvisible {
    width: 1rem;
    height: 1rem;
    background: url(Images/Invisible.png) no-repeat !important;
    cursor: pointer !important;
    display: block;
}

.RadDock .rdContent {
    overflow: visible !important;
}


.RadGrid_Bootstrap .rgPagerCell .rgPageFirst {
    border-radius: 0.25rem 0 0 0.25rem !important;
    /* background-position: -0.5625rem -47.5rem !important; */
    transform: rotate(180deg);
}

.RadGrid_Bootstrap .rgPagerCell .rgPagePrev {
    transform: rotate(180deg);
}

.RadGrid_Bootstrap .rgPagerCell .rgPageNext {
    transform: rotate(180deg);
}

.RadGrid_Bootstrap .rgPagerCell .rgPageLast {
    border-radius: 0 0.25rem 0.25rem 0 !important;
    border-left-width: 0.0625rem !important;
    /* background-position: -0.5625rem -44.3125rem !important; */
    transform: rotate(180deg);
}

.RadGrid_Bootstrap .rgFilterBox {
    -ms-border-radius: 0 0.25rem 0.25rem 0 !important;
    border-radius: 0 0.25rem 0.25rem 0 !important;
}

.RadGrid_Bootstrap .rgFilter {
    -ms-border-radius: 0.25rem 0 0 0.25rem !important;
    border-radius: 0.25rem 0 0 0.25rem !important;
}

.bi-asterisk::before {
    font-size: 0.5rem;
}

.rgFilterRow td {
    text-align: center;
}

.bgcol2 {
    background-color: #FF8202;
}

.bgcol1 {
    background-color: #F1F3F7;
}



/**** taghirat  ****/
li.menu-list-1:has(a[href*="tabId=10"]) {
    margin-right: auto;
}

div:has(>a[href*="tabId=10"]) {
    background: #ff8200;
    border-radius: 0.27rem;
    cursor: pointer;
}

div:has(>a[href*="tabId=10"]):hover {
    border-radius: 0.27rem !important;
    background: #fff !important;
    color: #ff8200 !important;
}


div:has(>a[href*="tabId=10"]):hover a {
    color: #ff8200 !important;
}

#HeaderMenu {
    display: flex;
}

.green-nav {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

div[id$="Contents"] a>img {
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: middle !important;
    margin-right: unset !important;
    margin-left: unset !important;
    max-width: unset !important;
    text-align: unset !important;
}


div[id$="Contents"] p {
    margin-bottom: 0;
}


/*footer*/
.row:has(div[id$="_footer"]) .footerMenu ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: 0.9375rem;
}

.row:has(div[id$="_footer"]) ul li a {
    float: right !important;
}

.row:has(div[id$="_footer"]) footer>.container-fluid>.container {
    display: flex;
    justify-content: flex-end;
}

.row:has(div[id$="_footer"]) .bottomFooter {
    padding-bottom: 0.625rem;
}

.row:has(div[id$="_footer"]) .bottomFooter>.container div:nth-child(1) {
    margin-right: 2.5rem;
}

.row:has(div[id$="_footer"]) .btn-green:hover,
.btn-green:focus {
    background: #fff;
    color: #84bd00;
}

.row:has(div[id$="_footer"]) .btn-green-outline:hover,
.btn-green-outline:focus {
    background: #84bd00;
    color: #fff;
}


/**    btn hover   **/
a.btn.btn-green.pt10.pb10.pr40.pl40.rounded-pill:hover {
    background-color: #fff !important;
    color: #84bd00 !important;
    border: 0.0625rem solid #84bd00 !important;
}

.btn-orange-outline:hover,
.btn-orange-outline:focus {
    background: #ff8200 !important;
    color: #fff !important;
}

.btn-orange:hover,
.btn-orange:focus {
    background: #fff !important;
    color: #ff8200 !important;
    border: 0.0625rem solid #ff8200 !important;
}

.w-70 {
    width: 70% !important;
}

.mb5 {
    margin-bottom: 0.3125rem;
}

input#ctl14_ctl03_ctl00_btnLogin {
    width: 50%;
    padding: 0.3125rem 1.875rem;
    color: #fff;
    background: #84bd00;
    border-color: #84bd00;
}

.loginBG input#ctl14_ctl03_ctl01_txtPass {
    border-top-left-radius: 3.125rem;
    border-bottom-left-radius: 3.125rem;
}

.loginBG input#ctl14_ctl03_ctl01_txtUserName {
    border-top-left-radius: 3.125rem;
    border-bottom-left-radius: 3.125rem;
}

.loginBG .loginDiv {
    text-align: right;
}

.loginBG input#ctl14_ctl03_ctl01_btnLogin {
    color: #fff;
    background: #84bd00;
    border-color: #84bd00;
    width: 50%;
    margin-top: 1.25rem;
}

.loginBG input#ctl14_ctl03_ctl01_btnLogin:hover {
    color: #84bd00;
    background: #fff;
    border-color: #84bd00;
    width: 50%;
    margin-top: 1.25rem;
}

.loginBG span.form-check label {
    padding-right: 0.3125rem;
}

.loginBG .loginDiv {
    position: absolute;
    top: 20%;
    transform: translate(-50%);
    background: rgba(255, 255, 255, 1);
    width: 33%;
    left: 50%;
    filter: drop-shadow(0.9375rem 0.9375rem 0.3125rem #bfc0bc);
    border: 0.0625rem solid #ededed;
}

.text-right {
    text-align: right;
}

.fs-07 {
    font-size: 0.7rem;
}

.justify-center {
    justify-content: center;
}

.pr5 {
    padding-right: 0.3125rem;
}

.footer-end {
    display: flex;
    flex-direction: row-reverse;
}

@media (max-width: 480px) {
    .footerMenu .FooterMenuUL {
        grid-template-columns: 1fr !important;
        text-align: right;
    }

    .row:has(div[id$="_footer"]) .bottomFooter>.container div:nth-child(1) {
        margin-right: 0rem;
    }

    .footer-end {
        flex-direction: column;
    }

    ul.FooterMenuUL li a {
        text-align: right;
    }
}

.header-menu-item {
    width: fit-content;
    /* padding-right: 0; */
}

.header-menu-item a {
    color: #fff;
    font-size: 0.8rem;
}

.rcbInputCell {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.RadComboBox_Bootstrap,
.RadComboBoxDropDown_Bootstrap {
    font-family: inherit !important;
}

.RadDropDownTree_Bootstrap .rddtInner {
    border-radius: 1rem !important;
    padding-right: 1.5rem !important;
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
}

[id*="header"] {
    padding: 0 !important;
}

.zeynep .submenu>label.end-label>a {
    color: #cf6900;
    display: block;
    font-size: 0.9rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    margin-top: 1.1875rem;
    opacity: .5;
    padding-right: 1.5rem;
    width: 100%;
}

.row.header-menu {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}


[id*="top"],
[id*="centerFull"] {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.checkbox-wrapper {
    width: fit-content;
    box-sizing: border-box;
    --background-color: #fff;
    --checkbox-height: 1.25rem;
    display: flex;
    align-items: center;
    justify-self: center;
}

@-moz-keyframes dothabottomcheck-19 {
    0% {
        height: 0;
    }

    100% {
        height: calc(var(--checkbox-height) / 2);
    }
}

@-webkit-keyframes dothabottomcheck-19 {
    0% {
        height: 0;
    }

    100% {
        height: calc(var(--checkbox-height) / 2);
    }
}

@keyframes dothabottomcheck-19 {
    0% {
        height: 0;
    }

    100% {
        height: calc(var(--checkbox-height) / 2);
    }
}

@keyframes dothatopcheck-19 {
    0% {
        height: 0;
    }

    50% {
        height: 0;
    }

    100% {
        height: calc(var(--checkbox-height) * 1.2);
    }
}

@-webkit-keyframes dothatopcheck-19 {
    0% {
        height: 0;
    }

    50% {
        height: 0;
    }

    100% {
        height: calc(var(--checkbox-height) * 1.2);
    }
}

@-moz-keyframes dothatopcheck-19 {
    0% {
        height: 0;
    }

    50% {
        height: 0;
    }

    100% {
        height: calc(var(--checkbox-height) * 1.2);
    }
}

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

.checkbox-wrapper .check-box {
    height: var(--checkbox-height);
    width: var(--checkbox-height);
    background-color: transparent;
    border: calc(var(--checkbox-height) * .1) solid #767676;
    border-radius: 0.3rem;
    position: relative;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: border-color ease 0.2s;
    -o-transition: border-color ease 0.2s;
    -webkit-transition: border-color ease 0.2s;
    transition: border-color ease 0.2s;
    cursor: pointer;
}

.checkbox-wrapper .check-box::before,
.checkbox-wrapper .check-box::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    height: 0;
    width: calc(var(--checkbox-height) * .2);
    background-color: #84bd00;
    display: inline-block;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-radius: 0.3rem;
    content: " ";
    -webkit-transition: opacity ease 0.5;
    -moz-transition: opacity ease 0.5;
    transition: opacity ease 0.5;
}

.checkbox-wrapper .check-box::before {
    top: calc(var(--checkbox-height) * .72);
    left: calc(var(--checkbox-height) * .41);
    box-shadow: 0 0 0 calc(var(--checkbox-height) * .05) var(--background-color);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.checkbox-wrapper .check-box::after {
    top: calc(var(--checkbox-height) * .37);
    left: calc(var(--checkbox-height) * .05);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.checkbox-wrapper input[type=checkbox]:checked+.check-box,
.checkbox-wrapper .check-box.checked {
    border-color: #84bd00;
}

.checkbox-wrapper input[type=checkbox]:checked+.check-box::after,
.checkbox-wrapper .check-box.checked::after {
    height: calc(var(--checkbox-height) / 2);
    -moz-animation: dothabottomcheck-19 0.2s ease 0s forwards;
    -o-animation: dothabottomcheck-19 0.2s ease 0s forwards;
    -webkit-animation: dothabottomcheck-19 0.2s ease 0s forwards;
    animation: dothabottomcheck-19 0.2s ease 0s forwards;
}

.checkbox-wrapper input[type=checkbox]:checked+.check-box::before,
.checkbox-wrapper .check-box.checked::before {
    height: calc(var(--checkbox-height) * 1.2);
    -moz-animation: dothatopcheck-19 0.4s ease 0s forwards;
    -o-animation: dothatopcheck-19 0.4s ease 0s forwards;
    -webkit-animation: dothatopcheck-19 0.4s ease 0s forwards;
    animation: dothatopcheck-19 0.4s ease 0s forwards;
}

.container:has([id*="CustomerMembership__rapMain"]) {
    max-width: 98% !important;
    margin: 0 auto;
}

.rg-5-10 {
    row-gap: 0.5rem;
}

.tableGrid {
    overflow-x: scroll;
}

.h-85 {
    height: 85% !important;
}

.star-icon {
    width: 1.2rem;
    height: 1.2rem;
}

.avatar-picture {
    width: 5rem;
    height: 5rem;
}

.h-17rem {
    height: 17rem;
}

.h_iframe-aparat_embed_frame iframe {
	position: unset !important;
	top: unset !important;
	left: unset !important;
	height: auto !important;
	width: auto !important;
}