:root {
    /* Define Standard Clemson Colors: https://www.clemson.edu/brand/guide/color.html */
    --cuorange: #F56600;
    --regalia: #522D80;
    --avenue: #333333;
    --diploma: #2E1A47;
    --parchment: #EFDBB2;
    --cbrick: #B94700;
    --bfield: #546223;
    --ridge: #005EB8;
    --flag: #00205B;
    --cinnovation: #888B8D;

    /* Top Navbar spacing */
    --navbar-spacing: 60px;
  }

body,html,.row-offcanvas {
    height:100%;
}

body {
    padding: 0px;
    margin: 0px;
}

.navbar-brand {
    cursor:pointer;
}

#message-holder > .alert
{
    margin-bottom: 5px;
}
#message-holder
{
    position: absolute;
    margin-top: var(--navbar-spacing);
    padding-top: 5px;
    padding-bottom: 0;
    z-index:1005;
}
.left-navigation {
    /*width: inherit;*/
    min-width: 325px;
    max-width: 325px;
    float: left;
    height:100%;
    position:relative;
    padding-top: 20px;
}

/*
 * off Canvas sidebar
 * --------------------------------------------------
 */

.row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.row-offcanvas-right {
    right: 0;
}

.row-offcanvas-left {
    left: 0;
}

.row-offcanvas-right
.sidebar-offcanvas {
    right: -325px; /* 6 columns */
}

.row-offcanvas-right.active {
    right: 325px; /* 6 columns */
}

.row-offcanvas-left .left-navigation {
    position: fixed;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    transform: translateX(-325px);
    visibility: hidden;
    opacity: 0;
    z-index: 1000; /* Ensure it stays above other content */
    top: 30px;
}

.row-offcanvas-left.active .left-navigation {
    transform: translateX(0);
    visibility: visible;
    opacity: 1;    
}

.sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 325px; /* 6 columns */
}

.vcenter > * {

    /*
    * vertically center all first level children
    *
    */

    border:0 solid black;
    display:inline-block;
    vertical-align:middle !important;
    float:none !important;

}

.centered {

    border:0 solid black;
    display:inline-block;
    vertical-align:middle !important;
    float:none !important;

}

a:active, a:focus { outline-style: none; -moz-outline-style:none; }

.CharacterFeedback {
    float: right;
}

/*
* === NAVBAR TOP SEARCH ===
*/
.nav-vcentered-form.navbar-form {
    margin-top: 10px;
    margin-bottom: 10px;
}

#SettingsDropdown .dropdown-menu li:not(.checked) a span.glyphicon {

    visibility: hidden;
}

#SettingsDropdown .dropdown-menu li.checked a span.glyphicon {

    position: absolute;
    right: 0;
    top: .3em;
    height: 100%;
}

#SettingsDropdown .dropdown-menu li a {

    position: relative;
}

#SavingBanner {
    width: 172px;
    height: 52px;
    -webkit-box-shadow: 0px 3px 0px 0px #738B98;
    -moz-box-shadow: 0px 3px 0px 0px #738B98;
    box-shadow: 0px 3px 0px 0px #738B98;
    border-radius: 10px;
    background: #ffffff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, rgb(220,241,253)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, rgb(220,241,253)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, rgb(220,241,253)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, rgb(220,241,253)); /* Standard syntax (must be last) */
    border: 1px solid rgb(116,139,152);
    display: inline-block;
    padding: 10px;
    position: fixed;
    right:0;
    top: 120px;
    z-index: 1024;
}
#SavingBanner > img {
    width:32px;
    height: 32px;
}
.search-input-group .input-group-addon{
    background: white !important;
}
.search-input-group .form-control{
    border-right:0;
    box-shadow:0 0 0;
    border-color:#ccc;
}
.search-input-group button{
    border:0;
    background:transparent;
}

.search-input-group > span.input-group-addon {
    padding-top:0;
    padding-bottom: 0;
}

.container-fluid .container-fluid.center-block {
    margin-top: var(--navbar-spacing);
    float: none;
}

#feedbackHolder {
    background: transparent;
    position: fixed;
    right:0;
    bottom: 0;
    z-index: 1050;
}
#feedbackHolder ~ div.container-fluid {
    position: relative;
}
iframe.full-screen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 9000 !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

textarea {
    resize: vertical;
    min-height: 100px;
}

#MainForm a:not(.glyphicon) {
    color: var(--regalia);
    text-decoration: underline;
}

#MainForm a:not(.glyphicon):focus {
    font-weight: 600;
}


.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) {
    position: absolute!important;
}

.visually-hidden-focusable:focus + .navbar {
    top: 20px;
}

/* 

    Begin 2024 Accessibility Improvements
    ------------------------------------------------------------------------------ 

*/

.ada-el { height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px; }

body a {
    color: var(--ridge);
    text-decoration: underline;
}

a:focus, a:hover {
    color: var(--cbrick);
    text-decoration: underline;
}

/* Navigation ------------------------------------------------------------------------------ */

#NavTop a,
#OffcanvasNavigation a {
    text-decoration: none;
}

#NavTop .navbar-nav>li>a:hover,
#NavTop .navbar-nav>li>a:focus {
    color: #fff;
}
#NavTop .navbar-nav>li>a {
    color: #d6d6d6;
    font-size: clamp(0.833rem, 0.738rem + 0.616vw, 1.5rem);
}

.navbar-header .home-logo:hover,
.navbar-header .navbar-brand:focus .home-logo {
    background-color: #fff;    
}

.navbar .container-fluid .navbar-right {
    margin: 0;
}

#NavTop .navbar-nav .dropdown,
#NavTop .navbar-nav [role="menuitem"] {
    white-space: nowrap;
}

#ImpersonateForm .input-group-btn .btn-default:before {
    font-family: 'Glyphicons Halflings';
    content: none;
}

@media (max-width: 1300px) {

    #ImpersonateForm .input-group-btn .btn-default {
        height: 30px;
    }

    #ImpersonateForm .input-group-btn .btn-default:before {
        font-family: 'Glyphicons Halflings';
        content: '\e008';
    }

    #ImpersonateForm .input-group-btn .btn-default #text {
        display: none;
    }

}

@media (min-width: 768px) {

    .navbar .container-fluid .navbar-collapse {
        display: flex !important;
        flex-wrap: nowrap;
    }

    #mainmenu {
        display: flex !important;
        flex-wrap: nowrap;
    }

    .navbar .container-fluid .navbar-right .navbar-collapse {
        display: flex !important;
        flex-wrap: nowrap;
        float: right;
    }

}

/* Headings ------------------------------------------------------------------------------ */

h1.tigertalent {
    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
    color: var(--cuorange);
    background-color: #fff;
    font-size: 7.5rem;
    margin-top: 0px;
    text-align: center;
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #000;
}

.transaction-section-heading {
    font-size: 21px;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #e5e5e5;
    line-height: inherit;
}

/* Main Form Jumotron  ------------------------------------------------------------------------------ */

.RequestForm .jumbotron {
    border-radius: 25px;
    padding: 18px;
}

/* Panels ------------------------------------------------------------------------------ */

.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
    text-decoration: none;
}

/* Audit Trail - Legend Labels ------------------------------------------------------------------------------ */

.panel-title .label {
    padding: .2em .6em .2em;
}

/* Accordions ------------------------------------------------------------------------------ */

.accordion .accordion-trigger-container {
    margin: 0;
    padding: 0;
}

.accordion:focus-within {
    border-color: hsl(216deg 94% 43%);
}

.accordion:focus-within .accordion-trigger-container {
    background-color: hsl(0deg 0% 97%);
}

.accordion .accordion-trigger {
    background: none;
    display: block;
    margin: 0;
    position: relative;
    text-align: left;
    outline: none;
    border: 1px solid #ddd;
}

.accordion .accordion-title h2,
.accordion .accordion-title h3 {
    display: inline-block;
    pointer-events: none;
    border-radius: 5px;
    padding: 0.25em;
    outline: none;
    font-size: 1.6rem;
    margin: 5px;
}

.accordion .accordion-trigger:focus .accordion-title h2,
.accordion .accordion-trigger:focus .accordion-title h3 {
    border-color: hsl(216deg 94% 43%);
}

.accordion .accordion-title .label {
    float: right;
    margin: 10px 34px;
}

.accordion-icon-button {
    border: solid currentcolor;
    border-width: 0 2px 2px 0;
    height: 0.5rem;
    pointer-events: none;
    display: inline-block;
    width: 0.5rem;
    transform:  translateY(-60%)rotate(-45deg);
    transition: transform 0.2s ease;
}

.accordion-trigger[aria-expanded="true"] .accordion-icon-button {
    transform: translateY(-60%) rotate(45deg);
}

.accordion-panel {
    margin: 0;
    padding: 1em 1.5em;
}

/* For Edge bug https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4806035/ */
.accordion-panel[hidden] {
    display: none;
}

/* Panel Style Accordion Adjustments */

.accordion .panel {
    margin-bottom: 10px;
}

.accordion .panel-title.accordion-trigger {
    background: none;
    display: block;
    margin: 0;
    padding: 0.3em 0.5em;
    position: relative;
    text-align: left;
    width: 100%;
    outline: none; 
}

.accordion .panel-title.accordion-trigger .accordion-icon:after {
    font-family: 'Glyphicons Halflings';
    content: '\e114';
    float: right;
    position: absolute;
    right: 20px;
    top: 10px;
    font-weight: 500;
    transform: rotate(-90deg);
    transition: transform 0.2s ease;
}

.accordion .panel-title.accordion-trigger[aria-expanded="true"] .accordion-icon:after {
    transform: rotate(0deg);
}

.accordion .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}
.accordion .accordion-content.open {
    max-height: 100%;
    visibility: visible;
}

.accordion .accordion-content.closed {
    max-height: 0px;
    visibility: hidden;
}

/* Audit Trail Specific Adjustments */

#NewAudit .accordion-content-inner-container {
    padding: 15px;

}

#NewAudit .panel-warning > .panel-heading:hover,
#NewAudit .panel-warning > .panel-heading > .panel-title:focus {
    background-image: linear-gradient(to right, #fcf8e3, #fbeed5);
    border-color: #bea678;
}

#NewAudit .panel-danger > .panel-heading:hover,
#NewAudit .panel-danger > .panel-heading > .panel-title:focus {
    background-image: linear-gradient(to right, #f2dede, #ebcccc);
    border-color: #b89393;
}

#NewAudit .panel-info > .panel-heading:hover,
#NewAudit .panel-info > .panel-heading > .panel-title:focus {
    background-image: linear-gradient(to right, #d9edf7, #c4e3f3);
    border-color: #134761;
}

#NewAudit .panel-default > .panel-heading:hover,
#NewAudit .panel-default > .panel-heading > .panel-title:focus {
    background-image: linear-gradient(to right, #f5f5f5, #e8e8e8);
    border-color: #a7a7a7;
}

#NewAudit .panel-success > .panel-heading:hover,
#NewAudit .panel-success > .panel-heading > .panel-title:focus {
    background-image: linear-gradient(to right, #dff0d8, #c9e2b3);
    border-color: #94b477;
}

/* Audit Trail - Email Panels */

.panel-group.emails .accordion .accordion-title h5 {
    padding: 0px;
    margin: 0px;
}

#NewAudit .emails  .accordion {
    margin-bottom: 4px;
}

#NewAudit .emails .accordion .panel-title.accordion-trigger {
    border: none;
}

.panel-group.emails .accordion .panel-title {
    font-size: 1em;
}

.panel-group.emails .accordion .panel-title .accordion-icon:after {
    top: 0px;
}

#NewAudit .emails .panel .panel-heading {
    background-image: linear-gradient(to right, var(--regalia), var(--diploma));
    border-color: #c9e2b3;
}

#NewAudit .emails .panel .panel-heading:hover {
    background-image: linear-gradient(to right, var(--diploma), var(--regalia));
    border-color: #c9e2b3;
}

/* Adjustments to labels - more accessible colors */

.label-default {
    background-color: #707070;
}

.label-info {
    background-color: #287a93;
}

.label-success {
    background-color: #2b7c2b;
}

.label-warning {
    background-color: var(--cbrick);
    /* font-size: 1.625rem; */
}

.label-danger {
    background-color: #d31e19;
}

/* Adjustments to panels - more accessible colors */

.panel-info>.panel-heading {
    color: #23497F;
}

.panel-success>.panel-heading {
    color: #10551F;
}

.panel-warning>.panel-heading {
    color: #736600;
}

/* Adjustments to buttons - more accessible colors */

.btn-warning.active {
    background-color: var(--cuorange);
    font-weight: 800;
    font-size: 1.90rem;
    margin-bottom: 1rem;
}

.btn-file input[type=file]:focus {
    opacity: .2;
}


/* Adjustments to datatables pagination*/

.pagination>.disabled>a {
    color: #585858;
}

/* Highcharts - Credit override */

.highcharts-credits {
    color: #000 !important;
    fill: #000 !important;
}

/* Funding row adjustments */

.funding-display-row .button-container {
    min-width: 115px;
    display: inline-block;
}

.funding-display-row .glyphicon-remove::before {
    margin-right: 2px;
}

.funding-display-row .glyphicon-pencil::before {
    margin-right: 4px;
}

/* Interfolio Mappings */

.mapping-descriptions {
    color: #8a8a8a;
    font-size: .8em;
    font-style: italic;
}