@import url(vars.css);
@import url(boot_override.css);

*, *::before, *::after {
    box-sizing:border-box;
}

html,
body {
    height: 100%;
    /*background-color: var(--color-gray);*/
    scroll-behavior: smooth;
    
}

/*     backgrounds    */
.bg-gray {
  background-color: var(--color-gray) !important;
}
.bg-prime {
  background-color: var(--color-prime) !important;
}
.bg-second {
  background-color: var(--color-second) !important;
}
.bg-third {
  background-color: var(--color-third) !important;
}
.bg-third {
  background-color: var(--color-third) !important;
}
.bg-fourth {
  background-color: var(--color-fourth) !important;
}

/*     colors    */
.color-gray {
  color: var(--color-gray) !important;
}
.color-prime {
  color: var(--color-prime) !important;
}
.color-second {
  color: var(--color-second) !important;
}
.color-third {
  color: var(--color-third) !important;
}
/*.color-third {
  color: var(--color-third) !important;
}*/
.color-fourth {
  color: var(--color-fourth) !important;
}
.grey858585 {
    color:#858585;
}

/*    heading colors   */
/*h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--color-prime) !important;
}*/

/*  font sixes*/
.f-24 {
  font-size: 1.5rem;
}
.f-20 {
  font-size: 1.25rem;
}
.f-18 {
  font-size: 1.125rem;
}
.f-15 {
  font-size: 0.9375rem;
}
.f-14 {
  font-size: 0.875rem;
}
.f-13 {
  font-size: 0.8125rem;
}
.f-12 {
  font-size: 0.75rem;
}
.f-11 {
  font-size: 0.6875rem;
}
.f-10 {
  font-size: 0.625rem;
}

.f-8 {
    font-size: 8px;
}

/*
    gaps for flex and grid
*/

.gap-8 {
    gap:0.5rem;
}
.gap-16 {
    gap: 1rem;
}


.one-line {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*    links      */
.text-link,
.text-link:visited {
  color: var(--color-second);
  text-decoration: none;
}
.text-link:hover {
  color: var(--color-prime);
}

/*   program cards  */
.program-card {
  border-radius: 10px;
  border: 0;
  box-shadow: 0px 5px 30px rgba(2, 41, 62, 0.1);
  height:100%;
}
.program-card.inactive {
  border-radius: 10px;
  border: 1px solid #d6d6d6;
  box-shadow: 0px 0px 0px rgba(2, 41, 62, 0);
  background: #e9ecef;
}
.program-card ul {
    margin-bottom:0;    
    
}
.card-back {
  border-radius: 10px;
  border: 0;
  box-shadow: 0px 5px 30px rgba(2, 41, 62, 0.1);
  background-color: #fff;
}

.card-back-no-shadow {
    border-radius: 10px;
    border: 0;
   
    background-color: #fff;
}

.schedule-calendar {
  font-size: 0.875rem;
}
.lecturer-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-size: cover;
    background-position: top;
    position: relative;
}

.lecturer-img-big {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-size: cover;
    background-position: top;
    position: relative;
}
.img-30 {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-position: top;
    background-size: cover;
    position: relative;
}

.attendance-one-class {
  border-bottom: 1px solid rgba(2, 41, 62, 0.3);
}

.title-with-line {
  color: var(--color-second);
  position: relative;
  width: fit-content;
}
.title-with-line::after {
  content: "";
  position: absolute;
  height: 3px;
  width: 35px;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50px;
  background-color: var(--color-second);
}
#loader {
    position: absolute;
    width: 100%;
    height: 100vh;
    z-index: 999999999 !important;
    overflow: visible;
    /*background-image: url("../assets/img/tomo-loading-2.gif");*/
    background-image: url("../assets/loader/dots-loader.gif");
    background-color: rgba(255,255,255,0.7);
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
}
[type="checkbox"].filled-in:not(:checked) + label.absent::after {
    border: 2px solid red;
}
#clubi_loader {
    position: absolute;
    width: 100%;
    height: 100vh;
  /*  top: 0;
    bottom: 0;
    left: 0;
    right: 0;*/
    z-index: 999999 !important;
    background-color: rgba(255,255,255,0.7);
    background-image: url("../assets/loader/load-clubi-1.gif");
    background-position: center;
    background-repeat: no-repeat;
    display: none;
}

/*       switch    */
.switch {
    position: relative;
    display: inline-block;
    width: 34px !important;
    min-width:34px;
    height: 20px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 12px;
        width: 12px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 55px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.irts-column {
    min-width:320px !important;
}

/*.error {
    font-size:12px;
    color:red;
    font-style:italic;
}*/
.course-error {
    font-size: 12px;
    color: red;
    font-style: italic;
}

.mod-teacher-pic-div {
    width:150px;
    height:150px;
    
    position:absolute;
   
    margin:0 auto;
}

    .mod-teacher-pic-div > a {
        position:absolute;
        z-index:100;
        right:0;
        bottom:0;
    }

.message-picture {
    min-width:100%;
    width:100vw;
    border-radius:10px;
    object-fit:cover;
}

.avatar {
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    width: 30px !important;
    height:30px;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}

    .avatar:not(:first-child) {
        margin-left: -10px;
        -webkit-mask: radial-gradient(circle 15px at -5px 50%,transparent 99%,#fff 100%);
        mask: radial-gradient(circle 15px at -5px 50%,transparent 99%,#fff 100%);
    }

    .avatar:last-child {
        margin-left: -5px;
        -webkit-mask: radial-gradient(circle 15px at -10px 50%,transparent 99%,#fff 100%);
        mask: radial-gradient(circle 15px at -5px 50%,transparent 99%,#fff 100%);
        font-size:12px;
    }

.tooltip {
  position:relative;
    width:50px;
    height:50px;
    background-color:green;

}
.toolTipDiv {
   
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-position: top;
    background-size: cover;
    position: relative;
 
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:20px;
}

    .img-30 .tooltiptext, .lecturer-img .tooltiptext, .lecturer-img-big .tooltiptext, .toolTipDiv .tooltiptext, .toolTipDiv .tooltipBranch {
        visibility: hidden;
        /*width: 120px;*/
        background-color: rgba(2, 41, 62, 0.9);
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 15px;
        /* Position the tooltip */
        position: absolute;
        z-index: 9999;
        top: -100%;
        left: -50%;
        font-size: 12px;
    }

.toolTipDiv .tooltiptext {
    width: 250px;
    top: -50px;
    left: -100px;
}
    .toolTipDiv .tooltipBranch {
        width: 250px;
        top: 0px;
        left: -250px;
    }

    .toolTipDiv .tooltiptextBig {
        width: 450px;
        top: -50px;
        left: -100px;
        visibility: hidden;
        /*width: 120px;*/
        background-color: rgba(2, 41, 62, 0.9);
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 15px;
        /* Position the tooltip */
        position: absolute;
        z-index: 9999;
       
        font-size: 12px;
    }

    .img-30:hover .tooltiptext, .lecturer-img:hover .tooltiptext, .lecturer-img-big:hover .tooltiptext, .toolTipDiv:hover .tooltiptext, .toolTipDiv:hover .tooltiptextBig, .toolTipDiv:hover .tooltipBranch {
        visibility: visible;
    }

.bootstrap-tagsinput {
    border-radius:3px;
    width:100%;
}

.infoPill {
    padding:2px 6px;
    border-radius:30px;
    font-size:10px;
}


.course-price {
    padding: 3px 10px;
    border: 1px solid #858585;
    border-radius: 0.5rem;
    height:100%;
}

    .course-price span, .course-price-inactive span {
        font-size: 0.6rem;
    }

   /* .course-price b {
        color: var(--color-third)
    }*/


.overline {
text-decoration:line-through;
}
.course-price-inactive {
    padding: 3px 10px;
    border: 1px solid #919191;
    color: #919191;
    border-radius: 0.5rem;
    /* display: flex;
    justify-content: space-between;
    align-items: center;*/
    cursor: default;
}

/*  for rating stars  */
/* (B) STAR RATING WRAPPER */
.starwrap {
    display: flex;
}
@font-face {
    font-family: "icomoon";
    src: url(../icomoon.woff);
}
/* (C) STAR ICON */
.star {
    font-family: "icomoon" !important;
    font-size: 16px;
    color: #d1d1d1;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .star::before {
        content: "\e9d9";
    }

    .star.on {
        color: #ffe000;
    }


/*     tag input css    */
.tags-look .tagify__dropdown__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    padding: .3em .5em;
    border: 1px solid #CCC;
    background: #F3F3F3;
    margin: .2em;
    font-size: .85em;
    color: black;
    transition: 0s;
}

.tags-look .tagify__dropdown__item--active {
    color: black;
}

.tags-look .tagify__dropdown__item:hover {
    background: lightyellow;
    border-color: gold;
}

.tags-look .tagify__dropdown__item--hidden {
    max-width: 0;
    max-height: initial;
    padding: .3em 0;
    margin: .2em 0;
    white-space: nowrap;
    text-indent: -20px;
    border: 0;
}

.dataTables_wrapper {
    padding:0px !important;
}
.attendanceTdPositionRelative {
  position:relative;
 
  display:flex;
  justify-content:center;
  align-items:center;

}
.courseAttendanceClinetStatus {
    position: absolute;
    top: -2px;
    right: 0px;
}

.table-small th, .table-small td {
    padding:5px !important;
    font-size:0.9rem;
}

/*.table-no-border-padding {
    border:0px !important;
    padding:0px !important;
}*/
 .table-no-border-padding td {
        border: 0px !important;
        
        padding: 3px 0px !important;
       
        width:10px !important;
        min-width:10px !important;
        height:20px;
    }

.tdHasCourse {
    background-color:forestgreen !important;
    color:#fff;
    font-size:0.8rem;
  
    text-align:center;
}

.scheduleSesionDiv {
    padding: 3px 8px;
    background-color: teal;
    color: #fff;
    text-align: center;
    margin: 5px 0;
    border-radius: 5px;
    min-width: 90px;
    font-size: 0.9rem
}

#scheduleLineBreak {
    background-color:rgba(255,255,255,0.5);
    margin:3px 0;
}

.message-picture-div {
    width:100%;
    aspect-ratio:16/9;
    background-position:center;
    background-size:cover;
    border-radius:5px;
}

#imagesFromInput {
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap:5px;
    overflow:hidden;
    margin-bottom:20px;
}

    #imagesFromInput div {
        aspect-ratio:1/1;
        overflow-y:hidden;
        object-fit:cover;
       background-position:center;
       background-size:cover;
       border-radius:3px;     

    }
.uploadedImageDiv::after {
    content: "x";
    width: 100%;
    height: 100%;
    display:grid;
    justify-items: center;
    align-items: center;
    cursor:pointer;
    color:white;
    background-color:rgba(0,0,0,0.2);
        
}
.pinned {
    color: var(--color-third) !important;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.unpinned {
    color: #7b7b7b;
    transform: rotate(45deg);
    width:24px;
    height:24px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.spacer {
    background-image: url(../images/spacer.png);
    background-repeat: repeat-x;
    background-size: contain;
    border: 0 !important;
}
.empty-tr, .empty-tr td {
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
    border:0 !important;
}

.no-border-table td {
    border: 0 !important;
}

.fixedHieghtTable {

    max-height:500px;
    overflow-y:auto;
}

.occurance-item {
    background-color: #F3F8F9;
    color: #797979;
    border-radius: 50px;
    height: 24px;
    font-size: 12px;
    display:flex;
    
    
    align-items:center;
    margin-right:10px;
}

.occurance-day-name {
    border-radius: 9999px;
    height: 24px;
    min-width:24px;
    width:auto;
    background-color: #FFCDA8;
    color: #F03C03;    
    display:inline-flex;
    justify-content:center;
    align-items:center;
 
   
}
.occurance-item span {
    padding:0 5px;
}

.toTop {
    z-index: 9999;
    background-color: rgba(0,0,0,0.2);
    color: white;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius:3px;


    bottom: 20px;
    
 
   
    position: fixed;
    right: 20px;

}
    .toTop:hover {
        background-color: rgba(0,0,0,0.5);
        color: white;
    }

#license_warning_div {
    width:100%;    

   
    text-align:center;
    position:fixed;
    bottom:0;
    z-index:999999999;
    font-weight:bold;
    
}

.banner {
    background-color:#f0f5f6;
    border-radius:16px;
}
    .banner i {
        font-size:1.4rem;
    }

.banner_img_div {
    aspect-ratio: 16/9;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

gmp-map {
    height: 500px;
}

#gmp-map, #mapCanvas, #map {
    height: 500px;
}

table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: collapse !important;
    
}

    table.dataTable td,
    table.dataTable th {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        border: 1px solid #e6e6e6;
    }


.course_plan_end {
    border-right: 2px dashed black !important;
}

.recent_registered_clients_div {
    height: 80vh;
    overflow-y: scroll;
}

.installment_indicator {
    flex: 1;
    border-radius: 9999px;
    height: 5px;
}

.installment_indicator_circle {
    width:5px;
    max-width:5px;
    min-width:5px;
    height: 5px;
    max-height:5px;
    min-height:5px;
    border-radius:50%;
}

.bg-eee {
    background-color:#ccc !important;
}

.print {
    width:200px;
    max-width:200px;
    height:auto;
    padding:1rem;
    font-size:0.8rem;
    background-color:white;
    
}

@media only screen and (max-width: 1600px) {
    .recent_registered_clients_div {
        height: 76vh;
    }
}

@media only screen and (max-width: 1300px) {
    .recent_registered_clients_div {
        height: 70vh;
    }
}
@media only screen and (max-width: 1000px) {
    .recent_registered_clients_div {
        height: auto;
        overflow-y:auto;
    }
}

/*        course name service name new style        */

.serviceNamePill {
    font-size:12px;
    background-color:#151515;
    color:white;
    border-radius:500px;
    }

p.courseTitle, h4.courseTitle {
    color:black !important;
}

p.courseTitle {
    margin-bottom:0px;
}


.undiscountedPrice {

    font-size:0.6rem;
    color:#998;
    text-decoration:line-through;
}

purchase_detail_wrapper {
    position: absolute;
    top: 0;
    right: -100%;
    bottom: 0;
    width: 95%;
    max-width: 320px;
    overflow-y: auto;
    background-color: white;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    z-index: 10000;
    transition: all 500ms;
}

.purchase_detail_wrapper.active {
    right: 0;
}

.client_purchase_detail {
    position: absolute;
    top: 0rem;
    width: 100%;
}

.installment_number_wrapper {
    width: 24px;
    height: 24px;
    min-height: 24px;
    max-height: 24px;
    min-width: 24px;
    max-width: 24px;
    border-radius: 50%;
    border: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
}

.payment-card {
    height: 100%;
    cursor: pointer;
    transition: all 200ms;
}

    .payment-card:hover, .payment-card.active {
        box-shadow: 0 0 15px rgba(0,0,0,0.2);
    }

.course-name {
    width: 50%;
    padding-left: 1em;
    flex: 1;
}

    .course-name span {
        background-color: black;
        color: white;
        font-size: 0.6rem;
        padding: 3px 7px;
        border-radius: 1000px;
    }

    .course-name h1 {
      
        font-size: 1rem;
        font-weight: bold;
        margin: 0;
    }

    .course-name p {
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
/*  for client web modify pages  */


.uploadedImgWrapper {
    width: 100px;
    aspect-ratio: 1/1;
    background-color: #fafafa;
    background-size: cover;
    background-position: center;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #eaeaea;
}

.teamMemberBox {
    padding:1rem;
    border:1px solid #eaeaea;
    text-align:center;
    border-radius:0.5rem;

}

    .teamMemberBox h4 {
        margin-top:1rem;
    }


/*
discount page styles
*/
.discount-info {
    padding:0.5rem;
    border:1px solid;
    border-radius:5px;
    margin-top:1rem;
}
.discount-more-button {
    position:absolute;
    top:1rem;
    right:1rem;
}
.course-plan-grid {
    display: grid;
    grid-template-columns: 30px 1fr 30px;
 
    align-content: center;
    gap: 0.5rem;
}

.course-plan-img-div {
    width:30px;
    height:30px;
    min-width:30px;
    background-position:center;
    background-size:cover;
    border-radius:5px;


}

.courseDetailCards {
    border: 1px solid #CDCDCD;
    background-color:#EEE;
}
    .courseDetailCards.active {
        border: 1px solid #0090E8;
        background-color: #fff;
        box-shadow:0 0 15px rgba(0,0,0,0.25)
    }

/*
    create course styles
*/
.indicator-icon-div {
    background-color: white;
    color: #212121;
    border: 1px solid #a0a0a0;
    border-radius: 50%;
    width: 25px;
    min-width: 25px;
    max-width: 25px;
    height: 25px;
    min-height: 25px;
    max-height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
    .indicator-icon-div.active {
        color: #fff;
        background-color: #0094ff;
        border: 1px solid #0094ff;
    }
    .indicator-icon-div.success, indicator-icon-div.success.active {
        color: #fff;
        background-color: #2f8134;
        border: 1px solid #2f8134;
    }
.indicator-line {
    background-color: #a0a0a0;
    height:1px !important;
}
    .indicator-line.success, .indicator-line.success.active {
        background-color: #2f8134;
    }
    /*
    solid icons
*/
    .solar--stopwatch-bold {
        display: inline-block;
        width: 1em;
        height: 1em;
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 22a9 9 0 1 0 0-18a9 9 0 0 0 0 18m0-13.75a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75M9.25 2a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4A.75.75 0 0 1 9.25 2' clip-rule='evenodd'/%3E%3C/svg%3E");
        background-color: currentColor;
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
    }

.solar--map-point-wave-bold {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 22c5.523 0 10-2.014 10-4.5c0-1.266-1.163-2.41-3.035-3.229c-1.142 2.096-2.883 3.903-5.095 4.848a4.775 4.775 0 0 1-3.74 0c-2.212-.945-3.953-2.752-5.095-4.847C3.163 15.089 2 16.234 2 17.5C2 19.986 6.477 22 12 22'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M5 8.515C5 4.917 8.134 2 12 2s7 2.917 7 6.515c0 3.57-2.234 7.735-5.72 9.225a3.277 3.277 0 0 1-2.56 0C7.234 16.25 5 12.084 5 8.515M12 11a2 2 0 1 0 0-4a2 2 0 0 0 0 4' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.solar--book-bold {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M6.271 2.112c-.81.106-1.238.301-1.544.6c-.305.3-.504.72-.613 1.513C4.002 5.042 4 6.124 4 7.675v8.57a4.172 4.172 0 0 1 1.299-.593c.528-.139 1.144-.139 2.047-.138H20V7.676c0-1.552-.002-2.634-.114-3.451c-.109-.793-.308-1.213-.613-1.513c-.306-.299-.734-.494-1.544-.6c-.834-.11-1.938-.112-3.522-.112H9.793c-1.584 0-2.688.002-3.522.112m.488 4.483c0-.448.37-.811.827-.811h8.828a.82.82 0 0 1 .827.81a.82.82 0 0 1-.827.811H7.586a.82.82 0 0 1-.827-.81m.827 2.973a.82.82 0 0 0-.827.81c0 .448.37.811.827.811h5.517a.82.82 0 0 0 .828-.81a.82.82 0 0 0-.828-.811z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' d='M7.473 17.135H20c-.003 1.13-.021 1.974-.113 2.64c-.109.793-.308 1.213-.613 1.513c-.306.299-.734.494-1.544.6c-.834.11-1.938.112-3.522.112H9.793c-1.584 0-2.688-.002-3.522-.111c-.81-.107-1.238-.302-1.544-.601c-.305-.3-.504-.72-.613-1.513c-.041-.3-.068-.637-.084-1.02a2.464 2.464 0 0 1 1.697-1.537c.29-.076.667-.083 1.746-.083'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.solar--map-point-linear {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M4 10.143C4 5.646 7.582 2 12 2s8 3.646 8 8.143c0 4.462-2.553 9.67-6.537 11.531a3.45 3.45 0 0 1-2.926 0C6.553 19.812 4 14.606 4 10.144Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.solar--user-rounded-bold {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='6' r='4' fill='%23000'/%3E%3Cellipse cx='12' cy='17' fill='%23000' rx='7' ry='4'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.solar--users-group-rounded-bold {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9.001' cy='6' r='4' fill='%23000'/%3E%3Cellipse cx='9.001' cy='17.001' fill='%23000' rx='7' ry='4'/%3E%3Cpath fill='%23000' d='M21 17c0 1.657-2.036 3-4.521 3c.732-.8 1.236-1.805 1.236-2.998c0-1.195-.505-2.2-1.239-3.001C18.962 14 21 15.344 21 17M18 6a3 3 0 0 1-4.029 2.82A5.688 5.688 0 0 0 14.714 6c0-1.025-.27-1.987-.742-2.819A3 3 0 0 1 18 6.001'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.solar--users-group-two-rounded-bold {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15.5 7.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0m2.5 9c0 1.933-2.686 3.5-6 3.5s-6-1.567-6-3.5S8.686 13 12 13s6 1.567 6 3.5M7.122 5c.178 0 .35.017.518.05A4.977 4.977 0 0 0 7 7.5c0 .868.221 1.685.61 2.396c-.158.03-.32.045-.488.045c-1.414 0-2.561-1.106-2.561-2.47C4.561 6.106 5.708 5 7.122 5M5.447 18.986C4.88 18.307 4.5 17.474 4.5 16.5c0-.944.357-1.756.896-2.423C3.49 14.225 2 15.267 2 16.529c0 1.275 1.517 2.325 3.447 2.457M17 7.5c0 .868-.221 1.685-.61 2.396c.157.03.32.045.488.045c1.414 0 2.56-1.106 2.56-2.47c0-1.365-1.146-2.471-2.56-2.471c-.178 0-.35.017-.518.05c.407.724.64 1.56.64 2.45m1.553 11.486c1.93-.132 3.447-1.182 3.447-2.457c0-1.263-1.491-2.304-3.396-2.452c.54.667.896 1.479.896 2.423c0 .974-.38 1.807-.947 2.486'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}



/*
    utility classes
*/
.position--relative {
    position: relative;
}
.position--absolute {
    position:absolute;
}


input.badge-checkbox::before, input.badge-checkbox::after {
    display: none;
}

.freezeThisCol {
    position: sticky;
    left: -1px;
    background-color: #f2f2f2 !important;
    max-width: 150px !important;
    white-space: normal !important;
    z-index: 11;
}
.freezeThisTh {
    position: sticky !important;
    left: -1px;
    background-color: #001e48 !important;
    max-width: 150px !important;
    z-index: 11;
    white-space: normal !important;
    color:#fff;
}
.freezeThisHeader {
    position: sticky !important;
    z-index: 21;
    top: 0;
}

.table-scrollable {
    max-height: 500px !important;
    overflow-y: auto;
}
/*.freezeCol1 {
    position: sticky;
    left: 0;
    background-color: #f2f2f2 !important;
    width: 30px !important;
    min-width: 30px;
}
.freezeCol2 {
    position: sticky;
    left: 30px;
    background-color: #f2f2f2 !important;
    width: 50px !important;
    min-width: 50px;
}
.freezeCol3 {
    position: sticky;
    left: 80px;
    background-color: #f2f2f2 !important;
   
}

.freezeth1 {
    position: sticky !important;
    left: 0;
    background-color: #001e48 !important;
    width: 30px !important;
    min-width: 30px;
    z-index: 11;
}

.freezeth2 {
    position: sticky !important;
    left: 30px;
    width: 50px !important;
    min-width: 50px;
    background-color: #001e48 !important;
    z-index: 11;
}

.freezeth3 {
    position: sticky !important;
    left: 80px;
    background-color: #001e48 !important;
    z-index: 11;
}*/
.solar--stopwatch-bold {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 22a9 9 0 1 0 0-18a9 9 0 0 0 0 18m0-13.75a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75M9.25 2a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4A.75.75 0 0 1 9.25 2' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.solar--map-point-wave-bold {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 22c5.523 0 10-2.014 10-4.5c0-1.266-1.163-2.41-3.035-3.229c-1.142 2.096-2.883 3.903-5.095 4.848a4.775 4.775 0 0 1-3.74 0c-2.212-.945-3.953-2.752-5.095-4.847C3.163 15.089 2 16.234 2 17.5C2 19.986 6.477 22 12 22'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M5 8.515C5 4.917 8.134 2 12 2s7 2.917 7 6.515c0 3.57-2.234 7.735-5.72 9.225a3.277 3.277 0 0 1-2.56 0C7.234 16.25 5 12.084 5 8.515M12 11a2 2 0 1 0 0-4a2 2 0 0 0 0 4' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.fluent--circle-hint-half-vertical-16-filled {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M8 2a6 6 0 1 0 .88 11.936a.75.75 0 1 0-.218-1.484c-.41.06-.845.063-1.257.009a4.5 4.5 0 0 1-2.085-.846a4.5 4.5 0 0 1-.944-.947a4.48 4.48 0 0 1-.828-3.33l.002-.014a4.5 4.5 0 0 1 .835-2.004a4.5 4.5 0 0 1 .944-.942a4.5 4.5 0 0 1 2.123-.845a4.6 4.6 0 0 1 1.21.015a.75.75 0 0 0 .218-1.484A6 6 0 0 0 8 2.001m3.575 1.18a.75.75 0 0 0-.894 1.205c.355.264.67.58.934.935a.75.75 0 1 0 1.204-.895a6 6 0 0 0-1.244-1.244m2.361 3.94a.75.75 0 1 0-1.484.218c.063.431.063.892 0 1.323a.75.75 0 0 0 1.484.219a6.1 6.1 0 0 0 0-1.76m-1.117 4.455a.75.75 0 0 0-1.204-.895a4.5 4.5 0 0 1-.934.935a.75.75 0 0 0 .894 1.204a6 6 0 0 0 1.245-1.244'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.fluent--circle-hint-half-vertical-24-filled {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11.8 4.002a7.97 7.97 0 0 0-5.594 2.482A7.97 7.97 0 0 0 4.002 12.2a8 8 0 0 0 9.56 7.648a1 1 0 1 1 .389 1.962a10 10 0 0 1-2.2.187a9.96 9.96 0 0 1-7.16-3.28A9.96 9.96 0 0 1 2 12a9.97 9.97 0 0 1 3.016-7.157A9.97 9.97 0 0 1 12 2q1.002.001 1.95.19a1 1 0 1 1-.388 1.962a8 8 0 0 0-1.762-.15m5.757-.317a1 1 0 0 0-1.113 1.662a8 8 0 0 1 2.21 2.209a1 1 0 0 0 1.661-1.113a10 10 0 0 0-2.758-2.758m4.253 6.365a1 1 0 0 0-1.962.388a8 8 0 0 1 0 3.124a1 1 0 1 0 1.962.389a10 10 0 0 0 0-3.902m-1.495 7.507a1 1 0 0 0-1.662-1.113a8 8 0 0 1-2.209 2.21a1 1 0 0 0 1.113 1.661a10.1 10.1 0 0 0 2.758-2.758'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.tabler--chart-pie-filled {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23000'%3E%3Cpath d='M9.883 2.207a1.9 1.9 0 0 1 2.087 1.522l.025.167L12 4v7a1 1 0 0 0 .883.993L13 12h6.8a2 2 0 0 1 2 2a1 1 0 0 1-.026.226A10 10 0 1 1 9.504 2.293l.27-.067z'/%3E%3Cpath d='M14 3.5V9a1 1 0 0 0 1 1h5.5a1 1 0 0 0 .943-1.332a10 10 0 0 0-6.11-6.111A1 1 0 0 0 14 3.5'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.heroicons--chart-pie-20-solid {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='%23000'%3E%3Cpath d='M12 9a1 1 0 0 1-1-1V3c0-.552.45-1.007.997-.93a7 7 0 0 1 5.933 5.933c.078.547-.378.997-.93.997z'/%3E%3Cpath d='M8.003 4.07C8.55 3.994 9 4.449 9 5v5a1 1 0 0 0 1 1h5c.552 0 1.008.45.93.997A7.001 7.001 0 0 1 2 11a7 7 0 0 1 6.003-6.93'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.solar--calendar-mark-bold {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7.75 2.5a.75.75 0 0 0-1.5 0v1.58c-1.44.115-2.384.397-3.078 1.092c-.695.694-.977 1.639-1.093 3.078h19.842c-.116-1.44-.398-2.384-1.093-3.078c-.694-.695-1.639-.977-3.078-1.093V2.5a.75.75 0 0 0-1.5 0v1.513C15.585 4 14.839 4 14 4h-4c-.839 0-1.585 0-2.25.013z'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M22 12v2c0 3.771 0 5.657-1.172 6.828C19.657 22 17.771 22 14 22h-4c-3.771 0-5.657 0-6.828-1.172C2 19.657 2 17.771 2 14v-2c0-.839 0-1.585.013-2.25h19.974C22 10.415 22 11.161 22 12m-5.5 6a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.solar--clipboard-list-bold {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.5 2A1.5 1.5 0 0 0 8 3.5v1A1.5 1.5 0 0 0 9.5 6h5A1.5 1.5 0 0 0 16 4.5v-1A1.5 1.5 0 0 0 14.5 2z'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M6.5 4.037c-1.258.07-2.052.27-2.621.84C3 5.756 3 7.17 3 9.998v6c0 2.829 0 4.243.879 5.122c.878.878 2.293.878 5.121.878h6c2.828 0 4.243 0 5.121-.878c.879-.88.879-2.293.879-5.122v-6c0-2.828 0-4.242-.879-5.121c-.569-.57-1.363-.77-2.621-.84V4.5a3 3 0 0 1-3 3h-5a3 3 0 0 1-3-3zM7 9.75a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 0 0-1.5zm3.5 0a.75.75 0 0 0 0 1.5H17a.75.75 0 0 0 0-1.5zM7 13.25a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 0 0-1.5zm3.5 0a.75.75 0 0 0 0 1.5H17a.75.75 0 0 0 0-1.5zM7 16.75a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 0 0-1.5zm3.5 0a.75.75 0 0 0 0 1.5H17a.75.75 0 0 0 0-1.5z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.solar--checklist-minimalistic-bold {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M3.464 3.464C2 4.93 2 7.286 2 12c0 4.714 0 7.071 1.464 8.535C4.93 22 7.286 22 12 22c4.714 0 7.071 0 8.535-1.465C22 19.072 22 16.714 22 12s0-7.071-1.465-8.536C19.072 2 16.714 2 12 2S4.929 2 3.464 3.464m7.08 4.053a.75.75 0 1 0-1.087-1.034l-2.314 2.43l-.6-.63a.75.75 0 1 0-1.086 1.034l1.143 1.2a.75.75 0 0 0 1.086 0zM13 8.25a.75.75 0 0 0 0 1.5h5a.75.75 0 0 0 0-1.5zm-2.457 6.267a.75.75 0 1 0-1.086-1.034l-2.314 2.43l-.6-.63a.75.75 0 1 0-1.086 1.034l1.143 1.2a.75.75 0 0 0 1.086 0zM13 15.25a.75.75 0 0 0 0 1.5h5a.75.75 0 0 0 0-1.5z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.solar--flame-bold {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 15c0 4.255-2.618 6.122-4.641 6.751c-.432.134-.715-.369-.457-.74c.88-1.265 1.898-3.195 1.898-5.01c0-1.951-1.644-4.254-2.928-5.675c-.293-.324-.805-.11-.821.328c-.053 1.45-.282 3.388-1.268 4.908a.412.412 0 0 1-.677.036c-.308-.39-.616-.871-.924-1.252c-.166-.204-.466-.207-.657-.026c-.747.707-1.792 1.809-1.792 3.18c0 .93.36 1.905.767 2.69c.224.43-.174.95-.604.724C6.113 19.98 4 18.084 4 15c0-3.146 4.31-7.505 5.956-11.623c.26-.65 1.06-.955 1.617-.531C14.943 5.414 20 10.378 20 15'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}