/* Write your custom CSS here */
.page-sidebar-menu ul li a i.menu-icon { width: 18px; }

/* Fix for selects not showing options */
.bb-dropdown { padding: 0px !important;}

.bb-radiolist { height: auto !important; border:none;padding-top:3px;padding-bottom:0px; }
.bb-checkboxlist { height: auto !important; }
.bb-file-upload { padding: 4px 5px !important; }

.student-page-content {
    background: #1f2f14 !important;
    overflow-y: scroll;
}

.form-control-data {
    padding-top:3px !important;
    color: #8c8c8c;
}

/* Goldcard Count Table on Student Dashboard */

.gc-table { width: 100%; }
.gc-table td { padding-left: 8px; padding-right:8px; }
.gc-table-term-cell { font-size: 36px; color:white; font-weight:bold; }
.gc-table-ytd-cell  { font-size: 18px; padding-left: 10px; color: #8c8c8c; }


h4.panel-title { color:darkgoldenrod; font-size: 2.5em; }
.panel-heading h2 { color:darkgoldenrod; font-size: 2.5em;  }

/* Fake OptionGroups */

option.fakeOptionGroup {
    font-weight: bold !important;
    font-size: 1.2em;
}

option.paddedOptionChild {
    padding-left: 20px !important;
}

/* Hide the default checkbox */
.form-control.checkbox {
    position: relative;
    height: 25px; /* Adjust size as needed */
    width: 25px; /* Adjust size as needed */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #000;
    outline: none;
    cursor: pointer;
}

/* Define the new checkbox look when it's checked. Using Unicode character as tick */
.form-control.checkbox:checked:after {
    content: "\2713"; /* Unicode Character for a tick (✓) */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: darkblue !important;
    font-size: 20px; /* 33% larger than the default 16px font size */
}

/* Change tick color when checkbox is checked */
.form-control.checkbox:checked {
    color: darkblue;
}