@charset "UTF-8";
/* CSS Document for outside styles. Please keep this page limited. If you are a developer, please put your styles here and do not create another style sheet */

ul#remsMainNav {

   margin-top: 0px;
}

.nav-collapse ul {
   margin-top: 0px;
}


.nav-collapse ul ul {
   margin-top: 0px;
}


ul.flexnav {
   padding: 0px;
}


.content {
   width: 80% !important;
}

div#training-top {

   margin-top: 80px !important;
}




footer {
   width: inherit;
   background-image: none;
}




a[href^="http"] {
   background: url(../../images/icon_externaLink_gra.png) center right no-repeat;
   padding-right: 16px;
}


a[href$=".pdf"] {
   background: url(../../images/icon_acrobat.gif) center right no-repeat;
   padding-right: 16px;
}


div.grid_9 h3 {

   font-size: 1.17em;
}


@-webkit-keyframes bulbFlash {
   0% {
      text-shadow: 0 0 0px #fff;
      color: #368BE6;
   }

   50% {
      text-shadow: 0 0 19px #FBBC14;
      color: #006EBC;
   }

   100% {
      text-shadow: 0 0 0px #fff;
      color: #368BE6;
   }
}

@-moz-keyframes bulbFlash {
   0% {
      text-shadow: 0 0 0px #fff;
      color: #368BE6;
   }

   50% {
      text-shadow: 0 0 19px #FBBC14;
      color: #006EBC;
   }

   100% {
      text-shadow: 0 0 0px #fff;
      color: #368BE6;
   }
}

@-o-keyframes bulbFlash {
   0% {
      text-shadow: 0 0 0px #fff;
      color: #368BE6;
   }

   50% {
      text-shadow: 0 0 19px #FBBC14;
      color: #006EBC;
   }

   100% {
      text-shadow: 0 0 0px #fff;
      color: #368BE6;
   }
}

@keyframes bulbFlash {
   0% {
      text-shadow: 0 0 0px #fff;
      color: #368BE6;
   }

   50% {
      text-shadow: 0 0 19px #FBBC14;
      color: #006EBC;
   }

   100% {
      text-shadow: 0 0 0px #fff;
      color: #368BE6;
   }
}



svg.fa-lightbulb {
   -webkit-animation: bulbFlash 8s infinite;
   -moz-animation: bulbFlash 8s infinite;
   -o-animation: bulbFlash 8s infinite;
   animation: bulbFlash 8s infinite;
   margin-right: 20px;
}

svg a:hover .fa-lightbulb {
   color: #006EBC;
   text-shadow: 0 0 19px #FBBC14;
   -webkit-animation: none;
   /* Safari 4+ */
   -moz-animation: none;
   /* Fx 5+ */
   -o-animation: none;
   /* Opera 12+ */
   animation: none;
   /* IE 10+, Fx 29+ */
}



div.grid_9 svg.fa-shield-alt,
div.grid_9 svg.fa-check-square {
   color: #444;
}


svg.fa-chevron-down {
   font-size: 50px;
   font-weight: bold;
}


.content h4.expand span {
   font-size: 16px;
   font-weight: bold;
}

.content section h3 {

   font-size: 1.17em;
}



.rems-inner-page-content section.step-wrapper .step-box {
   max-width: 85% !important;
}

.form-tabs .tabs_item {
   /*  padding: 5px 0px 5px 35px !important;*/

   padding: 30px 30px 0;
}


/* shrinkage of toolkit */
table#ContentPlaceHolderBody_RadioButtonSearchType {
   margin: 0;
}





/*ADDED 18 SEPT 2018 FOR HOMEPAGE */

.modal {
   z-index: 10000 !important;
}


.modal-dialog .modal-content .modal-header {
   background-color: #0f6fba;

}

.modal-body {

   padding: 15px 30px;
}

.modal-dialog .modal-content .modal-body ul {
   padding: 0 15px;
   margin: 0;
}

.modal-dialog .modal-content .modal-body ul li {
   margin: 10px 0;
}



.modal-dialog .modal-content .modal-footer .btn-default {
   color: #fff;
   background-color: #0f6fba;
   border: none;
   font-weight: bold !important;
   text-transform: uppercase !important;
   font-size: 16px !important;

}


.modal-dialog .modal-content .modal-footer .btn-default:hover {

   color: #006EBC !important;
   background-color: #c6def7 !important;

}


.modal-backdrop {
   opacity: 0.8 !important;
   z-index: 9000;

}


.rems-footer {
   border: none;
}

.navBar {

   z-index: 8000;
   min-height: inherit;
   border-radius: 0;
   margin: 0 -2px;
}


.modal-header .close {

   display: none;
}

/*END ADDED 18 SEPT 2018 FOR HOMEPAGE */



/*FIX THE ABOUT US LAST LINK ADDED 24 SEP 2018*/


li#aboutLast {

   text-indent: 0em;

}

li#aboutLast a {
   padding-left: 37px;
}


/*END FIX THE ABOUT US LAST LINK ADDED 24 SEP 2018*/



/*FIX THE MOVBILE NAVIGATION WIDTH ADDED 24 SEP 2018*/


@media screen and (min-width: 960px) and (max-width: 1564px) {

   li#aboutFirst,
   li#aboutLast {

      text-indent: 0em;

   }

   li#aboutFirst a,
   li#aboutLast a {
      padding-left: 20px;
   }

}

@media screen and (max-width: 959px) {

   .nav-collapse.opened {

      width: 100%;

   }

   ul#remsMainNav {
      padding: 0px;
   }

   ul#remsMainNav li ul {
      padding: 0px;
   }

   li#aboutLast a {
      padding-left: 47px;
   }
}

/* REMOVE THE EXTERNAL LINK BACKGROUND IMAGE FROM FOOTER TWITTER ICON ADDED 25 SEP 2018*/

#footerTwitter a[href^="http"] {
   background: none !important;

}


/* FIX THE COLUMNS UNDER THE TOPIC SPECIFIC RESOURCES PAGES */

section.bg-color .col-lg-4,
.content section .col-lg-6 {
   padding: 0;
}


/* ADDED 9/28/2018 FOR SPECIAL BANNER */

.home-banner-block {
   display: none;
   position: relative;
}

.home-banner-block a {
   cursor: pointer;
   background: none !important;
}

.home-banner-block img {

   display: block;
   width: 80%;
   margin: 0 auto;

}

.site-content-side {
   display: block;
   margin: 20px 0;
   position: relative;
}

.site-content-side a {
   cursor: pointer;
   background: none !important;

}

.site-content-side img {
   display: block;

   width: 100%;
   margin-right: auto;
   margin-left: auto;
}

/* add some height to the container that the banner is in */

.top-height {
   min-height: 100px;
}

/*ADDED OCT 1 2018 FOR SPECIAL BANNER */

.fill-in-col {
   display: block;
}

/*

#search-container {

    width: inherit; 
}
*/

/* ADDED 10 OCT 2018 FOR MODAL BUTTON FIX */


.btn {

   color: #fff;
   border: none;
   background: #0f6fba;
   background-color: #0f6fba;

}

.btn:hover {
   color: #fff;
   background: #85952B;
   background-color: #85952B;
   border: none;
}

/* ADDED 10 OCT 2018 FOR UPDATED ICON COLOR */

.grid_9 svg {
   color: #444;
}


/*ADDED 10 OCT 2018 FOR PAGER LINKS*/

div.pager .back {

   float: left;
   display: inline-block;
}

div.pager .next {
   display: inline-block;
}



@media screen and (max-width: 1850px) and (min-width: 1200px) {
   .right-content-col {
      margin: 0 0 0 5px !important;
   }
}


/* ADDED 2 JULY 2019 */

.webinar-title {
   font-size: 18px !important;
   font-weight: bold;
}

.webinar-date {
   font-size: 14px !important;
   font-weight: bold;
   font-style: italic;
}

.webinar-description {
   font-size: 14px !important;
   padding-bottom: 0px;
   margin: 0;

}


.rems-inner-page-content section.toolbox-search-results .search-result {

   margin: 0 !important;
   padding: 5px 8px;
   border-bottom: 1px solid midnightblue;

}

.checkbox label {
   padding-left: 10px !important;

}

td,
th {
   vertical-align: text-top;
}




input[type="radio"] {

   margin: 0 10px 0 0;

}

table#ContentPlaceHolderBody_RadioButtonSearchType label {
   font-weight: normal !important;
}


.rems-inner-page-content .webinar-thumbs .row {
   margin: 10px 9px !important;
}

.rems-inner-page-content .content-page-search-box select {

   width: 94%;
}


@media screen and (max-width: 1199px) {
   .rems-inner-page-content .content-page-search-box select {
      float: none;
   }

}






@-moz-document url-prefix() {

   select,
   .rems-inner-page-content .content-page-search-box select {
      height: 36px !important;
   }

}


.flexnav .touch-button {

   width: 100% !important;
   top: 2px !important;
}


.flexnav .touch-button .svg-inline--fa.fa-w-10 {
   position: absolute;
   right: 10px;
   top: 9px;
}



.resourceBox {
   width: 50%;
   background: rgba(250, 250, 250, .95);
   padding: 2em;
   border: 4px solid #85952B;
   border-radius: 4px;
}

.resourceBox h1,
.resourceBox h2,
.resourceBox h3 {
   color: #0054A0;
   margin-bottom: 1em;
}

@media screen and (max-width: 640px) {
   .resourceBox {
      width: 100%;
   }


}

@media screen and (max-width: 800px) {
   .resourceBox {
      width: 80%;
   }
}

a.resourceLink {

   font-weight: normal !important;
   font-size: 1.4em !important;
   font-family: 'Marcellus', serif !important;
   font-style: italic !important;
   position: relative;
   display: table;
   width: 100%;
   /* REMOVED DUE TO REMOVING LEFT HAND NAVIGATION padding-top: 1em;*/
}

/*aside {

    margin-bottom: 1.5em!important;
    width: 325px;
} 

@media screen and (max-width: 767px) {
     aside {
        width: 100%;
    } 
}*/





/* inner page tables so that forms don't get affected */

table.inner-content-table {
   display: table;
   width: 100%;
   padding: 10px;
   margin: 0 auto;
}

table.inner-content-table thead tr th {
   background: #006EBC;
   color: #fff;
   vertical-align: top;
   text-align: center;
   font-weight: 300;
   text-transform: uppercase;
   padding: 5px;
}

table.inner-content-table thead tr td {
   padding: 5px;
}

table.inner-content-table tbody tr th {
   background: #006EBC;
   color: #fff;
   vertical-align: top;
   text-align: center;
   font-weight: 300;
   text-transform: uppercase;
   width: auto;
   padding: 5px;
}

table.inner-content-table tbody tr td {
   color: #333;
   width: auto;
   padding: 5px;
   border: 1px solid #ccc;
}

table.inner-content-table tbody tr:nth-child(even) {
   background: #eee;
}


/* ADDED 8 JULY 2019 TO ENSURE THAT LEFT NAVIGATION AND PROMO WIDTHS MATCH */


.side-promo-box {
   display: table !important;
   max-width: 275px !important;
}

.side-promo-box.promo-box-opt-1 .promo-box-heading img {
   width: 100%;
   max-width: none;
}

/* ADDED 8 JULY 2019 FOR RIGHT COL PADDING 


  @media screen and (min-width:768px ) and (max-width: 817px) {
  .right-content-col {
    margin:0 0 0 85px!important;
}
}  
    
  @media screen and (min-width:981px ) and (max-width: 1042px) {
  .right-content-col {
    margin: 0 0 0  60px!important;
}
}     
    */


/*Added 19 JULY FOR WEBINAR SEARCH BY KEYWORD*/

input#ContentPlaceHolderBody_txtSearch {
   width: 80%;
   height: 22px;
   position: relative;
   margin: 0 auto;
   display: block;
}

@-moz-document url-prefix() {

   input#ContentPlaceHolderBody_txtSearch {
      height: 23px !important;
   }

}

/* Because someone broke my webinar search breakpoint */


@media screen and (min-width:1200px) {
   .rems-inner-page-content .content-page-search-box {

      min-height: 150px;
   }
}


/* Now I have to add another breakpoint because of the new search box on webinars page */

@media screen and (min-width:768px) and (max-width: 1199px) {
   .rems-inner-page-content .content-page-search-box {

      min-height: 350px;
   }

   .rems-inner-page-content section.step-wrapper .step-box .box-body {
      height: inherit;
   }

   input#ContentPlaceHolderBody_txtSearch {

      margin: 0 auto 1em;
      width: 77%;


   }

   select#ContentPlaceHolderBody_ddlAudience {
      float: none;
      width: 100%;
      max-width: 354px;
   }

   select#ContentPlaceHolderBody_ddlTopic {
      float: none;
      width: 100%;
      max-width: 354px;
   }


   .rems-inner-page-content .webinar-thumbs img {
      margin: 0 auto 1em;
      width: 70%
   }

   .form-tabs .tabs_item {
      padding: 5px 0 0 35px;
   }


}


@media screen and (max-width: 767px) {
   .rems-inner-page-content .content-page-search-box {

      min-height: 350px;
   }

   .rems-inner-page-content div#webinar-src-bx1 .content-page-search-box .input-daterange .form-control {
      padding: 6px;
      height: 22px;
      width: 100%;
      margin: 0 0 0 1px;
   }


   .rems-inner-page-content .webinar-header {
      background-position: calc(24%) calc(100% - 0px) !important;

   }


   .rems-inner-page-content .webinar-thumbs {

      padding: 0;
      margin: 0 13px 0 -13px;
   }




   .rems-inner-page-content .webinar-thumbs img {
      margin: 0 auto 1.2em;
      width: 80%;
   }


}

/* ADDED 23 JULY 2019 FOR WEBINAR SEARCH BOX*/


.rems-inner-page-content .content-page-search-box {
   /* width: 100%!important;*/
   margin: 0 auto 40px;

   /* ADDED 12 AUG 2019 BECAUSE SOMETHING MESSED UP THE DROPDOWNS*/

   Z-index: 3;

}

/* ADDED 25 JULY 2019 FOR TOOL BOX SEARCH TAB SPACE PETTINESS */

.form-tabs .tab {
   background: transparent;
   margin: -40px auto 40px;
}

.form-group.file-formats {
   margin: 28px auto 0px;
}

#ContentPlaceHolderBody_basic {
   padding-top: 30px !important;
}

.rems-inner-page-content section.toolbox-search-results h3 {

   margin: 0 0 30px;
}

.form-tabs table tr {
   background: none !important;

}

.form-group.file-formats.col-lg-12.col-sm-12.col-xs-12.no-width-padding {
   margin-bottom: 20px;
}

/* ADDED 26 JULY TO CHANGE THE WAY THE TOOLBOX SEARCH RESULTS LOOK AGAIN */

.rems-inner-page-content section.toolbox-search-results .search-result:nth-child(odd) {
   background-color: transparent !important;
}


/* CHANGING THE TOOL BOX SEARCH RESULTS TITLE SIZE AGAIN UNTIL IT CHANGES AGAIN */

.rems-inner-page-content section.toolbox-search-results .search-result a {
   font-size: 18px;
   word-break: break-word;
}


span#ContentPlaceHolderBody_lblcount {
   font-weight: bold;
}







/* ADDING A SPACER FOR THE WEBINAR THUMBS AND DETAILS BECAUSE ITS ACTING LIKE A WEIRDO */

.web-thumb-spacer {
   width: 2% !important;
}


/* ADDED 29 JULY 2019 TO FIX TOOL BOX SUBMISSION FORM RADIO BUTTON SPACES */


table#rblREMSGranteeYN tbody tr:nth-child(even) {

   background: transparent;
}

table#rblREMSGranteeYN tbody tr td input[type="radio"] {

   margin: 10px 10px 0 0;
}

/* MAKE THE FORM FIELDS THE SAME LENGTH AS THE DROPDOWNS */


@media screen and (min-width: 1754px) and (max-width: 4000px) {

   section.multi-step-form .form-control {
      width: 99%;
   }

}



@media screen and (min-width: 1200px) and (max-width: 1755px) {

   section.multi-step-form .form-control {
      width: 97%;
   }

}

@media screen and (min-width: 768px) and (max-width: 1199px) {

   section.multi-step-form .form-control {
      width: 95%;
   }
}




@media screen and (max-width: 767px) {
   section.multi-step-form .form-control {
      width: 95%;
   }

}



/* ADDED 12 AUG 2019 BECAUSE OF THE WEBINAR BUTTON OVERLAPPING THE LINE */



@media screen and (min-width: 768px) and (max-width: 1009px) {

   .rems-inner-page-content .webinar-header p,
   .rems-inner-page-content .webinar-header p.date-hosted {
      margin: .25em 0;
   }

   .rems-inner-page-content .webinar-header .web-header-btn {
      margin: 5px 0;

   }
}




/* ADDED 12 AUG TO REMOVE WEBINAR VIEW  MORE BUTTON */

.rems-inner-page-content .view-more .btn {

   display: none;
}



@media screen and (max-width: 767px) {

   .rems-inner-page-content .webinar-header {
      background: #fff;
      background-image: url(../images/webinar-header-mobile.png);
      min-height: 300px;


   }

   /*   
      .rems-inner-page-content .webinar-header p, .rems-inner-page-content .webinar-header p.date-hosted {
   font-weight: bold;
}  
     
*/
}

/* ADDED 14 AUG BECAUSE THIS IS NOT THE ORIGINAL DATEPICKER AND ALSO FIXING MOBILE WEBINAR FIELD WIDTHS*/

div.datepicker-days {
   margin: -21px 0 0 0;
}

select#ContentPlaceHolderBody_ddlTopic {
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-appearance: none;
   word-wrap: normal;
   white-space: pre-wrap;
   padding-right: 20px;

}

select#ContentPlaceHolderBody_ddlTopic option {
   width: 90%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;

}

@media screen and (max-width: 767px) {

   input#ContentPlaceHolderBody_txtSearch {
      margin: 0 0 16px -1px;
      width: 100%;


   }

   select#ContentPlaceHolderBody_ddlTopic {
      width: 101%;

   }


   .rems-inner-page-content .content-page-search-box select {
      float: none;
      width: 100%;

      margin-left: -1px;
   }

   select#ContentPlaceHolderBody_ddlAudience {
      width: 363px;
   }

   .rems-inner-page-content .content-page-search-box .input-daterange {
      margin: 0 0 1em -2px;
      width: 100%;

   }

   .rems-inner-page-content .content-page-search-box .btn {
      margin: 0 auto 1em -1px;
      width: 100%;

   }


}


/* ADDED 27 AUG 2019 TO REMOVE LOWER BANNER */

.rems-home-lower-banner {
   display: none;
}


/* ADDED 29 AUG FOR NEXT AND PREVIOUS BUTTONS AND HIDING LEFT-HAND-NAVIGATION*/

a#ContentPlaceHolderBody_CPHC0ntent_hlinkNext svg {

   margin-left: 10px;
   float: right;


}

a#ContentPlaceHolderBody_CPHC0ntent_hlinkNext svg,
a#ContentPlaceHolderBody_CPHC0ntent_hlinkPrevious svg {

   font-size: 24px;



}

a#ContentPlaceHolderBody_CPHC0ntent_hlinkNext svg:hover,
a#ContentPlaceHolderBody_CPHC0ntent_hlinkPrevious svg:hover {

   color: #85952a;



}


/* HIDE THE LEFT HAND NAVIGATION BUT LEAVE ASIDE IN TACT FOR PADDING update by varsha on  Nov 1 2019*/

/*aside h1, .menu-button, .flexnav {
    display: none!important
}*/


/* ADDING CLASS FOR ABOUT US ICON */

.reqTrain {
   background: url(../images/about-us-icons/webinars-icon-gray.png) top left no-repeat;
   display: block;
   padding-left: 32px;
}

.reqTA {
   background: url(../images/about-us-icons/tbr-icon-gray.png) top left no-repeat;
   display: block;
   padding-left: 32px;
   height: 22px;
}



.reqTBR {
   background: url(../images/about-us-icons/trainings-by-request-icon-gray.png) top left no-repeat;
   display: block;
   padding-left: 32px;
   height: 21px;
}


.reqEOP {
   background: url(../images/about-us-icons/eop-interactive-tool-icon-gray.png) top left no-repeat;
   display: block;
   padding-left: 32px;
   height: 24px;
}



.reqToolBox {
   background: url(../images/about-us-icons/toolbox-icon-gray.png) top left no-repeat;
   display: block;
   padding-left: 32px;
}


.reqCOP {
   background: url(../images/about-us-icons/cop-icon-gray.png) top left no-repeat;
   display: block;
   padding-left: 32px;
}


.reqAAG {
   background: url(../images/about-us-icons/at-a-glance-icon-grey.png) top left no-repeat;
   display: block;
   padding-left: 32px;
}



.reqTSR {
   background: url(../images/about-us-icons/topic-specific-grey.png) top left no-repeat;
   display: block;
   padding-left: 32px;
   height: 25px;
}


.reqPUB {
   background: url(../images/about-us-icons/publications-icon-grey.png) top left no-repeat;
   display: block;
   padding-left: 32px;
   height: 24px;
}



.reqSEM {
   background: url(../images/about-us-icons/state-map-icon-grey.png) top left no-repeat;
   display: block;
   padding-left: 32px;
   height: 22px;
}



.reqWEB {
   background: url(../images/about-us-icons/webinars-icon-grey.png) top left no-repeat;
   display: block;
   padding-left: 32px;
   height: 22px;
}


.reqSTP {
   background: url(../images/about-us-icons/specialized-training-grey.png) top left no-repeat;
   display: block;
   padding-left: 32px;
   height: 23px;
}



.reqOLC {
   background: url(../images/about-us-icons/online-courses-icon-grey.png) top left no-repeat;
   display: block;
   padding-left: 32px;
   height: 21px;

}




.reqCM {
   background: url(../images/about-us-icons/creative-materials-gray.png) top left no-repeat;
   display: block;
   padding-left: 32px;
   height: 24px;
}

.reqEMVT {
   background: url(../images/about-us-icons/emergency-management-virtual-toolkit-icon-grey.png) top left no-repeat;
   display: block;
   padding-left: 32px;
   height: 22px;
}


/*ADDED 05 SEP 2019 TO REMOVE BORDER AND CHANGE FONT FOR COURSE DETAILS*/


h3.course-title {

   border: none !important;
   color: #85952B !important;
   font-weight: 400;
   font-family: sans-serif !important;
}


/* FIXING THE WEBINAR CALENDAR */

table.table-condensed {

   margin: 1em auto .5em !important;
}

/* FIXING THE TOPIC SPECIFIC RESOURCES H3*/
.supportEmtWrapper h3 {

   margin-bottom: 20px;
   border: none !important;
   color: #85952B !important;
   font-weight: 400;
   font-family: sans-serif !important;
}



section.bg-color {

   margin: 20px auto 0 !important;
}


/* FIX THE LINK HOVER STYLES */

a.blue:hover,
a.green:hover,
a.grey:hover {
   color: #fff !important;
}



/* ADDING THE STYLES FROM THE OLD EMP BANNER */



.page-banner {

   display: block;
   width: 100%;
   margin: 0 0 30px 0;
   background-image: url('../Images/support-EMT-banner.png');
   background-size: 100% 100%;
   background-repeat: no-repeat;
   padding: 50px 0;
}

.page-banner h1 {

   display: block;
   font-family: "Arial Black", Gadget, sans-serif;
   color: #fff;
   font-weight: bold;
   font-size: 26px;
   text-transform: uppercase;

}

.page-banner span.headIcon {
   display: block;
   text-align: center;

}

.page-banner span.headIcon img {
   width: 50px;
}


.banner-emf {

   background-image: url('../Images/emergency-management-functions-banner.png');
}


.banner-hazThreats {

   background-image: url('../Images/hazards-and-threats-banner.png');
}




.banner-planBasics {

   background-image: url('../Images/planning-basics-and-principles-banner.png');
}



@media only screen and (max-width: 1900px) {


   .page-banner h1 {
      font-size: 21px;

   }

}

@media only screen and (max-width: 767px) {

   .page-banner h1 {
      font-size: 19px;
      top: 50px;
   }
}

@media only screen and (max-width: 480px) {

   .page-banner {

      padding: 30px 0;
   }

   .page-banner h1 {
      font-size: 16px;

   }


}


.top-breadcrumbs {
   display: block;
   margin: 0 0 30px 0;
   font-weight: bold;

}


.top-breadcrumbs ul {

   display: block;
   list-style: none;
   width: 100%;
   margin: 0;
}


.top-breadcrumbs ul li {
   display: inline-block;
   font-size: 14px;

}

.top-breadcrumbs ul li:after {
   content: " || ";
   color: #ccc;
   margin: 0 20px;
}

/*.top-breadcrumbs ul li:last-child {
	background: #ccc;

}
*/


.top-breadcrumbs ul li:last-child:after {
   content: "";
}





@media only screen and (max-width: 480px) {


   .top-breadcrumbs ul li {
      display: block;
      font-size: 12px;


   }

   .top-breadcrumbs ul li:after {
      content: " > ";
      color: #ccc;
      margin: 0;
   }


}

.flexnav-head a {

   background-color: #000 !important;
   color: #fff;
}


ul.flexnav li a {
   color: #fff !important;

}

/*	ul.flexnav li ul li a {
			color: #333!important;
			
		}
*/

ul.flexnav li a:hover {
   opacity: 0.8;
   filter: alpha(opacity=80);
   /* For IE8 and earlier */
}

ul.flexnav li a.blue {
   background: rgb(18, 118, 179) !important;
}

ul.flexnav li a.green {
   background: rgb(117, 136, 61) !important;
}

ul.flexnav li a.grey {
   background: rgb(78, 77, 77) !important;
}

.first {
   opacity: 1.0;
   filter: alpha(opacity=100);
}

ul.flexnav li:hover {
   opacity: 0.9;
   filter: alpha(opacity=90);
}





/* TOPIC RESOURCE PAGE BACKGROUND COLORS */

.bgLightBlue {
   background: rgba(237, 249, 255, 0.8);
   display: block;
   width: 100%;
   padding: 0 0 30px;
   margin: 0;
}


.bgLightGreen {
   background: rgba(117, 135, 61, 0.1);
   display: block;
   width: 100%;
   padding: 0 0 30px;
   margin: 0;
}

.bgLightGrey {
   background: rgba(134, 134, 134, 0.1);
   display: block;
   width: 100%;
   padding: 0 0 30px;
   margin: 0;
}




/* HIDE THAT BOUNCING ARROW ON TOPIC RESOURCE PAGES*/

div.arrow {
   display: none;
}



/* FIXING THE TOPIC SPECIFIC RESOURCE MARGINS AND PADDING */


form[action^="./ResourcesToSupportEMP"] .content-body,
form[action^="./Resources_EM_Functions_AccountingforAllPersons.aspx"] .content-body,
form[action^="./ResourcesAlertsCommAndWarnings.aspx"] .content-body,
form[action^="./Resources_EM Functions_COOP.aspx"] .content-body,
form[action^="./Resources_EM Functions_Reunification.aspx"] .content-body,
form[action^="./Resources_EM_Functions_Lockdown.aspx"] .content-body,
form[action^="./Resources_EM Functions_Public_Medical_Mental.aspx"] .content-body,
form[action^="./Resources_EM_Functions_Security.aspx"] .content-body,
form[action^="./Resources_Hazards-Threats_Adversarial_Threats.aspx"] .content-body,
form[action^="./Resources_Hazards_Threats_Biological_Hazards.aspx"] .content-body,
form[action^="./Resources_Hazards_Threats_Natural_Hazards.aspx"] .content-body,
form[action^="./Resources_Hazards_Threats_Technological_Hazards.aspx"] .content-body,
form[action^="./Resource_Plan_Basic_AFN_For_IT.aspx"] .content-body,
form[action^="./Resource_Plan_Basic_AFN.aspx"] .content-body,
form[action^="./Resource_Plan_Basic_All_Hazard.aspx"] .content-body,
form[action^="./Resource_Plan_Basic_All_Hazard.aspx"] .content-body,
form[action^="./Resource_Plan_Basic_All_Setting.aspx"] .content-body,
form[action^="./Resource_Plan_Basic_Assessment.aspx"] .content-body,
form[action^="./Resource_Plan_Basic_Collaboration.aspx"] .content-body,
form[action^="./Resource_Plan_Basic_EOP.aspx"] .content-body,
form[action^="./Resource_Plan_Resource_Basic_Leadership.aspx"] .content-body,
form[action^="./Resource_Plan_Basic_Community.aspx"] .content-body,
form[action^="./Resources_EM Functions_Evacuation.aspx"] .content-body {

   padding: 0 !important;
   margin: 0 !important;
   width: 100% !important;

}





.rems-home-content section.carousel div#homeCarousel div.carousel-inner div.carousel-caption {
   display: flow-root !important;
   height: fit-content !important;
   z-index: unset;
}

@-moz-document url-prefix() {
   .rems-home-content section.carousel div#homeCarousel div.carousel-inner div.carousel-caption {
      display: table !important;

   }
}



@supports (-ms-ime-align: auto) {
   .carousel-inner > .item {

      -webkit-transition: 0.6s ease-in-out left;
      transition: 0.6s ease-in-out left;
      -webkit-transition: 0.6s, ease-in-out, left;
      -moz-transition: .6s, ease-in-out, left;
      -o-transition: .6s, ease-in-out, left;
      transition: .6s, ease-in-out, left;

   }

   .rems-navigation .navbar ul.navbar-center li ul.dropdown-menu {
      width: -moz-max-content;
      width: -webkit-max-content;
      width: -o-max-content;
      width: -ms-max-content;
      white-space: nowrap;

   }


   .rems-navigation .navbar ul.navbar-center li ul.dropdown-menu li.dropdown-submenu > ul.dropdown-menu {
      left: 99%;
      top: 0;
   }

   @media screen and (min-width:768px) {
      form {

         min-height: auto;

      }
   }


}

.expand {
   cursor: pointer;
}



/* ADDED 06 SEP 2019 FOR WEBINAR DESCRIPTION BG*/

div.web-desc-bg {

   display: block;
   padding: 20px;
   background: #eee;
   height: 169px;
   position: relative;
   top: 1%;

   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

div.web-desc-bg h1 {

   font-size: 18px;
}

div.web-desc-bg h2 {

   border: none;
   margin: 0;
   font-size: 19px !important;
}

.rems-inner-page-content .webinar-header p {
   display: block;
   margin: 0.2em 0;
}



.rems-inner-page-content .webinar-header .web-header-btn {
   position: absolute;
   right: 10px;
   bottom: 10px;
   max-width: unset;
   padding: 5px 8px;
   background: none !important;
   background-color: #0073B4 !important;
}



@media screen and (min-width:1200px) and (max-width:3000px) {

   .rems-inner-page-content .content-page-search-box {
      min-height: 185px;
   }

   .rems-inner-page-content .content-page-search-box .btn {
      width: 120px;
      float: right;
   }


   input#ContentPlaceHolderBody_txtSearch {
      width: 98%;
      margin-bottom: 1em;

   }

   .rems-inner-page-content .content-page-search-box .input-group {
      width: 100%;
      margin: 0;
   }


}


@media screen and (min-width:1200px) and (max-width:1280px) {

   input#ContentPlaceHolderBody_txtSearch {
      width: 97% !important;


   }
}





@media screen and (max-width:1199px) {


   .rems-inner-page-content .content-page-search-box .btn {

      float: none;
      max-width: 334px;
   }
}


@media screen and (min-width:768px) and (max-width:1199px) {

   div.web-desc-bg {

      height: 200px;

   }

}



@media screen and (max-width:767px) {


   .rems-inner-page-content .webinar-header {

      min-height: 345px;

   }



   div.web-desc-bg {

      height: 305px;

   }

   .rems-inner-page-content .webinar-header .web-header-btn {

      bottom: -7px;
   }

   .rems-inner-page-content .webinar-header p {

      margin: .5em auto 0;
   }

}





/*ADDED 07 SEP 2019 FOR ADVANCED SEARCH PAGE*/

section.advanced-search {
   margin: 1em auto;
}



select#ContentPlaceHolderBody_DDListWordSearch {

   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;

   margin: 0 auto 2em;
}

input#ContentPlaceHolderBody_TextBoxSearchFor,
input#ContentPlaceHolderBody_TextBoxButNotFor {

   height: 22px;
   width: -webkit-fill-available;
   margin: 0 0 1em 0;
}

input#ContentPlaceHolderBody_TextBoxDateFrom,
input#ContentPlaceHolderBody_TextBoxDateTo {
   height: 22px;
   width: -webkit-fill-available;
   margin: 0;
}


table#ContentPlaceHolderBody_CheckboxAudType tbody tr:nth-child(even),
table#ContentPlaceHolderBody_RBtnListFileFormat tbody tr:nth-child(even) {

   background: none;

}

section.advanced-search > #accordionAdSrch {

   width: 100%;
   margin: 0 !important;
}

section.advanced-search .panel-group .panel .panel-heading {

   min-height: 20px;

}


section.advanced-search .panel-group .panel .panel-heading h5 {

   font-size: 16px;
   line-height: 20px;
   margin: 0;


}


section.advanced-search table tbody tr:nth-child(even) {
   background: none;
}


section.advanced-search .panel-group .panel .panel-body {

   padding: 0;

}



section.advanced-search .panel-group .panel .panel-body input[type="checkbox"],
div.advanced-search input[type="checkbox"],
div.advanced-search input[type="radio"] {

   margin: 0 10px 0 0;

}

input#ContentPlaceHolderBody_CheckboxAudType_0,
input#ContentPlaceHolderBody_CheckboxAudType_1 {
   margin: 0 10px 0 0;
}




.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
   display: inline-block;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
   display: inline-block;
}


.gridTbl th {

   border-color: #eee !important;
   background-color: #0073B4 !important;

}

.gridTbl td {
   border-color: #eee !important;

}

.gridHeaderClass {
   background-color: #0073B4 !important;

}




/* ADDED 07 SEP 2019 FIXING THE TRAINING BY REQUEST PAGE STEP BOXES*/

@media screen and (min-width:1200px) and (max-width:1700px) {

   .rems-inner-page-content section.step-wrapper .step-box {
      width: 90% !important;

   }


}

@media screen and (min-width:768px) and (max-width:1999px) {


   section.step-wrapper > .pad-top,
   section.step-wrapper > .pad-bottom {

      margin: 0 !important;
   }


}


@media screen and (max-width:767px) {


   section.step-wrapper > .pad-top,
   section.step-wrapper > .pad-bottom {

      margin: 0 !important;
   }


}

/* ADDED 08 SEP 2019 TO FIX THE CREATIVE MATERIALS PAGE*/

section.creative-img-holder .col-lg-12 {

   margin: 1em 0;

}

section.creative-img-holder a img {

   max-width: 90%;
   margin: 0 auto;
   display: block;
}



@media screen and (min-width:768px) and (max-width:1199px) {

   section.creative-img-holder .col-lg-12 {

      margin: 0;

   }



   section.creative-img-holder a img {


      margin: .5em auto;
      display: block;
   }

}


@media screen and (max-width:767px) {

   section.creative-img-holder .col-lg-12 {

      margin: 0;

   }

   section.creative-img-holder a img {


      margin: .5em auto;
      display: block;
   }


}


/* ADDED 08 SEP 2019 TO REDUCE MARGIN ON BOTTOM*/




.rems-inner-page-content .webinarDetails .show-webinar .supportDocs a {
   width: fit-content;

}


/* ADDED 08 SEP 08 2019 TO FIX FIREFOX SMALL MOBILE ISSUE AND ADD GENERAL HEIGHT SO THAT THE HEADER DOES NOT OVERFLOW ON PHONE */


@-moz-document url-prefix() {

   /*BY THE WAY BECAUSE FIREFOX DIDN'T LIKE HOW THE EXTERNAL LINK ICONS WORKED */

   .rems-inner-page-content .webinarDetails .show-webinar .supportDocs a {
      width: -moz-fit-content;
   }


   /* BACK TO OUR REGULARY SCHEDULED PROGRAM */
   @media screen and (max-width:767px) {

      .rems-inner-page-content {
         display: block;
      }


      .rems-inner-page-content .webinar-header {

         min-height: 345px;
      }

      div.web-desc-bg {
         height: 305px;
      }


      select#ContentPlaceHolderBody_ddlAudience {
         width: 100%;

      }

      .rems-inner-page-content .content-page-search-box .btn {
         width: 93%;
         max-width: unset !important;

      }


   }

   @media screen and (min-width:341px) and (max-width:440px) {

      input#ContentPlaceHolderBody_txtSearch {

         width: 90% !important;
         max-width: unset;

      }


      .rems-inner-page-content .content-page-search-box .input-daterange .form-control {

         width: 89% !important;


      }


   }


   @media screen and (max-width:340px) {

      .rems-inner-page-content .content-page-search-box .btn {
         width: 90%;

      }


      input#ContentPlaceHolderBody_txtSearch {
         width: 86%;
      }


      .rems-inner-page-content .content-page-search-box .input-daterange {

         width: 93%;
         max-width: unset;

      }


      .rems-inner-page-content .webinar-header {

         min-height: 430px;
      }

      div.web-desc-bg {
         height: 370px;
      }



   }

}


/*ADDING THIS AGAIN FOR IE AND FIREFOX*/

@supports (-ms-ime-align: auto) {
   .rems-navigation .navbar ul li.panel {
      text-align: center;
   }

   .rems-inner-page-content .webinarDetails .show-webinar .supportDocs a {
      display: initial;
   }


   @media screen and (max-width:767px) {

      .rems-navigation .navbar ul li.panel a[href^="http"] {
         background: none !important;
      }
   }


}

/*}*/



@-moz-document url-prefix() {
   .rems-navigation .navbar ul li.panel {
      text-align: center;
   }

   @media screen and (max-width:767px) {

      .rems-navigation .navbar ul li.panel .grey a[href^="http"] {
         background: transparent;
      }

      #ContentPlaceHolderBody_ddlaudience {
         width: 90% !important;
      }

      span.odd-promo-icon {

         position: relative !important;
         left: 190px !important;
         `
      }


   }

   /*FIREFOX INNER PAGE CONTENT AND APP BUTTON FIX*/
   .rems-inner-page-content {
      display: block;
   }


   .side-promo-box.promo-box-opt-1 .promo-box-body .app-btn {

      position: relative;
      display: block;
      max-width: 150px;
      margin: auto;
      top: 41px;
      left: 0;

   }


   span.odd-promo-icon {

      position: relative !important;
      left: 213px;

   }

}


/* TAKE OUT THAT PESKY EXTERNAL HYPERLINK ICON THAT MAKES THE CAROUSEL BOUNCE ON THE HOME PAGE */


.carousel-innner > .item .active a {
   background: none !important;
   padding: 0 !important;
   display: block !important;
}


/* JUST IN CASE - FOR THE WEBINAR HEADER BACKGROUND POSITION - TURN THIS OFF BY COMMENTING THIS OUT*/


.rems-inner-page-content .webinar-header {
   background-position: center !important;
}

@media screen and (min-width: 768px) and (max-width:1200px) {

   .rems-inner-page-content .webinar-header {
      background-position: center !important;

   }
}


/* REMOVE THE TOPIC RESOURCE PAGE OLD POP UP */


/* ADDED 09 SEP 2019 TO FIX PDF NOT SHOWING ON DEFAULT PAGE*/


@media screen and (min-width:1200px) and (max-width:3000px) {

   .rems-home-content section.home-info .content-cols .content-col-body ul.road-column {
      margin: 0 0 0 40%;
      display: block;
   }

   .rems-home-content section.home-info .content-cols .content-col-body ul#quicklinks-list {
      margin: 0 0 0 25%;
      display: block;
   }

   .rems-home-content section.home-info .content-cols .content-col-body ul li a p {
      width: initial;

   }



}


@media screen and (min-width:768px) and (max-width:1199px) {

   .rems-home-content section.home-info .content-cols .content-col-body ul#quicklinks-list {

      margin: 0 auto;
      display: block;
   }

}



#remsHome a[href^="http"],
a[href$=".pdf"] {
   background: none;
   margin: 0;
   padding: 0;

}


.rems-inner-page-content a[href^="http"] {
   background: url(../../images/icon_externaLink_gra.png) center right no-repeat;
   padding-right: 16px;
}


.rems-inner-page-content a[href$=".pdf"] {
   background: url(../../images/icon_acrobat.gif) center right no-repeat;
   padding-right: 16px;
}



span.odd-icon {

   display: inline-block;
   margin: 0 0 0 5px;
}

span.odd-promo-icon {
   position: absolute;
   right: 55px;
}

/* ADDED TO REMOVE THE LIST STYLES FROM SPECIFIC PAGES */


ul.list-no {

   list-style: none;

}

ul.checklist {
   margin-left: 0;
   padding-left: 0;
   list-style-type: none !important;
}

ul.checklist > li {
   padding-left: 2em;
   margin-bottom: .7em;
}

ul.checklist > li:before {
   font-family: 'Font Awesome 5 Free';
   content: '\f00c';
   /* font-weight: 900;
	margin-left: -2em;
    font-size: 80%;
    color: green;*/
   display: none;


}

ul.checklist > li svg {

   margin-left: -2em;
   font-size: 85%;
   color: green;
   font-weight: 900;
   display: inline;

}

/*****   BEGIN 12 SEP 2019 - ADDING THESE BACK IN BECAUSE OF ROLLBACK ****/

/*
.promo-box-body a[href^="http"] {
    background: url(../../images/icon_externaLink_gra.png) center right no-repeat;
    padding-right: 55px !important;
	position:relative;
	top:-40px;
}
*/
button.btn.btn-default.btn-width {
   width: 95%;
   margin: auto;
   border: solid 1px !important;
}

.side-promo-box .promo-box-body a[href^="http"] {
   background: none !important;
   background-color: #006EBC !important;


}


/*ADDED 12 SEP 2019 TO FIX TRAININGS BY REQUEST PAGE */

/*
.panel-group a[href^="http"], a[href^="https"], a[href$=".pdf"]{
	background: none!important;
    margin: 0;
    padding: 0;
}

*/

/*ADDED TO FIX THE TBR STEP HEADERS IN MOBILE VIEW*/

@media screen and (max-width:767px) {

   .rems-inner-page-content section.step-wrapper .step-box .header span.heading-text {
      margin: 0 0 0 45px;
      display: block;
   }


   /*FIX THE REMS INNER CONTENT ON MOBILE BECAUSE IT IS TOO WIDE*/


   .rems-inner-page-content {
      display: block;
      width: initial;
      min-height: unset;
   }

   /* FIX THE ONLINE COURSE REGISTRATION PAGE LOGIN*/


   .rems-inner-page-content .courseBody .formWrapper {
      width: 100%;
      margin: 0 0 50px 0;

   }

   .rems-inner-page-content .courseBody .formWrapper input[type=text],
   .rems-inner-page-content .courseBody .formWrapper textarea,
   .rems-inner-page-content .courseBody .formWrapper select,
   .rems-inner-page-content .courseBody .formWrapper input[type=password] {
      width: 87%;

   }

   .rems-inner-page-content .courseBody .formLayout {

      padding: 10px;
      margin: 20px 15px 20px -10px;
   }

   /* PROMO BOX */

   .side-promo-box {
      width: unset;


   }

}

/* CHANGE AND FIX THE MULTI-STEP FORM FROM H3 TO H2*/

section.multi-step-form .no-js .multi-step-form h2,
.multi-step-form.edit-form h2 {
   display: block;
}



/*webinars details */

.webinar-box table tbody tr:nth-child(even) {
   background: transparent;
}

.webinard-box table tbody tr td {
   padding: 0;
}

h3.head-webinars {

   color: #0F0F0F !important;
   font-size: 1.2em !important;
   font-weight: bold !important;
   padding-top: 0;
   padding-bottom: 10px;
   font-weight: bold !important;
   margin-top: 0;
}

h4.sub-head-webinars {
   font-weight: 600 !important;
   font-size: 1.1em !important;
   color: #434343 !important;
   padding-bottom: 0;
   margin-bottom: -5px;
}

.webinar-box {
   border: solid 1px lightgray;
   padding: 20px;
   margin-bottom: 40px;
}


.video-icon {
   width: 60px;
}

.web-date {
   padding-top: 0;
   margin-top: -13px;
   font-size: 1.3em;
}

.side-promo-box.promo-box-opt-1 .promo-box-body .app-btn {
   position: relative;
   display: block;
   max-width: 150px;
   margin: auto;
   top: 41px;
}



/****  END ADD-IN FROM 12 SEP 2019 ****/


/* ONE OF THE BANNERS ON THE EOP INTERACTIVE TOOLS IS TOO WIDE*/

@media screen and (max-width:767px) {

   .banner-width {
      max-width: 100% !important;
   }

}


/* FIXING THE TOOL BOX AGAIN */
@media screen and (min-width:1200px) and (max-width:3000px) {

   select#ContentPlaceHolderBody_ddlaudience {

      margin: 0 0 0 15%;
   }
}

@media screen and (min-width:613px) and (max-width:767px) {

   select#ContentPlaceHolderBody_ddlaudience {

      width: 93% !important;
   }

   input#ContentPlaceHolderBody_searchinput {
      width: 90% !important;
   }

   .tab_content .btn.btn-primary {

      width: 87% !important;
   }

   .form-tabs .tabs_item {

      border-radius: 0 5px 5px 5px;
      border-top-left-radius: 0px;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
   }

}


@media screen and (min-width:444px) and (max-width:612px) {

   select#ContentPlaceHolderBody_ddlaudience {

      width: 94% !important;
   }

   input#ContentPlaceHolderBody_searchinput {
      width: 90% !important;
   }

   .tab_content .btn.btn-primary {

      width: 87% !important;
   }

   .form-tabs .tabs_item {

      border-radius: 0 5px 5px 5px;
      border-top-left-radius: 0px;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
   }

}

@media screen and (min-width:305px) and (max-width:443px) {

   select#ContentPlaceHolderBody_ddlaudience {

      width: 97% !important;
   }

   input#ContentPlaceHolderBody_searchinput {
      width: 90% !important;
   }

   .tab_content .btn.btn-primary {

      width: 87% !important;
   }


   .form-tabs .tabs li {
      float: none;
      line-height: 20px;
      overflow: inherit;
      padding: 0;
      position: relative;
      display: table-cell;
      text-align: center;
      margin: 0;
      font-size: 14px
   }


   .form-tabs .tabs_item {

      border-radius: 0 5px 5px 5px;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
   }


}


/* ADDED FRIDAY THE 13TH SEP 2019 */


/*FIX THE ADVANCED SEARCH PADDING ON THE TOOLBOX SEARCH */

div#ContentPlaceHolderBody_advance {

   padding: 10px 0 0;
}

div#ContentPlaceHolderBody_advance fieldset {

   margin: -20px 0 0 20px !important;
}

div#ContentPlaceHolderBody_advance .advanced-text-search-group {

   padding: 10px 0 10px 10px !important;
   margin: 26px 0 10px 0 !important;
}

div#ContentPlaceHolderBody_advance .advanced-text-search-group label#searchBy {
   margin: 0 !important;

}

div#ContentPlaceHolderBody_advance .form-group {
   margin-bottom: 5px !important;
}

div#ContentPlaceHolderBody_advance table#ContentPlaceHolderBody_RadioButtonSearchType {
   margin: 0 !important;
}

div#ContentPlaceHolderBody_advance .selections-group {
   padding: 10px 0 10px 10px !important;
   margin: 0 0 30px !important;
}

div#ContentPlaceHolderBody_advance .form-group.file-formats {
   margin: 24px auto 0 !important;
   padding: 10px 0 !important;
}

div#ContentPlaceHolderBody_advance .row#selectFile-row-2,
.row#selectType-row-2 {
   margin: -20px 0 0 !important;
}

div#ContentPlaceHolderBody_advance div#TB-adv-type {

   margin: 10px 0 0 0 !important;
}

div#ContentPlaceHolderBody_advance div.checkbox {

   margin-bottom: 0 !important;
}

div#ContentPlaceHolderBody_advance .form-group.file-formats.col-lg-12.col-sm-12.col-xs-12.no-width-padding {

   margin-bottom: 20px !important;
}

div#ContentPlaceHolderBody_advance .btn-primary {

   margin: 10px auto !important;
}

div#ContentPlaceHolderBody_advance table#ContentPlaceHolderBody_cblFileType,
table#ContentPlaceHolderBody_cblFormat {
   margin: 20px auto 0 !important;
}


@media screen and (min-width:768px) and (max-width:1199px) {


   div#ContentPlaceHolderBody_advance fieldset {
      margin: -20px 0 0 35px !important;

   }

   div#TB-adv-right-col {
      margin: -45px 0 10px 0;
   }

   div#ContentPlaceHolderBody_advance .search-group {
      margin: 0 0 0 -20px;
   }

   div#ContentPlaceHolderBody_advance .advanced-text-search-group,
   .selections-group {
      width: 93% !important;
   }


}




@media screen and (min-width:580px) and (max-width:767px) {


   div#ContentPlaceHolderBody_advance fieldset {
      margin: -20px 29px 2px 26px !important;

   }

   div#TB-adv-right-col {
      margin: -45px 0 10px 0;
   }


   div#ContentPlaceHolderBody_advance .advanced-text-search-group,
   .selections-group {
      width: 99%;
   }

   div#ContentPlaceHolderBody_advance .selections-group select {
      width: 94% !important;
   }

}





@media screen and (min-width:436px) and (max-width:579px) {


   div#ContentPlaceHolderBody_advance fieldset {
      margin: -20px 29px 2px 26px !important;

   }

   div#TB-adv-right-col {
      margin: -45px 0 10px 0;
   }


   div#ContentPlaceHolderBody_advance .advanced-text-search-group,
   .selections-group {
      width: 99%;
   }

   div#ContentPlaceHolderBody_advance .selections-group select {
      width: 92% !important;
   }

}



@media screen and (min-width:400px) and (max-width:435px) {


   div#ContentPlaceHolderBody_advance fieldset {
      margin: -20px 29px 2px 26px !important;

   }

   div#TB-adv-right-col {
      margin: -45px 0 10px 0;
   }


   div#ContentPlaceHolderBody_advance .advanced-text-search-group,
   .selections-group {
      width: 99%;
   }

   div#ContentPlaceHolderBody_advance .selections-group select,
   input.form-control {
      width: 91% !important;
   }




}



@media screen and (min-width:320px) and (max-width:399px) {


   div#ContentPlaceHolderBody_advance fieldset {
      margin: -20px 21px 2px 10px !important;

   }

   div#TB-adv-right-col {
      margin: -45px 0 10px 0;
   }


   div#ContentPlaceHolderBody_advance .advanced-text-search-group,
   .selections-group {
      width: 100%;
   }

   div#ContentPlaceHolderBody_advance input.form-control {
      width: 89% !important;
      margin: 0 0 0 -2px;
   }

   div#ContentPlaceHolderBody_advance .selections-group select {
      width: 87% !important;
      float: none !important;
      margin: 0 0 0 -2px;
   }

   div#ContentPlaceHolderBody_advance .form-group.file-formats {
      margin: 24px auto 0 6px !important;

   }

   div#ContentPlaceHolderBody_advance div#TB-adv-type {
      margin: 10px 0 0 4px !important;
   }


   div#ContentPlaceHolderBody_advance .search-group {
      margin: 0 -11px 0 0;
   }



}

section.toolbox-search-results {
   overflow-x: hidden;
}


/* RE-FIXING THE WEBINAR SEARCH BOX IN MOBILE VIEW */


@media screen and (max-width:767px) {


   div#webinar-src-bx1 .content-page-search-box {
      padding: 10px 19px 10px 19px;

   }

}


@media screen and (min-width:438px) and (max-width:767px) {

   div#webinar-src-bx1 input#ContentPlaceHolderBody_txtSearch {
      width: 91%;

   }

   div#webinar-src-bx1 select#ContentPlaceHolderBody_ddlTopic,
   select#ContentPlaceHolderBody_ddlAudience {
      width: 95;
   }

   div#webinar-src-bx1 .input-daterange {
      width: 94%
   }

   div#webinar-src-bx1 .btn {

      width: 94%;
   }
}



@media screen and (min-width:401px) and (max-width:437px) {

   div#webinar-src-bx1 input#ContentPlaceHolderBody_txtSearch {
      width: 90%;

   }

   div#webinar-src-bx1 select#ContentPlaceHolderBody_ddlTopic,
   select#ContentPlaceHolderBody_ddlAudience {
      width: 100%;
   }

   div#webinar-src-bx1 .input-daterange {
      width: 99%
   }

   div#webinar-src-bx1 .btn {

      width: 93%;
   }
}




@media screen and (min-width:312px) and (max-width:400px) {

   div#webinar-src-bx1 input#ContentPlaceHolderBody_txtSearch {
      width: 90%;

   }

   div#webinar-src-bx1 select#ContentPlaceHolderBody_ddlTopic,
   select#ContentPlaceHolderBody_ddlAudience {
      width: 100%;
   }

   div#webinar-src-bx1 .input-daterange {
      width: 95%
   }

   div#webinar-src-bx1 .btn {

      width: 92%;
   }
}


/* FIXING THE POSITION OF THE LEFT AND RIGHT ARROWS IN MOBILE */


@media screen and (max-width: 338px) and (min-width: 312px) {

   .rems-home-content section.carousel div#homeCarousel a.carousel-control.right svg,
   a.carousel-control.left svg {
      top: 14% !important;

   }
}




/* ADDED 14 SEP 2019  */





@media screen and (min-width: 1200px) and (max-width: 3000px) {

   .tab_content .btn.btn-primary {

      width: 90%;
      padding: 10px 10px 10px 6px;
   }

}


@media screen and (min-width: 768px) and (max-width: 1520px) {

   .rems-inner-page-content .courseBody .formWrapper {

      width: 90%;

   }


}



.rems-inner-page-content form h4,
section.multi-step-form label {

   font-size: 1.17em;
}


table#ContentPlaceHolderBody_rblREMSGranteeYN label {

   font-size: 16px;
   margin: 0 0 0 10px;
}

/*ADDING THIS FOR THE EOP ASSIST LINK TABLE*/


.p-grid.p-grid-blue {
   background: #D2DDEA;
   padding: 10px;
   border: 1px solid;
}

.p-grid.p-grid-green {
   background: #B8D68F !important;
   padding: 10px;
   border: 1px solid;
}

.p-grid.p-grid-grey {
   background: #AAA !important;
   padding: 10px;
   border: 1px solid;
}

.p-grid h4 {
   padding-bottom: 10px;
   color: #333 !important;
}

.product-grid {
   display: block;
   width: 100%;
   padding: 10px 0 170px 0;
}

@media screen and (max-width: 1200px) and (min-width: 320px) {
   .quarter.grid_2 {
      width: 100% !important;
   }

   .popbox p {
      min-height: 0;
   }
}

@media screen and (max-width: 360px) {

   .table-container,
   table {
      max-width: 300px;
      overflow-y: auto;
      overflow: auto;
      margin: 0 0 1em;
   }

   .guideTbl {
      min-width: 450px;
   }


}

/* EDGE CAUSING ISSUES STILL */
@supports (-ms-ime-align: auto) {

   .rems-navigation .navbar ul.navbar-center li ul.dropdown-menu li a {
      display: table;
      white-space: nowrap;
      width: 100%;
   }



   @media screen and (max-width:767px) {

      .rems-navigation .navbar ul li.panel a {
         font-weight: normal;
      }

      .rems-navigation .navbar ul li.panel.grey a[href^='http'] {

         background: #6d6f72 !important;
      }

      .rems-navigation .navbar ul li.panel a[href^='http'] {
         background: #6d6f72 !important;
      }

      .footnotes,
      a,
      a:link {
         max-width: initial;
      }

      .side-promo-box .promo-box-body .promo-btn {
         min-width: 200px;
      }

   }


}

/*SAME FOR FIREFOX */

@-moz-document url-prefix() {

   .rems-inner-page-content {

      display: flex;
   }

   @media screen and (min-width:768px) and (max-width:1199px) {

      .rems-navigation .navbar ul.navbar-center {

         top: 117% !important;
      }
   }



   @media screen and (max-width:767px) {

      .rems-navigation .navbar ul li.panel a {
         font-weight: normal;
      }

      .footnotes,
      a,
      a:link {
         max-width: initial;
      }

      .side-promo-box .promo-box-body .promo-btn {
         min-width: 200px;
      }
   }
}



/*MAKE THE PROMO BUTTONS EVEN IN LEGNTH*/


.side-promo-box .promo-box-body .promo-btn {
   min-width: 200px;
}


/*ADDED 16 SEP 2019 FOR SPECIAL TBR REQUEST PAGE*/

h2.tbr {

   color: #85952B;
   font-weight: 400;
   font-size: 16px;
   text-align: left;
   font-size: 1.17em;
   font-family: sans-serif;
   border: none !important;
}


@media screen and (max-width: 767px) {
   .rems-navigation .navbar ul li.panel form div.input-group svg {
      font-size: 20px;
      top: 9px;
      left: 9px;
      border-radius: unset;
   }
}






@media screen and (max-width:767px) {


   .rems-inner-page-content div.regdetails .input-daterange {
      width: 100%;
      display: inline-table;
   }



   input#ContentPlaceHolderBody_TextBoxDateFrom,
   input#ContentPlaceHolderBody_TextBoxDateTo {

      width: 92%;
      margin: 0;
      font-size: 14px;
      padding: 4px;

   }


   ::-webkit-input-placeholder {
      font-size: 14px;
   }

   ::-moz-placeholder {
      font-size: 14px;
   }

   :-ms-input-placeholder {
      font-size: 14px;
   }

   :-moz-placeholder {
      font-size: 14px;
   }



}



input#searchBox1 {

   border-radius: 30px;
   -moz-border-radius: 30px;
   -webkit-border-radius: 30px;
   height: 15px;
   color: #fff;
   background: #959595;
   border: 1px solid #fff;
   padding: 2px 2px 2px 10px;
   min-width: 250px;

}


@media screen and (min-width:768px) and (max-width:1199px) {

   section#search {

      margin: 20px auto 0 !important;
   }
}




/*ADDED 18 SEP 2019*/


div#tbr-accordion-wrap a[href$=".pdf"],
div#promo-box-body a[href$=".pdf"],
section#tbr-steps a[href$=".pdf"] {

   background: none !important;
   background-color: #0073B4 !important;

}


div#tbr-accordion-wrap a[href$=".pdf"]:hover,
div#promo-box-body a[href$=".pdf"]:hover,
section#tbr-steps a[href$=".pdf"] :hover {

   background: none !important;
   background-color: #85952B !important;

}


div#promo-box-body-site-app a[href^='http'] {

   background: none !important;
   background-color: none !important;
}


.rems-inner-page-content a[href$=".ppt"] {
   background: url(../../images/icon_ppt.png) center right no-repeat;
   padding-right: 16px;
}

.rems-inner-page-content a[href$=".pptx"] {
   background: url(../../images/icon_ppt.png) center right no-repeat;
   padding-right: 16px;
}

.rems-inner-page-content a[href$=".doc"],
.rems-inner-page-content a[href$=".docx"] {
   background: url(../../images/icon_Word.png) center right no-repeat;
   padding-right: 16px;
}

.rems-inner-page-content a[href$=".xls"],
.rems-inner-page-content a[href$=".xlsx"] {
   background: url(../../images/icon_Xcel.png) center right no-repeat;
   padding-right: 16px;
}


.rems-inner-page-content a[href$=".zip"] {
   background: url(../../images/icon-zip.png) center right no-repeat;
   padding-right: 16px;
}



/*ADDED 19 SEP 2019 FOR MATERIAL HEADERS */

.materials-header {

   display: table;
   padding: 10px;
   margin: 0 auto 20px;
   background-color: #0073B4;
   position: relative;
   width: 100%;

}


.grey {


   background-color: #616265;


}



.materials-header img {

   display: inline-block;
   max-width: 80px;
   margin: 0 20px;
}


.materials-header p {
   font-size: 1.4em;
   display: inline-block;
   color: #fff;
   vertical-align: middle;
}

.center {
   text-align: center;
}

/*CHANGING THE H3 ON NEWS AND HIGHLIGHTS*/


form[action^="./NewsandHighlights.aspx"] h3 {

   color: #85952B;
   font-weight: 400;
   font-size: 16px;
   text-align: left;
   font-size: 1.17em;
   border: none;
   font-family: sans-serif;
}





/*ADDED 25 SEP 2019 */


form[action^="./Training.aspx"] {

   width: 100%;
}


div.module-middle {

   display: block;
   width: 100%;
   text-align: center;
}

span#mainplayer {
   display: block;
}


/*COURSE FLASH PLAYER FIREFOX*/


@-moz-document url-prefix() {
   span#mainplayer {
      overflow: visible !important;

   }
}




/* ADDED 03 OCT 2019 TO MAKE MOBILE FONT LARGER */

@media screen and (max-width:767px) {

   .rems-home-content section.home-info .content-cols .content-col-body ul li a p {

      font-size: 15px !important;

   }

}


@media screen and (min-width:300px) and (max-width:500px) {

   .rems-home-content section.home-info .content-cols .content-col-body ul li a p {


      margin: 0 0 0 10px;
   }

}





/*FIXING THE TOPIC SPECIFIC RESOURCES THAT SOMEONE MESSED UP.*/



div.blockMe img {
   margin: 0 auto;
   position: relative;
   display: block;
}


@media screen and (max-width:767px) {

   div.blockMe img {
      margin: 0 auto 1em;
   }

}



/* FIXING THE EOP ASSIST ADMIN */


table#ContentPlaceHolderBody_GridView1 th {

   color: #fff !important;
   font-size: 14px !important;

}




div.rems-inner-page-content form[action="./loginToEOPAssistAdmin"] input[type=text],
input[type=password],
textarea {
   width: 80%;
   height: 25px;
}


div#eop-ast-admin {

   width: 1100px;
   display: block;
   position: relative;
   margin: 0 auto;
   overflow-x: scroll;
}


table#ContentPlaceHolderBody_GridView1 {


   position: relative;
   margin: 0 2em;
}

input#ContentPlaceHolderBody_BtnExportToExcel {
   display: block;
   margin: 0 auto;
}


@-moz-document url-prefix() {

   div.rems-inner-page-content form[action^="./loginToEOPAssistAdmin"] {

      width: 100%;


   }




}





/*ADDED 9 OCT 2019 */

/* EOP ASSIST FORM FIXES */



form[action^="./EOPASSIST.aspx"] input[type=text] {

   float: none !important;
   max-width: 300px;
   height: 22px;

}



form[action^="./EOPASSIST.aspx"] select.form-control {

   float: none !important;
   max-width: 325px !important;

   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   border: 1px solid #ccc;

}


form[action^="./EOPASSIST.aspx"] label.required:before {
   content: "*";
   display: inline-block;
   margin: 0 5px 0 -10px;
   color: #ff0000;


}



@media screen and (min-width:401px) and (max-width:767px) {

   form[action^="./EOPASSIST.aspx"] input[type=text],
   select.form-control {

      width: 100% !important;
      display: block;
      float: none !important;

   }





}





@media screen and (max-width:400px) {

   form[action^="./EOPASSIST.aspx"] select.form-control {

      min-width: 240px !important;
      max-width: 300px !important;
      display: block;
      float: none !important;

   }


   form[action^="./EOPASSIST.aspx"] input#ContentPlaceHolderBody_CPHC0ntent_btnSubmit {
      display: block;
      width: 100%;
      margin: -20px auto 0 -20px;
   }


}


/*ADDED 10 OCT 2019 TO FIX THE EOPASSIST DOWNLOAD */




div.rems-inner-page-content form[action^="./Login2.aspx?ReturnUrl=%2fEOPAssistDownload%2fDocList.aspx"] input[type=password] {
   width: 80%;
   height: 25px;
}

div.rems-inner-page-content form[action^="./Login2.aspx?ReturnUrl=%2fEOPAssistDownload"] input#ContentPlaceHolderBody_UserName {
   width: 80%;
   height: 25px;
}



div#EOPAsstDwnld {
   padding: 30px 0;
   display: block;
   position: relative;

}




/* TA SUBMISSONS */


form[action^="./TASubmissionForm"] select.form-control {


   border: 1px solid #ccc;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   height: 36px;
}


form[action^="./TASubmissionForm"] input[type=text] {
   height: 26px !important;
   width: 95%;

}

form[action^="./TASubmissionForm"] textarea {

   width: 95%;

}




@media screen and (max-width:767px) {


   form[action^="./TASubmissionForm"] .form-group {

      margin-left: -20px !important;
   }
}


/*ADDED 11 OCT 2019 FOR WEBINAR DETAIL PAGE */

div.web-date {

   margin-top: inherit !important;

}

h2.head-webinars {
   margin: 0 0 .5em 0 !important;
}

/*  
.webinarPageDetails {
    margin: -40px 0 0!important;
}

*/

form[action^="./webinarDetail"] table {
   margin: .5em auto 2em -5px;
}


.webinar-box h3,
.webinar-box p {
   margin: .5em 0 !important;
}

.rems-inner-page-content .webinarDetails div.date-time {
   font-weight: normal !important;
   font-size: 16px;
}



/*ADDED NOV 4 2019 FOR LEFT HAND NAVIGATION ON INNER PAGES*/


aside > .flexnav li a {


   color: #0054a0 !important;
}


aside > .flexnav li a:hover {

   background: #0054a0 !important;
   color: #fff !important;
}

.fa-caret-down {
   color: #0054a0 !important;
}


ul.flexnav-show li.side-nav a {
   background: none !important;
   color: #777 !important;


}


ul.flexnav-show li.side-nav a:hover {

   color: #85952B !important;

}

ul.flexnav li a:hover {
   opacity: 1;
   filter: alpha(opacity=100);

}


/*FIXING HOME PAGE REMS ROAD COLUMN*/
@media screen and (min-width: 1200px) and (max-width: 3000px) {
   .rems-home-content section.home-info .content-cols .content-col-body ul.road-column {
      width: 85% !important;
   }


}

/*ADDED NOV 5 2019 TO FIX LEFT HAND NAVIGATION SPACING*/

@media screen and (min-width: 1200px) and (max-width: 1400px) {

   .right-content-col {
      padding-left: 100px !important;

   }


}


/* ADDED 26 NOV FOR WEBINAR PAGE. THIS MAY HAVE TO CHANGE BASED UPON BACKGROUND IMAGE */




@media screen and (min-width:1261px) and (max-width: 4000px) {

   .rems-inner-page-content .webinar-header {

      height: 240px;
      background-position: initial !important;
   }

}


@media screen and (min-width:1200px) and (max-width: 1260px) {

   .rems-inner-page-content .webinar-header {

      background-position: center;
      height: 300px;
   }

}


@media screen and (min-width: 1200px) and (max-width: 1500px) {


   div.web-desc-bg {

      height: 210px;
   }
}



@media screen and (min-width:900px) and (max-width:1199px) {

   .rems-inner-page-content .webinar-header {
      min-height: 295px !important;
   }
}




@media screen and (min-width:430px) and (max-width:767px) {

   .rems-inner-page-content .webinar-header {
      min-height: 275px !important;
   }


   div.web-desc-bg {

      height: 220px !important;
   }

}




@media screen and (min-width:320px) and (max-width:429px) {

   .rems-inner-page-content .webinar-header {
      min-height: 350px !important;
   }


   div.web-desc-bg {

      height: 295px !important;
   }

}




/*ADDED 13 DEC 2019 TO FIX WEBINAR DETAILS ITALIC ISSUE*/


.webinar-italics {
   font-style: italic;
}


/*ADDED 9 JAN TO FIX MESSED UP FONT STYLES WHEN WEBINAR WAS UPDATED*/


form[action^="./TA_Webinars"] p,
form[action^="./TA_Webinars"] .webinar-title,
form[action^="./TA_Webinars"] .webinar-date {
   font-family: Arial, Helvetica, sans-serif;
}

.rems-inner-page-content .webinar-header p,
.web-header-btn {
   font-family: Arial, Helvetica, sans-serif !important;
}



/*ADDED 23 JAN FOR UPDATES*/

@media screen and (min-width:1199px) and (max-width:5000px) {
   .rems-navigation .navbar ul.navbar-center li a {

      font-size: 20px;
   }

   .rems-navigation .navbar ul.navbar-center li ul.dropdown-menu li a {
      font-size: 16px;
   }

}


@media screen and (min-width:1098px) and (max-width:1198px) {
   .rems-navigation .navbar ul.navbar-center li a {

      font-size: 18px;
   }


}

@media screen and (min-width:890px) and (max-width:932px) {
   .rems-navigation .navbar ul.navbar-center li a {

      font-size: 15px;
   }

}


@media screen and (max-width: 767px) {
   aside {
      width: 100%;
   }
}




/*ADDED 05 FEB 2020 TO FIX WEB SEARCH FONT */


.rems-inner-page-content .content-page-search-box .title {
   font-family: sans-serif;
   font-weight: bold;
}




/* ADDED 05 FEB 2020 EXIT SITE MODAL CSS*/

div#exitMe {
   display: none;
   z-index: 9999;
   position: fixed;
   top: 0;
   width: 100%;

}

#exitMe h4.modal-title {
   text-align: center;
   font-family: 'Marcellus', serif;
   text-transform: uppercase;
   color: #fff;
   font-size: 1.5em;

}

.modal-body p {
   text-align: center;

}

button.btn-modal:hover {
   cursor: pointer;
}


button.btn-modal.btn-continue {
   display: inline;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   padding: 10px;
   text-align: center;
   font-size: 1em;
   position: relative;
   color: #fff;
   background: #85952B;
   float: none !important;
}


button.btn-modal.btn-continue:hover {
   background: #3C8DC8;
}


button.btn-modal.btn-close {
   display: inline;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   padding: 10px;
   text-align: center;
   font-size: 1em;
   position: relative;
   color: #fff;
   background: #006EBC;
   float: none !important;
   margin-right: 20px;

}

button.btn-modal.btn-close:hover {

   background: #3C8DC8;
}



.modal-header .close {
   font-size: 3.5em;
}

/*END EXIT SITE MODAL CSS*/







/* HIDE THE LEFT HAND NAVIGATION BUT LEAVE ASIDE IN TACT FOR PADDING update by varsha on  Nov 1 2019*/

aside h1,
.menu-button,
.flexnav {
   /*display: none!important*/
}

aside {
   /*display: none!important;*/
   margin-bottom: 1.5em !important;
   width: 325px;
}



/*ADDED 20 FEB 2020 TO ADD TWITTER SVG TO FOOTER*/

.twit-footer {

   display: block;
   width: 230px;
}

.twit-footer a,
footer a {
   background: none !important;
}

.twit-footer svg {
   display: block !important;
   margin: 10px auto 0 !important;
   font-size: 50px !important;
}


.rems-footer .footer-body .icon-holder p {
   margin: 0 0 10px 0;
   display: block;

}

.rems-footer .footer-body svg {
   font-size: 1.5em;

}



@media screen and (max-width:1199px) {

   .twit-footer {

      width: 100%;
   }

}


@media screen and (min-width:768px) and (max-width:1199px) {

   input#searchBox1 {
      float: right;
   }

}



/*ADDED FEB 27 2020 TO FIX RESOURCE MODAL */


div#resourceModal .modal-body p {
   text-align: left !important;
}


/* ADDED 02 MAR 2020 FOR TWITTER BUTTON */
.twitter-ext-hashtag-button {
   background: #1b95e0 !important;
   color: #fff !important;
   font-size: 12px;
   font-weight: bold;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   padding: 5px 3px;
   cursor: pointer;
   text-align: center;
   white-space: normal;
   line-break: normal;
   max-width: 220px;
   display: table;
   margin: 0 20px 0 0;

}


.twitter-ext-hashtag-button:hover {
   background: #0c7abf !important;

}

.twitter-ext-hashtag-button svg {
   display: inline-block !important;
   color: #fff !important;
   margin: 0 2px 0 10px !important;
   font-size: 14px !important;
}


@media screen and (max-width:767px) {

   .twitter-ext-hashtag-button {

      max-width: inherit;
      width: 100%;
      margin: 0 auto;

   }

}




/* ADDED 17 MARCH 2020 FOR NEW COVID 19 PAGE*/



div#covid19 {
   position: relative;
   background-image: url(../images/covid-19/covid19.png);
   background-repeat: no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   background-size: cover;
   -o-background-size: cover;
   background-position: center center;
   background-attachment: fixed;
   min-height: 100vh;
   display: flex;
   padding: 10px 30px;
   scroll-behavior: smooth;
   margin-bottom: -35px;
}


div.covo-breadcrumb {
   display: block;
   color: #fff;
   text-align: left;
   width: 100%;
}

div.covo {
   display: block;
   width: 100%;
   margin: 0 0 2em 0;
}

div.covo span {
   display: block;
   border-bottom: 6px solid rgba(88, 186, 245, 0.3);
   width: fit-content;
}

div.covo span img {
   display: inline-block;
   width: 60px;
   margin: 0 20px 5px 0;

}

div.covo span h1 {
   display: inline-block;
   color: #fff;
   font-size: 2em;
   font-family: Helvetica, Arial, sans-serif;
   text-transform: none;
}

div.covo-content {
   display: table;
   position: relative;
   padding: 20px 30px;
   background: rgba(0, 0, 0, 0.8);
   border: 2px solid #0073b4;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   margin: 0 auto 4em;
}

div.covo-content p {
   display: block;
   color: #fff;
   margin: 0 0 1em 0;
}

div.covo-content img {
   display: block;
   float: right;
   width: 80%;
}

div.covo-content ul {
   list-style: none !important;
   display: block;
   margin: 0 0 1em 0;
   border-top: 1px solid rgba(88, 186, 245, 0.2);
   border-bottom: 1px solid rgba(88, 186, 245, 0.2);
   padding: 20px 0 0;
}

div.covo-content ul li a {
   color: #49b8f7 !important;
   font-weight: normal;
   display: block;
   margin: 0 auto 1em;
   position: relative;
   text-align: center;
   background: none !important;
}


div.covo-content ul li a:hover {
   color: #9BA660 !important;
}


div.covo-content ul li a[href^="http"] span {
   background: url(../images/icon_externaLink_gra.png) center right no-repeat;
   padding-right: 16px;
   position: relative;
   text-align: center;
}


.covo-btn-block {
   display: block;
   width: 90%;
   margin: 1em auto 1em;
}

.covo-loading-block {
   color: #fff;
}


a.covo-btn {
   display: block;
   height: 100px;
   width: 100px;
   background: #0073b4;
   border: 4px solid #FFF;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   margin: 0 auto 1em;
   position: relative;
   cursor: pointer;
}

a.covo-btn:hover {
   background: #85952a;
}

a.covo-btn img {
   display: block;
   position: relative;
   float: none !important;
   margin: 10px auto 0 !important;
   width: 80px !important;
}

span.covo-btn-title {
   display: block;
   text-align: center;
   font-family: Helvetica, Arial, sans-serif;
   color: #fff;
   position: relative;
   text-transform: uppercase;
   margin: 0 auto;
}

.targetDiv a {
   color: #49b8f7 !important;
   font-weight: bold;
   font-size: 18px;
}

.targetDiv a:hover {
   color: #9BA660 !important;
}

.targetDiv h2 {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 1.2 em;
   color: #fff;
   border-bottom: none !important;

}


.targetDiv a[href^="http"] {
   background: url(../images/icon_externaLink_gra.png) center right no-repeat;
   padding-right: 16px;
}


.targetDiv a[href$=".pdf"] {
   background: url(../images/icon_acrobat.gif) center right no-repeat;
   padding-right: 16px;
}



.targetDiv h2 span {

   display: block;
   border-bottom: 4px solid rgba(88, 186, 245, 0.3);
   margin: 1em 0;

}

/* BEGIN ADDED 26 MAR 2006 FOR NEW TARGET DIV FORMAT*/


.targetDiv .row {
   display: block;
   padding: 10px 0;
   border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.targetDiv .row p {
   display: block;
   margin: 0;
}

a span.closeMe {
   float: right;
   right: 0px;
   color: #49b8f7;
   cursor: pointer;
   display: block;
   font-weight: normal !important;
   background: transparent;
   border: 1px solid #fff;
   padding: 6px;
   font-size: 14px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

a span.closeMe:hover {
   color: #fff;
   border: 1px solid #49b8f7;
}

a span.closeMe svg {
   font-size: 15px;
   margin: -1px 0;

}

a span.closeMe.top-btn {
   top: 12px;
   position: absolute;
}

a span.closeMe.bottom-btn {
   position: relative;
   margin: 20px 0;

}

/* END ADDED 26 MAR 2020 FOR NEW TARGET DIV FORMAT*/

#guidanceInfo,
#resourcesInfo,
#toolsInfo,
#trainingInfo {
   display: none;
}




@media screen and (max-width: 1199px) {
   div.covo-content img {
      float: none;
      margin: 2em auto;
      width: 60%;
   }

   span.covo-btn-title {
      margin: 0 auto 1em;
   }





}



@media screen and (max-width: 767px) {

   div.covo-breadcrumb {
      text-align: center;
      margin: 0 auto 1em;
   }

   div.covo span img {
      display: block;
      margin: 0 auto;
   }

   div.covo span h1 {
      display: block;
      font-size: 1.5em;
      text-align: center;
   }


   div.covo span {

      width: 100%;
   }

}





/*ADDED 30 MAR 2020 TO FIX SIDE PROMO BOX*/

.side-promo-box {
   margin: 30px auto 0;
}



/*ADDED 30 MAR 2020 FOR UPDATED BIO HAZRD PAGE*/




#covidBtnHolder img {

   cursor: pointer;
}

#covidBtnHolder #leftHolder img {
   width: 97%;
}

@media screen and (max-width: 1199px) {
   #covidBtnHolder #leftHolder img {
      width: inherit;
   }

}

.bio-haz-loading-block {
   display: block;
   position: relative;
   margin: 1.5em 0;
}

#foodOutbreaksInfo,
#infectDiseaseInfo,
#toxicMaterialsInfo {
   display: none;
}

.targetDiv2 {
   background: rgba(117, 135, 61, 0.1);
   padding: 20px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}

.targetDiv2 h2 {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 1.2em;
   font-weight: bold;
   border-bottom: 1px solid #85952B;

}

.targetDiv2 p {
   margin: .5em 0 0;
}


.targetDiv2 a[href^="http"] {
   background: url(../images/icon_externaLink_gra.png) center right no-repeat;
   padding-right: 16px;
}


.targetDiv2 a[href$=".pdf"] {
   background: url(../images/icon_acrobat.gif) center right no-repeat;
   padding-right: 16px;
}


.targetDiv2 a span.closeMe {
   float: right;
   color: #fff;
   cursor: pointer;
   display: block;
   font-weight: normal !important;
   background: #006EBC;
   padding: 6px;
   font-size: 14px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   border: none;
}

.targetDiv2 a span.closeMe:hover {
   background: #85952B;
}

.targetDiv2 a span.closeMe svg {
   font-size: 15px;
   margin: -1px 0;

}

.targetDiv2 a span.closeMe.top-btn {
   top: 12px;
   position: absolute;
   right: 25px;
}

.targetDiv2 a span.closeMe.bottom-btn {
   position: relative;
   margin: 20px 0;

}

/*ADDED 4/14/2020 FOR TEMP FIX FOR HOME CAROUSEL - THIS MAY CHANGE WHEN CAROUSEL ITEMS ARE UPDATED*/

@media screen and (max-width: 1600px) and (min-width: 768px) {

   .rems-home-content section.carousel div#homeCarousel div.carousel-inner div.carousel-caption#cap-1,
   .rems-home-content section.carousel div#homeCarousel div.carousel-inner div.carousel-caption#cap-6 {
      top: 0;
      width: 40%;
      right: 8%;
   }

}


/*ADDED 4/24/2020 FOR COVID SEARCH BAR */

section.covid-search-bar {
   margin: 30px auto;
   display: flex;
}

div.covid-search-base {

   background: #01507e;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   display: block;
   /* width: 100%;*/
   padding: 0 15px 15px 15px;
   position: relative;
   margin: 2em auto;

}

div.covid-search-base .title {
   font-family: sans-serif;
   font-weight: bold;
   display: block;
   margin: 10px auto;
   text-transform: uppercase;
   position: relative;
   color: #fff;
   text-align: center;

}

div.covid-search-background {
   display: block;
   position: relative;
   background: #0073b4;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   padding: 5px;
   margin: 0 auto;
}

.covid-search-base .row {
   margin: 1em 0;
}

.covid-search-base .btn,
.covid-search-base input[type="button"],
.covid-search-base input[type="submit"],
.covid-search-base input[type="reset"] {
   color: #0073B4;
   background-color: #fff;
   margin: 0 auto;
   border: none;
   position: relative;
   font-size: 15px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   width: 60%;
   float: none;
   font-weight: bold;
   text-transform: uppercase;
   padding: 10px;
   display: block;

}




.covid-search-base input[type=text].form-control {
   width: 80%;
   height: 22px;
   position: relative;
   margin: 0 auto;
   display: block;
   margin: 0 auto;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #333;
}


.covid-search-base select.form-control {
   width: 87%;
   position: relative;
   margin: 0 auto !important;
   display: block;
   margin: 0 auto;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   float: none;
   color: #333;
   max-width: none;
   height: 36px;
   padding: 5px 0 5px 15px;
}


.covid-search-base select#ContentPlaceHolderBody_ddlAudience {
   max-width: none !important;
}


@media screen and (max-width:1199px) {

   .covid-search-base .covid-search-bar {
      margin: 30px auto 30px 40px;
      width: 90%;
   }

   .covid-search-base input[type=text].form-control,
   .covid-search-base select.form-control,
   .covid-search-base .btn {
      margin: 10px auto !important;
   }

   .covid-search-base .row {
      margin: 0;
   }

   div.covid-search-background {
      padding: 20px;
   }



   .covid-search-base select.form-control {
      width: 100%;
   }


   .covid-search-base .btn,
   .covid-search-base input[type="button"],
   .covid-search-base input[type="submit"],
   .covid-search-base input[type="reset"] {

      margin: .75em auto !important;
      width: 97% !important;


   }

}

@media screen and (min-width: 500px) and (max-width:767px) {

   .covid-search-base .btn,
   .covid-search-base input[type="button"],
   .covid-search-base input[type="submit"],
   .covid-search-base input[type="reset"] {

      width: 96% !important;


   }
}

@media screen and (min-width: 430px) and (max-width:499px) {

   .covid-search-base .btn,
   .covid-search-base input[type="button"],
   .covid-search-base input[type="submit"],
   .covid-search-base input[type="reset"] {

      width: 93% !important;
   }

}

@media screen and (min-width: 390px) and (max-width:429px) {

   .covid-search-base .btn,
   .covid-search-base input[type="button"],
   .covid-search-base input[type="submit"],
   .covid-search-base input[type="reset"] {

      width: 91% !important;
   }

}

@media screen and (min-width: 320px) and (max-width:389px) {

   .covid-search-base .btn,
   .covid-search-base input[type="button"],
   .covid-search-base input[type="submit"],
   .covid-search-base input[type="reset"] {

      width: 86% !important;
   }

}



@media screen and (min-width:992px) and (max-width:1199px) {

   .covid-search-base {
      -webkit-transform: translateX(-1.5%);
      -ms-transform: translateX(-1.5%);
      transform: translateX(-1.5%);
   }

   .covid-search-base input[type=text].form-control {
      width: 97% !important;
   }
}


@media screen and (min-width:768px) and (max-width:991px) {

   .covid-search-base {
      -webkit-transform: translateX(-1.6%);
      -ms-transform: translateX(-1.6%);
      transform: translateX(-1.6%);
   }

   .covid-search-base input[type=text].form-control {
      width: 94%;
   }
}


@media screen and (min-width:423px) and (max-width:767px) {

   .covid-search-base {
      -webkit-transform: translateX(-2.5%);
      -ms-transform: translateX(-2.5%);
      transform: translateX(-2.5%);
      margin: 2em auto 2em -3px !important;
   }

   .covid-search-base input[type=text].form-control {
      width: 94%;
   }

}


@media screen and (min-width:400px) and (max-width:422px) {

   .covid-search-base {
      -webkit-transform: translateX(-6%);
      -ms-transform: translateX(-6%);
      transform: translateX(-6%);
   }

   .covid-search-base input[type=text].form-control {
      width: 82%;
   }



}


@media screen and (min-width: 365px) and (max-width: 399px) {

   .covid-search-base {
      -webkit-transform: translateX(-5%);
      -ms-transform: translateX(-5%);
      transform: translateX(-5%);
   }

   .covid-search-base input[type=text].form-control {
      width: 88%;
   }

}


@media screen and (min-width: 320px) and (max-width: 364px) {

   .covid-search-base {
      -webkit-transform: translateX(-6%);
      -ms-transform: translateX(-6%);
      transform: translateX(-6%);
   }

   .covid-search-base input[type=text].form-control {
      width: 83%;
   }

}



div.covid-search-results {
   display: block;
   position: relative;
   width: 100%;
   margin: 30px auto 3em;
   position: relative;
}

div.covid-search-count {
   display: block;
   position: relative;
   width: 100%;
   margin: 0 auto;
}

div.covid-search-count p {
   display: block;
   text-align: left;
   width: 100%;
   font-weight: bold;
   color: #fff;
}

div.covid-search-items {
   display: block;
   width: 100%;
   margin: 0 auto;
   position: relative;
}

div.covid-search-results .row {
   display: block;
   padding: 10px 0;
   border-bottom: 1px solid rgba(255, 255, 255, 0.3);
   position: relative;
}

div.covid-search-items p {
   display: block;
   margin: 0;
   color: #fff;
}


div.covid-search-items a {
   color: #49b8f7 !important;
   font-weight: bold;
   font-size: 18px;
}

div.covid-search-items a:hover {
   color: #9BA660 !important;
}


div.covid-search-items a[href^="http"] {
   background: url(../images/icon_externaLink_gra.png) center right no-repeat;
   padding-right: 16px;
}

div.covid-search-items a[href$=".pdf"] {
   background: url(../images/icon_acrobat.gif) center right no-repeat;
   padding-right: 16px;
}

div.covid-search-items img {
   float: left;
}


@media screen and (max-width:1199px) {

   div.covid-search-items img {
      float: none;
      margin: 1em auto;
      max-width: 80px;
   }
}



/* ADDED 5/18/2020 FOR 7 SLIDE INDICATORS*/

.rems-home-content section.carousel div#homeCarousel ol.carousel-indicators li {

   margin: 0 5px;
}


/*NEW SIDE NAV 3 ADDED 6/12/2020*/

.sidenav {
   height: 100%;
   width: 0;
   position: fixed;
   z-index: 1200;
   top: 0;
   left: 0;
   background: #73716E;
   overflow-x: hidden;
   transition: 0.5s;
   text-align: center;
   /*font-family: 'Work Sans', sans-serif;*/

}

.sidenav h1,
.sidenav h2,
.sidenav h3,
.sidenav h4,
.sidenav h5,
.sidenav h6 {

   /*font-family: 'Crimson Text', serif;*/
   font-family: 'Marcellus', serif;
   text-transform: uppercase;
   margin: 0;
   color: #fff;
   display: block;
   transition: 1s;
   padding: 20px;
   text-align: center;
   font-size: 2em;
}




.sidenav h1 img,
.sidenav h2 img,
.sidenav h3 img,
.sidenav h4 img,
.sidenav h5 img,
.sidenav h6 img {
   width: 80px !important;
   display: block !important;
   margin: 0 auto 20px !important;
}

.sidenav .listWrapper {
   padding: 0 !important;
}




.sideNav-close-btn {
   position: absolute;
   width: 85px;
   height: 30px;
   right: 20px;
   top: 30px;
   border: 1px solid #ccc;
   cursor: pointer;
   background: #565759;
   outline: none;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #fff !important;
}



.sideNav-close-btn:hover {
   background: #A1A2A6;
   color: #333;
   border: 1px solid #565759;
}


.sideNav-close-btn svg {

   position: relative;
   display: inline-block;
   margin: 0 0 0 5px;

}

.sideNav-close-btn div.menuText {
   position: relative;
   display: inline-block;
   text-align: center;
}


@media screen and (max-width: 991px) {
   .sideNav-close-btn {
      position: relative;
      float: right;
      top: inherit;
      right: inherit;
      left: inherit;
   }

}






.sidenav .listWrapper {
   padding: 0 !important;

}

.sidenav .listWrapper ul li.listHead {

   width: 100%;
   height: 5px;
   margin-bottom: 15px;
   border-bottom: 1px solid #ccc;
}

.sidenav .listWrapper img.mainImg {
   width: 50% !important;
   margin: 0 auto !important;
}

.sidenav .listWrapper span.imgDesc {

   margin: 20px auto !important;

}




.sidenav h1 img,
.sidenav h2 img,
.sidenav h3 img,
.sidenav h4 img,
.sidenav h5 img,
.sidenav h6 img {
   display: inline-block;
   width: 80px;
   margin-right: 20px;
}

@media screen and (max-width: 768px) {

   .sidenav h1 img,
   .sidenav h2 img,
   .sidenav h3 img,
   .sidenav h4 img,
   .sidenav h5 img,
   .sidenav h6 img {
      display: block;
      width: 80px;
      margin: 0 auto 20px;
   }
}


.sidenav .listWrapper {
   display: flex;
   width: 100%;
   position: relative;
   margin: 0;
}

.sidenav .listWrapper img.mainImg {
   display: block;
   margin: 0 50px 20px 0;
   width: 80%;
   border: 2px solid #7A7C80;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.sidenav .listWrapper span.imgDesc {
   display: block;
   margin: 20px 65px 0 0;
   text-align: center;
   color: #fff;
   font-weight: bold;
   position: relative;
}


.listHeader {

   background: #8FB399;
   min-height: 60px;
   display: block;
   position: relative;
   padding: 10px 100px;
   border-bottom: 6px solid #ACBFB2;

}

.listHeader img {
   display: block;
   width: 60px;
   float: right;
}

.sidenav .listWrapper ul {
   list-style: none;
   display: block;
   position: relative;
   padding: 0 15px 0;

}


.sidenav .listWrapper ul li {
   display: block;
   margin: 0 0 3px 0;
   text-align: left;
   color: #fff;
   font-size: 16px;

}

.sidenav .listWrapper ul li.listHead {
   display: flex;
   width: 100%;
   height: 10px;
   /* border-bottom: 1px solid #B6C3CC;
        background: #006EBC;*/
   margin-bottom: 15px;


}

.main {
   margin: 0;
   font-size: 16px;
   color: #fff;
   font-weight: bold;
   /* width: 100%; */
   background: #595856 !important;
   display: block;
   padding: 5px 15px;

}


.main svg {
   margin: 0 0 0 5px;
   font-size: 12px;
   color: #B8BABF;


}

.sidenav .listWrapper ul li a {
   display: block;
   padding: 5px;
   text-align: left;
   color: #fff;
   font-size: 16px;
   text-decoration: none;
}


.sidenav .listWrapper ul li a:hover {
   color: #000;
   transition: 0.5s;


}


.sidenav .listWrapper ul li ul {
   display: block;
   padding: 10px 15px 10px 15px;
   margin: -3px 0 10px 0;
   background: #7A7C80;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}


.sidenav .listWrapper ul li ul li a {
   display: block;
   font-size: 16px;
   padding: 2px !important;
   color: #fff;
}


/*MENU ICON BUTTON*/

span.menuText {
   display: inline-block;
   /* transform: rotate(-90deg) translate3d(-2.5rem,-.625rem,0); */
   font-weight: bold;
   color: #006EBC;
   position: absolute;
   top: 20px;
   left: 70px;
}


#side-btn {

   height: 40px;
   margin: 0 auto 30px;
   border: 2px solid #6e6f72;
   cursor: pointer;
   background: #85952a;
   outline: none;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #fff;
   display: block;
   width: 70%;
}


#side-btn:hover {
   background: #006EBC;
   color: #fff;

}

#side-btn div.menuText {
   font-weight: bold;
   position: relative;
   padding: 5px;
}


#side-btn div.menuText svg {
   display: inline-block;
   margin: -3px 0 0 5px;
   float: right;
   font-size: 25px;
}


#side-btn.relative {
   position: relative;

}

#side-btn.fixed {
   position: fixed;

}

#side-btn span {
   position: absolute;
   width: 20px;
   height: 2px;
   top: 15%;
   left: 50%;
   background: #fff;
   border-radius: 2px;
   overflow: hidden;
   transition: all 0.3s linear;
}


#side-btn span::before {
   content: "";
   position: absolute;
   width: 0;
   height: 100%;
   top: 0;
   right: 0;
   background: #eee;
   transition: all 0.3s linear;
}

#side-btn span:nth-child(1) {
   animation: span-first-off 0.5s ease-in-out;
   animation-fill-mode: forwards;
}

#side-btn span:nth-child(2) {
   animation: span-second-off 0.5s ease-in-out;
   animation-fill-mode: forwards;
}

#side-btn span:nth-child(3) {
   animation: span-third-off 0.5s ease-in-out;
   animation-fill-mode: forwards;
}

#side-btn.on:hover span::before {
   width: 100%;
   transition: all 0.3s linear;
}

#side-btn.on span:nth-child(1) {
   animation: span-first-on 0.5s ease-in-out;
   animation-fill-mode: forwards;
}

#side-btn.on span:nth-child(2) {
   animation: span-second-on 0.5s ease-in-out;
   animation-fill-mode: forwards;
}

#side-btn.on span:nth-child(3) {
   animation: span-third-on 0.5s ease-in-out;
   animation-fill-mode: forwards;
}

@keyframes span-first-on {
   0% {
      transform: translate(-50%, -300%);
   }

   30% {
      transform: translate(-50%, -50%);
   }

   100% {
      transform: translate(-50%, -50%) rotate(-45deg);
   }
}

@keyframes span-first-off {
   0% {
      transform: translate(-50%, -50%) rotate(-45deg);
   }

   30% {
      transform: translate(-50%, -50%) rotate(0deg);
   }

   100% {
      transform: translate(-50%, -300%);
   }
}

@keyframes span-second-on {
   0% {
      transform: translate(-50%, -50%);
   }

   25% {
      background: gray;
   }

   50% {
      transform: translate(-50%, -50%) scale(1);
   }

   100% {
      transform: translate(-150%, -50%) scale(0);
   }
}

@keyframes span-second-off {
   0% {
      transform: translate(-150%, -50%) scale(0);
   }

   25% {
      background: #eee;
   }

   50% {
      transform: translate(-50%, -50%) scale(1);
   }

   100% {
      transform: translate(-50%, -50%);
   }
}

@keyframes span-third-on {
   0% {
      transform: translate(-50%, 200%);
   }

   30% {
      transform: translate(-50%, -50%);
   }

   100% {
      transform: translate(-50%, -50%) rotate(45deg);
   }
}

@keyframes span-third-off {
   0% {
      transform: translate(-50%, -50%) rotate(45deg);
   }

   30% {
      transform: translate(-50%, -50%) rotate(0deg);
   }

   100% {
      transform: translate(-50%, 200%);
   }
}




/*FINE-TUNE HOVER CSS*/

.hvr-underline-from-left:before {
   height: 1px !important;
   background: #B8BABF !important;
}

/*ADDED 20 JULY 2020 FOR IE 11 ADJUSTMENT*/

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
   input#searchBox1 {
      height: 22px !important;

   }
}

/*ADDED 11 AUG 2020 DUE TO INCREASE IN FOOTER TEXT */
.rems-footer div.blurb {
   font-size: 14px;
}


/*HIDE ALL OF THE ASIDE*/

aside {
   display: none !important;
}


/*ADDED 18 AUG 2020 FOR IE 11 FOOTER HEADER*/


/*----- IE11 STYLES ------*/
@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
   .rems-footer .footer-header {
      min-height: 50px;
   }

}


/*ADDED 2 SEP 2020 TO ADD EXTRA BREAKPOINT FOR SIDE NAV MENU BUTTON */

@media screen and (min-width:1200px) and (max-width:1490px) {
   #side-btn {
      margin: 0 0 30px 4%;
      width: 89%;
   }
}


@media screen and (min-width:949px) and (max-width:1199px) {
   #side-btn {
      margin: 0 auto 30px;
      width: 55%;
   }
}


@media screen and (min-width:768px) and (max-width:948px) {
   #side-btn {
      margin: 0 auto 30px;
      width: 70%;
   }
}


@media screen and (max-width:767px) {
   #side-btn {
      margin: 0 auto 30px;
      width: 270px;
   }
}





/*ADDED 3 SEP 2020 TO FIX SLIDE 3*/

@media screen and (min-width:768px) and (max-width:3000px) {
   .rems-home-content section.carousel div#homeCarousel div.carousel-inner div.carousel-caption#cap-3 {
      width: 40% !important;
   }

}



/*ADDED 9 OCTOBER TO TARGET IOS FILTER STYLE ISSUES*/



@supports (-webkit-touch-callout: none) {

   .btn.disabled,
   .btn[disabled],
   fieldset[disabled] .btn {
      filter: none !important;
   }

   .dropdown-menu > .disabled > a:hover,
   .dropdown-menu > .disabled > a:focus {
      filter: none !important;
   }

   [data-toggle="buttons"] > .btn > input[type="radio"],
   [data-toggle="buttons"] > .btn > input[type="checkbox"] {
      filter: none !important;
   }

   .close {
      filter: none !important;
   }

   .close:hover,
   .close:focus {
      filter: none !important;
   }

   .modal-backdrop.fade {
      filter: none !important;
   }

   .modal-backdrop.in {
      filter: none !important;
   }

   .tooltip {
      filter: none !important;
   }

   .tooltip.in {
      filter: none !important;
   }

   .carousel-control {
      filter: none !important;
   }

   .carousel-control.left {
      filter: none !important;
   }


   .carousel-control.right {
      filter: none !important;
   }

   .carousel-control:hover,
   .carousel-control:focus {
      filter: none !important;
   }

   .rems-content ul.slogan li svg {
      filter: none !important;
   }


   .rems-content ul.slogan li svg {
      filter: none !important;
   }

   .rems-footer .footer-header ul.slogan li svg {
      filter: none !important;
   }

   ul.flexnav li a:hover {
      filter: none !important;
   }

   .first {
      filter: none !important;
   }

   ul.flexnav li:hover {
      filter: none !important;
   }

   ul.flexnav li a:hover {
      filter: none !important;
   }

}




@supports not (-webkit-touch-callout: none) {

   .btn.disabled,
   .btn[disabled],
   fieldset[disabled] .btn {
      filter: none !important;
   }

   .dropdown-menu > .disabled > a:hover,
   .dropdown-menu > .disabled > a:focus {
      filter: none !important;
   }

   [data-toggle="buttons"] > .btn > input[type="radio"],
   [data-toggle="buttons"] > .btn > input[type="checkbox"] {
      filter: none !important;
   }

   .close {
      filter: none !important;
   }

   .close:hover,
   .close:focus {
      filter: none !important;
   }

   .modal-backdrop.fade {
      filter: none !important;
   }

   .modal-backdrop.in {
      filter: none !important;
   }

   .tooltip {
      filter: none !important;
   }

   .tooltip.in {
      filter: none !important;
   }

   .carousel-control {
      filter: none !important;
   }

   .carousel-control.left {
      filter: none !important;
   }


   .carousel-control.right {
      filter: none !important;
   }

   .carousel-control:hover,
   .carousel-control:focus {
      filter: none !important;
   }

   .rems-content ul.slogan li svg {
      filter: none !important;
   }


   .rems-content ul.slogan li svg {
      filter: none !important;
   }

   .rems-footer .footer-header ul.slogan li svg {
      filter: none !important;
   }

   ul.flexnav li a:hover {
      filter: none !important;
   }

   .first {
      filter: none !important;
   }

   ul.flexnav li:hover {
      filter: none !important;
   }

   ul.flexnav li a:hover {
      filter: none !important;
   }
}



/*ADDED NOV 5 2020 FOR SHARETHIS BUTTONS ON HOME PAGE*/

.shareHolder {
   display: block;
   position: absolute;
   width: auto;
   top: 35%;
   right: 0;
   z-index: 1000;
}

@media screen and (max-width: 1199px) {
   .shareHolder {
      top: 62%;
   }
}

@media screen and (max-width: 841px) {
   .shareHolder {
      top: 55%;
   }
}

@media screen and (max-width: 767px) {
   .shareHolder {
      display: none !important;
   }

   .sharethis-inline-share-buttons {
      display: none !important;
   }
}


/*ADDED 18 DEC 2020 DUE TO 3.3.7 UPGRADE */

html,
body {
   font-size: 16px;
}

.rems-footer .footer-header {
   min-height: 30px !important;
}

.panel-group .panel .panel-heading {
   min-height: 40px !important;
}

html,
body {
   font-size: 16px;
}


.rems-home-content section.home-info .content-cols .content-col-header .img-circle {
   width: 100px !important;
   height: 100px !important;
}

.rems-home-content section.home-info .content-cols .content-col-header .img-circle span {
   left: 20px !important;
}

.rems-home-content section.carousel div#homeCarousel ol.carousel-indicators li {
   width: 10px !important;
   height: 10px !important;
}

.rems-home-content section.carousel div#homeCarousel ol.carousel-indicators li.active {
   width: 11px !important;
   height: 11px !important;
}


.rems-inner-page-content .content-page-search-box .btn {

   font-weight: bold;
   text-transform: uppercase;
}

section.advanced-search .panel-group .panel .panel-heading {
   min-height: 20px !important;
}

.btn-group > .btn {
   font-weight: bold !important;
   text-transform: uppercase;
   padding: 7px 10px;
}


@media screen and (min-width: 1200px) {
   .rems-navigation .navbar ul.navbar-center {
      top: 42%;

   }
}


@media screen and (max-width:1199px) {
   .rems-navigation .navbar ul.navbar-center {
      top: 126%;

   }
}

@media screen and (min-width: 1200px) {
   .rems-home-content section.home-info .content-cols .content-col-header .img-circle span {

      top: 19px !important;

   }
}


.tab_content .btn.btn-primary {
   font-weight: bold;
   text-transform: uppercase;
   font-size: 15px;
}

.btn.btn-next,
.btn.btn-prev {
   font-weight: bold;
   text-transform: uppercase;
   display: inline-block;
   padding: 8px 10px;
}

.btn {
   font-weight: bold;
   text-transform: uppercase;
}

div.datepicker-days table {
   font-size: 15px !important;
}

.rems-inner-page-content .content-page-search-box .btn {
   padding: 7px 10px !important;
}

/*BOOTSTRAP 3.3.7 MOBILE*/



@media screen and (max-width: 767px) {
   .rems-footer .footer-header {
      min-height: 320px !important;
   }

   .panel-group .panel .panel-heading {
      min-height: 130px !important;
   }
}


/*ADDED 1/12/2021 FOR VTBR TRAINING MATERIAL PAGE*/


.vtbr-content-wrapper {
   display: block;
   margin: 0 auto;
   padding: 0;
   width: 90%;
}



a.tng-block-link,
.tng-block {
   display: block;
   margin: 0 auto 2em;
   width: 250px;
   height: 235px;
   background: #006EBC !important;
   background-color: #006EBC !important;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   padding: 15px !important;
   border: 3px double #6e6f72;
   -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.58);
   box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.58);
}



a.tng-block-link:hover {
   background: #85952A !important;
   background-color: #85952A !important;
   transform: scale(1, 1);
   -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.0);
   box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.0);
}

a.tng-block-link span.title,
.tng-block span.title {
   font-weight: bold;
   color: #fff;
   font-size: 18px;
   display: block;
   margin: 0 auto 1em;
   width: 250px;
   text-align: center;
}

a.tng-block-link img,
.tng-block img {
   display: block;
   width: 100px;
   margin: 0 auto;
}

a.tng-block-link.grey,
.tng-block.grey {
   background: #616265 !important;
}

.vtbr-banner {
   display: contents;
   width: 100%;
   position: relative;
   min-height: 220px;
   border-bottom: 3px double #85952B;
}

.vtbr-banner img {
   position: relative;
   left: 0;
   top: 0;
   width: 100%;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
   .vtbr-banner img {
      height: 100%;
      object-fit: cover;
   }
}


/*ADDED MARCH 2 2021 TO FIX LONG TOOLS DROPDOWN*/

ul#tools-drop-2 {
   width: auto;
}

ul#tools-drop-1 li a,
ul#tools-drop-2 li a {
   word-wrap: break-word;
   white-space: normal;
}

.rems-navigation .navbar ul.navbar-center li ul.dropdown-menu li.dropdown-submenu > ul.dropdown-menu {
   left: 99%;
}

@media screen and (max-width: 1600px) {
   ul#tools-drop-1 {
      width: 400px;
   }

   .rems-navigation .navbar ul.navbar-center li ul.dropdown-menu li.dropdown-submenu > ul.dropdown-menu {
      left: 87%;
   }
}


@media screen and (max-width: 1363px) {
   ul#tools-drop-1 {
      width: 325px;
   }

   .rems-navigation .navbar ul.navbar-center li ul.dropdown-menu li.dropdown-submenu > ul.dropdown-menu {
      left: 92%;
   }
}


@media screen and (max-width: 1253px) {
   ul#tools-drop-1 {
      width: 300px;
   }

   .rems-navigation .navbar ul.navbar-center li ul.dropdown-menu li.dropdown-submenu > ul.dropdown-menu {
      left: 80%;
   }
}

@media screen and (max-width: 1198px) {
   ul#tools-drop-1 {
      width: 250px;
   }

   .rems-navigation .navbar ul.navbar-center li ul.dropdown-menu li.dropdown-submenu > ul.dropdown-menu {
      left: 93%;
   }
}

@media screen and (max-width: 1075px) {
   ul#tools-drop-1 {
      width: 225px;
   }

   .rems-navigation .navbar ul.navbar-center li ul.dropdown-menu li.dropdown-submenu > ul.dropdown-menu {
      left: 85%;
   }
}

@media screen and (max-width: 1198px) {
   ul#tools-drop-1 {
      width: 250px;
   }

   .rems-navigation .navbar ul.navbar-center li ul.dropdown-menu li.dropdown-submenu > ul.dropdown-menu {
      left: 93%;
   }
}


@media screen and (max-width: 991px) {
   ul#tools-drop-1 {
      width: 200px;
   }

   .rems-navigation .navbar ul.navbar-center li ul.dropdown-menu li.dropdown-submenu > ul.dropdown-menu {
      left: 92%;
   }
}

@media screen and (max-width: 829px) {
   ul#tools-drop-2 {
      width: 128px;
      min-width: unset;
   }

}

@media screen and (max-width: 789px) {
   ul#tools-drop-1 {
      width: 180px;
   }

   .rems-navigation .navbar ul.navbar-center li ul.dropdown-menu li.dropdown-submenu > ul.dropdown-menu {
      left: 98%;
   }
}

@media screen and (max-width: 768px) {
   ul#tools-drop-1 {
      width: 180px;
      left: -9px;
   }

}


/* ADDED 4-19-2021 TO FIX 508 CONTRAST ISSUES*/

.rems-footer .footer-header ul.slogan li {
    text-shadow: none!important;
}
.rems-footer .footer-header {
    background: #67712c;

}

input#searchBox1 {
    color: #333;
    background: #fff;
}


.rems-header, .rems-footer .footer-body, .rems-home-content section.carousel div#homeCarousel div.carousel-inner div.carousel-caption .caption-header  {
	background: #0054A0;
    background-image: none!important;
    background-size: unset;
    background-repeat: no-repeat;
}


.rems-footer .footer-body a[href^="http"] {
    background: url(../../images/icon_externaLink_white.png) center right no-repeat;
    padding-right: 16px;
}


.rems-footer .footer-body a:hover {
    color: #fff!important;
}

.rems-home-content section.carousel div#homeCarousel div.carousel-inner div.carousel-caption .caption-header h1 {
    text-shadow: none!important;
}


.rems-inner-page-content {
   color: #333!important;
}

.rems-inner-page-content a:hover {
    color: #67712c!important;
}

/* ADDED 4-19-2021 FOR NEW SHARE BUTTONS*/

div#at4-share {
	top: 41%!important;
}

style#at4-share-offset {
	display: none;
}



/* ADDED 5-3-2021 TO FIX FOOTER LINK 508 ISSUE AND PROMO BUTTON HOVER STATE 508 ISSUE*/

.rems-footer .footer-body a {
    background: none!important;
}

.side-promo-box .promo-box-body .promo-btn:hover {
    background-color: #67712c !important;
}

/*ADDED 5-4-2021 FOR HOME PAGE TICKER */

.ticker-wrapper {
    display: block;
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.ticker-wrapper h3 {
    color: #fff;
    display: block;
    margin: 0 auto 2em;
    font-family: 'Marcellus', serif;
}

.ticker-wrapper h3 a {
    color: #fff;
}

.flex-ticker {
    width: auto!important;
}

.flex-ticker__text {
    color: #fff;
    font-size: 1.5em;
    font-style: italic;
}