.validation-summary{background-color: var(--portalThemeColor12)!important;}

/* Need 'position: relative;' to use "position: absolute;" in ".done::before" */
/*
.done {
    position: relative; 
}*/
/*
.done::before {
    content: "Completed \2713";
    width: 100px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    display: block;
    border-radius: 0%;
    background: #FFF;
    border: 1px solid #01a05f;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4);
    color: #01a05f;
    position: absolute;
    right: -14px;
    top: -15px;
}
*/

.print-notice {
    position: relative; /* Need this to use "position: absolute;" in ".done::before" */
}

/*
.print-notice::before {
    content: "If you are done reporting, please proceed to “Print” button. Otherwise, please continue with completing additional Technical Competencies sub-areas.";
    width: 400px;
    height: 60px;
    line-height: 20px;
    text-align: center;
    display: block;
    border-radius: 0%;
    background: #e58700;
    border: 0px solid #FFF;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4);
    color: #FFF;
    position: absolute;
    right: -405px;
    top: -15px;
}
*/

.logo-header {
    height: 95px !important;
    margin: 30px 10px 10px 10px !important;
}

/*Increase the dimensions of form drop-down arrows to 24x24px*/
select.form-control.picklist {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='black'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 24px;
    padding-right: 40px;
}

/*Increase the dimensions of form combo-box arrows to 24x24px*/
/* Style for Power Pages Combo Boxes */
.msos-caret-button {
    width: 40px; /* Adjust caret button width */
    height: 100%;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Style for the existing dropdown arrow inside combo boxes */
.msos-glyph {
    width: 24px;  /* Resize arrow */
    height: 24px;
    transform: scale(1.5); /* Increase size */
}

/* Ensure spacing for text inside combo boxes */
.msos-caret-container {
    padding-right: 50px; /* Prevent overlap */
}

/* Updated focused styling for dropdowns and comboboxes*/
.customControl .msos-container:not(.msos-disabled).msos-focused {
    border-color: #006fba !important; /*var(--portalThemeOnColor1) !important;*/
    border-width: 2px !important;
    box-shadow: none !important;
}

.control .form-control:focus {
    border-color: #006fba !important; /*var(--portalThemeOnColor1) !important;*/
    border-width: 2px !important;
    box-shadow: none !important;
}

.home-link {
    font-size: 18px !important;
    margin-top: 50px !important;
    cursor: pointer!important;
    text-decoration: none !important;
  }

  .home-link:hover {
    text-decoration: underline !important;
  }