input[type="radio"],
input[type="checkbox"] {
    height: 1.5em;
    width: 1.5em;
}

#top {
    margin-top: 20px;
}

/*--------------- Global Properties ---------------*/
*, *:after, *:before { box-sizing: border-box; }
body { margin: 0; padding: 0; background: #fff; }
body, div, pre, select, textArea { font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; font-size: 16px; }

.container { width: 100%; max-width: 1400px; margin: 0 auto; }
  .container.wide { max-width: 1600px; }

img { border: 0; }



/*--------------- Header Properties ---------------*/
#headerContainer { width: 100%; height: 130px; padding: 0 2.5%; background: #fff; }
#headerBkgrnd { max-width: 1600px; margin: 0 auto; }

#logoContainer { width: 300px; max-width: 28%; height: 130px; float: left; text-align: center; background: url(../images/logo.png) no-repeat center left; text-indent: -9999px; }

#btnContainer { width: 700px; max-width: 70%; float: right; }
/* Search Box */
#searchBarContainer { float: right; padding: 10px 15px 0 0; }
#searchBarBkgrnd { background: url(../images/search.png) no-repeat #000; background-position: 97% 50%; padding: 5px 35px 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #333; }
.searchBar { border: none; background: transparent; width: 250px; color: #fff; }

/* Secondary Navigation Links */
#topNavContainer { float: right; padding: 10px 15px 0 0; font-family: sofia-pro,sans-serif; }
.topNav { display: flex; flex-flow: row wrap; margin: 0; padding: 0; list-style: none; }
  .topNav li { position: relative; }
    .topNav li a { display: block; padding: 44px 0 44px 14px; text-decoration: none; color: #030303; font-size: 16px; }
    .topNav li.menu-item-has-children > a { display: flex; justify-content: space-between; }
    .topNav li:last-child a { padding-right: 0; }

    .topNav li .sub-menu { position: absolute; opacity: 0; top: 80%; left: 10px; padding: 0; border-top: 3px solid #1D4784; box-shadow: 0 2px 5px rgba(0,0,0,.1); background: #fff; list-style: none; transition: all 0.3s ease 0s; pointer-events: none; }
      .topNav li .sub-menu li a { min-width: 240px; padding: 0.6em 0.8em; border-bottom: 1px solid rgba(0,0,0,0.1); font-size: 15px; }
        .topNav li .sub-menu li a:hover { background-color: #f7f7f7; }

      .topNav li .sub-menu .sub-menu { top: -3px; left: 100%; }

#mainNavContainer { background: #F8F8F8; font-family: sofia-pro,sans-serif; }
/* Main Navigation Links with Dropdowns */
#menu { display: flex; flex-flow: row wrap; justify-content: space-between; max-width: 1600px; list-style: none; padding: 0 2.5%; margin: 0 auto; }
  #menu li { margin-right: 4px; border: none; color: #333; }
    #menu li.ddItem:hover { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }

    #menu li a { color: #030303; display: block; outline: 0; text-decoration: none; padding: 14px; font-size: 17px; font-weight: bold; text-transform: uppercase; }
    #menu li:first-child a { padding-left: 0 !important; }
    #menu li:last-child a { padding-right: 0 !important; }

/*
		#menu li a.drop { padding: 14px 24px 14px 14px; background: url(../images/arrow_carrot-down.png) no-repeat center right; background-size: auto 18px; }
			#menu li:hover .drop { }
		*/

.dropdownMenu { display: none; position: absolute; left: 0; width: 100%; margin: 0; padding: 30px 0; border-top: 1px solid rgba(200,200,200,0.4); background: #F8F8F8; text-align: left; }
#menu li:hover .dropdownMenu { display: block; }
.dropdownMenu .container { display: flex; flex-flow: row wrap; gap: 0 6%; }
  .dropdownMenu .container .mega-column { flex: 1 1 auto; }

.dropdownMenu h2 { width: 100%; margin-bottom: 40px; }
.dropdownMenu h3 { margin-bottom: 10px; font-size: 20px; text-transform: uppercase; }

/* Top Dropdown Accordions */
#menu .topNavSubAccordion { list-style: none; padding: 0; margin: 0 auto !important; }
  #menu .topNavSubAccordion ul { display: none; list-style: none; padding: 0; border: 0; margin: 0; }

    #menu .topNavSubAccordion ul li { font-weight: normal; cursor: auto; background-color: #004c65; padding: 0 !important; float: none !important; border: 0; margin: 0 !Important }
      #menu .topNavSubAccordion ul li:hover { -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; background-color: #000 !important; background: transparent !important; border: 0 !important; -moz-box-shadow: inset 0 0 #ccc !important; -webkit-box-shadow: inset 0 0 #ccc !important; box-shadow: inset 0 0 #ccc !important; }

  #menu .topNavSubAccordion div { display: block; font-weight: bold; margin: 0; cursor: pointer; padding: 0.8em 50px 0.8em 0; border-bottom: 1px solid #C8C8C8; font-size: 14px; }
  #menu .topNavSubAccordion ul li a { text-decoration: none !important; display: block !important; color: #fff !important; padding: 7px 10px 7px 20px !important; font-size: 10px !important; background: url(../images/subNavArrow.png) no-repeat #004c65 !important; background-position: 5px 11px !important; text-shadow: 1px 1px 1px #000 !important; margin: 0 !important; transition: padding .2s linear, background-position .2s linear; }
    #menu .topNavSubAccordion ul li a:hover { text-decoration: none !important; padding: 7px 10px 7px 20px !important; background-position: 12px 11px !important; }

li.menu-item-has-children > a { padding-right: 1.4em; }
li.menu-item-has-children span.menu-closed { display: inline-block; position: absolute; z-index: 10; top: 0; right: 0; width: 20px; height: 2em; background: url(../images/icon-carrot-down.png) no-repeat right center; background-size: contain; font-size: 20px; font-weight: 700; cursor: pointer; }

/*--------------- Content Properties ---------------*/
#mainContainer { }
/*#contentwrapper { display: flex; flex-flow: row; max-width: 1400px; margin: 0 auto; width: 100%; }*/
#contentwrapper {
    flex-flow: row;
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
}

/*--------------- Right Content Column ---------------*/
#contentcolumn { width: 1100px; }
#contentcolumnFull { background: #fff; }

#page-title-container { display: inline-block; width: 100%; padding: 80px 5%; background-image: linear-gradient(90deg,#f8f8f8 0%,rgba(248,248,248,0) 100%), url(../images/Wind_ECMD.png); background-repeat: no-repeat; background-position: center; background-size: cover;}
.PageTitle { max-width: 1400px; margin: 0 auto; font-size: 48px; color: #030303; font-family: sofia-pro,sans-serif; font-weight: bold; }

.toggle-submenu { display: none; }

#breadCrumbContainer { max-width: 1400px; margin: 0 auto; padding: 3px 0 10px 0; }
.breadCrumbs { list-style: none; margin: 0; padding: 0; }
  .breadCrumbs li { float: left; padding: 4px 20px 4px 4px; background: url(../images/arrow_carrot-right.png) no-repeat right center; background-size: auto 16px; color: #333; font-size: 16px; font-weight: 600; font-style: italic; }
    .breadCrumbs li:first-child { padding-left: 0; }
    .breadCrumbs li:last-child { background: none; }
    .breadCrumbs li.breadCrumbsActive { font-weight: 600; }
    .breadCrumbs li a { display: block; color: #333; font-style: italic; text-decoration: none; }

#mainContentContainer { min-height: 400px; padding: 40px 40px; background: #fff; }

/*--------------- Left Submenu Column ---------------*/
#leftcolumn { width: 300px; margin: 60px 0; padding: 0 20px; border-right: 1px solid rgba(0,0,0,0.1); }

  #leftcolumn h3 { font-size: 18px; }
.accordion { list-style: none; padding: 0; margin: 0; width: 200px; }

  .accordion ul { list-style: none; padding: 8px; border: 0; margin: 0; background: #F8F8F8; }
  .accordion ul { display: none; }
    .accordion ul li { font-weight: normal; cursor: auto; border: 0; }
  .accordion div, .accordionInActive { display: block; font-weight: bold; margin: 0; padding: 6px 0; cursor: pointer; font-size: 15px; border: 0 !important; font-family: sofia-pro,sans-serif; font-weight: 500; }

  .accordion ul li a { text-decoration: none; display: block; padding: 8px; color: #030303; font-size: 12px; font-weight: 600; transition: padding .2s linear, background-position .2s linear; }
  .accordion li div a { display: block; color: #030303; text-decoration: none !important; }

.subDropDownArrow { padding: 0 24px 0 0 !important; margin: 0 !important; }

/* Side Menu - Defaults */
.sidebar ul { padding: 0; list-style: none; font-family: sofia-pro, sans-serif !important; }
  .sidebar ul.menu li ul { display: block !important; border-width: 1px; }
    .sidebar ul.menu li ul.hide { display: none !important; }
    .sidebar ul.menu li ul a { font-size: 1em; }
  .sidebar ul.menu a, .sidebar ul.menu a { display: inline-block; width: 100%; padding: 0.6em 30px 0.6em 0 !important; color: #1d4784; }
    .sidebar ul.menu a::after, .sidebar ul.menu a::after { display: none; }

  .sidebar ul.menu .sub-menu { width: 100%; background-color: #f2f2f2 !important; }
  .sidebar ul.menu li:hover { background-color: #f2f2f2 !important; }
  .sidebar ul.menu .sub-menu li:hover:not(.current-menu-item) { background-color: #ebebeb !important; }
  .sidebar ul.menu .sub-menu, .sidebar ul.menu .sub-menu, .sidebar ul.menu li { visibility: visible; position: relative; top: inherit; left: 0; opacity: 1; width: 100%; margin: 0; padding: 0; box-shadow: none; }
    .sidebar ul.menu .sub-menu.hide, .sidebar ul.menu .sub-menu.hide, .sidebar ul.menu .sub-menu.hide li { border-bottom: 1px solid black; opacity: 0; visibility: hidden; }
    .sidebar ul.menu .sub-menu li a, .sidebar ul.menu .sub-menu li a { width: 100%; padding: 8px 20px 8px 20px !important; background: none; line-height: 1.3em; text-decoration: none; }
      .sidebar ul.menu .sub-menu li a + span, .sidebar ul.menu .sub-menu li a + span { padding: 12px 4px; }
    .sidebar ul.menu .sub-menu li li a, .sidebar ul.menu .sub-menu li li a { padding: 6px 20px 6px 30px !important; }
    .sidebar ul.menu .sub-menu li li li a, .sidebar ul.menu .sub-menu li li li a { padding: 6px 20px 6px 40px !important; }
    .sidebar ul.menu .sub-menu li li li li a, .sidebar ul.menu .sub-menu li li li li a { padding: 6px 20px 6px 50px !important; }
    .sidebar ul.menu .sub-menu .current-menu-item { background-color: #1d4784 !important; }
      .sidebar ul.menu .sub-menu .current-menu-item > a { color: #ffffff !important; }
      .sidebar ul.menu .sub-menu .current-menu-item > span { color: #ffffff !important; }

/*--------------- Footer Properties ---------------*/

#footer-bg { background: #021733; }
#footer { display: flex; flex-flow: row wrap; width: 90%; max-width: 1400px; margin: 0 auto; color: #fff !important; }

.footerLnks { margin: 0; padding: 0; list-style: none; font-size: 14px; color: #fff; font-weight: 600; }
  .footerLnks li a { display: block; padding: 6px 0; font-size: 14px; color: #fff; font-weight: 600; text-decoration: none; }

.footerInfo { width: 100%; padding: 40px 0; border-top: 1px solid #fff; color: #fff; font-size: 14px; font-weight: 600; line-height: 1.6em; text-align: center; }

.footerContainer { display: flex; justify-content: space-between; width: 100%; padding: 40px 0; }
   /*.footerContainer .logo { background: url(../images/logo.png) no-repeat center left; } */
  .footerContainer .menu-footer { list-style: none; display: flex; }
    .footerContainer .menu-footer a { display: inline-block; padding: 14px 0 14px 20px; color: #fff; font-size: 0.8em; text-decoration: none; }

.departmentFtrContainer { background: url(../images/pinnedBkgrnd.jpg) repeat-x; width: 100%; height: 60px; }
.departmentFtrLogo { float: left; width: 200px; height: 60px; background: url(../images/logo.jpg) no-repeat top center; text-indent: -9999px; }
  .departmentFtrLogo a { display: block; height: 60px; }
.departmentFtrLnks { float: right; background: url(../images/ftrLnkBkgrnd.jpg) repeat-x; height: 60px; padding: 0 10px; }


/*--------------- Back to Top Properties ---------------*/

#toTop { width: 52px; height: 52px; border: 0; background: #f7f7f7; text-align: center; padding: 0; position: fixed; bottom: 75px; right: 0; cursor: pointer; display: none; color: #333; font-family: verdana; font-size: 11px; background: url(../images/top.png) no-repeat top center; text-indent: -9999px; }

/*--------------- Form Properties ---------------*/

.textBox, .textArea { width: 300px; padding: 5px 4px; color: #4e4e4e; border: 1px solid #bbb; border-radius: 3px; font-size: 16px; }
  .textBox:focus, .textArea:focus { border: 1px solid #4e4e4e; }

.textBoxCalendar { width: 150px; padding: 5px; border: 1px solid #ccc; background: url(../images/icon-Calendar.png) no-repeat #fff; background-position: 100% 50%; }
  .textBoxCalendar:hover { background: url(../images/icon-Calendar.png) no-repeat #efefef; background-position: 100% 50%; }

/*select { padding: 7px 5px; color: #030303; font-size: 16px; }*/

.rbList label, .cbList label { padding-right: 15px; font-size: 14px; }
.rbList td, .cbList td { padding: 0 !important }

.btn { background: #184786; padding: 10px 20px; color: #fff; margin: 0; border: 0; font-weight: bold; width: auto; overflow: visible; text-decoration: none; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear }
    .btn:hover {
        background: #0F86A6;
        cursor: pointer;
        color: #fff;
    }

.btnUpload { background-image: url(../images/icon-upload.png); background-position: 0 50%; background-repeat: no-repeat; padding: 10px 20px 10px 30px !important; }
  .btnUpload:hover { background-image: url(../images/icon-upload.png); background-position: 0 50%; background-repeat: no-repeat; }

input[type="submit"] { background: #184786; padding: 10px 20px; color: #fff; margin: 0; border: 0; font-weight: bold; width: auto; overflow: visible; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; cursor: pointer; }
  input[type="submit"]:hover { background: #0F86A6; }


.tabMenu a.active {
    background: #184786;
    padding: 10px 20px;
    color: #fff;
    margin: 0;
    border: 0;
    font-weight: bold;
    width: auto;
    overflow: visible;
    text-decoration: none;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear
}

    .tabMenu a.active :hover {
        background: #0F86A6;
        cursor: pointer;
        color: #fff;
    }

.tabMenu a.inactive {
    background: rgba(200,200,200,0.4);
    padding: 10px 20px;
    color: #184786;
    margin: 0;
    border: 0;
    font-weight: bold;
    width: auto;
    overflow: visible;
    text-decoration: none;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear
}

    .tabMenu a.inactive :hover {
        background: #0F86A6;
        cursor: pointer;
        color: #fff;
    }




/*--------------- Alerts & Messages ---------------*/

.message { color: #fff; left: 0; right: 0; position: fixed; }

.info { background: url(../images/icon-Info.png) no-repeat #4ea5cd; background-position: 10px 20px; padding: 10px 20px 20px 55px; }
.error { background: url(../images/icon-Error.png) no-repeat #de4343; background-position: 10px 20px; padding: 10px 20px 20px 55px; }
.warning { background: url(../images/icon-Warning.png) no-repeat #ff9f67; background-position: 10px 20px; padding: 10px 20px 20px 55px; }
.success { background: url(../images/icon-Success.png) no-repeat #61b832; background-position: 10px 20px; padding: 10px 20px 20px 55px; }

.message h3 { margin: 0 0 5px; color: #fff; font-size: 1.8em; line-height: 1.2em; text-shadow: 0 2px 10px rgba(0,0,0,0.2); }
.message p { margin: 0; text-shadow: 0 2px 10px rgba(0,0,0,0.2); }

.closeError { width: 35px; height: 35px; background: url(../images/icon-close.png); background-position: 50% 50%; text-indent: -9999px; }
  .closeError:hover { cursor: pointer; }


/*--------------- Modal ---------------*/

#mask { position: absolute; left: 0; top: 0; z-index: 9000; background-color: #000; display: none; }

#boxes .window { position: fixed; left: 0; top: 0; width: 440px; height: 200px; display: none; z-index: 9999; padding: 20px; }

#boxes .modalContainer { width: 500px; max-width: 96%; height: 300px; background-color: #ffffff; }
#boxes .modalContainer2 { width: 600px; max-width: 96%; height: 360px; background-color: #ffffff; }

  #boxes .modalContainer h3, #boxes .modalContainer2 h3 { padding: 0 0 15px; font-size: 1.6em; line-height: 1em; }
#boxes .modalContainer p { margin: 0; }

.close { width: 35px; height: 35px; background: url(../images/icon-closeDark.png); background-position: 50% 50%; text-indent: -9999px; }


/*--------------- Table and Grid ---------------*/

.tblGrid { padding: 0; border-top: 0; border-bottom: 0; border-right: 0; border-left: 1px solid #ccc; }

  .tblGrid th { padding: 10px; background: #233138; color: #fff; border-right: 1px solid #fff; }
    .tblGrid th:hover { background: #4c646b; cursor: pointer; }

  .tblGrid tr:hover { background: #e5e5e5; cursor: pointer; }
  .tblGrid td { padding: 10px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; vertical-align: top; }

.pagination { position: relative; display: flex; justify-content: center; list-style: none; margin: 0; padding: 0; }
  .pagination li { position: relative; display: block; }
    .pagination li a { padding: 5px 10px; margin: 0 2px; font-weight: bold; display: block; text-decoration: none; }
      .pagination li a:hover { color: #fff; background: #184786; text-decoration: none; }
      .pagination li a.active { color: #fff; background: #233138; text-decoration: none; }



/*--------------- Uploaded Files ---------------*/

.uploadedFiles { list-style: none; padding: 0; margin: 0; }
  .uploadedFiles li { display: block; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; padding: 10px 0; background: #e5e5e5; }
    .uploadedFiles li a.fileName { display: inline-block; }
    .uploadedFiles li a.fileDelete { padding: 0 10px; width: 16px; height: 16px; background: url(../images/icon-Delete.png); background-position: 50% 50%; background-repeat: no-repeat; text-indent: -9999px !Important; }

.fileUploadSpinner { width: 16px; height: 16px; padding-right: 10px; }

.uploadSuccessful { background: url(../images/icon-FileUploadSuccess.png) no-repeat left; background-size: 16px 16px; padding-left: 20px; margin-bottom: 8px; }
.uploadWarning { background: url(../images/icon-FileUploadWarning.png) no-repeat left; background-size: 16px 16px; padding-left: 20px; margin-bottom: 8px; }
.uploadInProgress { background: url(../images/loader.gif) no-repeat left; background-size: 16px 16px; padding-left: 20px; margin-bottom: 8px; }
.uploadNotStarted { background-size: 16px 16px; padding-left: 20px; margin-bottom: 8px; }

/*--------------- Tabs ---------------*/

.tabMenu { display: flex; list-style: none; margin: 0; padding: 0; border: 1px solid #d9d9d9; border-bottom: 0; background: #F4F4F4; }
  .tabMenu li { padding: 10px 24px; color: #666; font-family: sofia-pro,sans-serif; }
    .tabMenu li:hover { cursor: pointer; }
    .tabMenu li.active { background: #fff; color: #333; font-weight: bold; }

.tabContainer { }
.tabContentContainer { width: 100%; min-height: 250px; border: 1px solid #ccc; background: #fff; }
.tabContentPadding { padding: 20px 10px 10px 10px; }

.content2, .content3 { display: none; }

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

#mainContentContainer .accordionButton { margin: 10px 0; padding: 20px; border: 1px solid #c8c8c8; font-family: sofia-pro,sans-serif; font-size: 1.2em; font-weight: 700; cursor: pointer; }
  #mainContentContainer .accordionButton::before { content: '+'; float: right; width: 20px; height: 20px; border-radius: 20px; background: #1D4784; color: #fff; font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; font-size: 1em; font-weight: 400; line-height: 20px; text-align: center; }

#mainContentContainer .accordionContent { border: 1px solid #ccc; }
  #mainContentContainer .accordionContent h2 { font-size: 2.2em; }


/*--------------- Date Picker ---------------*/
#ui-datepicker-div { background: #fff; width: 200px; box-shadow: 3px 3px 3px #ccc; -moz-box-shadow: 3px 3px 3px #ccc; border: 1px solid #ccc; }

.ui-datepicker-header { background: #184786 !Important; padding: 10px 5px; border-bottom: 1px solid #5b2319; }
.ui-datepicker-prev { float: left; color: #fff; font-size: 10px; font-weight: bold; }
.ui-datepicker-next { float: right; color: #fff; font-size: 10px; font-weight: bold; }
  .ui-datepicker-prev:hover, .ui-datepicker-next:hover { color: #fff; cursor: pointer; }


.ui-datepicker-title { text-align: center; color: #fff; font-weight: bold; }

.ui-datepicker-calendar { width: 100%; }
  .ui-datepicker-calendar th { }
  .ui-datepicker-calendar tbody td { background: #e5e5e5; border: 1px solid #ccc; text-align: center; vertical-align: middle; padding: 0; }
    .ui-datepicker-calendar tbody td:hover { background: #efefef; }
  .ui-datepicker-calendar tbody .ui-datepicker-today { background: #184786; border: 1px solid #5b2319; }
  .ui-datepicker-calendar tbody td a { display: block; text-decoration: none; }

  .ui-datepicker-calendar tbody .ui-state-highlight { color: #fff; }
    .ui-datepicker-calendar tbody .ui-state-highlight:hover { color: #fff; background: #5b2319; }

.ui-state-active { color: #fff; background: #4c646b; }
  .ui-state-active:hover { color: #fff; background: #233138; }



.ui-datepicker-calendar tbody .ui-state-disabled { background: #fff; border: 1px solid #fff; text-align: center; vertical-align: middle; }


/*--------------- Walk Through Class Properties ---------------*/

.walkThrough { margin: 0; padding: 0; list-style: none; }
  .walkThrough li { float: left; padding: 0 10px; border-right: 1px solid #e5e5e5; }

    .walkThrough li a { display: block; background: transparent; padding: 5px 15px; border-radius: 5px; -moz-border-radius: 5px; text-decoration: none; font-weight: bold; border: 1px solid #fff; }
      .walkThrough li a:hover { background: #e5e5e5; border: 1px solid #ccc; }
      .walkThrough li a.active { background: url(../images/arrowDown.png) no-repeat #184786; background-position: 50% 95%; color: #fff; font-weight: bold; padding: 5px 15px 30px 15px; border: 1px solid #762b1e; }

.walkThroughNumber { text-align: center; font-size: 24px; font-weight: bold; border-bottom: 1px solid #e5e5e5; padding: 5px 0 10px 0; margin: 0 0 5px 0; }
.walkThrough li a:hover .walkThroughNumber { border-bottom: 1px solid #ccc; }

.walkThrough li a.active .walkThroughNumber { color: #fff !Important; border-bottom: 1px solid #0F86A6; }

.walkThrough li.walkThroughLast { border-right: 0 !Important; }



/*--------------- "Required" Class Properties ---------------*/

.required { display: block; color: Red; font-size: 0.8em; font-weight: bold; }

/*--------------- "Progress Bar" Class Properties ---------------*/

.progressbar { width: 32px; height: 32px; background: url(../images/loader.gif) no-repeat center; }

/*--------------- Global Class Properties ---------------*/

h1, h2, h3, h4, p { margin: 0 0 7px 0; padding: 0; line-height: 1em; }
h1, h2, h3, h4 { color: #030303; font-family: sofia-pro,sans-serif; font-weight: 700; }

h1 { font-size: 48px; }
h2 { font-size: 41px; }
h3 { font-size: 35px; }
h4 { font-size: 28px; }

  h1 a, h2 a, h3 a, h4 a { color: #184786; text-decoration: none !important; }
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #233138; }

hr { border-top: 1px solid #ccc; border-left: 0; border-right: 0; border-bottom: 0; margin: 0; padding: 0 0 15px 0; height: 0; }

a { color: #184786; }
  a:hover { color: #233138; }

#mainContentContainer div, #mainContentContainer p { font-size: 18px; }
#mainContentContainer p { margin: 20px 0; }

fieldset { border: 1px solid #e5e5e5; padding: 10px 30px 30px; margin-bottom: 20px; }
legend { font-size: 16px; color: #233138; text-shadow: 1px 1px 1px #fff; font-weight: bold; padding: 10px 10px 15px 10px; }

table { padding: 0; border: 0; }
  table td { padding: 0 0 10px 0; line-height: 16pt; vertical-align: top; }

.note { font-size: smaller; font-style: italic }

#mainContentContainer fieldset.color-codes { display: flex; gap: 2%; }
  #mainContentContainer fieldset.color-codes > div { flex: 1 1 auto; }
  #mainContentContainer fieldset.color-codes p { display: inline-block; width: 100%; margin: 6px 0; font-size: 13px; }
    #mainContentContainer fieldset.color-codes p strong { display: inline-block; width: 100%; font-size: 16px; }

.colorBox { width: 60px; height: 60px; margin: 0 0 14px; border-radius: 60px; }

.color1 { background: #F4DA3E; }
.color-container01 p.cmyk::after { content: 'C-6% M-9% Y-87% K-0%'; }
.color-container01 p.rgb::after { content: 'rgb(244, 218, 62)'; }
.color-container01 p.hex::after { content: '#F4DA3E'; }

.color2 { background: #184786; }
.color-container02 p.cmyk::after { content: 'C-100% M-82% Y-19% K-5%'; }
.color-container02 p.rgb::after { content: 'rgb(24, 71, 134)'; }
.color-container02 p.hex::after { content: '#184786'; }

.color3 { background: #0F86A6; }
.color-container03 p.cmyk::after { content: 'C-84% M-35% Y-25% K-1%'; }
.color-container03 p.rgb::after { content: 'rgb(15, 134, 166)'; }
.color-container03 p.hex::after { content: '#0F86A6'; }

.color4 { background: #DC8A27; }
.color-container04 p.cmyk::after { content: 'C-12% M-52% Y-99% K-1%'; }
.color-container04 p.rgb::after { content: 'rgb(220, 138, 39)'; }
.color-container04 p.hex::after { content: '#DC8A27'; }

.color5 { background: #F8F8F8; }
.color-container05 p.cmyk::after { content: 'C-2% M-1% Y-1% K-0%'; }
.color-container05 p.rgb::after { content: 'rgb(248, 248, 248)'; }
.color-container05 p.hex::after { content: '#F8F8F8'; }

.txtWhite { color: #fff !important; }
.txtImportant { color: #184786; }
.nowrap { white-space: nowrap; }

.bold { font-weight: bold; }
.italic { font-style: italic; }

.width100 { width: 100%; }
.width85 { width: 85%; }
.width75 { width: 75%; }
.width66 { width: 66%; }
.width50 { width: 50%; }
.width34 { width: 34%; }
.width33 { width: 33%; }
.width25 { width: 25%; }
.width15 { width: 15%; }


.padding { padding: 5px; }
.padding10 { padding: 10px; }

.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.floatRight { float: right; }
.floatLeft { float: left; }
.clearBoth { clear: both; }
.clearfix:after { content: ""; display: table; clear: both; }

.thumbnailGlow { box-shadow: 5px 5px 5px #e5e5e5; -moz-box-shadow: 5px 5px 5px #e5e5e5; border: 1px solid #ccc; height: 120px; width: 105px; }
  .thumbnailGlow:hover { border: 1px solid #999; }

/*==================================================== Media*/
/* > 980 */

@media only screen and (min-width: 980px) {

  #mobile-menu-toggle { display: none; }

  .topNav > li.menu-item-primary { display: none; }
  .topNav > li.menu-item-has-children > span { top: 50% !important; transform: translateY(-50%); }
}

/* 980 */

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

    input[type="radio"],
    input[type="checkbox"] {
        height: 1.25em;
        width: 1.25em;
    }
  /* Typography */

  h2 { font-size: 1.5em; }
  h3 { font-size: 1.4em; }
  h4 { font-size: 1.3em; }

  /* Header */

  #headerContainer { height: 90px; }
  #headerBkgrnd { display: flex; justify-content: space-between; }
  #logoContainer { width: 180px; max-width: 40%; height: 90px; background-size: contain; }
  #mobile-menu-toggle { display: inline-block; border: 0; background: none; cursor: pointer; }

  /* Menu - Mobile */
  #btnContainer { display: none; position: absolute; z-index: 100; top: 90px; left: 2.5%; width: 95%; max-width: inherit; border-top: 3px solid #1D4784; box-shadow: 0 2px 5px rgba(0,0,0,.1); background: #fff; }
  #topNavContainer { float: none; padding: 0; }
    #topNavContainer .topNav li .sub-menu { pointer-events: all; }
    #topNavContainer .topNav li > a:hover + .sub-menu, .topNav .sub-menu:hover { opacity: 1; pointer-events: all; }
    #topNavContainer .topNav li { width: 100%; }
      #topNavContainer .topNav li a { padding: 0.6em 20px 0.7em 20px; border-bottom: 1px solid rgba(0,0,0,.03); }
  li.menu-item-has-children span.menu-closed { right: 10px; }

  #topNavContainer .topNav li .sub-menu { position: relative; opacity: 1; top: inherit; left: inherit; width: 100%; border: 0; box-shadow: none; }
    #topNavContainer .topNav li .sub-menu.hide { display: none; }
    #topNavContainer .topNav li .sub-menu li a { padding-left: 30px; background: #f8f8f8; }
    #topNavContainer .topNav li .sub-menu li li a { padding-left: 40px; background: #f2f2f2; }

  #topNavContainer .dropdownMenu { position: relative; padding: 1.4em; }
    #topNavContainer .dropdownMenu .mega-column { width: 100%; }
    #topNavContainer .dropdownMenu h2 { margin-bottom: 0; font-size: 1.6em; }
    #topNavContainer .dropdownMenu h3 { margin-top: 1em; font-size: 1.2em; }
    #topNavContainer .dropdownMenu ul { padding: 0; list-style: none; }
    #topNavContainer .dropdownMenu .mega-column > ul.topNavSubAccordion > li > div { padding: 1em 0 0.4em; list-style: none; font-size: 0.9em; font-weight: 500; }
    #topNavContainer .dropdownMenu .mega-column > ul li a { padding: 0.8em 0; border-bottom: 1px solid #C8C8C8; font-size: 0.8em; color: #1d4784; font-weight: 500; }

  /* Menu - Primary (hidden) */
  #mainNavContainer { visibility: hidden; position: absolute; }

  /* Page Title */
  #page-title-container { padding: 2.5em 5%; background-image: linear-gradient(90deg,#f8f8f8 0%,rgba(248,248,248,0.5) 100%), url(../images/Wind_ECMD.png); }

  /* Menu - Sidebar */
  .toggle-submenu { display: flex; justify-content: space-between; align-content: center; width: 100%; margin-bottom: 2em; padding: 16px 20px; border: 0; border-radius: 6px; background: linear-gradient(145deg,#1d4784 0%,#0585a5 100%); font-family: sofia-pro, sans-serif !important; color: #fff; font-size: 13px; font-weight: 600; line-height: 1.3em; text-align: left; }
    .toggle-submenu img { width: 14px; height: 14px; }
  .sidebar { display: none; }

  /* Content */
  #contentwrapper { flex-flow: column; }
  #leftcolumn { width: auto; margin: 2em 0 1em; padding: 0 5%; }
  #contentcolumn { width: auto; }
  #mainContentContainer { padding: 0 5%; }

  /* Footer */
  .footerContainer, .footerContainer ul.menu-footer { flex-flow: column; text-align: center; }
    .footerContainer ul.menu-footer { padding: 0; }
    .footerContainer .menu-footer a { padding-left: 0; }
}


@media (max-width: 385.98px) {
    .w-xxsm-50 {
        width: 50%;
    }
}

@media (min-width: 576px) {
    .w-sm-50 {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .w-md-10 {
        width: 10%;
    }
    .w-md-50 {
        width: 50%;
    }

    .w-md-75 {
        width: 75%;
    }
}