/*================================================================================
    Item Name: Robust - Responsive Admin Theme
    Version: 1.0
    Author: PIXINVENT
    Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* @import url("mail-inbox.css");
@import url("grid.css");
@import url("erick.css");
@import url("lung.css");
@import url("keng.css");
@import url("jefry.css"); */
@import url("ui_kit_vars.css");
@import url("responsive-portal.css");



@font-face {
    font-family: 'Space Grotesk';
    src: url('fonts/Space_Grotesk/SpaceGrotesk-VariableFont_wght.ttf') format('truetype');

}


body {
    font-family: "Space Grotesk" !important;
    background-color: #f9f9f9 !important;
}

.AlertMessageColor {
    margin-top: -16px;
}

.space-grotesk {
    font-family: "Space Grotesk" !important;
}

h1 {
    color: var(--Medium-gray, #55595C);
    text-align: center;

    /* Title H3 */
    font-family: "Space Grotesk";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    /* 133.333% */
    text-transform: capitalize;


}

h4 {
    color: var(--Dark-Gray, #464646);

    /* Title H4 */
    font-family: "Space Grotesk";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 145.455% */
    text-transform: capitalize;
}



/*end title*/

/* bg colors*/
.turquoise-gradient {

    background: linear-gradient(135deg, #2997D8 15.52%, #0BC5A3 85.96%) !important;
}

.bg-light-gray {
    background-color: #F5F5F5;
}

.bg-white {
    background-color: white !important;
}

.bg-light-gray2 {
    background: #E8E8E8;
}

.bg-light-gray3 {
    background: #D1D1D1;
}

.bg-gray1 {
    background: #9F9FA7;
}

.bg-gray2 {
    background: #6C757D;
}

.bg-gray3 {
    background: #55595C;
}

.bg-red {
    background-color: red;
}

.bg-red2 {
    background: #DA4453;
}

.bg-grey-icon {
    background-color: #dfe6e9;
}

.bg-white {
    background-color: #ffffff;
}

.bg-pink {
    background: #DD529D;
}

.bg-soft-pink {
    background-color: #FDD8D5;
}

.bg-purple {
    background: #5E4199 !important;

}

.bg-light-purple {
    background: #F5F6FA;
}

.bg-light-purple2 {
    background: #F3F3FB;
}

.bg-light-purple3 {
    background: #E7E7F6;
}

.bg-light-purple4 {
    background: #DFD9EB;
}

.bg-purple-strong {
    background: #4B347A;
}


.bg-transaparent {
    background-color: transparent;
}

.bg-teal {
    background: #1E8A98;
}

.bg-coral {
    background: #F65B4D;
}

.bg-green {
    background: green;
}

.bg-green2 {
    background: #0BC5A3;
}

.bg-green3 {
    background: #5BC236;

}

.bg-yellow {
    background: #FFC107;
}

.bg-dark-blue {
    background: #1F2845;
}

.bg-black {
    background: #2A2A2D !important;
}


/*end bg colors */


/*card styles*/
.card-border-radius {
    /*border-radius: 0.27rem;*/
    border-radius: 8px !important;
}

.shadow-card {
    /* box-shadow: 0 0 3px 3px rgba(20,20,20,0.09);*/
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

form .card-form-group {
    margin-bottom: 0px !important;
}

/* end card styles */

/* borders */

.border-purple {
    border-color: #5E4199 !important;

}

/* end borders */

/* colors */

div.gray-for-text {
    color: #55595C;

}

.light-gray {
    color: #F5F5F5;
}

.light-gray2 {
    color: #E8E8E8;
}

.light-gray3 {
    color: #D1D1D1;
}

.gray1 {
    color: #9F9FA7;
}

.gray2 {
    color: #6C757D;
}

.gray3,
.gray3:hover,
.gray3:focus {
    color: #55595C;
}

.red {
    color: red;
}

.red2 {
    color: #DA4453 !important;
}

.grey {
    color: #dfe6e9;
}

.white {
    color: #ffffff;
}

.pink {
    color: #DD529D;
}

.soft-pink {
    color: #FDD8D5;
}

.purple {
    color: #5E4199 !important;

}

.purple2,
.purple:hover {
    color: rgba(128, 93, 202, 1);
}

.light-purple {
    color: #F5F6FA;
}

.light-purple2 {
    color: #F3F3FB;
}

.light-purple3 {
    color: #E7E7F6;
}

.transaparent {
    color: transparent;
}

.green {
    color: green;
}

.green2 {
    color: #0BC5A3;
}

.green3 {
    color: #5BC236;

}

.teal {
    color: #1E8A98;
}

.coral {
    color: #F65B4D;
}

.yellow {
    color: #FFC107;
}

.dark-blue {
    color: #1F2845;
}

.black {
    color: #2A2A2D;
}

.form-control>.black-grey {
    color: #414141 !important;
    font-weight: bolder;
}

.black-text>.black-grey {
    color: #414141 !important;
    font-weight: bolder;
}

/*  end colors */
/* buttons */

.button-danger {
    color: #fff;
    border: 4px solid #DC0000 !important;
    background: #DC0000 !important;
    padding: 4px 16px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 200px;
    outline: none;
    border: none;
    height: 40px;
    /* Normal Paragraph */
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

a.button-danger:hover {
    color: white;
}


.button-purple {
    color: white;
    border-radius: 4px;
    background: var(--purple-1, #805DCA);
}

a.button-purple:hover {
    color: white;
}



.button-green {
    background: #1E8A98;
    border-radius: 6px;
    color: white;
}

.button-darkblue {
    background: #1F2845;
    border-radius: 6px;
    color: white;
}

.button-coral {
    background: #F65B4D;
    color: white;
    border-radius: 200px !important;
}


.button-outline-purple {
    border-radius: 4px;
    border: 1px solid var(--purple-1, #805DCA);

    background-color: #ffffff;
    color: var(--purple-1, #805DCA);
}

a.button-outline-purple:hover {
    color: var(--purple-1, #805DCA);
}


.btn-switch-green:checked~.toggle-switch {
    background: green !important;
}

#btn-switch-green {
    display: none;
}

#btn-switch-green:checked~.toggle-switch:after {
    left: 28px;
}

#btn-switch-green:checked~.toggle-switch {
    background: green;
}

.btn-switch-purple:checked~.toggle-switch {
    background: #5E4199;
}

.custom-btn-md {
    max-height: 35px !important;
}

.big-button {
    min-width: 100%;
    /* min-height:50px !important;*/
}



.toggle-switch {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 100px;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    position: relative;
    vertical-align: middle;
    width: 55px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: content-box;
    background-clip: content-box;
}

.toggle-switch:after {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 100px;
    top: 0px;
    left: 0px;
    transition: 0.3s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

#btn-switch:checked~.toggle-switch:after {
    left: 28px;
}

#btn-switch {
    display: none;
}


label.radio-custom {
    display: flex;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    margin-bottom: 0.375em;
}

label.radio-custom input {
    position: absolute;
    left: -9999px;
}

label.radio-custom input:checked+span:before {
    box-shadow: inset 0 0 0 0.4375em #1E8A98;
}

label.radio-custom span {
    display: flex;
    align-items: center;
    padding: 0.375em 0.375em 0.375em 0.375em;
    border-radius: 99em;
    transition: 0.25s ease;
}

label.radio-custom span:before {
    display: flex;
    flex-shrink: 0;
    content: "";
    background-color: #fff;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    transition: 0.25s ease;
    box-shadow: inset 0 0 0 0.125em #1E8A98;
}

.radio-xl {

    border: 0px;
    width: 1.5em;
    height: 1.5em !important;
}



.black-labels>.form-row>.form-group>.form-group>label {
    color: #2A2A2D;
    font-weight: 500;
}

.black-labels-2>.form-row>.form-group>label {
    color: #2A2A2D;
    font-weight: 500;
}

/* end buttons*/


.open-sans {
    font-family: Open Sans !important;

}

.montserrat {
    font-family: Montserrat, sans-serif !important;

}

/* end fonts*/


/* inputs and labels */


.calendar-list-group>.list-group-item.active {

    z-index: 2;
    color: #fff;
    border-color: #0067D9;
    background-color: #0067D9;
    border-radius: 10px;
}

.calendar-list-group>.list-group-item.active::after {

    z-index: 2;
    color: #fff;
    border-color: #0067D9;
    background-color: #0067D9;
    border-radius: 10px;
}

.calendar-list-group>.list-group-item.active:hover {

    z-index: 2;
    color: #fff;
    border-color: #0067D9;
    background-color: #0067D9;
    border-radius: 10px;
}

.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.start-date.end-date {
    color: #fff;
    border-radius: 22px;
    background-color: #0067D9 !important;
}

.daterangepicker td.in-range {
    background-color: #B6BACC;
    border-color: transparent;
    color: #000;
    border-radius: 15px;
}

.end-date {
    color: #FFF !important;
}

.daterangepicker .ranges li.active {
    color: #FFF;
    background-color: #0067D9 !important;
    border-radius: 15px;
}



.calendar-padding-li {
    padding: 10px !important;
}

.daterangepicker .calendar-table table {
    width: 100%;
    margin: 0;
    border-spacing: 4px;
    border-collapse: separate;
}

.border-inputs {
    color: #E7E7F7 !important;
    border: 1.5px solid !important;
}

.shadow-input {
    /*  box-shadow: 0 0 3px 3px rgba(20,20,20,0.09);*/
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);

}

.btn:focus {
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1) !important;
}


.shadow-card-input {
    box-shadow: 0px 0px 4px 0.5px rgba(0, 0, 0, 0.2);
}

.input-icon {
    padding-left: 4.375rem;
}

.form-group .form-control-icon-sm {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    margin-top: 3px;
    border-radius: 0.5rem;
}

.icon-background {

    z-index: 2;
    display: inline-block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    margin-top: 3px;
    border-radius: 0.5rem;
}

.icon-background-md {

    z-index: 2;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    border-radius: 1rem;
}

.icon-background-xl {

    z-index: 2;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    border-radius: 1rem;
}

.icon-left-col {
    min-width: 40px;
    margin-right: 5px !important;
}

.icon-list>p {
    margin-top: 5px;
}

.card-form-group .input-md {
    height: 65px;
}

.dropdown-option {

    color: #9F9FA7;
    padding-top: 5px;
    padding-bottom: 5px;

}

.z-index-primary {
    z-index: 9999999 !important;
}

.dropdown-option:hover {
    background-color: #FDD8D5;
    color: #2A2A2D;
}


.border-input-purple {
    border: 1px solid #5E4199 !important;
    border-radius: 6px !important;
    background-color: white;
}


.border-input-grey {
    background-image: none;
    border-radius: 4px;
    border: 1px solid var(--Input-Field-Border, #A4A4A4);
    background: var(--white, #FFF);
}


.border-input-radius-6 {
    border-radius: 6px !important;
}

/* end inputs and labels */




.input-text {
    font-style: normal;
    color: #9F9FA7 !important;
}

.text-normal {
    font-style: normal;
}

form input.form-control,
form select.custom-select,
form select.form-control,
form textarea.form-control {
    border-radius: 4px;
    border: 1px solid var(--Input-Field-Border, #A4A4A4) !important;
    background: var(--white, #FFF);
    color: var(--medium-gray, #767676) !important;
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;

}


form span.select2-selection__rendered {
    border-radius: 4px;
    border: none;
    background: var(--white, #FFF);
    color: var(--medium-gray, #767676) !important;
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;

}


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

.fw-100 {
    font-weight: 100;
}

.fw-200 {
    font-weight: 200;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

.fw-900 {
    font-weight: 900;
}

.circle-text {
    border-width: 1.5px;
    border-style: solid;
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: middle;
    text-align: center;
    min-width: 120px;
    font-size: smaller;
}


.vertical-align-middle {
    vertical-align: middle !important;
}

/* end text */

/* icons  */
.icon-search-purple:before {
    content: "\e949";
    color: #5E4199;
}

.wallet-card-icon {
    line-height: 0 !important;
}

.bg-card-icon {
    width: 50px;
    height: 50px;
    padding-left: 7px !important;
    padding-top: 7px !important;
    background-color: #dfe6e9;
    vertical-align: middle;
    border-radius: 1rem;
}

.bg-card-icon-md-old {
    width: 50px;
    height: 50px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    /*background-color: #dfe6e9;*/
    border-radius: 1rem;
}

.bg-card-icon-sm-old {
    width: 45px;
    height: 45px;

    padding-left: 6px !important;
    padding-top: 6px !important;
    vertical-align: middle;
    border-radius: 1rem;
}

.icon-span {
    position: absolute;
    margin-left: 5px;
    height: 25px;
    display: flex;
    align-items: center;
}

.icon-input {
    padding-left: 25px;
    height: 20px;
    margin-top: auto;

}



.icon-topUp-purple2::before {
    font-size: 23px;

    content: "\e951";
    color: #5E4199;
    /*  position: absolute;*/
}

.icon-accepted-green:before {
    content: "\e90e";
    color: green;
}

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

.fs-14 {
    font-size: 14px;
}

.fs-18 {
    font-size: 18px;
}

.fs-16 {
    font-size: 16px;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}

.fs-26 {
    font-size: 26px;
}

.fs-28 {
    font-size: 28px;
}

.fs-30 {
    font-size: 30px;
}

.fs-32 {
    font-size: 32px;
}

.fs-34 {
    font-size: 34px;
}

.fs-40 {
    font-size: 40px;
}

.icon-sm {
    font-size: 12px !important;
}

.icon-sm-2 {
    font-size: 7px !important;
}

.icon-md {
    font-size: 80px !important;
}

.icon-2 {
    font-size: 50px !important;
}

.icon-md-3 {
    font-size: 25px !important;
}

.icon-md-4 {
    font-size: 35px !important;
}

.icon-xl {
    font-size: 150px !important;
}

.icon-autoload-green:before {
    content: "\e904";
    color: green;
}

.list-parent-icon {
    min-height: 60px;
}

/* end icons*/


/* borders */

.no-border {
    border: none !important;
}

.margin-icon-text {
    margin-right: 4px;
    margin-left: 4px;
}

/* borders */

/*margin */
.center-y {

    margin-top: 15px !important;

}

/*  end margin */

/* labels */

/* lines */

.card-hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #E7E7F7;
    margin: 1em 0;
    padding: 0;
}


/* end lines */

/* dataTables */


#ButtonOnTableSettings {

    display: inline-block !important;
}

.custom-table-filter input {
    border: none;
    max-height: 35px;
    max-width: 130px;
    border-radius: 20px;
}



.table-label-border {
    border: 1.5px solid #5E4199;
    padding-left: 10px !important;
    padding-right: 10px !important;
    border-radius: 20px;
    max-height: 60px;
    max-width: 350px;

}

.table-label-border-2 {
    border: none;
    padding-left: 10px !important;
    padding-right: 10px !important;
    max-height: 60px;
    border-radius: 5px;
    max-width: 350px;
    padding-top: 5px !important;
    border-radius: 200px;
    background: var(--Gray-Fill, #F6F6F6);

}

.table-label-border-2>input::placeholder {

    color: var(--medium-gray, #767676);

    /* Normal Paragraph */
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
}

.dataTables_filter>label>input {
    color: var(--medium-gray, #767676);

    /* Normal Paragraph */
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */

    background: var(--Gray-Fill, #F6F6F6);
}

.dataTables_filter>label>input:focus {

    background: var(--Gray-Fill, #F6F6F6);
}


.AdminTable>thead {
    background-color: #F3F6F9;
}

.btn-border-radius {
    border-radius: 25px !important;

}

/* end dataTables  */


@media only screen and (min-width: 900px) {
    .dropdown-menu2 {

        min-width: 700px !important;


    }
}

.ColumnDropdownMenu {
    padding: 0px !important;
    background-color: white !important;
    border-radius: 15px;
    border: 0px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.list-sort-parent {
    border-radius: 15px;
    padding-left: 6px !important;
    background-color: #F5F6FA !important;

}

.list-sort-inner {
    border-radius: 15px;
    padding-left: 6px !important;
    background-color: #F5F6FA !important;
}

.circle-width {
    max-width: 150px !important;
}

.main-list {
    min-height: 300px;
}

#loading_modal {
    margin-top: 250px;
}

#loading_modal>.modal-sm {
    max-width: 150px !important;
}

@media only screen and (max-width: 576px) {
    #loading_modal>.modal-sm {
        left: 120px !important;
    }

}

.no-background {
    background: none !important;
}


/* frame */
.frame-circle-sm {
    background: linear-gradient(135deg, #2997D8 15.52%, #0BC5A3 85.96%);
    border-width: 3px;

    width: 43px;
    height: 40px;
    border-radius: 40px;
    text-align: center;
    padding-top: 0.5em;
    color: white;




}

/* end frame */


/* special height */
.logo-x-md {
    height: 80px;
    width: auto;
}

/* end special height */

/* special margin and pading */

.mt-4px {
    margin-top: 4px !important;
}



/* end special margin and padding */

/* hover */
.special_hover {

    cursor: pointer;

}

/* end hover */



/* datables */
.table-no-lenght>.dataTables_wrapper>.row>div>.dataTables_length {
    display: none !important;
}

/* end datables */

/* admin menu */



.mm-menu .mm-listview>li .mm-next:after,
.mm-menu .mm-listview>li .mm-arrow:after {
    border-color: white !important;
}

.admin-menu {
    z-index: 99999 !important;
}

.list-item {
    /*position:static !important;
    overflow: hidden !important; 
    text-overflow: ellipsis !important;
    white-space: nowrap !important;*/

}

.main-menu.menu-dark .navigation>li>a i::before {
    font-size: 20px !important;
}

.search-max-width {
    max-width: 131px !important;
}


.margin-bell {
    margin-top: 3px !important;
}

.checkbox-teal {
    accent-color: #1E8A98 !important;

}

.teal-dot {
    background-color: #1E8A98;
    width: 8px;
    height: 8px;
    border-radius: 4px;
}

.checkbox-lg {
    width: 15px;
    height: 15px;

}

.DataTablesNoHeader thead {
    display: none;
}

.mt-dot {
    margin-top: 6px;
}

.mt-4px {
    margin-top: 4px;
}

.aText:link {
    text-decoration: none !important;
}

.aText:visited {
    text-decoration: none !important;
}

.aText:hover {
    text-decoration: none !important;
}

.aText:active {
    text-decoration: none !important;
}


.NoBorder {
    padding: 0;
    border: none;
    background: none;
}

.NoBorder {
    padding: 0;
    border: none;
    background: none;
}

.NoBorder:focus {
    outline: none;
}

.menu-icon-div {
    width: 50px;
    text-align: center;
    float: left;
}

.nav-item i {
    margin-right: 0px;
}

.gray-input,
.gray-input:focus-visible {
    border: 1px solid rgba(159, 159, 167, 1);
    border-radius: 5px;
    color: rgba(159, 159, 167, 1);
    height: 45px;
    width: 100%;
    outline: none;
    padding: 0 10px;
}

.calendar-icon {
    padding-right: 25px;
    background: url("/images/batch/date.png") no-repeat right;
    background-size: 18px;
    background-position: calc(100% - 10px);
}

.container-card {
    padding: 25px;
    border-radius: 8px;
    border: 1px solid var(--light-gray-2, #F2F2F2);
    background: var(--white, #FFF);
}

.icon-group-signup {
    background: var(--blue-10, #E5F0FB);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 64px;
    width: 64px;
    color: #0067D9;
    border-radius: 800px;
    margin: 0 auto;
}

.icon-group-signup i {
    font-size: 35px;
}

.signup-title-usertype {
    color: var(--blue, #0067d9);

    /* Subtitle */
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 133.333% */
    text-transform: capitalize;
}

.signup-description-usertype {
    color: var(--medium-gray, #767676);

    /* Normal Paragraph */
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
}

.signup-description {
    color: var(--medium-gray, #767676);

    /* Normal Paragraph */
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
}

.container-card-signup {
    border-radius: 8px;
    border: 1px solid var(--light-gray-2, #F2F2F2);
    background: var(--white, #FFF);

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    overflow: hidden;

}

.footer-card-signup {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
}

.list-text-signup {
    color: var(--medium-gray, #767676);

    /* Normal Paragraph */
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
}

.list-items-signup {
    list-style-type: none;
    padding-left: 0;
}

.list-items-signup li {
    display: flex;
    align-items: flex-start;
}

.list-items-signup li::before {
    content: "\e91d";
    font-family: "icomoon";
    margin-right: 8px;
}

.btn-auto-width {
    width: auto;
    display: inline-block;
}




/* create personal */
.input-no-border {
    border: none !important;
    box-shadow: none !important;
    outline: none;
}

select.c-login {
    border-radius: 4px;
    border: 1px solid var(--light-gray, #E2E2E2) !important;
    background: var(--white, #FFF);
}

.circle-success-light-green {
    width: 69px;
    height: 69px;
    border-radius: 50px;
    background-color: #D4F5EF;
}




.subcard {
    width: 80%;
}

.btn-outline-signup {
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 200px;
    outline: none;
    /* Elimina cualquier borde */
    height: 40px;
    min-width: 100px;
    max-width: 200px;
    /* Normal Paragraph */
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border: 1px solid var(--blue, #0067D9);
    background-color: white;
}

.modal-header-signup {
    position: relative;
    padding: 0;
}

.modal-header-signup .close {
    position: absolute;
    right: 15px;
    top: 15px;
}

.modal-body-signup {
    padding: 20px;
}

.modal-footer-signup {
    padding: 10px;
    text-align: right;
}

.btn-learnMore {
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    background-color: transparent;
    border: none;
    color: var(--blue, #0067d9);
    padding: 10px 20px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    transition: color 0.3s;
    outline: none;
    font-family: "Space Grotesk";
}

.btn-learnMore:focus {
    outline: none !important;
}





/* Spayce new styles*/




.button-custom-spayce {
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 200px;
    background: var(--Green, #2AF2B4);
}

p {
    color: var(--medium-gray, #767676);

    /* Normal Paragraph */
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
}

.form-group input[type="checkbox"] {
    appearance: none;
    /* Elimina el estilo por defecto */
    width: 20px;
    /* Ajusta el tamaño */
    height: 20px;
    border-radius: 4px;
    /* Bordes redondeados */
    border: 2px solid #0067D9;
    /* Borde azul */
    background-color: white;
    /* Fondo blanco por defecto */
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.form-group input[type="checkbox"]:checked {
    background-color: #0067D9;
    /* Fondo azul cuando está marcado */
    border: 2px solid #0067D9;
}

.form-group input[type="checkbox"]::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 1px;
    width: 10px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    display: none;
    /* Ocultar por defecto */
}

.form-group input[type="checkbox"]:checked::after {
    display: block;
    /* Mostrar cuando está marcado */
}


.form-group>label {
    color: var(--medium-gray, #55595C);
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.BgNavy {
    background-color: #0c1a56;
}

.Navy {
    color: #0c1a56;
}

.BgBlue {
    background-color: #0067D9;
}

.blue {
    color: #0067D9;
}

.DarkGray {
    color: #464646 !important;
}

.AlertMessageColor>p {
    color: #464646 !important;
}

#ButtonOnTableFilters {
    border-radius: 4px;
    background: #0067d9;
    color: white;
    padding: 8px 16px;
    gap: 12px;
    border-radius: 200px;
    outline: none;
    border: none;
    /* Elimina cualquier borde */
    height: 40px;
    /* Normal Paragraph */
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    max-width: 250px;
    /* 171.429% */
}

.dataTables_length>label {
    font-weight: 700 !important;
}

.btn {

    /* Normal Paragraph */
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
}

.PrimaryGreenBG {
    background: var(--Green, #2AF2B4);
    color: var(--Navy, #0C1A56);
}

.btn-blue-spayce {
    border-radius: 4px;
    background: var(--blue, #0067d9);
    color: white !important;

    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 200px;
    outline: none;
    border: none;
    height: 40px;
    /* Normal Paragraph */
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
}

.dataTables_info,
.paginate_button {
    color: #464646;
}

.btn-outline-blue {

    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 200px;
    outline: none;
    /* Elimina cualquier borde */
    height: 40px;
    min-width: 100px;
    max-width: 200px;
    /* Normal Paragraph */
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border: 1px solid var(--blue, #0067D9);
    background-color: white;
    /* 171.429% */

}


.dataTables_filter>label {
    border: none;
    padding-left: 10px !important;
    padding-right: 10px !important;
    max-height: 60px;
    border-radius: 5px;
    max-width: 350px;
    padding-top: 5px !important;
    border-radius: 200px;
    background: var(--Gray-Fill, #F6F6F6);
}

.dataTables_filter>label>input {
    color: var(--medium-gray, #767676);
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border: none;
    background: var(--Gray-Fill, #F6F6F6);
}



.SuccessMessageContent {
    border-radius: 8px;
    border: 1px solid var(--Green-Branch, #0BC5A3);
    background: var(--green-30, #E7F9F6);
    width: 100%;
    justify-content: center;
}

.ErrorMessageContent {
    width: 100%;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid var(--Pink, #DD529D);
    background: var(--Light-red, #FFEAEA);


}

.WarningMessageContent {
    width: 100%;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid var(--Coral, #F06500);
    background: var(--Light-orange, #FFF4E1);

}

.NeutralMessageContent {
    border-radius: 8px;
    border: 1px solid var(--GrayLine, #9F9FA7);
    background: var(--light-gray-2, #F2F2F2);
    width: 100%;
    justify-content: center;
}

.InformationMessageContent {
    border-radius: 8px;
    border: 1px solid var(--blue, #0069E4);
    background: var(--blue-10, #E6F9FF);
    width: 100%;
    justify-content: center;
}

.CircleIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    /* Adjust the size of the circle */
    height: 16px;
    /* Same as width for a perfect circle */
    border-radius: 50%;
    /* Makes the element circular */
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid;
}

.PaddingTopIconMessages {
    margin-top: 9px;
    margin-bottom: 9px;
}



.AlertMessageColor>p {
    color: #464646 !important;
}

.button-danger-white {
    border: 1px solid var(--Red-Error, #DC0000) !important;
    background: var(--white, #FFF);
    color: var(--Red-Error, #DC0000);
    ;

    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 200px !important;
    outline: none;
    border: none;
    height: 40px;
    /* Normal Paragraph */
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */

}

.form-group>.PrimaryGreenBG {

    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 200px;
    outline: none;
    border: none;
    height: 40px;
    /* Normal Paragraph */
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.form-group>#search_form {
    min-width: 118px;
}

.subtitle-card {
    color: var(--dark-Gray, #464646);

    /* Bold text */
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 171.429% */
}

.normal-text {
    color: #767676;

    /* Bold text */
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
}

.normal-text-footer {
    color: #0067D9;

    /* Bold text */
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
}

.normal-text-dark {
    color: #55595C;

    /* Bold text */
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 171.429% */
}

.subtitle-card-dark {
    color: #55595C;

    /* Subtitle */
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 133.333% */
}

.footer {
    text-align: center;
}

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

.footer ul {
    justify-content: center;
}

footer.navbar-shadow {
    box-shadow: none !important;
}