/*blur region*/
#webApp-LoginPage, #kt_reset_password_main {
    margin: auto !important;
    position: relative;
    background-color: transparent!important;
    overflow: hidden !important;
}

[data-bs-theme=light] #webApp-LoginPage,
[data-bs-theme=light] #kt_reset_password_main {
    background-color: rgb(255 255 255 / 50%) !important;
}

#webApp-LoginPage #viewContainer,
#kt_reset_password_main #viewContainer {
    padding: 0 !important;
    z-index: 2;
}
#kt_sign_in_submit, #ChangeSelf_Password_save {
    background: #4285f4 !important;
    color: #fff !important;
}
.form-control::placeholder {
    color: #fff !important;
}

.blur-filter {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: block;
    margin: -65px;
}
/*blur region*/
div.dataTables_wrapper div.dataTables_filter {
    text-align: unset !important;
}

.circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

span.dtr-title {
    padding-right: 10px !important;
}

#kt_sign_in_forgot_password {
    cursor: pointer;
    margin-right: auto;
}

#ViewWhiteGreyBlackDevicesDanger {
    display: none;
}

.hidebtn {
    display: none !important;
}

.ch-list-wrapper {
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
}

    .ch-list-wrapper .ch-main-box {
        border-radius: 7px;
        margin-bottom: 13px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
    }


.ch-sub-item .title, .ch-main-box > .title {
    width: 18%;
    min-width: 200px;
    float: left;
}

.ch-main-box > .title, .ch-main-box > .ch-list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    list-style-type: none;
}

.ch-main-box > .ch-list {
    margin: 0;
    padding-left: 18px;
}

.ch-list {
    padding-top: 4px;
}

.ch-list-wrapper .ch-main-box .ch-list .ch-ssub-item {
    display: inline-block;
    margin-left: 0px;
    position: relative;
    padding-left: 6px;
    margin-right: 33px;
}

.ch-list-wrapper .ch-main-box label {
    display: inline-block;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    text-align: left;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /*    font-size: 13px;
    font-weight: 500;*/
    text-transform: capitalize;
}

.ch-list-wrapper .ch-main-box .ch-sub-list label, .ch-list-wrapper .ch-main-box .ch-list label {
    font-size: 11px;
    font-weight: normal;
    padding-left: 19px;
}

.ch-list input {
    top: 3px;
    position: relative;
    margin-right: 1px;
    left: -2px;
}

.controller input[type=checkbox] {
    top: 2px;
    position: absolute;
    left: 0;
}

.ch-list-wrapper .ch-main-box .ch-ssub-list .ch-ssub-item {
    display: inline-block;
    margin-left: 0px;
    position: relative;
    padding-left: 24px;
    margin-right: 15px;
}

.error {
    color: #f1416c;
}

.swal-wide {
    width: 850px !important;
}

/*#participantPartialViewButton {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
}*/
table thead {
    font-weight: bold;
    color: var(--bs-primary);
}

#logoImage {
    height: 40px;
}


@media (min-width: 992px) {
    div:hover, main:hover, ol:hover, pre:hover, span:hover, ul:hover {
        scrollbar-color: #fff transparent;
    }
}

.btn.btn-icon .svg-icon, .btn.btn-icon i {
    color: #181c32fc;
}
.copyright {
    position: absolute;
    bottom: 16px;
    text-align: center;
    left: 0;
    width: 100%;
    font-size: 12px;
}
.accordion-button {
    background: #FFF !important;
    color: #71797E !important;
}
#kt_app_header, #kt_app_sidebar, #mainData {
    background: #fff;
}
.app-container button:not(.accordion-button) {
    background: #00ABC5 !important;
    color: #fff !important;
}

.app-container button.btn-primary, .app-container button.btn-primary:hover, .app-container button.btn-primary:focus, .app-container button.btn-primary:active,
.app-container .btn.btn-primary.active, .app-container .btn.btn-primary.show,
.app-container .btn.btn-primary:active:not(.btn-active), .app-container .btn.btn-primary:focus:not(.btn-active),
.app-container .btn.btn-primary:hover:not(.btn-active), .app-container .show > .btn.btn-primary {
    background-color: #00ABC5 !important;
}
.fv-row{position:relative;}
.input-error {
    border: 2px solid red !important;
}
.form-control.form-control-solid[type=search], .form-control.form-control-solid[type=text], select.form-control.form-control-solid {
    background-color: #fff !important;
    color: var(--bs-gray-700) !important;
    border: 1px solid #E8E9ED ;
    height: 43px;
}
    .form-control.form-control-solid[type=search]::placeholder, .form-control[type=date]::placeholder, .card-title .path1, .card-title .path2, .form-control.minprice::placeholder, .form-control.maxprice::placeholder {
        color: var(--bs-gray-700) !important;
    }

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
    color: #00ABC5 !important;
    background-color: #00ABC51A;
}

.menu-sub-indention .menu-item .menu-item .menu-link.active {
    background: #00ABC51A;
}
.menu-item .menu-link .menu-title {
    color: #000;
}
table {
    border: 1px solid  #E8E9ED;
    border-radius: 12px;
}
    table thead {
        color: #F8F8F8 !important;
        background: #ccc !important;
        font-weight: normal;
    }


#login-page {
    background-image: url(../bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background: #fff;
}
.menu-item.menu-accordion {
    padding-left: 0px !important;
}

    .menu-item.menu-accordion .menu-link {
        padding-left: 5px !important;
    }


@media (max-width:768px) {
    #webApp-LoginPage {
        padding: 1rem !important;
    }
    #login-page #webApp-LoginPage {
        min-width: 315px;
    }

}

#kt_content, #kt_app_body {
    background: #f8f8f8 !important;
}
#kt_header_user_menu_toggle .symbol {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 500;
    color: #4285f4; background: #4285f447;
    text-align: center;
    line-height: 36px;
    margin-left: 10px;
    text-transform: capitalize;
}
.app-navbar .app-navbar-item {
    color: #71797E;
}

.menu-item .fs-5 {
    margin-left: 11px;
    text-transform: capitalize;
}
#kt_app_sidebar_toggle{display:none;}

#kt_app_header {
    box-shadow: 0px 1px 3px #0000001f !important;
}
#kt_content {
    margin-left: 26px;
    margin-top: 31px;
}
.page-title h1 {
    color: #000!important;
    font-size: 1.5rem!important;
}


#LoaderSpinner{
    display:none!important;
    background:transparent!important;
}
#mainData .card-title .d-flex label{color:#000;}
#mainData .card-title .d-flex {
    font-size:1rem;
    margin-right: 10px;
}
#mainData .card-title input[type=date] {
    background: white;
    border: 1px solid #E8E9ED !important;
    height: 43px;
    color: var(--bs-gray-700) !important;
}
.app-container{
    width:100%;
}
.app-container .card-toolbar {
    float: right;
}
.app-container .page-heading {
    float: left;
    margin-left: 0px;
    margin-top: 12px !important;
    position: relative;
}
.menu-link.active {
    color: #4285f4;
    background: #4285f447;
}
    .menu-link.active .menu-title {
        color: #4285f4;
    }
table#kt_table, table#kt_table2, table#kt_table3, table#kt_table4 {
    border: 1px solid #E8E9ED;
    box-shadow: 0px 1px 3px #0000001f !important;
}
    table#kt_table th, table#kt_table2 th, table#kt_table3 th, table#kt_table4 th {
        background: #f8f8f8;
        color: #91929E;
        height: 22px;
        line-height: 14px;
        border: 1px solid #E8E9ED;
        text-align: center;
        font-size: 1rem;
    }
    table#kt_table td, table#kt_table2 td, table#kt_table3 td, table#kt_table4 td {
        color: #000;
        font-size: 0.9rem;
        text-align: center;
        position: relative;
    }
td .yellow {
    background: #ffed95;
    border-radius: 10px;
    padding: 6px 5px;
    width: 112px;
    display: block;
    margin: 0 auto;
}
td .orange {
    background: #ffa50075;
    border-radius: 10px;
    padding: 6px 5px;
    width: 112px;
    display: block;
    margin: 0 auto;
}
td .green {
    background: #E6FDEB;
    border-radius: 10px;
    padding: 6px 5px;
    width: 112px;
    display: block;
    margin: 0 auto;
}
td .blue {
    background: #E6F2FD;
    border-radius: 10px;
    padding: 6px 5px;
    width: 112px;
    display: block;
    margin: 0 auto;
}
td .pink {
    background: #FDE6E6;
    border-radius: 10px;
    padding: 6px 5px;
    width: 112px;
    display: block;
    margin: 0 auto;
}
td .color1 {
    background: #be9a60c4;
    border-radius: 10px;
    padding: 6px 5px;
    width: 112px;
    display: block;
    margin: 0 auto;
    color: #000;
}
td .color2 {
    background: #007d8ab0;
    border-radius: 10px;
    padding: 6px 5px;
    width: 112px;
    display: block;
    margin: 0 auto;
    color: #fff;
}
td .red {
    background: #ff000082;
    border-radius: 10px;
    padding: 6px 5px;
    width: 112px;
    display: block;
    margin: 0 auto;
    color: #fff;
}




td .orchid {
    background: #da70d69e;
    border-radius: 10px;
    padding: 6px 5px;
    display: block;
    width: 112px;
    margin: 8px auto;
}
td .black {
    background: #0000009c;
    border-radius: 10px;
    padding: 6px 5px;
    display: block;
    width: 112px;
    margin: 8px auto;
    color: #fff;
}
td .purple {
    background: #800080a3;
    border-radius: 10px;
    padding: 6px 5px;
    display: block;
    width: 112px;
    margin: 8px auto;
    color: #fff;
}
td .turqoise {
    background: #36d8b7;
    border-radius: 10px;
    padding: 6px 5px;
    display: block;
    width: 112px;
    margin: 8px auto;
    color: #fff;
}
td .brown {
    background: #bf7f35;
    border-radius: 10px;
    padding: 6px 5px;
    display: block;
    width: 112px;
    margin: 8px auto;
    color: #fff;
}
td .violet {
    background: #991ef9;
    border-radius: 10px;
    padding: 6px 5px;
    display: block;
    width: 112px;
    margin: 8px auto;
    color: #fff;
}
td .gray {
    background: #80808029;
    border-radius: 10px;
    padding: 6px 5px;
    display: block;
    width: 112px;
    margin: 8px auto;
}
td .coquelicot {
    background: #FF3800;
    border-radius: 10px;
    padding: 6px 5px;
    display: block;
    width: 112px;
    margin: 8px auto;
    color: #fff;
}
td .garnet {
    background: #733635;
    border-radius: 10px;
    padding: 6px 5px;
    display: block;
    color:#fff;
    width: 112px;
    margin: 8px auto;
}
td .tearose {
    background: #F4C2C2;
    border-radius: 10px;
    padding: 6px 5px;
    display: block;
    width: 112px;
    margin: 8px auto;
}



td i {
    color: #000 !important;
    font-size: 16px !important;
}
td p {
    color: #71797E;
}


/*.active .page-link {
    background: #00ABC5 !important;
}*/


select[name=kt_table_length], select[name=kt_table_length]:focus, select[name=kt_table_length]:hover, select[name=kt_table_length]:active,
select[name=kt_table2_length], select[name=kt_table2_length]:focus, select[name=kt_table2_length]:hover, select[name=kt_table2_length]:active,
select[name=kt_table3_length], select[name=kt_table3_length]:focus, select[name=kt_table3_length]:hover, select[name=kt_table3_length]:active,
select[name=kt_table4_length], select[name=kt_table4_length]:focus, select[name=kt_table4_length]:hover, select[name=kt_table4_length]:active {
    background: #4285f4 !important;
    border-color: #4285f4 !important;
    color: #fff !important;
    outline: none;
}
#kt_app_toolbar_container .breadcrumb {
    margin-top: 13px !important;
}
.breadcrumb .breadcrumb-item {
    font-size: 1.2rem !important;
}

.breadcrumb-item.text-muted, .breadcrumb-item  .fa{
    color: #91929E!important;
}

#kt_users_main {
    background: #fff;
    border: 1px solid #E8E9ED;
}


form .row label.input-label, form .row .form-check-label {
    color: #71797E;
    font-weight: 500;
}
#kt_form .form-control::placeholder, #kt_user_form .form-control::placeholder{
    color: #7e829969 !important;
}
#kt_form1 .form-control, .RoleInfo_form .form-control, #kt_user_form .form-control, #kt_form2 .form-control, #kt_form3 .form-control, #kt_form .form-control, #form-changePassword-details .form-control {
    border: 1px solid #E8E9ED;
    background: #fff;
    border-radius: 20px;
    color: #000 !important;
}

#kt_modal_upload {
    background: transparent;
    border: 1px solid #E8E9ED;
    border-radius: 20px !important;
    color: #000 !important;
    padding: 10px 10px;
}
.needsclick .btn {
    border: 1px solid #E8E9ED !important;
    padding: 3px 10px !important;
    box-shadow: 0px 0px 13px 0px rgb(82 63 105 / 5%) !important;
    color: #000 !important;
}
.needsclick .btn svg {
    margin-right:10px;
}
#kt_modal_cancel {
    background: #e8e9ed !important;
}
.tox-statusbar, #kt_modal_upload_logo  .dz-progress{
    display: none !important;
}
.tox-tinymce {
    height: 140px !important;
    border: 1px solid #E8E9ED !important;
}
#consultationDetailsContainer .checkbox-inline {
    border: 0;
    max-width: 374px;
}
    #consultationDetailsContainer .checkbox-inline .form-check-input {
        width: 18px;
        height: 18px;
       /* margin-top: 3px;*/
    }
#kt_settings_main #consultationDetailsContainer .checkbox-inline .form-check-input {
  
    margin-top: 3px;
}


.form-check-input:checked {
    background-color: #00ABC5 !important;
    border-color: #00ABC5 !important;
}


.fv-row .fa-calendar-alt {
    position: absolute;
    bottom: 22px;
    right: 27px;
    font-size: 18px;
}
#swal2-html-container {
    color: #000 !important;
}
.swal2-popup {
    background: #fff !important;
}
.swal2-cancel, .swal2-cancel:hover, .swal2-cancel:active, .swal2-cancel:focus {
    background: #ccc !important;
}
.swal2-icon.swal2-warning {
    border-color: #4285f4 !important;
    color: #4285f4 !important;
}


.a_actions all{text-align:left;}
.fv-row .form-select {
    background-color: transparent !important;
    border: 1px solid #E8E9ED !important;
    border-radius: 20px !important;
    height: 50px !important;
}
#dropzone_logo, .inlinerow {
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.inlinerow {
    width: calc(100% - 206px);
    margin-left: 50px;
}
#kt_modal_upload_logo {
    width: 150px;
    height: 150px;
    background: #F8F8F8;
    padding: 0 !important;
    border: 1px dashed #00ABC5 !important;
}
    #kt_modal_upload_logo u {
        color: #00ABC5 !important;
        text-decoration: underline;
        display:block;
    }
    #kt_modal_upload_logo .needsclick .btn {
        border: 0 !important;
        box-shadow: none !important;
    }
    #kt_modal_upload_logo .needsclick{
        padding-top:23px;
    }

#kt_modal_upload_logo  svg{margin-top:23px;}
#role-details, .accordion-item {
    background: #fff!important;
}

.accordion .accordion-item {
    border: 1px solid #E8E9ED;
}
.RoleInfo_form .app-container button, .RoleInfo_form .accordion-button:not(.collapsed) {
    background: #fff !important;
    color: #71797E !important;
    box-shadow: inherit !important;
}
.RoleInfo_form .accordion-button:not(.collapsed), .RoleInfo_form .accordion .table:not(.table-bordered) th {
    background: #f8f8f8 !important;
}
.accordion .table:not(.table-bordered) th, .accordion .table:not(.table-bordered) td{
    color: #71797E !important;
    padding-left: 10px !important;
}
#kt_user_modal_submit {color:#fff!important;}

.RoleInfo_form .card-footer {
    border-top: 0!important;
}
#accordionWebRoleServices table {
    border-collapse: collapse; /* Ensures borders are combined */
    border: 1px solid #E8E9ED; /* Border style */
    border-radius: 10px; /* Adjust the radius for rounded corners */
    overflow: hidden;
    box-shadow: 0 1px 8px rgb(0 0 0 / 8%);
}


/*.app-container .btn-check:active + .btn.btn-primary, .btn-check:checked + .btn.btn-primary, .app-container .btn.btn-primary.active, .app-container .btn.btn-primary.show, .app-container .btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active), .app-container .btn.btn-primary:hover:not(.btn-active), .show > .btn.btn-primary {
    background-color: #00ABC5 !important;
}*/

.app-container:not(.accordion-button) .tox-editor-container button {
    background: #fff !important;
}


.bundle_list .card-header .card-title {
    color: #000 !important;
    font-weight: bold !important;
    font-size: 1.3rem !important;
}

.bundle {
    background-color: #F1F1F1;
    border: 1px solid #E8E9ED;
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    margin-bottom: 16px;
    gap: 10px;
}
    .bundle.white {
        background-color: #FFF;
    }
    .bundle .col-3 {
        flex: 1 1 15%; /* Allow each column to take up to 25% of the width */
        min-width: 100px; /* Minimum width for responsiveness */
        box-sizing: border-box;
    }

    .bundle  span {
        display: block;
        margin-bottom: 5px;
    }
    .bundle .col-3 span:nth-child(1) {
        color: #91929E;
    }

    .bundle .col-3 span:nth-child(2) {
        color: #71797E;
        font-weight:500;
        
    }
    .bundle .col-3:nth-child(2) span:nth-child(2) {
        color: #EE9554;
    }

    .bundle .status{
        color: #04C500;
        padding: 10px;
        text-align: center;
    }

    .bundle .btn {
        background-color: #00ABC5 !important;
        color: white;
        padding: 0 10px;
        border-radius: 10px;
        text-align: center;
        cursor: pointer;
        height: 37px;
        line-height: 15px;font-weight:normal;
    }
.app-sidebar-menu {
    border-right: 1px solid #E8E9ED;
}
#kt_settings_main .card{
    position:relative;
    margin-bottom:20px;
    background:transparent;

}
    #kt_settings_main .card .card-body {
        background: #fff;
        border: 1px solid #E8E9ED;
        border-radius:20px;
    }
#kt_settings_main .card-body h2.page-heading {
    display: block !important;
    float: inherit;
    color: #000 !important;
    font-size: 1rem !important;
    margin-bottom: 20px !important;
}
#kt_settings_main .form-control {
    height: 45px !important;
    border-radius: 15px;
}
#add-testing-number {
    background: #F0F1F5;
    border-radius: 12px;
    color: #000;
}

#testing-number-container  i{
    color: red;
    position: absolute;
    bottom: 13px;
    right: 21px;
    font-size: 19px;cursor:pointer;z-index:100;
}
#kt_settings_main .form-check.form-check-inline {
    border: 1px solid #E8E9ED;
    border-radius: 14px;
    padding-right: 3rem;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 6px;
    cursor:pointer;
}
#kt_settings_main  .form-check .form-check-input {
    float: right;
    margin-right: -2.25rem;
}
#kt_settings_main #consultationDetailsContainer .checkbox-inline {
   padding-left:0
}

#kt_settings_main .form-check.form-check-inline .form-check-label {
    float: left;
}
.menu-link.active svg, .menu-link.active path, .menu-link.active i {
    fill: #4285f4 !important;
    color: #4285f4 !important;
}

#kt_settings_main .datepicker-icon {
    position: absolute;
    right: 19px;
    bottom: 14px;
}
.notifications {
    position: absolute;
    top: 19px;
    color: #71797E;
    font-size:21px;
    left: 26px;
}
.menumobile {
    margin-left: -40px;
    position: relative;
}
.notifications span {
    font-size: 14px;
}
    .notifications u {
        color: #EE9554;
        font-weight: bold;
        text-decoration:none;
    }
#kt_table tbody tr {
    border-bottom: 1px solid #E8E9ED;
}
#kt_table tfoot{display:none!important;}

.dtr-control {
    width: 37px;
}

.dataTables_length font {
    float: left;
    vertical-align: top;
    margin: 0 5px;
}
    .dataTables_length font:nth-child(1), .dataTables_length font:nth-child(3) {
        margin-top:10px;
    }

.select2-container--bootstrap5 .select2-dropdown .select2-search .select2-search__field, .select2-container--bootstrap5 .select2-dropdown {
    background-color: #fff !important;
}

    .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected, .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
        color: #00ABC5 !important;
        background: #00ABC51A !important;
    }
#kt_form .tox-tinymce {
    height: 180px !important;
}
#kt_form .tox-tinymce button{
   color:#000 !important;
}
.htmlcontent_countdown {
    background: #000;
    color: #fff;
    width: auto;
    display: inline-block;
    padding: 0 6px;
    font-size: 12px;
}

/* Hide the arrows in Chrome, Safari, and Edge */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide the arrows in Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    width: 20px; /* Set your desired width */
    height: 20px; /* Set your desired height */
    background-size: 20px 20px; /* Adjust background size */
    cursor:pointer;
    display:block!important;
}
.invalid-feedback{display:none!important;}
.fv-plugins-bootstrap5-row-invalid .form-control,#kt_form .fv-plugins-bootstrap5-row-invalid .form-control, .fv-plugins-bootstrap5-row-invalid .tox.tox-tinymce, .fv-plugins-bootstrap5-row-invalid #kt_modal_upload, .fv-plugins-bootstrap5-row-invalid #kt_modal_upload_logo, .fv-plugins-bootstrap5-row-invalid .form-select, .fv-plugins-bootstrap5-row-invalid .checkbox-inline .form-check {
    border: 1px solid red !important;
}

@media (max-width: 768px) {
    .notifications {
            display: none;
        }

        .bundle .col-3 {
            flex: 1 1 100%;
        }

        .bundle .status {
            text-align: left;
        }

        #mainData .card-title {
            display: block;
            width: 100%;
        }

            #mainData .card-title .d-flex {
                margin-bottom: 10px !important;
            }

            #mainData .card-title input[type=search], #mainData .card-title input[type=text], #mainData .card-title input[type=date] {
                width: 100% !important;
            }
        #role-details .card-body {
            padding: 2rem 0px;
        }
    }



.swal2-icon.swal2-warning, .swal2-icon.swal2-error {
    margin: 0 auto !important;
}
.modal .modal-header {
    border: 0;
}
.modal .modal-body {
    padding: 0 2rem 2rem !important;
}
.modal .modal-content b {
    margin-right: 17px;
    color: #00ABC5;
    font-weight: 500;
}
.modal .modal-content {
    background: #fff;
}
.modal .modal-title {
    color: #000;
    font-size: 21px;
    font-weight: 100;
}
.modal .close{border:0;}

.camppage #startdate, .camppage #todate {
    height: 50px;
}
.camppage .fv-row .fa-calendar-alt{
    bottom: auto;
    top:42px;
}
.camppage .fv-row .fa-clock {
    position: absolute;
    bottom: auto;top:42px;
    right: 27px;
    font-size: 18px;
}
.dataTables_paginate {
    float: right;
}

.text-center.all{cursor:pointer;}
.part1, .part2, .part3, .part1 .row, .part2 .row, .part3 .row {
    margin-left: 0px !important;
}
    .part2 #testing-number-container {
        padding-left: 0px !important;
    }
    .part1.hide, .part2.hide, .part3.hide {
        display: none !important;
    }
.drplist {
    appearance: auto!important;
}


.menu-sub-dropdown.show {
    background-color: #fff;
}

#kt_header_user_menu_toggle .menu-item:last-child .menu-link, #kt_logout_submit {
    color: #4285f4 !important;
    background: #4285f447 !important;
}
.menu-sub .separator {
    border-bottom: 1px solid #E8E9ED !important;
}


#DeviceModal table {
    border: 1px solid #E8E9ED;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
    #DeviceModal table thead {
        background: #e1e3ea6b !important;
    }
    #DeviceModal table tbody td {
        color: #000;
        border: 1px solid #E8E9ED !important;
        width: 120px;
        padding: 10px 5px;
    }
    #DeviceModal table thead td {
        border: 1px solid #E8E9ED !important;
        color: #6666666b;
        width: 120px;
        padding: 10px 5px;
    }


.swal2-container .swal2-styled.swal2-confirm, .swal2-container .swal2-confirm, .swal2-container .swal2-confirm:hover {
    background: #4285f4 !important;
}

div.dataTables_wrapper div.dataTables_processing{
    border-radius:0!important;
    box-shadow:inherit!important;
    transform:inherit!important;

}
#kt_form input:disabled {
    opacity: 0.5;
    background: #cccccc40;
}
.dropzone .dz-preview .dz-image {
    border: 1px solid #cccccc40;
}
.swal2-popup .swal2-icon {
    margin: 2rem auto!important;
}
.swal2-container .btn-success {
    background: #00ABC5 !important
}

.drop_div.hide, .row.hide {
    display: none !important;
}
td.dtr-control {
    min-width: 273px;
}

option.hideOption{display:none!important;}

.acc_list td.dtr-control {
    min-width: 200px;
}
.cmp_list td .btn-sm{width:24px!important;}
.cmp_list td:not(.all) {
    min-width: inherit !important;
}
.cmp_list .table:not(.table-bordered) td:first-child, .cmp_list .table:not(.table-bordered) th:first-child, .cmp_list .table:not(.table-bordered) tr:first-child {
    padding-left: 1rem !important;
}
.cmp_list td.all {
    width: 90px;
    min-width: inherit !important;
    padding: 0 !important;
}
.dataTables_wrapper .child .dtr-details > li .dtr-title {
    padding-left: 13px !important;
}

.acc_list td.text-center.all {
    width: 145px!important;
    padding-left: 0;
}


.downloadlink, .downloadlink:hover {
    text-decoration: underline !important;
    cursor: pointer;
    color: #000 !important;
    margin-top: 9px;
    position: relative;
    display: block;
}
#kt_user_form select[disabled] {
    background-color: #e8e9ed29 !important;
    border-color: #E8E9ED !important;
    opacity: 0.5;
}

.dz-preview .dz-progress {
    display: none !important;
}


#kt_users_main .invalid-feedback, #Add_RoleInfo_form .invalid-feedback {
    display: block !important;
}
.RoleInfo_form_Submit.spinner{
    padding-right:47px;
    position:relative;
    pointer-events:none;
}
    .RoleInfo_form_Submit.spinner::after {
        border: 2px solid #D1D3E0;
        border-radius: 50%;
        position: absolute;
        right: 10px;
        border-right: 2px solid transparent;
        width: 20px;
        height: 20px;
        -webkit-animation: animation-spinner 0.5s linear infinite;
        animation: animation-spinner 0.5s linear infinite;
        content: "";
    }
    .dropzone.dz-progress .flaticon-upload:before {
    border: 4px solid #D1D3E0;
    border-radius: 50%;
    position: absolute;
    left: 213px;
    border-right: 4px solid transparent;
    width: 30px;
    height: 30px;
    -webkit-animation: animation-spinner 0.5s linear infinite;
    animation: animation-spinner 0.5s linear infinite;
    content: "";
}

.dropzone.dz-progress .dz-message {
    display: block !important;
}
.dropzone-msg-icn {
    line-height: 0;
    height: fit-content;
    position: relative;
    display: block;
}
.dropzone.dz-progress .flaticon-upload {
    position: relative;
    top: -33px;
}
[class^=flaticon-]:before, [class*=" flaticon-"]:before {
    font-family: Flaticon;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

@keyframes animation-spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes animation-spinner {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

#kt_app_content_container .card-header .drpstatus {
    background-color: #fff !important;
    color: var(--bs-gray-700) !important;
    border: 1px solid #E8E9ED !important;
}
.drptype, .drpstatus {
    appearance: auto !important;
}


#kt_app_content_container .card-header .select2-selection {
    background-image: url(../assets/img/arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
}

#kt_app_content_container .card-header .select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: #e8e9edb0 !important;
    font-size: 0.9rem;
}
#kt_app_content_container .card-header .select2-search__field::placeholder {
    color: var(--bs-gray-700) !important;
}
    #kt_app_content_container .card-header .select2-search__field {
    font-size: 1.1rem;
    font-family: Poppins, Helvetica, "sans-serif";
    color: var(--bs-gray-700) !important;
}

#accountType, .drptype {
    text-transform: capitalize;
}
.miw-250px {
    min-width: 250px !important;
}




.form-check-input[type=checkbox]:indeterminate {
    background-color: #4285f4 !important;
    border-color: #4285f4 !important;
    --bs-form-check-bg-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e);
}
#DeviceModal.DeviceModal1 .modal-dialog {
    width: 100% !important;
    max-width: 700px !important;
    max-width: var(--bs-modal-width);
}

.form.view input, .form.view .row, .form.view .form-check-input {
    pointer-events: none;
}
.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before {
    position: absolute;cursor:pointer;
}

.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > .child:before, .dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > .dataTables_empty:before {
    content: none !important;
}

.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link i {
    background-color: #fff !important;
}

.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link {
    background-color: #4285f4 !important;
}


#kt_sign_in_form .form-control {
    border-radius: 6px;
    border: 1px solid #EEE;
    background-color: #F7F7F7;
}
    #kt_sign_in_form .form-control::placeholder {
        color:#ccc!important;
    }

.nav-link {
    color: #4285f4;
}

.thumb_div{margin-right:25px;}
    .card{
        box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
        border: 1px solid #F1F1F4!important;
        background-color: #fff!important;
        color: #071437;
    }
.thumb_div .card{
    border:0!important;
}
.thumb_div .card-title h2, .card-header h2 {
    font-size: 1.3rem;
    color: var(--bs-gray-500);
}
.image-input.image-input-outline .image-input-wrapper {
    border: 3px solid #ffffff!important;
    box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075)!important;
}

.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link {
    border-bottom: 2px solid #4285f4 !important;
    color: #4285f4 !important;
}
.thumb_div .card-body {
    padding: 0rem 0rem!important;
}
.menu-item .menu-link .menu-title {
    font-size: 1.1rem;
    font-weight: bold;
}

#kt_ecommerce_add_product_general .form-control, #kt_ecommerce_add_product_reviews  .form-control{
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #dbdfe98a;
    margin-bottom: 21px !important;
    height: 42px;
    box-shadow: 0 1px 1px 1px rgb(0 0 0 / 2%) !important;
    pointer-events:none;
}

#kt_ecommerce_add_product_reviews table{border:0;}

    #kt_ecommerce_add_product_reviews table thead {
        background: transparent !important;
        color: #99a1b7 !important;
    }
.tab-pane .form-label, #kt_ecommerce_add_product_reviews th {
    color: #91929E;
}
#kt_ecommerce_add_product_reviews .table:not(.table-bordered).table-row-dashed tr {
    border-bottom-color:#f1f1f4;
}
.app-container button.btn-primary, .app-container button.btn-primary:hover, .app-container button.btn-primary:focus, .app-container button.btn-primary:active, .app-container .btn.btn-primary.active, .app-container .btn.btn-primary.show, .app-container .btn.btn-primary:active:not(.btn-active), .app-container .btn.btn-primary:focus:not(.btn-active), .app-container .btn.btn-primary:hover:not(.btn-active), .app-container .show > .btn.btn-primary {
    background-color: #4285f4 !important;
}
.app-container button.btn-secondary, .app-container button.btn-secondary:hover, .app-container button.btn-secondary:focus, .app-container button.btn-secondary:active, .app-container .btn.btn-secondary.active, .app-container .btn.btn-secondary.show, .app-container .btn.btn-secondary:active:not(.btn-active), .app-container .btn.btn-secondary:focus:not(.btn-active), .app-container .btn.btn-secondary:hover:not(.btn-active), .app-container .show > .btn.btn-secondary {
    background-color: #a70315 !important;
}
.btn.btn-light {
    background-color: #7e8299 !important;
    color: #fff !important;
}
code:not([class*=language-]) {
    color: #4285f4 !important;
    background-color: #4285f447 !important;
}
.text-muted span {
    font-size: 20px;
    top: 3px;
    position: relative;
}
.nav-line-tabs .nav-item .nav-link, .breadcrumb .breadcrumb-item {
    font-weight: bold;
    font-size: 1.2rem;
}
.qtdiv .form-label {
    margin-bottom:0px;
}
.qtdiv .text-muted {
    border-bottom: 1px dashed #cccccc52;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.swal2-icon.swal2-success .swal2-success-ring, .swal2-icon > div, .swal2-icon > span {
    border-color: #4285f4 !important;
    color: #4285f4 !important;
}
.swal2-icon.swal2-success [class^=swal2-success-line]
/*,.active .page-link */
{
    background-color: #4285f4 !important
}
.form-switch.form-check-solid .form-check-input:not(:checked) {
    background-color: #91929E;
}
.form-check-input:checked {
    background-color: #4285f4 !important;
    border-color: #4285f4 !important;
}
#kt_ecommerce_add_product_reviews .fv-plugins-icon-container {
    pointer-events: none;
}

.slide-img {
    max-width: 300px;
    max-height: 300px;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    position: relative;
    border-radius: 10px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc75;
    box-shadow: var(--bs-card-box-shadow);
}
#map, #map1 {
    height: 400px;
    position: relative;
    border: 1px solid #ccc;
    width: 100%;
    overflow: hidden;
    border: 1px solid #dbdfe98a;
    border-radius: 7px;
    box-shadow: 0 1px 1px 1px rgb(0 0 0 / 2%) !important;
}
.qtdiv .text-muted:last-child{border:0;}
@media (min-width: 768px) {
    #kt_ecommerce_add_product_general .flex-md-root, #kt_ecommerce_add_product_reviews .flex-md-root {
        flex: 0 0 48%;
    }
}




th.sorting{cursor:pointer;}


#statusSelect{width:215px;}

.w-275px {
    width: 275px !important;
}

.link,.link:hover{display:block;text-decoration:underline!important;color:#000;margin:4px 0;}

#kt_app_main .dataTables_wrapper .dataTable th.sorting_desc:before, #kt_app_main .dataTables_wrapper .dataTable th.sorting_desc:after, #kt_app_main .dataTables_wrapper .dataTable th.orting_asc_disabled:before, #kt_app_main .dataTables_wrapper .dataTable th.orting_asc_disabled:after,
#kt_app_main .dataTables_wrapper .dataTable th.orting_desc_disabled:before, #kt_app_main .dataTables_wrapper .dataTable th.orting_desc_disabled:after, #kt_app_main .dataTables_wrapper .dataTable th.sorting_asc:before, #kt_app_main .dataTables_wrapper .dataTable th.sorting_asc:after,
#kt_app_main .dataTables_wrapper .dataTable th.sorting:before, #kt_app_main .dataTables_wrapper .dataTable th.sorting:after, #kt_app_main .dataTables_wrapper .dataTable td.sorting_desc:before, #kt_app_main .dataTables_wrapper .dataTable td.sorting_desc:after, #kt_app_main .dataTables_wrapper .dataTable td.orting_asc_disabled:before, .dataTables_wrapper .dataTable td.orting_asc_disabled:after,
#kt_app_main .dataTables_wrapper .dataTable td.orting_desc_disabled:before, #kt_app_main .dataTables_wrapper .dataTable td.orting_desc_disabled:after, #kt_app_main .dataTables_wrapper .dataTable td.sorting_asc:before, #kt_app_main .dataTables_wrapper .dataTable td.sorting_asc:after,
#kt_app_main .dataTables_wrapper .dataTable td.sorting:before, #kt_app_main .dataTables_wrapper .dataTable td.sorting:after {
    top: 0px !important;
    margin-top: 0 !important;
}
table.noborder,table.dashedborder{border:0!important;}
    table.noborder tr, table.dashedborder tr {
        border-bottom: 1px solid #F1F1F4 !important;
    }
    table.dashedborder thead {
        color: #99A1B7 !important;
        background: transparent !important;
    }
    table.dashedborder tr {
        border-bottom-style: dashed !important;
    }
   
    table.noborder tr div, table.noborder tr div i, table.dashedborder td.text-muted {
        color: #99A1B7 !important;
    }
    table.noborder tr div i {
        position:relative;
        top:-2px;
    }

#reasonSelect, #otherReason{width:250px;margin:10px auto;}
@media (min-width: 992px) {
    div, main, ol, pre, span, ul {
            scrollbar-color: #b5b5c3 transparent!important;
        }
    }

    @media (max-width: 991.98px) {


        #kt_app_sidebar_mobile_toggle {
            position: absolute;
            top: 26px;
            right: 0;
        }

        #kt_app_sidebar_mobile_toggle i {
            font-size: 24px !important;
            margin-right: 10px !important;
            color: #181c32fc !important;
            top: -8px !important;
            position: absolute;
        }

        #kt_header_user_menu_toggle .symbol {
            width: 30px;
            height: 30px;
            color: #fff;
            line-height: 29px;
            margin-left: 10px;
        }

        .menumobile {
            margin-left: 0px;
        }

        .app-navbar {
            margin-right: 27px;
        }

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



.bloc2 {
    width: 45% !important;
}


#form-changePassword-details .fv-plugins-message-container.invalid-feedback{
    display:block!important;
}

.minprice, .maxprice {
    background-color: #fff !important;
    color: var(--bs-gray-700) !important;
    border: 1px solid #E8E9ED !important;
    height: 43px;
}

.prv{margin-left:22px;}

#modalPay .modal-dialog {
    max-width: 743px;
    margin-right: auto;
    margin-left: auto;
}
#modalPay .modal-dialog .row{
    margin-bottom: 16px;
}
    #modalPay .modal-dialog .row h3{
       color:#000;font-size:13px;
    }
#modalPay .fa-calendar-alt {
    bottom: 13px;
}
#modalPay #kt_modal_upload, #modalPay  .form-control{
    border-radius: 6px !important;
}
#modalPay  .modal-footer {
    border: 0
}

    #modalPay .modal-footer .btn {
        background: #4285f4 !important;
        border-color: #4285f4 !important;
        color: #fff !important;
    }
.ui_tpicker_unit_hide{display:none!important;}
.ui_tpicker_hour_slider select, .ui_tpicker_minute select {
    width: 83%;
    height: 29px;
}

.cancelbtn i {
    font-size: 13px !important;
    color: #333 !important;
}

.dateholder::placeholder, #note::placeholder, #cost::placeholder, #serialnumber::placeholder {
    color: #666 !important;
}
#supplierSelect, #courrierSelect {
    font-size: 13px;
    width: 100%;
    margin: 12px 0;
    height: 45px;
    box-shadow: none;
    border-radius: 6px;
    color:#000!important;
}
.dateholder, #note, #cost {
    color: #666 !important;
}
.swal-popup-custom {
    overflow-y: inherit !important;
}
    .swal-popup-custom .swal2-html-container#swal2-html-container {
        height: auto !important;
        max-height: inherit;
    }

    .swal-popup-custom #note {
        font-size: 13px;
        height: 81px;
        width: 100%;
        margin: 14px 0 0 0;
        border: 1px solid #E8E9ED !important;
        padding: 10px;
        resize: none;
        overflow-y: auto;
        outline: none;
        border-radius: 6px;
        box-shadow: none;
    }

.nav-tabs .nav-link {
    font-size: 1rem !important;
}


#modalColor .modal-dialog {
    max-width: 932px;
}
#modalColor h3{color:#000; font-size:1rem;}
#modalColor .modal-footer {
    border: 0;
}
.single-check {
    cursor: pointer;
    display:block;
    margin-right:4px;
}


#modalViewColor .modal-dialog {
    max-width: 800px;
}
#modalViewColor .modal-content {
    padding: 20px;
    max-height: 586px;
    overflow-y:auto;
}

.ui-datepicker, .ui-datepicker table {
    max-width: 300px!important; /* or whatever fits your layout */
    box-sizing: border-box;
    width:100%!important;
}
.ui-datepicker-calendar th{min-width:inherit!important;}


.dvWID.hide{display:none!important;}


#orderprogress .first, #pendingrequest .second, #deliveredorders .first, #otherrequest  .first{
    display: none !important;
}
#trade_Modal .modal-dialog {
    width: 100%;
    max-width: 1260px;
}


.list_wrap {
    max-height: 416px;
    position: relative;
    overflow-y: auto;
}


.ppm {
    font-size: 1.1rem;
    height: 23px;
    color: #000;
}

.payment-plans {
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    max-width: 100%;
    padding: 14px;
}

.plans-header {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    border-bottom: black;
    background-color: #F4F4F4;
    border-radius: 15px;
}

.plan-button.plan-buttonWithIcon {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer;
    transition: background 0.3s, border 0.3s;
    font-weight: bold;
    border-radius: 26px;
    text-align: center;
    color: #707070;
    padding: 0 19px;
    line-height: 36px;
}
.payment-plans .dashed-line {
    display: flex;
    justify-content: space-between;
    margin: 17px 0 0;
}
.payment-plans .dashed-segment {
    flex-grow: 1;
    margin: 0 5px;
    height: 6px;
    width: 100%;
    background: #ccc;
    border-radius: 4px;
}
    .payment-plans .dashed-segment.active {
        background: #4285f4;
    }
.payment-plans .tb {
    display: none;
}
.plan-info {
    display: flex;
    padding: 10px;
}

#buy_device .div_btns .btn {
    width: 100%;
    background: #4285f4;
    border: 1px solid #4285f4;
    color: #fff;
}

.payment-plans .tb.active {
    display: block;
}

.payment-plans .dashed-line {
    display: flex;
    justify-content: space-between;
    margin: 17px 0 0;
}

.plan-info div {
    margin-right: 20px;
}

.plan-info p {
    color: #707070;
    margin:0!important;
}
.plan-button.active {
    border: 1px solid #007bff;
    background: #fff;
    border-radius: 26px;
    color: #000;
}
.buyInstallementDevice {
    background: #4285f4 !important;
    color: #fff !important;
    width: 100%;
    font-weight: bold !important;
}

.plan-info p b {
    color: #000 !important;
    margin: 0;
}

.modal-page {
    display: none;
    padding: 15px;
}

    .modal-page.active-page {
        display: block;
        padding-top: 0;
    }
#modal-page-1 .card-title {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

#paymentBtn {
    display: none;
}
.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d";
}
.buyInstallementDevice{display:none!important;}



.bundle-section {
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: 15px;
}

.bundle-title {
    font-size: 1.1em;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.bundle-group {
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
}

.bundle-group-header {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    background-color: #f7f7f7;
    cursor: pointer;
    user-select: none;
}

.group-icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.group-name {
    font-weight: 500;
}

.bundle-group.expanded .bundle-group-header {
    border-bottom: 1px solid #ddd;
    background-color: #efefef;
}

.bundles-list-container {
    background-color: #fff;
}

.bundles-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .bundles-list li {
        padding: 8px 15px;
        border-bottom: 1px solid #eee;
    }

        .bundles-list li:last-child {
            border-bottom: none;
        }

    .bundles-list label {
        display: block;
        cursor: pointer;
    }

    .bundles-list span {
        margin-left: 8px;
    }
.pdd {
    max-height: 250px;
    overflow-y: auto;
    padding: 5px;
    border: 1px solid #e4e6ef;
    border-radius: 0.42rem;
}
.pdd input::placeholder {
    color: #999!important;
    opacity: 1;
}

.buyInstallementDevice.show{
    display:block!important;
}