.dsa-card {
    min-height: 416px;    
}

.perspective-table .field-container.form-check {
    text-align: center;
}

/* ref: https://stackoverflow.com/questions/30552754/rotate-text-in-bootstrap-in-different-col-sizes */
.verticaltext_content {
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
                
     
 }

/* BOOTSTRAP 3 HIDE CLASSES */
hidden-xs{display:none;}
hidden-sm{display:none;}
hidden-md{display:none;}
hidden-lg{display:none;}

.footer{display:none !important;}

.dnnModuleDialog{
    top:0 !important;
    right:0 !important;
}

.pabb::hover{
    background-color:white !important;
    color:#117d9b !important;
}

/* FORM LABELS */
.form-label{
    font-size:1.2em !important;
}
.tabLink{
    font-size:1.2em !important;
}
.form-control,.form-select{
    border-color:#ccc !important;
}
.form-control:active,.form-select:active, .form-control:focus, 
.form-select:focus{
    border-color:#117d9b !important;
}
/* LOGO */
.navbar-brand-box {
    padding:1px !important;
}


.form-check-input {
    border-color:#117d9b !important;
}


/* CROSSWALK */
/*header*/
.crosswalk-header {
    background: linear-gradient(to right, #117d9b 65%, purple 100%);
}

/* custom grid template : gridcrosswalk */
.crosswalk-grid-td{border-bottom:0px !important;}
.crosswalk-grid-tr{border-bottom:1px solid #eee;}
.crosswalk-grid-buttons{border-bottom:none !important;margin-top:5px;}
.crosswalk{
    background-color:#eee !important; 
    color:white !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
 }

.crosswalk-card {
    border-radius: 0.25rem; /* Apply border-radius to the entire card */
    overflow: hidden; /* Ensure the header respects the card's radius */
}

.crosswalk-card .card-header {
    background-color: purple;
    color: white; /* Optional: Change the text color to white for better contrast */
    border-top-left-radius: 0.25rem; /* Explicitly set the border-radius for the top-left corner */
    border-top-right-radius: 0.25rem; /* Explicitly set the border-radius for the top-right corner */
}

.crosswalk-btn{
    border:1px solid purple !important;
    opacity: 1;
}

.crosswalk-btn:hover{
    background-color:purple !important;
    opacity: 1
}

.crosswalk-btn:hover i{
    color:white;
    opacity: 1
}

.crosswalk-btn i{
    color:purple;
    opacity: 1
}


/* MODAL FONT */
.modal-body p {
    font-size: 1.5em;
}



.form-control:disabled {
  background-color: #e9ecef !important; /* Default background for disabled inputs */
  opacity: 1 !important;                /* Ensure visibility if opacity is applied */
  color: #6c757d !important;            /* Lighter color for disabled text */
  border-color: #ced4da !important;      /* Lighter border for disabled inputs */
  cursor: not-allowed !important;        /* Shows a "not-allowed" cursor when hovering */
}


/* Styles for the perspective menu list */
/* Styles for the perspective menu list */
.perspectives-section-definitions-navbar {
    list-style-type: none; /* Removes the bullet points */
    padding-left: 0; /* Removes all left padding */
    margin-left: 0; /* Removes all left margin */
    margin: 0; /* Resets all margin */
    padding: 0; /* Resets all padding */
    margin-bottom: 80px;
}

.perspectives-section-definitions-navbar li {
    display: flex;
    align-items: center;
    margin-bottom: 10px; /* Adds spacing between list items */
    padding: 0; /* Ensures no padding on list items */
    border-bottom: 0px solid white; /* Adds a 1px white border under each item */
}

.perspectives-section-definitions-navbar .p-sd-nav-anchor {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: white; /* Makes the text white */
    font-size: 13px; /* Sets font size to 13px */
    padding-left: 0; /* Ensures no extra padding on the left */
}

.perspectives-section-definitions-navbar .p-sd-nav-anchor i {
    min-width: 30px; /* Sets a fixed width for icons to align text */
    text-align: center; /* Centers the icon */
    margin-right: 10px; /* Adds space between icon and text */
    font-size: 22px; /* Adjusts icon size */
    color: white; /* Ensures icons are white */
}

.perspectives-section-definitions-navbar .p-sd-nav-anchor:hover {
    text-decoration: underline; /* Adds underline on hover */
}

/* Highlight the active menu item */
.perspectives-section-definitions-navbar .p-sd-nav-anchor.active {
    background-color: #005f73; /* Highlight background color */
    color: orange; /* Makes the text orange */
    font-weight: bold; /* Makes the active item bold */
    padding: 5px; /* Adds some padding to make it stand out */
    border-radius: 5px; /* Adds a slight border radius for better styling */
}

.perspectives-section-definitions-navbar .p-sd-nav-anchor.active i {
    color: orange; /* Ensures the icon in the active state is also orange */
}

.perspectives-section-definitions-navbar .p-sd-nav-anchor.active:hover {
    text-decoration: none; /* Removes underline on hover for active items */
}

/* Gradient background on the container */
#dnn_PerspectiveMenuPane {
    background: linear-gradient(to bottom, #117d9b 90%, white 100%);
    padding-bottom: 50px; /* Adds bottom padding */
    margin-bottom: 0;
    padding-left: 0; /* Remove any default padding */
    padding:5px;
}
.perspectives-section-definitions-navbar .p-sd-nav-anchor.active {
    color: orange; /* Make the active link text orange */
    font-weight: bold; /* Bold the text */
    background-color: #005f73; /* Optional: add a background color */
    padding: 5px; /* Add padding for better visibility */
    border-radius: 5px; /* Optional: round the corners */
}

.perspectives-section-definitions-navbar .p-sd-nav-anchor.active i {
    color: orange; /* Make the icon orange for the active item */
}

/* ADD MODULE CSS */
.dnnModuleManager .DnnModule.floating, .dnnModuleSorting .DnnModule.floating {
    top: 80 !important;
}

/* CROSSWALK MENU */
/* Styles for the crosswalk menu list */
.cross-walk-section-definitions-navbar {
    list-style-type: none;
    padding: 0;
    margin: 0 0 80px 0;
}

.cross-walk-section-definitions-navbar li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 0;
    border-bottom: 0px solid white;
}

.cross-walk-section-definitions-navbar .c-sd-nav-anchor {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: white;
    font-size: 13px;
    padding-left: 0;
}

.cross-walk-section-definitions-navbar .c-sd-nav-anchor i {
    min-width: 30px;
    text-align: center;
    margin-right: 10px;
    font-size: 22px;
    color: white;
}

.cross-walk-section-definitions-navbar .c-sd-nav-anchor:hover {
    text-decoration: underline;
}

/* Highlight the active menu item */
.cross-walk-section-definitions-navbar .c-sd-nav-anchor.active {
    background-color: #005f73;
    color: orange;
    font-weight: bold;
    padding: 5px;
    border-radius: 5px;
}

.cross-walk-section-definitions-navbar .c-sd-nav-anchor.active i {
    color: orange;
}

.cross-walk-section-definitions-navbar .c-sd-nav-anchor.active:hover {
    text-decoration: none;
}

/* Gradient background on the container */
#dnn_CrosswalkMenuPane {
    background: linear-gradient(to bottom, purple 90%, white 100%);
    padding: 5px 5px 50px 5px;
    margin-bottom: 0;
}

.cross-walk-section-definitions-navbar .c-sd-nav-anchor.active {
    color: orange;
    font-weight: bold;
    background-color: #005f73;
    padding: 5px;
    border-radius: 5px;
}

.cross-walk-section-definitions-navbar .c-sd-nav-anchor.active i {
    color: orange;
}

.dsa-badge {
      min-width: 61px;
}


/* Hide Crosswalk Copy Text button - block start */
#crosswalk-modal-copy-button {
    display: none;
}
/* Hide Crosswalk Copy Text button - block end */


/* FORM BUTTONS MARGIN BOTTOM */
.form-root .c-form.loose .form-group {
    margin-bottom:0px !important;
}

/* UTILS */
.d-none{display:none !important;}