:root{--color-primary: #69bd45;--color-secondary: #007ab8;--color-tertiary: #1ea4a9;--color-state: #4b7e2b;--color-state-hover: #3c6721;--color-state-focus: #3c6721;--color-state-active: #30541a;--color-state-highlight: #f6f9d7;--color-state-highlight-neutral: var(--color-neutral-3);--color-state-disabled: var(--color-neutral-5);--color-neutral-1: #fff;--color-neutral-2: #fafafa;--color-neutral-3: #f7f7f7;--color-neutral-4: #e6e4e4;--color-neutral-5: #c7c7c7;--color-neutral-6: #767676;--color-neutral-7: #262626;--color-background: var(--color-neutral-1);--color-border: var(--color-neutral-5);--color-text: var(--color-neutral-7);--color-text-disabled: var(--color-neutral-5);--color-text-hint: var(--color-neutral-6);--link-color: var(--color-state);--link-color-hover: var(--color-state-hover);--nav-bg-color: #fff;--nav-text-color: var(--color-text);--footer-bg-color: #fff;--footer-text-color: var(--color-text);--footer-text-color-hover: var(--footer-text-color);--btn-accent-color: var(--color-state);--btn-accent-color-active: var(--color-state-active);--btn-accent-color-hover: var(--color-state-hover);--btn-accent-color-disabled: var(--color-state-disabled)}:root{--nav-bg-color: #ffffff;--nav-text-color: #3d4551;--color-primary: #face00;--btn-prim-accent-color: #005ea2;--btn-accent-color: #005ea2;--link-color: #005ea2;--color-state: #1a4480;--color-text: #3d4551;--footer-bg-color: #ffffff;--footer-text-color: #3d4551;--btn-prim-accent-color-focus: #005498;--btn-prim-accent-color-active: #004387;--btn-accent-color-focus: #005498;--btn-accent-color-active: #004387;--link-color-hover: #005498;--color-state-hover: #103a76;--color-state-focus: #103a76;--color-state-active: #002965;--footer-text-color-hover: #333b47;}
/*===== CSS for v19 Upgrade =====*/
#page-site-index .page-heading {
    color:transparent;
    height:0;
    margin:0;
}
.block.chromeless .title.block-title {
    padding: 15px;
}
#region-top .block .content {
    padding: 0;
}
.block-totara-featured-links-layout .block-totara-featured-links-tile, .block-totara-featured-links-layout .block-totara-featured-links-flex-filler, .block-totara-featured-links-layout>div.block-totara-featured-links-flex-filler, .block-totara-featured-links-layout .block-totara-featured-links-tile-adder {
    border-radius:0;
}
.block-totara-featured-links-layout .block-totara-featured-links-content {
    padding: 5px 10px;
}
.tui-core_course-courseCard__title.tui-core_course-courseCard__title--limitHeight {
    height: fit-content;
}
/*===== CSS for v19 Upgrade END =====*/


/*-----Header background for staging-----*/
.totaraNav_prim {
    background: #e5faff;
    background: #fff5c2;
}

/*Fix teams report*/
#team_members .user_namewithlinks .name {
    padding-top: 0;
}
@media (min-width:1366px) {
.reportbuilder-table .user_namewithlinks ul {
    min-width: 640px;
    }
}

/*-----On Demo Dashboards-----*/
.db-banner-gradient {
    background: linear-gradient(to right, #008480, #005ea2)
}
.db-banner-gradient-reverse {
    background: linear-gradient(to right, #005ea2, #008480)
}

/*-----Widen window that lists capabilities-----*/
select#id_capability {
    min-width: 90%!important;
}

/*-----Hide Icons that go with the multi select custom course fields----*/
img#icon_preview.course_icon {
    display: none;
}

/*-----Touch ups to the main Featured links block on front page-----*/
#inst46 .block-totara-featured-links-layout {
    padding-bottom: 1rem;
}


/*-----Show locks on front page before login-----*/
.pagelayout-frontpage .fa-lock {
    display:none;
}
.notloggedin.pagelayout-frontpage .fa-lock {
    display:initial;
}

/*-----Set universal background color-----*/
body {
    background:#f1f3f6;
}

/*-----Header logo size------*/
@media (min-width: 768px) {
    .totaraNav_prim .masthead_logo--header_img {
        height: 5rem;
    }
}

/*-----Adjust padding in menu-----*/
.totaraNav_sub--list_item_link {
    padding: var(--gap-3) var(--gap-1);
}

/*-----Adjust margin of top region within pages so its not too close to banners-----*/
#region-top {
    margin-bottom: 15px;
}

/*----- Center search field in Course Search Block -----*/
.block_course_search .input-group {
    display: flex;
    max-width: 320px;
    place-self: center;
}

/*------Way to center text up and down------*/
.centerupdown {
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}

/*-----Customize Banners on FP and DBs START-----*/

@media (max-width:992px) {
.fp-banner-container, .db-banner-container {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    }
.db-banner-container.left {
    display: flex;
    justify-content: left;
    overflow: hidden;
    }
.fp-banner-img, 
.db-banner-img {
    height:150px;
    max-width:unset;
    }
}

.db-banner-text-right {
    float: right;
    position: absolute;
    top: 40%;
    right: 1%;
}

/*-----Customize Banners on FP and DBs END-----*/


/*-----Need a description here-----*/
.totara_form textarea {
    max-width:100%;
}

/*-----Hide powered by link in footer-----*/
.page-footer-poweredby {
    text-align: center;
    display:none!important;
}



/*------------ Universal Block Styling START ------------*/
#block-region-top .block {
    margin-bottom: 0;
}
.block {
    border-radius:0;
}
.block .block-header {
    border-radius:0;
}
.block .block-header h2 {
    font-size:16px;
    font-weight: 600;
    color:#1a4480;
}
.block-content {
    font-weight: 500;
}
.block-content a {
    font-weight: 600;
}
/*------------ Universal Block Styling END ------------*/


/*------------ Universal Featured Links Block Styling START ------------*/
.block-totara-featured-links-content h3 {
    font-size: var(--font-size-14)!important;
    font-weight: normal!important;
    padding-left:5px;
}
.block-totara-featured-links-layout .block-totara-featured-links-content::before {
    background: rgba(0,0,0,.7);
}
/*------------ Universal Featured Links Block Styling END ------------*/




/*--------Custom Banners on Frontpage and Dashboards--------*/
@media (max-width:992px) {
.fp-banner-container, 
.db-banner-container {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.fp-banner-img, 
.db-banner-img {
    height:150px;
    max-width:unset;
    }
}


/*------Change main padding 10px instead of 16px-----------*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 10px;
    padding-left: 10px;
}


/*-------------------------------------------------------------------------*/
/*-----------HHS Styling for Specific Element Instances START --------*/
/*-------------------------------------------------------------------------*/

/*-----------The 4 Featured Links in Top Region of Dashboards Start ----------------*/

.path-totara-dashboard #region-top .block-totara-featured-links-layout.align-center div.block-totara-featured-links-tile {
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-height:150px;
}
@media (min-width:1030px) {
.path-totara-dashboard #region-top .block-totara-featured-links-layout.align-center div.block-totara-featured-links-tile {
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-height:150px;
    flex-basis: fit-content;
    }
}
.path-totara-dashboard #region-top .block_totara_featured_links {
    background-color: transparent!important;
}
#inst37 {
    display:none;
}
.pagelayout-frontpage #inst37,
.pagelayout-dashboard #inst37 {
    display:block;
}

/*-----------The 4 Featured Links in Top Region of Dashboards End----------------*/

/*-----------Blue Slider Blocks Start-------------*/
#inst263 .block-totara-featured-links-layout .block-totara-featured-links-content::before,
#inst269 .block-totara-featured-links-layout .block-totara-featured-links-content::before {
    background:rgba(0,0,0,0);
}
#inst263 .block-totara-featured-links-gallery-subtiles.slick-slider,
#inst269 .block-totara-featured-links-gallery-subtiles.slick-slider {
    border-radius: 10px;
}
#inst263 .block-totara-featured-links-gallery-subtiles .slick-arrow:before,
#inst269 .block-totara-featured-links-gallery-subtiles .slick-arrow:before {
    color: #005ea2;
    color: #1a4480;
    opacity:.8;
}
#inst263.block,
#inst269.block {
    background: transparent!important;
    background-color: transparent!important;
    border: none!important;
    margin-top:-15px;
}
#inst263 .slick-prev:before,
#inst269 .slick-prev:before {
    content: '\2B9C';
    content: '\1F850';
}
#inst263 .slick-next:before,
#inst269 .slick-next:before {
    content: '\2B9E';
    content: '\1F852';
}
/*-----------Blue Slider Blocks End-------------*/


/*----Hide white bg and border of these blocks on dashboards
#inst32.block,
#inst282.block,
#inst298.block {
    background: transparent!important;
    background-color: transparent!important;
    border: none!important;
}---*/


/*-------------------------------------------------------------------------*/
/*-----------HHS Styling for Specific Element Instances END ---------*/
/*-------------------------------------------------------------------------*/


/*---------- Aglearn Footer Styling Start ----------------*/
.page-footer-main-content a:link,
.page-footer-main-content a:visited,
.page-footer-main-content a:active {
    color: var(--link-color);
    text-decoration: unset;
}
.custom-footer-container {
    display: table;         
    width: 100%;         
}
.custom-footer-row {
    display: table-row;
    width: auto;
    clear: both;
}
.custom-footer-col {
    float: left;
    display: table-column;         
    padding:10px;
    margin-bottom:20px;
}
.custom-footer-col:nth-child(1) {
    width: 30%;
}
.custom-footer-col:nth-child(2) {
    width: 50%;
}
.custom-footer-col:nth-child(3) {
    width: 20%;
}
.custom-footer-logo {
    width:340px;
    margin-top:1em;
}
table.custom-footer-links {
    width:100%;
}
.custom-footer-links a {
    color: var(--link-color);
    font-size: .95em;
}
.custom-footer-links a:hover {
    text-decoration:underline;
}
.custom-footer-links h4,
.custom-footer-btn h5 {
    color:#333;
    font-weight:600;
}
.custom-footer-btn {
    margin: 0 auto;
}
.custom-footer-btn a.btn {
    color:#fff!important;
    border-radius:0;
    padding: 10px 20px;
    font-size:1.1em;
}
.custom-footer-btn h5 {
    text-align:center;
    width: 160px;
}
#inst420 {
    display:none;
}
@media (max-width:768px) {
    .custom-footer-col {width: 100%!important;}
    .custom-footer-logo {margin: 0 auto;}
    .custom-footer-btn h5 {width: 100%;}
    .custom-footer-col:nth-child(2) {display:none;}
    #inst420 {display:block;}
    .custom-footer-row {display:flex; flex-direction: column-reverse;}
}

/*---------- Aglearn Footer Styling End----------------*/

/*--------Dashboard settings: removing guest access, docking, and hiding options ----------*/

#fitem_id_allowguest {
    display:none;
}
#fitem_id_cs_enable_hiding,
#fitem_id_cs_enable_docking {
    display:none;
}

/*-------GMTA Dashboards-------------*/
.gmtacolumnleft {
float: left;
  width: 30%;
  padding: 10px;
}
.gmtacolumnright {
  width: 70%;
  float: left;
}
/*-------GMTA Tables------*/
dbtable {
  border-collapse: collapse;
  width: 100%;
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #DDD;
}


/*-------Testing New Block CSS Feature------*/
.transparentblock {
    background:transparent!important;
}
.block.transparentblock .content {
    padding:0!important;
}
.block.customcoursesearchblock {
    margin-top: -30px;
}
.customcoursesearchblock .content .input-group {
    position: relative;
    top: -30px;
}
.block.FDA-course-search {
    height:0;
}
.block.FDA-course-search .input-group {
    place-self: end;
    position: relative;
    right:15px;
    top: -60px;
}
.editing .block.FDA-course-search {
    height:initial;
}
.editing .block.FDA-course-search .input-group {
    place-self: initial;
    position: initial;
    right: initial;
    top: initial;
}


/*-----Control NIH Team Member Sub-Links-----
div[id="275"].rb-display-table-container a[aria-label^="Goals for"] {
    display: none;
}
div[id="275"].rb-display-table-container a[aria-label^="Required for"] {
    display: none;
}
div[id="275"].rb-display-table-container a[aria-label^="Assessments for"] {
    display: none;
}
div[id="275"].rb-display-table-container a[aria-label^="Performance overview for"] {
    display: none;
}
----------------------------------------------------*/
