/*<<------Blue color-theme-------->>*/

/*---------------- Start DDsmooth Menu style --------------*/
/*Top level menu link items style*/
.ddsmoothmenu, .ddsmoothmenu ul li a {
    background-image: linear-gradient(#e9e9e9, #eafbff);
    border: none;
    font-size: 13px;
    line-height: 1;
    font-family: 'Poppins', 'Verdana', sans-serif
}
    .ddsmoothmenu ul li {
        position: relative;
        display: inline;
        float: left;
        height: 30px;
        background-color: #efefef;
        margin: 1px;
        border-radius: 4px;
    }
    .main-content.ddMenuTop .main-menuSidebar {
        width: 100%;
        height: auto;
        padding-right: 0px;
        border-bottom: 4px solid #b6dfeb;
        position: relative;
    }

.ddsmoothmenu ul li a {
    border-radius: inherit;
    border-left: 1px solid #3aa0bf;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #b2c4ed;
    color: #010006 !important;
}

     .ddsmoothmenu ul li a:hover {
         background: #cccccc;
         color: #000;
         border-left: 3px solid #2c90be;
     }

     .ddsmoothmenu ul li a.selected {
         background: #005c86;
         color: #020e17 !important;
         border-left: 3px solid #2c90be;
     }

     .ddsmoothmenu ul li a:link {
         color: #000;
         font-weight: normal;
     }

     .ddsmoothmenu ul li a:visited {
         color: #ffffff;
         font-weight: normal;
     }
    /* Sub level menu links style */
    .ddsmoothmenu ul li ul li a {
        background: #f6f6f6;
        color: #000;
        font: normal 13px Poppins;
        border: 1px solid gainsboro;
        color: #000 !important;
    }
     .Hozhover:hover .ddsmoothmenu {
         position: absolute;
         background: linear-gradient(0deg, #fff, #fff);
         border-bottom: 4px solid #1c9ccd;
     }

     .ddsmoothmenu ul li ul li a:hover {
         background: #cccccc;
         color: #fff;
     }

   .ddsmoothmenu ul li ul li a.selected {
       background: #b5b5b5;
   }

   .ddsmoothmenu ul li ul li a:visited {
       color: #000 !important;
       font-weight: normal;
   }

    .ddsmoothmenu ul li ul li:last-child {
        border-bottom: 3px solid #2c90be;
    }

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow {
    background: #CCCCCC;
}

.modalPopuptest {
    border-color: #33daff;
}

.ddsmoothmenu-v ul.top_menu {
    background-color: #8383832b;
    border-right: 1px solid #3a8dbd;
    background-color: lavender;
}

.ddsmoothmenu-v ul li {
    position: relative;
    float: none;
    border-bottom: 1px solid gainsboro;
}
    /* Top level menu links style */
    .ddsmoothmenu-v ul li a {
        border-right: 1px solid #d5d5d5;
        border-right-color: #077b8c;
        background: #fff;
        color: #1b4660;
    }

    .ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active {
        background-color: #dfe5f5;
        background: linear-gradient(45deg, #dfe5f5, white);
        color: #1b4660;
    }

    .ddsmoothmenu-v ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
        background: #c6c8ff;
        color: navy;
        background: linear-gradient(357deg, #97b3ff, #bfd1ff);
        border-bottom: 1px solid #065478;
    }

    .ddsmoothmenu-v ul li a:hover {
        background: linear-gradient(357deg, #97b3ff, #bfd1ff);
        color: #1f3476;
        border-bottom: 1px solid #065478;
    }

    .ddsmoothmenu-v ul li:nth-child(1) {
        border-top: 1px solid #3a8dbd;
    }

    .ddsmoothmenu-v ul li:nth-last-child(1) {
        border-bottom: 1px solid #a5c1d1;
    }

.main-menuSidebar {
    background-color: #0000002e;
}
/*---------------- End DDsmooth Menu style ----------------*/

/*---------------- Start SHIMS style --------------*/
body {
    /*background-repeat: repeat;*/
    font-family: 'Poppins', sans-serif;
}
/*common new font family*/
.screen_title, .fieldset_border, .screen_border, .heading, .label_bold, .amount, .dropdown, .mGrid td, .mGridDev, .mGrid th, input {
    font-family: 'Poppins', 'Verdana', sans-serif;
}

.label_bold {
    font-size: 11px;
}

.label_words_small {
    font-family: 'Poppins', 'Verdana', sans-serif;
    font-size: 12px;
}

.screen_title {
    font-size: 15px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
    /*background-image: linear-gradient(#f7f7f7, #e6e5e5) !important;*/
    background-image: linear-gradient(#8edeff, #c8efff) !important;
    border: 1px solid #ccc;
    text-transform: uppercase;
    background-repeat: repeat;
    color: #4c4e47;
    font-weight: bold;
    text-align: center;
    padding-left: 20px;
    font-variant: small-caps;
}

.fieldset_border, .screen_border, .mycalender, .ModalWindow {
    border: thin solid transparent;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 6px 2px #c5c5c5;
    background: #fff;
}

.fieldset_border, .screen_border {
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    box-shadow: rgb(175 229 255) 0px 1px 0px 0px, rgb(95 177 209) 0px 0px 10px 0px;
}

.screen_border {
    border-bottom: 3px solid #14a7d3;
}

.FooterOne {
    background: #63caf4 repeat-x;
    color: black;
}

.GridviewScrollHeader TH, .GridviewScrollHeader TD {
    background: #6ecef5;
}

.amount {
    background-color: #cfe9ee;
    border: 1px solid #e0d5ca;
}
/*td {
    padding-right: 5px;
    padding-left: 5px;
}*/

/*mgrid css code*/
.mGrid th {
    color: #ffffff;
    /* background-image: linear-gradient(#3fb7e6, #2f99c3) !important; */
    background-image: none;
    background-color: #4f7e92;
    letter-spacing: 1px;
    font-size: 12px;
}

.mGrid .Header th a {
    color: #281502;
    font-size: 12px;
    font-family: poppins;
    letter-spacing: 1px;
}

.mGrid td {
    border-right: 1px solid #aeb7be;
    border-left: 1px solid #aeb9be;
}

.mGrid .alt {
    background-color: #e8f9ff;
}

.mGridDev {
    background-color: #d2e6ef;
}

.mGrid .Footer {
    background: #efefef;
}

.mGrid .GridSubHeader, .mGrid .Header .GridSubHeader {
    color: #e9f994;
    background-color: #26a2cf;
}

.mGrid_Mouseover tbody tr:hover {
    background: #b6e9f3 !important;
}
/*.vertical_line {
    background: #269fd0;
    padding-left: 2px;
}*/
option {
    color: #323333;
    font-size: 12px;
    font-weight: lighter;
    font-family: poppins;
}
/*Calendar design*/
.ajax__calendar_container {
    font-family: 'Poppins', sans-serif !important;
    padding: 0px !important;
    width: auto !important;
}

.ajax__calendar_header {
    height: 16px !important;
    background: #c3e3ff;
    padding: 5px 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.ajax__calendar_day {
    text-align: center !important;
    height: 18px !important;
    width: 19px !important;
}

    .ajax__calendar_day:hover, .ajax__calendar_month:hover,
    .ajax__calendar_year:hover {
        background-color: #bbeef9;
        border-radius: 5px;
    }

.ajax__calendar_today {
    background: #218fbc;
    font-weight: bold;
    color: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ajax__calendar_container TD {
    border-radius: 5px;
}

.ajax__calendar_dayname {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.ajax__calendar_active {
    font-weight: bold;
    border: solid 1px silver;
}
/*Appoinment css modified code*/
.button_Vacant, .button_General, .button_Follow_Up, .button_Cancelled,
.button_Rescheduled, .button_Booked {
    font-size: 12px;
}

.submit_iconsDesign {
    border: 1px solid #047dcf;
    background-color: #e8f2ff;
}

    .submit_iconsDesign:hover {
        background: #25a6c55c;
    }
/*Custom Css*/
.radio-toolbar input[type="radio"]:checked + label {
    border: 1px solid #0499cf;
    background-color: #ffeac7;
}

.radio-toolbar label:hover {
    background-color: #ddf6ff;
}

.GridviewScrollFooter TH, .GridviewScrollFooter TD {
    background: linear-gradient(#5fbdf1, #77e0ea);
}

.FooterTwo {
    background-color: #28bdff;
}
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem {
    background: #ade7ff;
}
/* AutoComplete item */
.autocomplete_listItem {
    background: #f3f6f6;
}

.ajax__tab_default .ajax__tab.ajax__tab_active,
.ajax__tab_default .ajax__tab.ajax__tab_active:before,
.ajax__tab_default .ajax__tab.ajax__tab_active:after,
.dxtc-strip.dxtc-row .dxtc-activeTab:after, .dxtc-strip.dxtc-row .dxtc-activeTab:before {
    background-color: #0097A7;
    color: #fff;
}

.ajax__tab_xp .ajax__tab_header, .dxtc-strip.dxtc-row.dxtc-alLeft.dxtc-stripContainer {
    border-bottom: 3px solid #0097A7;
}

.ajax__tab_xp .ajax__tab_body {
    border: 1px solid #0097A7 !important;
}

.dxtcLite > .dxtc-stripContainer .dxtc-activeTab .dxtc-link {
    color: #ffffff;
    background-color: #0097A7;
}

.dxtcLite > .dxtc-content {
    border: 1px solid #0096a6;
}
/*---------------- End SHIMS style ---------------*/
/*---------------- Start Thickbox style ---------------*/
#TB_title {
    border: thin solid transparent !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    box-shadow: 0px 0px 6px 2px #c5c5c5 !important;
    background-image: linear-gradient(#a6e5ff, #8fddfd) !important;
}

#TB_ajaxWindowTitle {
    padding: 3px 0 5px 10px;
}

.fieldset_border {
    border: thin solid transparent !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: rgb(14 37 16 / 12%) 0px 0px 1px 0px, rgb(14 37 15 / 32%) 0px 2px 7px 0px !important;
}

.mGrid th, .mGrid1 th {
    color: #281502;
    background-image: none !important;
    background-color: #9dd7f1 !important;
    letter-spacing: 1px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
}

.a-button-blue {
    background: repeat-x scroll 0 0 #289ef5;
    border: 1px solid #3ea2da;
}
/*---------------- End Thickbox style ----------------*/

/*---------------- Start Devexpress style ---------------*/
/*Devexpreess css code*/
.dxgvHeader_Youthful {
    background-color: #2395c4 !important;
}

.dxgvFooter_Youthful {
    background-color: #c5ddea !important;
}

.dxrpControl_Youthful > tbody > tr > .dxrpcontent,
.dxrpControlGB_Youthful > tbody > tr > .dxrpcontent,
.dxrpControlGB_Youthful span.dxrpHeader_Youthful {
    background-image: none;
    background-color: #cfeaee;
}

.dxgvControl_Youthful, .dxgvDisabled_Youthful {
    background-color: #cfe9ee;
}

.dxgvAdaptiveGroupPanel_Youthful, .dxgvGroupPanel_Youthful {
    color: #2395c4;
    background-color: #cfe9ee;
    border-bottom: 1px Solid White;
}

.dxgvDataRowAlt_Youthful {
    background-color: #e0f1f4;
}

.dxgvFocusedRow_Youthful {
    background-color: #5ec9f5;
    color: #FFFFFF;
}

.dxbButton_icq {
    border: 1px solid #0499cf;
    background-color: #f5e4c7;
    color: #3e4042;
    cursor: pointer;
}

    .dxbButton_icq.dxbDisabled_icq {
        background-color: lightgray;
        cursor: inherit;
    }

.dxbButtonHover_icq {
    background-color: #dcfffd;
    cursor: pointer;
}

.dxpcLite_Youthful .dxpc-footer, .dxdpLite_Youthful .dxpc-footer {
    background-color: #2dbdf1;
}

.dxbButton_Youthful {
    background-color: #e8f8ff;
    border: 1px Solid #5bccff;
}

.dxgvTitlePanel_Youthful, .dxgvTable_Youthful caption {
    background-color: #2395c4;
}

.dxgvEditFormDisplayRow_Youthful td.dxgv, .dxgvDetailCell_Youthful td.dxgv, .dxgvDataRow_Youthful td.dxgv, .dxgvDetailRow_Youthful.dxgvADR td.dxgvAIC {
    border-bottom: 1px Solid #84cedc;
    border-right: 1px Solid #4fb5c7;
}

.dxgvHeader_Youthful, .dxgvHeader_Youthful table {
    letter-spacing: 0.7px;
}

    .dxgvHeader_Youthful td {
        font-family: 'poppins', sans-serif;
        letter-spacing: 0.9px;
    }

.dxpLite_Youthful .dxp-current {
    background-color: #2395c4;
}

.dxpLite_Youthful {
    color: #910e9f;
}
/*calendar overwrited design*/
.dxeCalendarHeader_Youthful {
    background-color: #25a2c5;
}

.dxeCalendarFooter_Youthful, .dxeCalendarFastNavFooter_Youthful {
    background: #37aede none;
}

.dxeCalendar_Youthful .dxMonthGrid, .dxeCalendar_Youthful .dxMonthGridWithWeekNumbers, .dxeCalendar_Youthful .dxMonthGridWithWeekNumbersRtl {
    background: #d3f2ff;
}

.dxeCalendarSelected_Youthful {
    color: #f9f9f9;
    background-color: #25a2c5;
}

.dxeCalendarFastNavMonthArea_Youthful {
    background: #cfe8ee none;
}

.dxeCalendarFastNavYearArea_Youthful {
    background: #ccf0ff none;
}

.dxeCalendarFastNavItemSelected_Youthful, .dxeCalendarFastNavMonthSelected_Youthful, .dxeCalendarFastNavYearSelected_Youthful {
    background: #37aede none;
}

.dxeCalendarFastNav_Youthful {
    border-top: 5px Solid #25aec5;
}

.dxeCalendarFastNavItemHover_Youthful, .dxeCalendarFastNavMonthHover_Youthful, .dxeCalendarFastNavYearHover_Youthful {
    background: #67c6ff none;
}

.dxeButtonEditButton_Youthful {
    background: #37aede;
}

.dxeCalendarButton_Youthful, .dxeColorEditButton_Youthful {
    background: #d3f2ff;
}

    .dxeCalendarButtonHover_Youthful, .dxeColorEditButton_Youthful:hover {
        background: #f1fcfb none;
    }

.dxeCalendarOtherMonth_Youthful {
    color: #7fa7b0;
}

.dxeCalendarWeekNumber_Youthful {
    color: #9bb8c1;
}

.dxeCalendar_Youthful {
    border: 1px solid #85a9c1;
    background-color: #d3f2ff;
}

.dxeCalendarToday_Youthful {
    border: 1px solid #17cef4;
}
/*.dxGridView_gvHeaderFilter_Youthful {
    background-image: url("../../images/down.gif");
}*/
.dxpcLite_Youthful .dxpc-header, .dxdpLite_Youthful .dxpc-header {
    background: #cfe2ee;
    border-top: 5px Solid #2dbdf1;
}

.dxpcLite_Youthful .dxpc-mainDiv, .dxpcLite_Youthful.dxpc-mainDiv, .dxdpLite_Youthful .dxpc-mainDiv, .dxdpLite_Youthful.dxpc-mainDiv {
    background-color: #cfe2ee;
}

.dxtcLite_Youthful > .dxtc-content {
    background-color: #b9e4f1;
}
/*.dxtcLite_Youthful > .dxtc-stripContainer .dxtc-tab {
    background: #b8eaff;
}*/
.dxgvGroupRow_Youthful {
    background-color: #b8eef9;
    color: #151515;
}

    .dxgvDataRow_Youthful td.dxgvIndentCell, .dxgvDetailRow_Youthful td.dxgvIndentCell, .dxgvPreviewRow_Youthful td.dxgvIndentCell, .dxgvGroupRow_Youthful td.dxgvIndentCell, .dxgvGroupFooter_Youthful td.dxgvIndentCell {
        background-color: #b8eef9;
    }

.dxgvFilterRow_Youthful {
    background-color: #a6d9e4;
}

.dxtcLite_Youthful.dxtc-top > .dxtc-stripContainer .dxtc-activeTab {
    border-bottom: 1px solid #b9e4f1;
}

/*.dxtcLite_Youthful > .dxtc-stripContainer .dxtc-tab, .dxtcLite_Youthful > .dxtc-stripContainer .dxtc-activeTab {
    background: #d6d6d6 url(/DXR.axd?r=0_5866-Emrck) repeat-x left top;
}*/

.dxtcLite_Youthful > .dxtc-stripContainer .dxtc-activeTab {
    border-style: none;
    background: #b9e4f1 url(/DXR.axd?r=0_5865-Emrck) repeat-x left top;
}
/*---------------- End Devexpress style ----------------*/

/*---------------- Start Focus style ---------------*/
form input[type="text"]:focus, form input[type="password"]:focus {
    -webkit-box-shadow: 0 0 2px #8a8eff inset;
    -moz-box-shadow: 0 0 2px #8a8eff inset;
    -ms-box-shadow: 0 0 2px #8a8eff inset;
    -o-box-shadow: 0 0 2px #8a8eff inset;
    box-shadow: 0 0 2px #8a8eff inset;
    background-color: #fff;
    border: 1px solid #4626d0;
    outline: none;
}

form input[type="image"]:focus, form input[type="checkbox"]:focus, form input[type="radio"]:focus, form input[type="submit"]:focus {
    -webkit-box-shadow: 0 0 2px #8a8eff inset;
    -moz-box-shadow: 0 0 2px #8a8eff inset;
    -ms-box-shadow: 0 0 2px #8a8eff inset;
    -o-box-shadow: 0 0 2px #8a8eff inset;
    border: 1px solid #4626d0;
    outline: #ed1c24 solid 1px;
}

form select:focus, form textarea:focus, form a:focus {
    -webkit-box-shadow: 0 0 2px #8a8eff inset;
    -moz-box-shadow: 0 0 2px #8a8eff inset;
    -ms-box-shadow: 0 0 2px #8a8eff inset;
    -o-box-shadow: 0 0 2px #8a8eff inset;
    box-shadow: 0 0 2px #8a8eff inset;
    background-color: #fff;
    border: 1px solid #4626d0;
    outline: none;
}
/*---------------- End Focus style ----------------*/

/*---------------- Start MainPage style ----------------*/
.mainmenu_top {
    border-bottom: 5px solid #79cbed;
}

.divsearch li {
    list-style: none;
    padding: 0px 18px;
}

    .divsearch li a {
        color: #000;
        text-decoration: none;
    }

.divSearch_top ul li a:hover {
    background-color: #4abde9;
    color: #fff;
}

.Right_head {
    background: linear-gradient(299deg, #7c7eb7, #018cde);
}
/*---------------- End MainPage style ----------------*/

/*---------------- Start NewLogin style ----------------*/
.crd_form p input {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding: 7px 31px;
}

    .crd_form p input:focus {
        color: #495057;
        background-color: transparent !important;
        border-color: #ee3a3a;
        border: none;
        border-bottom: 2px solid #52afdf;
        outline: 0;
        box-shadow: none;
    }

    .crd_form p input:-webkit-autofill {
        background-color: transparent;
    }

.lg_buttons input {
    background-image: linear-gradient(to right, #48a6d7, #78d0ff);
}

@media screen and (max-width:767px) {
    .lg_buttons input:active, .lg_buttons input:visited, .lg_buttons input:hover {
        background-image: linear-gradient(to right, #48a6d7, #78d0ff);
        color: #fff;
    }
}

@media screen and (max-width: 479px) {
    body {
        background-repeat: no-repeat;
        background-color: transparent;
    }
}

@media screen and (min-width: 1023px) {
    .dialogOne {
        background-image: url('../../images/log_blue.png');
        background-repeat: no-repeat;
    }
}
/*---------------- End NewLogin style ----------------*/


/*-------------New ui Patches for slism ----- */



/* Style for the fieldset */
.fieldset_border {
    border: 2px solid #ccc;
    border-radius: 8px;
    padding: 8px;
    margin: 13px 0;
    background-color: #f9f9f9;
}

/* Style for the legend */
.legend {
    font-weight: bold;
    font-size: 1.2em;
    color: #333;
    padding: 5px 10px;
}

/* Container for checkboxes */
.checkbox-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* Style for individual checkbox labels */
.checkbox-label {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #444;
    cursor: pointer;
    user-select: none;
    position: relative;
}

/* Hide the default checkbox input */
.checkbox-input {
    display: none;
}

/* Custom checkbox styling */
.checkbox-custom {
    width: 15px;
    height: 15px;
    border-radius: 25px;
    background-color: #fff;
    border: 2px solid #7dcadc;
    position: relative;
    margin-right: 4px;
    transition: all 0.3s ease;
}

/* Style when checkbox is checked */
.checkbox-input:checked + .checkbox-custom {
    background-color: #0fabd8;
    border-color: #33aeb7;
}

/*        .checkbox-custom::after {
            content: '';
            position: absolute;
            width: 10px;
            height: 13px;
            border-radius: 124%;
            background-color: #fff;
            top: 0px;
            left: 4px;
            transition: all 0.3s ease;
            opacity: 0;
        }*/
.checkbox-custom::after {
    content: '✓'; /* Unicode check mark */
    font-size: 10px; /* Size of the check mark */
    font-weight: bold; /* Make the check mark bold */
    position: absolute;
    top: 0px;
    left: 3px;
    color: #fff; /* Color of the check mark */
    opacity: 0; /* Initially hidden */
    transition: opacity 0.3s ease;
}

.checkbox-input:checked + .checkbox-custom::after {
    opacity: 1; /* Show the check mark when the checkbox is checked */
}


/* Style for checked state */
.checkbox-input:checked + .checkbox-custom::after {
    opacity: 1;
}

/* Hover effect */
.checkbox-label:hover .checkbox-custom {
    border-color: #80bbea;
}

/* Focus effect */
.checkbox-input:focus + .checkbox-custom {
    box-shadow: 0 0 5px rgba(28, 115, 225, 0.6);
}

/* Checkbox text when checked */
.checkbox-input:checked + .checkbox-custom + .checkbox-text {
    color: #05add8;
    font-weight: bold;
}

/* Text styling */
.checkbox-text {
    font-size: 10px;
    color: #444;
}

/* Accessibility and interactive focus on label */
.checkbox-label:focus-within {
    outline: 2px solid #4cae4c;
}

/* Responsive design to stack checkboxes on smaller screens */
@media (max-width: 600px) {
    .checkbox-container {
        flex-direction: column;
    }
}




.fieldset_border {
    border: -5px solid #ccc;
    border-radius: -54px;
    padding: 3px;
    margin: -1px 0;
    background-color: #f9f9f9;
}

Style for the legend
.legend {
    font-weight: bold;
    font-size: 1.2em;
    color: #333;
    padding: 5px 10px;
}

.checkbox-container {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
}

.checkbox-label {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #444;
    cursor: pointer;
    user-select: none;
    position: relative;
}

.checkbox-input {
    display: none;
}

.checkbox-custom {
    width: 15px;
    height: 15px;
    border-radius: 25px;
    background-color: #fff;
    border: 2px solid #5ad7e7;
    position: relative;
    margin-right: 4px;
    transition: all 0.3s ease;
}

.checkbox-input:checked + .checkbox-custom {
    background-color: #0fabd8;
    border-color: #33aeb7;
}

.checkbox-custom::after {
    content: '✓';
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #fff;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.checkbox-input:checked + .checkbox-custom::after {
    opacity: 1;
}


.checkbox-label:hover .checkbox-custom {
    border-color: #0cc3ec;
}

.checkbox-input:focus + .checkbox-custom {
    box-shadow: 0 0 5px rgba(28, 115, 225, 0.6);
}

.checkbox-input:checked + .checkbox-custom + .checkbox-text {
    color: #05add8;
    font-weight: bold;
}

.checkbox-text {
    font-size: 11px;
    color: #444;
}

.checkbox-label:focus-within {
    outline: 2px solid #4cae4c;
}

@media (max-width: 600px) {
    .checkbox-container {
        flex-direction: column;
    }
}
.button {
    border-radius: 8px 8px 8px 8px;
    color: #585252;
    cursor: pointer;
    border: 1px solid #79bbbf;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px 2px 2px 2px;
    text-align: center;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    transition: all 0.218s ease 0s;
    background: #32c3e3;
}

/*-------------New ui Patches for slism ----- */

/* sample status ui color changes */

.custom-radio input[type="radio"] {
    display: none;
}
 
/* Style the labels (the clickable area) */
.custom-radio label {
    display: inline-block;
    padding: 7px 10px;
    margin-right: 6px;
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 14px;
    transition: background 0.3s ease;
    box-shadow: -15px -15px 30px 0 #fff, 8px 7px 5px 0 #1d0dca17;
    font-size: 10px;
}

/* Apply a background image when the radio button is selected */
.custom-radio input[type="radio"]:checked + label {
    background-size: cover;
    background-position: center;
    padding: 7px 10px; /* Optional: To add some space around the label */
}

/* Hover effect for the labels */
.custom-radio label:hover {
    background-color: #91c7e9;
}

/* Style for selected labels */
.custom-radio input[type="radio"]:checked + label {
    background-color: #82c0e1; /* Background color when selected */
    color: #0d0e0c; /* Change text color when selected */
    box-shadow: -10px -10px 30px 0 #fff, 10px 10px 30px 0 #1d0dca17;
}

/* Additional Styles (Custom color variables) */
:root {
    --primary-bg-color: #aed31c; /* Primary background color */
    --primary-text-color: #0d0e0c; /* Primary text color */
    --hover-bg-color: #cde085; /* Hover background color */
}

.custom-radio input[type="radio"]:checked + label {
    background-color: #9dc7e3;
    color: var(--primary-text-color);
}

.custom-radio label:hover {
    background-color: #85baeb9e;
    
}


/* sample status ui color changes */


/* Print Test Report ui color changes */

/* Hide checkbox input */
/*.custom-checkbox input[type="checkbox"] {
   visibility:hidden;
}
*/
/* Style the label (the clickable area) */
.custom-checkbox label {
    display: inline-block;
    padding: 7px 10px;
    margin-right: 6px;
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 14px;
    transition: background 0.3s ease;
    box-shadow: -15px -15px 30px 0 #fff, 8px 7px 5px 0 #1d0dca17;
    font-size: 10px;
}

    /* Hover effect for the labels */
    .custom-checkbox label:hover {
        background-color: #85baeb9e;
    }

/* Apply a background image when the checkbox is checked */
.custom-checkbox input[type="checkbox"]:checked + label {
    background-size: cover;
    background-position: center;
    padding: 7px 10px; /* Optional: To add some space around the label */
}

/* Style for selected checkbox labels */
.custom-checkbox input[type="checkbox"]:checked + label {
    background-color: #8cc3e5;
    color: var(--primary-text-color); /* Text color when checked */
    box-shadow: -10px -10px 30px 0 #fff, 10px 10px 30px 0 #1d0dca17;
}

/* Additional Styles (Custom color variables) */
:root {
    --primary-bg-color: #aed31c; /* Primary background color */
    --primary-text-color: #0d0e0c; /* Primary text color */
    --hover-bg-color: #cde085; /* Hover background color */
}
.Newcheckbox input[type="checkbox"]:checked + label:before {
    content: '\2713';
    font-size: 16px;
    color: #11c9f5;
    text-align: center;
    line-height: 14px;
    background-color: #e1f0f3;
    border-color: #1174cf;
}
.custom-radio input[type="radio"]:not(:checked):not(:disabled) + label:hover {
    background-color: #d6e3ef;
    color: var(--primary-text-color);
}
 

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
    color: #6a6d60;
    /* background-color: #f7ecdd; */
    background: linear-gradient(55deg, #deeaee, #fff);
}


/* Print Test Report ui color changes */