/*Custom RVS Bootstrap 5 buttons*/
body {
    font-family: Arial, Helvetica, sans-serif !imporant;
}

.RVS-Wordmark {
    font-family: 'Cousine', monospace;
}


/*Re-styling PRIMARY (aka RVS-1)*/
.btn-primary, .btn-primary:visited {
    color: #fff !important;
    background-color: #0e96e1 !important;
    /*border-color: #0e96e1 !important;*/
}

    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary:focus,
    .btn-primary.active {
        /* let's darken #004E64 a bit for hover effect */
        background: #0159c5 !important;
        color: #ffffff !important;
    }




.text-primary {
    color: #0e96e1 !important;
}

.bg-primary {
    background-color: #0e96e1 !important;
    color: #FFF !important;
}

.border-primary {
    border-color: #0e96e1 !important;
}


.btn-outline-primary, .btn-outline-primary:visited {
    color: #0e96e1 !important;
    border-color: #0e96e1 !important;
}

    .btn-outline-primary:hover,
    .btn-outline-primary:active,
    .btn-outline-primary:focus,
    .btn-outline-primary.active {
        /* let's darken #004E64 a bit for hover effect */
        background: #0159c5 !important;
        color: #ffffff !important;
    }

.float-right {
    float: right;
}
.xoth {
    margin-bottom: 0;
}

    .xoth label {
        padding: 0 2.5em 0 .5em;
        font-weight: normal;
    }
/*RVS-2 SECONDARY COLOR*/
.text-RVS-2 {
    color: #f47c31;
}

.bg-RVS-2 {
    background-color: #f47c31;
    color: #FFF;
}

.btn-RVS-2, .btn-RVS-2:visited {
    color: #FFF;
    background-color: #f47c31;
}

    .btn-RVS-2:hover,
    .btn-RVS-2:active,
    .btn-RVS-2:focus,
    .btn-RVS-2.active {
        /* let's darken #004E64 a bit for hover effect */
        background-color: #e83e11;
        color: #ffffff;
    }

.btn-outline-RVS-2, .btn-outline-RVS-2:visited {
    color: #f47c31;
    border-color: #e83e11;
}

.btn-outline-RVS-2:hover,
.btn-outline-RVS-2:active,
.btn-outline-RVS-2:focus,
.btn-outline-RVS-2.active {
    /* let's darken #004E64 a bit for hover effect */
    background-color: #FFF;
    color: #e83e11;
}

.HideMe {
    visibility: hidden;
}

/* Use for pages without Bootstrap */
.info-msg,
.success-msg,
.warning-msg,
.error-msg {
    margin: 10px 0;
    padding: 10px;
    border-radius: 3px 3px 3px 3px;
}

.info-msg {
    color: #059;
    background-color: #BEF;
}

.success-msg {
    color: #270;
    background-color: #DFF2BF;
}

.warning-msg {
    color: #9F6000;
    background-color: #FEEFB3;
}



























/*Makes input box text for login page larger*/
.input-larger {
    font-size: larger;
}

/*Forces the bootstrap color for invalid-feedback over the asp:label / span built-in element style of "RED" :P */
.invalid-feedback, .TextRequired {
    color: #dc3545 !important;
}

.invalid {
    border: 1px solid #dc3545 !important;
}

/*Grant Card border colors*/
.border-RVS {
    border-color: #7a0019;
}

.border-RMA {
    border-color: #01541C;
}

.border-NERME {
    border-color: #004a98;
}

.border-SERME {
    border-color: #ba0d2e;
}

.border-WERME {
    border-color: #981e32;
}

.border-NCERME {
    border-color: red;
}

/*Custom Bootstrap 5 colors to match RVS color palette */
.text-primary {
    color: #337ab7 !important;
}

/*Styling for View Facilitator Notes*/
.bg-notes {
    background-color: #fff3cd;
}

.notes {
    font-family: 'Baskerville Old Face', Cambria, 'Courier New', Garamond, 'Times New Roman', serif;
    font-size: large;
    max-width: 75ch;
}

/*Add-in to stop dropdown menu from dropping up on Manage Project on Tablet*/
.dropdown-menu {
    max-height: calc(100vh - 150px);
    overflow-y: scroll;
}
/* applied to active items in dropdown */
.dropdownactive {
    font-weight: bold !important;
    background-color: #F5F5F5 !important;
}

/*Prevents RadNumericTextBox from staying inline with form-label*/
.riSingle {
    display: block !important;
}

/*Re-style Rad Upload Output / Icon / Remove Buttons*/
/*.ruUploadProgress {
    font-size: x-large !important;
}*/

.RadUpload .ruFileLI .ruButton {
    background-color: #FFF;
    font-size: 1rem !important;
    color: #dc3545;
    padding: .75rem;
    border: solid;
    border-width: thin;
    border-color: #dc3545;
    border-radius: 0.25rem;
}

/*AUDIENCE EMPHASIS / ADDITIONAL REGIONS STYLING BECAUSE ITS SMASHED INTO A PANEL REPEATER - EDITABLE*/
.form-check tbody tr td input {
    float: left;
    margin-right: .5em;
    margin-top: .35em;
}

.form-check tbody tr td label {
    display: block;
    margin-left: 1.5em;
    margin-bottom: .75em;
    font-size: medium;
}
/*AUDIENCE EMPHASIS STYLING BECAUSE ITS SMASHED INTO A PANEL REPEATER - NON-EDITABLE*/


/*STYLING RADIO BUTTON LIST TO HAVE SPACE BETWEEN BUTTON AND LABEL*/
.radioButtonList label {
    padding-left: .75em;
}

/*STYLING FOR RAD DATE PICKER*/
.RadPicker {
    width: 100% !important;
}
/*STYLING FOR INTEGER*/
.RadInput, .RadInputMgr {
    width: 100% !important;
}

/*FIXES RAD MULTIPAGE PARAGRAPH STYLING FOR DELETE PANEL ET AL*/
/*.multiPage p {
    margin-left: unset;
}*/

/*BREADCRUMBS FOR ADMIN AREA*/
.RVSBreadcrumb {
    font-family: 'Cousine', monospace;
    display: inline-block;
    margin: 1.5rem 0 1.5rem 0rem;
    padding: 0 1rem 0 0rem;
    font-weight: 700;
}

    .RVSBreadcrumb a:any-link {
        /*background-color:#ccd1d3;*/
        text-decoration: none;
        color: #000;
        font-weight: 400;
    }

    .RVSBreadcrumb a:hover:not([disabled="disabled"]) {
        color: #6cbcea;
        border-bottom: 1px solid #6cbcea;
    }

 /*EMULATES RADGRID STYLE FOR CUSTOM GRIDS / TABLES*/
 .table>:not(:first-child) {
    border-top: none;
}
 .NOTrgHeader {
    background-color: #6cbcea !important;
 }
 .table-edge {
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
 }
 /*LOGGED OUT HOMEPAGE VIDEO*/

.videoheader {
  position: relative;
  background-color: black;
  height: 75vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

.videoheader video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.videoheader .container {
  position: relative;
  z-index: 2;
}

.videoheader .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #6cbcea;
  opacity: 0.90;
  z-index: 1;
}

/* Media Query for devices withi coarse pointers and no hover functionality */

/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */

@media (pointer: coarse) and (hover: none) {
  .videoheader {
    background: url('cube-loop_Moment.jpg') black no-repeat center center scroll;
  }

  .videoheader video {
    display: none;
  }
}