/* use to override any styles, sitewide */
	
.green-buttons .big_menu_button:hover, .green-buttons .big_menu_button:focus-visible {
    box-shadow: 0px 0px 0px 2px white, 0px 0px 0px 4px black;
    outline: 0px;
}
.blue-buttons .big_menu_button:hover, .blue-buttons .big_menu_button:focus-visible {
    box-shadow: 0px 0px 0px 2px white, 0px 0px 0px 4px black;
outline: 0px;
}
input[type="submit"]:hover, input[type="submit"]:focus-visible {
    box-shadow: 0px 0px 0px 2px white, 0px 0px 0px 4px black;
outline: 0px;
}


.full-hero .icon-links .link a:focus{
outline: 1px solid black;
}
.full-hero .icon-links .link a:focus{
display: inline-block;
}

/* Align classes, does not work in all cases*/
.vcenter{
    display: flex;
    align-items: center;
}
.hcenter{
    display: flex;
    justify-content: center;
}



/* footer ada color contrast */

#footer div.accessibility a:focus{
outline: 1px solid black;
}

#footer div.follow a:focus{
outline: 1px solid black;
}

#footer ul.col li a {
color: #000000;
}

#footer ul.col li div.accessibility p {
color: #000000;
}

/* footer 100% height fix space at bottom of page */

#page{
height: 100%;
}

/* Fix sharethis hover */
#st-1 .st-btn:hover::after {
content: "";
height: 4px;
width: 100%;
left: 0;
display: block;
position: absolute;
}

#share-menu-id{
z-index: 10;
}

/* change text to black */

.icon-wrap a span.text {
color: #000000;
}


div.table-wrap table{background:#f5f3f2;color:#000000;width:100%;}
div.table-wrap.tips table{background:#fff;color:#000000;width:100%;}
div.table-wrap.lvm table{background:#fff;color:#000000;width:100%;}

body{color:#000000;
}

textarea{
color:#000000;
font-family:Ubuntu, Helvetica, Arial, Verdana, sans-serif;
height:100px;
padding:5px;
resize:vertical;
width:100%;
}

input[type="text"],
input[type="password"]{
color:#000000;
font-family:Ubuntu, Helvetica, Arial, Verdana, sans-serif;
height:24px;
padding:5px;
width:100%;
}

select{
color:#000000;
font-family:Ubuntu, Helvetica, Arial, Verdana, sans-serif;
padding:5px;
height:32px;
width:100%;
font-weight: normal;
}

/* change link color */

.stripe a:hover, .stripe a:focus { color:#FFF; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#6c31d2; }
h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus,
h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus,
h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus { color:#6c31d2; }

a{color:#6c31d2;text-decoration:none;}
a:hover,
a:focus{color:#6c31d2;outline:none;text-decoration:none;}
a{
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}

a:focus{text-decoration:underline;}


a[href^="tel:"] {
color: #6c31d2;
text-decoration: none;
font-weight:inherit !important;
white-space: nowrap;
}

/* logo focus border */

#header a.logo:focus{outline: solid 1px dimgrey} 
#header a.logo:focus{display:inline-block} 

/* nav bar color change */
#nav ul.main > li > a{background:#342068}
#nav {background:#342068}
#nav ul.main > li.on > a,
#nav ul.main > li > a:hover,
#nav ul.main > li > a:focus{background:#6B759E}

/* social background color chabge */

#header div.follow a{
background:url(/PreBuilt/img/social-bg.png) no-repeat center center;
display:inline-block;
color:#fff;
font-size:13px;
height:30px;
line-height:30px;
margin:0 0 0 5px;
text-align:center;
width:30px;
}

#header div.follow a:focus{
background:url(/PreBuilt/img/social-bg.png) no-repeat center center;
display:inline-block;
color:#000;
font-size:13px;
height:30px;
line-height:30px;
margin:0 0 0 5px;
text-align:center;
width:30px;
}

#main div.follow a{
background:url(/PreBuilt/img/social-bg.png) no-repeat center center;
display:inline-block;
color:#fff;
font-size:13px;
height:30px;
line-height:30px;
margin:2px;
text-align:center;
width:30px;
}


/* Placeholder color Override */

input::placeholder {
    color: #534946;
    opacity: 1;
}

div.box.hero div.desc {
padding: 20px;
}

div.box.hero div.desc .h1,
div.box.hero div.desc h1 {
    font-size: 1.7rem;
    line-height: 2.0rem;
}

div.box.hero div.desc p.text {
    display: block;
}

@media (min-width: 992px) {
div.box.hero div.desc {
    padding: 35px 45px;
}

    div.box.hero div.desc .h1,
    div.box.hero div.desc h1 {
        font-size: 2.5rem;
        line-height: 3.0rem;
    }
}

div.search.side input[type=submit] {
border: 1px solid #23ADBB;
bottom: 0;
top: auto;
}

ul.tab-nav-buttons {
display: flex;
list-style: none;
margin: 0;
margin-left: -26px;
padding: 0;
}

ul.tab-nav-buttons li {
    margin: 0;
    padding: 0 2px;
    text-align: center;
    width: 50%;
}

@media screen and (min-width:992px) {
ul.tab-nav-buttons li {
    width: 33.33333%;
}
}

ul.tab-nav-buttons li button {
background: #015e72;
border: none;
color: #fff;
display: block;
font-size: 18px;
font-weight: normal;
padding: 10px;
width: 100%;
}

ul.tab-nav-buttons li:first-child button {
background: #633E65;
}

ul.tab-nav-buttons li.active button {
border-bottom: none;
min-height: 44px;
padding-bottom: 14px;
font-weight: 500;
}

ul.tab-nav-buttons li button:focus {
box-shadow: 0px 0px 0px 2px white, 0px 0px 0px 4px black;
outline: none;
}

/* ADA: FAQ Formatting */
.card-header h3 .btn-link {
color: #5c21c2;
font-size: 17px;
white-space: normal;
text-align: left;
}

/* ADA: Event Calendar */
div.content div.items div.item.event p.date {
background: #1F4389;
color: #fff;
left: 0;
line-height: 16px;
padding: 5px;
position: absolute;
top: 0;
text-align: center;
width: 50px;
}

div.content div.items div.item.event p.date span.month {
    display: block;
}

div.content div.items div.item.event p.date span.day {
    display: block;
    font-weight: 600;
    font-size: 30px;
    line-height: 30px;
}


/* ADA: Italics */
#footer ul.col.alt li p {
font-style: normal;
}


/* Breadcrumb Overrides */
nav.breadcrumb {
padding: 0 0;
background: rgba(0, 0, 0, 0);
margin: -6px 0 6px;
}

nav.breadcrumb ol {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

nav.breadcrumb li {
    display: inline;
}

/* nav.breadcrumb li + li::before {
display: inline-block;
margin: 0 7px;
content: "\f105";
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
} */

nav.breadcrumb [aria-current="page"] {
    font-weight: 700;
    text-decoration: none;
}
/* Round Button Overrides*/

.center-col {
display: flex;
align-items: stretch;
justify-content: space-around;
}

.button {
background: #37246b;
color: #fff;
display: inline-block;
font-weight: 500;
padding: 5px 30px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
}

.button.on,
.button:hover,
.button:focus {
    box-shadow: 0px 0px 0px 2px white, 0px 0px 0px 4px black
}

.button-large a {
padding: 17px;
width: 100%;
border-radius: 67px;
font-weight: bold;
font-size: 17px;
display: flex;
align-content: space-around;
align-items: center;
justify-content: space-around;
}

.button-large {
margin: 13px 5px;
display: flex;
text-align: center;
align-items: stretch;
width: 80%;
}

@media screen and (max-width:500px) {
.button-large a {
    font-size: 14px;
}
}

@media screen and (max-width:400px) {
.button-large a {
    font-size: 12px;
}
}

/* Deprecated Round Button Overrides*/
a.button-L p {
color: white;
}

.button-L {
padding: 3px 6px;
display: flex;
background: #37246b;
color: white;
font-weight: bold;
border-radius: 67px;
height: 4em;
text-align: center;
margin: 5px 27px 25px;
}

.button-L p {
    margin: auto;
    font-weight: bold;
    font-size: 17px;
    line-height: 22px;
}

.button-L:hover {
    opacity: 0.8;
}

.bottom-margin {
margin-bottom: 12px;
}

.button-L-short {
height: 100%;
}

@media screen and (min-width:575px) and (max-width:991px) {
.button-L {
    margin: 13px 5px;
    padding: 8px;
}
}

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

.button-L {
    margin: 5px -1px 25px;
}
}

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

.button-L p {
    font-size: 14px;
}
}


/* Chevron Overrides*/
.chevron-parent {
margin-top: 59px;
margin-bottom: 70px;
text-align: center;
color: white;
}

.chevron {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 110%;
}

.center-in-previous-sibling {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

@media screen and (min-width:992px) {
.chevron-parent {
    padding: 0 2%;
    font-size: 20px;
    line-height: 30px;
}
}

@media screen and (min-width:575px) and (max-width:991px) {
.chevron-parent {
    margin-bottom: 43px;
}
}

@media screen and (max-width:767px) {
.chevron-parent {
    margin-top: 37px;
    margin-bottom: 40px;
}
}

@media screen and (max-width:575px) {
.chevron-parent {
    font-size: 10px;
    line-height: 14px;
}
}

@media screen and (max-width:376px) {
.chevron-parent {
    font-size: 8px;
}
}

/* Right/Left Image Overrides*/
.left-img-container {
float: left;
clear: left;
margin: 0 24px 0 0;
}

.right-img-container {
float: right;
clear: right;
margin: 0 0 0 24px;
}

.left-img-container>img, 
.left-img-container>a img {
margin-bottom: 20px;
}
.right-img-container>img, 
.right-img-container>a img {
margin-bottom: 20px;
}

.float-img-icon {
width: 92px;
}

.float-img-small {
width: 192px;
}

.float-img-medium {
width: 300px;
}

.float-img-large {
width: 372px;
}

.float-img-extra-large {
width: 593px
}

@media screen and (max-width:991px) {
.left-img-container {
    text-align: center;
    float: none;
    margin: auto;
}

    .left-img-container > img {
        display: inline-block;
        margin-bottom: 20px;
    }

.right-img-container {
    text-align: center;
    float: none;
    margin: auto;
}

    .right-img-container > img {
        display: inline-block;
        margin-bottom: 20px;
    }

.float-img-medium {
    width: 70%;
}

.float-img-large {
    width: 75%;
}

.float-img-extra-large {
    width: 80%;
}
}

/* Homepage Overrides 2/16/2022*/
@media screen and (min-width:992px) {
.image-boxes {
    margin-bottom: -30px;
    margin-top: 50px;
}

.full-hero:not(.gutter-igx) {
    margin-bottom: 25px;
}

.stripe {
    margin: 50px 0;
}

.tiles {
    margin-bottom: 38px;
}

.icon-wrap {
    margin: 19px 0 -12px 0;
}

.stripe + .container .icon-wrap {
    margin: 0 0 50px 0;
}

.tiles .tile {
    height: 260px;
}
}

/* Form Carrot Fix */
select.styled-select {
z-index: 1;
background: transparent;
}

/* Highlight Override 03/29/2023 */
.heco-highlight {
padding: 0.1em 0.2em;
background: #ffd500;
font-weight: 500;
}


/* Dropdown Menu (No Animation) Overrides*/
.dropdown-nav-wgt {
background-color: #006277;
color: white;
padding: 16px 4px;
font-size: 16px;
/*border-radius: 5px;*/
text-align: center;
display: inline-block;
}

.dropdown-wgt {
position: relative;
display: inline-block;
margin: 10px 5px;
}

.dropdown-item-wgt {
display: none;
position: absolute;
background-color: white;
width: 100%;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
border: 1px solid black;
}

.dropdown-item-wgt a {
    color: #3b4985;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

    .dropdown-item-wgt a:hover {
        background-color: #e2e5eb;
    }

.dropdown-wgt:hover .dropdown-item-wgt {
display: block;
}

.dropdown-wgt:focus .dropdown-item-wgt {
display: block;
}

.dropdown-wgt:focus-within .dropdown-item-wgt {
display: block;
}

.dropdown-wgt:hover .dropdown-nav-wgt {
opacity: 0.8;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

.dropdown-wgt:focus-within .dropdown-nav-wgt {
opacity: 0.8;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

@media screen and (max-width:767px) {
.dropdown-item-wgt {
    display: block;
    position: static;
    box-shadow: none;
}

.dropdown-wgt {
    position: static
}

    .dropdown-wgt .dropdown-nav-wgt {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
}

/* Dropdown Style A*/
.dropdown-cell-a {
padding: 0 20px 10px 20px;
border-color: #633E65;
border-style: solid;
border-width: 1px;
margin: 0px -6px;
margin-bottom: 12px;
}

.dropdown-cell-a div.accordion.opened {
    border-bottom: none !important;
}

    .dropdown-cell-a div.accordion.opened:after {
        bottom: 0px;
        content: none;
    }

.dropdown-cell-a h3 {
    width: 93%;
    font-size: 18px;
    font-weight: 500;
    color: #37246B;
padding-right: 51px;
}

.dropdown-cell-a .roll-dropdown-icon {
    height: 50px;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    margin-top: 8px;
}

/* Content Button Overrides*/
.content_button {
background-color: #ebe9f0;
border-color: #968cb1;
border-style: solid;
border-width: 1px;
padding: 17px 17px 0px 17px;
margin-bottom: 12px;
}

.content_button > .col-lg-8 > p {
    font-weight: 600;
    margin: 0;
    margin-top: 5px;
    margin-bottom: 17px;
}
/* Color Col Overrides */
.color_row {
display: flex;
align-items: stretch;
}

.color_col {
padding: 7px;
/*background-color: green;*/
}

.color_col>div{
    border-style: solid;
border-width: 1px;
padding: 20px;height: 100%;
width: 100%;
}
.color_col.red_col>div{
background-color: #f0e9e9;
border-color: #a14141;
}
.color_col.orange_col>div{
background-color: #efe8e2;
border-color: #9f6a00;
}
.color_col.yellow_col>div{
background-color: #fffce7;
border-color: #beab00;
}
.color_col.green_col>div{
background-color: #e9efe2;
border-color: #93b26f;
}
.color_col.blue_col>div{
background-color: #e2f3f6;
border-color: #2c90a6;
}
.color_col.purple_col>div{
background-color:#ebe9f0;
border-color:#4e3d7c;
}
.color_col.grey_col>div{
background-color: #f7f7f7;
border-color: #636363;
}


.color_col hr {
    margin: 10px 0;
}

/* Leadership Page Overrides*/
.leader-cell {
padding: 0 20px 40px 20px;
}

.opened .roll-dropdown-icon {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.opened {
border-bottom: 1px solid #C1B6AB !important;
}

.leader-box {
margin-top: 60px;
}

.drop100.w100 {
margin-bottom: 5px;
}

.roll-dropdown-icon {
position: relative;
margin-right: 20px;
margin-top: -28px;
height: 50px;
-webkit-transition: -webkit-transform .4s ease-in-out;
transition: tranRsform .4s ease-in-out;
}

.toggle {
cursor: pointer;
}

@media screen and (max-width:1199px)and (min-width:992px) {
.roll-dropdown-icon {
    height: 40px;
}
}

div.section {
padding: 0px 0px 1px 0px !important;
}

.dropdown-icon-container {
text-align: right;
height: 0px;
margin-bottom: 3px;
}

/* IGP Stakeholder Overrides */
.igp_email_box {
background-color: #ebe9f0;
border-color: #968cb1;
border-style: solid;
border-width: 1px;
padding: 17px 17px 0px 17px;
margin-bottom: 12px;
}

.igp_email_box > .col-lg-8 > p {
    font-weight: 600;
    margin: 0;
    margin-top: 5px;
    margin-bottom: 17px;
}

.igp_safety_box {
background-color: #e9efe2;
border-color: #c9d8b6;
border-style: solid;
border-width: 1px;
padding: 17px 17px 0px 17px;
margin-bottom: 12px;
}



.igp-dropdown-cell {
padding: 0 20px 10px 20px;
border-color: #633E65;
border-style: solid;
border-width: 1px;
margin: 0px -6px;
margin-bottom: 12px;
}

.igp-dropdown-cell div.accordion.opened {
    border-bottom: none !important;
}

    .igp-dropdown-cell div.accordion.opened:after {
        bottom: 0px;
        content: none;
    }

.igp-dropdown-cell h3 {
    width: calc(100% - 70px);
    font-size: 18px;
    font-weight: 500;
    color: #37246B;
}

.igp-dropdown-cell .roll-dropdown-icon {
    height: 50px;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    margin-top: 8px;
}

/* IGP Overrides*/

.callout_new {
color: #FFFFFF;
font-weight: 700;
padding: 0.25rem;
background-color: #2D6415
}

.promo_igp_library {
border-color: #633E65;
border-style: solid;
border-width: 2px;
padding: 16px;
margin: 20px 20px 30px 20px;
}

.promo_igp_library .row > div {
    padding: 10px;
    padding-bottom: 0;
}

.igp_purple_box {
padding: 7px;
/*background-color: purple;*/
}

.igp_blue_box {
padding: 7px;
/*background-color: blue;*/
}

.igp_green_box {
padding: 7px;
/*background-color: green;*/
}

.igp_purple_box > div {
background-color: #ebe9f0;
border-color: #4e3d7c;
border-style: solid;
border-width: 1px;
padding: 20px;
height: 100%;
width: 100%;
}

.igp_blue_box > div {
background-color: #e2f3f6;
border-color: #2c90a6;
border-style: solid;
border-width: 1px;
padding: 20px;
height: 100%;
width: 100%;
}

.igp_green_box > div {
background-color: #e9efe2;
border-color: #93b26f;
border-style: solid;
border-width: 1px;
padding: 20px;
height: 100%;
width: 100%;
}

.igp_green_box hr {
margin: 10px 0;
}

.igp_blue_box .row {
justify-content: space-around;
}

.split-column-box {
display: flex;
flex-wrap: wrap;
/*background-color: Blue;*/
flex-direction: column;
height: 381px;
align-content: space-around;
}

.split-column-box > div {
    /*background-color: Red;*/
    width: 45%;
}

.split-column-box hr {
    margin: 10px 0;
}

.split-column-box p {
    margin-bottom: 0;
}

a:focus .imgbtn {
opacity: 0.8;
    box-shadow: 0px 0px 0px 2px white, 0px 0px 0px 4px black;
}

.working_image {
width: 100px;
}

.show_on_small {
display: none;
}

.igp_today {
border-color: black;
border-style: solid;
border-width: 1px;
padding: 20px;
margin: 36px 0;
}

@media screen and (min-width:1200px) {
.promo_right_from_vid {
    height: 395.766px;
}

.split-column-box {
    height: 322px
}
}

@media screen and (min-width:992px) {
.igp_blue_box {
    height: 419px;
}

.igp_green_box {
    height: 419px;
}
}

@media screen and (max-width:1199px)and (min-width:992px) {
.promo_right_from_vid {
    height: 332.266px;
}

.igp_blue_box {
    height: 477px;
}

.igp_green_box {
    height: 477px;
}
}

@media screen and (max-width:575px) {
.split-column-box > div {
    width: auto;
}

.split-column-box {
    height: auto;
}

.show_on_small {
    display: block;
}
}

/* Lightbox Overrides*/
.lb-black {
position: fixed;
bottom: 0;
left: 0;
background: #000;
width: 100%;
height: 100%;
z-index: 1000;
opacity: 40%;
}

.lb-inner {
position: fixed;
background: #FFF;
padding: 0px;
width: 77%;
/*max-width: 500px;*/
top: 50%;
left: 50%;
z-index: 1001;
transform: translate(-50%, -50%);
max-width: 99%;
max-height: 99%;
}

.lb-header {
background: #1F4389;
color: white;
width: 100%;
padding: 10px 20px 3px 20px;
position: relative;
}

.lb-header > h2 {
    padding-right: 22px;
}

.lb-text {
padding: 20px;
/*max-height: 500px;*/
overflow: scroll;
overflow-x: auto;
overflow-y: auto;
width: 100%;
}

.lb-x {
font-family: Arial, Baskerville, monospace;
color: #DDD;
position: absolute;
top: 13px;
right: 13px;
font-size: 43px;
cursor: pointer;
}

.lb-x:hover {
    color: white;
}

.popup-source {
cursor: pointer;
}

/* Key Stakeholder Documents Overrides "IGP" */

#catalogue-searchbar {
width: 100%;
font-size: 16px;
padding: 20px;
border: 1px solid #61514C;
margin-bottom: 12px;
height: 50px;
color: #61514C;
}

#catalogue-list {
list-style-type: none;
padding: 10px 0 0 0;
margin: 0;
}

#catalogue-list > li {
    border-color: #37246b;
    color: #37246b;
    border-style: solid;
    border-width: 1px;
    padding: 20px;
}

    #catalogue-list > li:hover {
        background: lavender;
    }

#catalogue-list p {
    margin-bottom: 10px;
}

    #catalogue-list p:last-of-type {
        margin: 0;
    }

#doc-type-box {
padding: 0;
display: flex;
flex-wrap: wrap;
}

.row-baseline {
align-items: baseline;
}

.catalogue-date > input {
height: 50px;
border: 1px solid #61514C;
margin-left: 10px;
margin-bottom: 20px;
}

.catalogue_date {
height: 32px;
}

.search-label {
font-size: 16px;
font-weight: 450;
padding-bottom: 10px;
}

#working-groups {
height: 50px;
}

.pointer {
cursor: pointer;
}

.no-transparent {
opacity: 1 !important;
}

.no-transparent:hover {
    opacity: 1 !important;
}

.throughline {
background: #37246b;
width: 100%;
margin-top: -15px;
}

.doc-type {
border: 1px solid #37246b;
border-radius: 5px;
background-color: lavender;
width: fit-content;
padding: 5px;
display: inline-block;
margin-left: 5px;
margin: 4px 0 4px 5px;
}
/*dropdowns*/
.searchprevious-cell {
padding: 0 20px 0px 20px;
border-color: #633E65;
border-style: solid;
border-width: 1px 0 0 0;
margin: 0px 12px;
margin-top: 20px;
}

.searchprevious-cell div.accordion.opened {
    border-bottom: none !important;
}

    .searchprevious-cell div.accordion.opened:after {
        bottom: 0px;
        content: none;
    }

.searchprevious-cell ul {
    list-style-type: disc;
}

.opened .roll-dropdown-icon {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.dropdown-icon-container {
text-align: right;
height: 0px;
margin-bottom: 3px;
}

.searchprevious-cell .roll-dropdown-icon {
height: 50px;
-webkit-transition: -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
margin-top: 8px;
}

#doc-type-box > input[type=checkbox] {
height: 20px;
width: 16%;
vertical-align: middle;
margin-bottom: 10px;
display: inline-block;
}

#doc-type-box > label {
display: inline-block;
margin-left: 1%;
width: 83%;
}

@media screen and (max-width:464px) {
.catalogue-date > label {
  height: auto;
}
.catalogue-date > input {
  display: block;
  /*margin-bottom: 20px;*/
  margin-left: 0px;
}
}
@media screen and (min-width:992px) {
#doc-type-box {
  padding: 0 20px 20px 10px;
  height: 200px;
  width: 110%;
  overflow: auto;
  align-items: center;
  /*display: flex;*/
  flex-direction: row;
  /*flex-wrap: wrap;*/
}
}
@media screen and (max-width:991px) {
#doc-type-box > input[type=checkbox] {
  width: 7%;
  height: 18px;
  margin: auto 0;
}
#doc-type-box > label {
  width: 89%;
  margin: 4px 0 4px 2%;
}
}


/* News Release float-right image fix
Only affects float-right images that aren't in nested rows, 
i.e. bootstrap rows inside the main  class="content" container */


@media (min-width: 768px) {
.img.float-right:not(div.row div.row .img) {
    margin-left: 0px;
}
}

@media (min-width: 992px) {
.img.float-right:not(div.row div.row .img) {
    margin-left: 24px;
}
}


/* Begin 1/5/2023 NG */

#top div.dropdown a.drop-trigger:after {
transition: all 0.2s ease-in-out;
}

#top div.dropdown a.drop-trigger.open:after {
transform: rotate(180deg);
}

#top div.desktop div.search {
background: url(https://www.hawaiianelectric.com/content/img/search.png) no-repeat left center;
padding-left: 30px;
}

#top div.mobile div.menu button {
background: transparent;
color: #fff;
border: none;
line-height: 40px;
padding: 10px 0;
text-decoration: none;
text-transform: uppercase;
width: 100%;
}

#top div.mobile div.menu button i:nth-child(2) {
    display: none;
}

#top div.mobile div.menu button.opened i:nth-child(1) {
    display: none;
}

#top div.mobile div.menu button.opened i:nth-child(2) {
    display: inline;
}

#top a.mobile.drop-trigger {
line-height: 40px;
overflow: hidden;
position: relative;
text-decoration: none;
}

#top a.mobile.drop-trigger.open:before {
    color: #4C6290;
    content: "\f0d8";
    bottom: -14px;
    font-family: FontAwesome;
    font-size: 40px;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    text-align: center;
    width: 30px;
}

#top a.mobile.drop-trigger:after {
    color: #fff;
    content: "\f0d7";
    display: inline-block;
    font-family: FontAwesome;
    margin-left: 8px;
    position: relative;
    transition: all 0.2s ease-in-out;
}

#top a.mobile.drop-trigger.open:after {
    opacity: .4;
    transform: rotate(180deg);
}

#top ul.mobile-drop-list {
background: #4C6290;
display: none;
left: 50%;
list-style: none;
margin: 0 0 0 -115px;
padding: 15px 0 0 0;
position: absolute;
top: 60px;
width: 230px;
z-index: 9;
}

#top ul.mobile-drop-list li {
    margin: 0;
    padding: 0;
}

    #top ul.mobile-drop-list li a {
        background: transparent;
        display: block;
        font-size: 14px;
        height: auto;
        padding: 7px 15px;
        width: 100%;
    }

        #top ul.mobile-drop-list li a:hover,
        #top ul.mobile-drop-list li a:focus {
            background: #37246B;
        }

#header div.follow ul {
list-style: none;
margin: 0;
padding: 0;
}

#header div.follow ul li {
    display: inline;
    margin: 0;
    padding: 0;
}

#left div.search {
background-image: url(https://www.hawaiianelectric.com/content/img/search.png);
background-repeat: no-repeat;
background-position: 10px center;
padding-left: 40px;
}

ul.nav li button.trigger {
background: transparent;
color: #fff;
border: none;
display: block;
height: 30px;
line-height: 30px;
padding: 0;
position: absolute;
right: 5px;
text-align: center;
top: 7px;
width: 30px;
}

ul.nav li button.trigger:after {
    content: "\f067";
    cursor: default;
    font-family: FontAwesome;
}

ul.nav li.open > button.trigger:after {
content: "\f068";
}

ul.nav li ul li button.trigger {
font-size: 12px;
top: 3px;
}

ul.side-nav > li > button.trigger {
background: transparent;
border: none;
display: block;
line-height: 32px;
height: 32px;
padding: 0;
position: absolute;
right: 0;
text-align: center;
top: 6px;
width: 32px;
}

.visually-hidden {
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
white-space: nowrap;
width: 1px;
}

/*
Survey Button
*/
div.surveyBtnDiv {
position: fixed;
right: -74px;
bottom: 60px;
z-index: 100;
transform: rotate(-90deg);
-webkit-transform-origin: top left;
}

button#openSurveyBtn {
background-color: #342068;
border: 0px;
color: #fff;
padding: 8px 10px;
font-weight: 500;
font-size: 16px;
border-radius: 5px 5px 0px 0px;
letter-spacing: 1px;
outline: none;
}

button#openSurveyBtn.on ,button#openSurveyBtn:hover, button#openSurveyBtn:focus {
opacity: 1;
background-color: #6B759E;
}

.surveyPopupBox {
position: relative;
}

@media (min-width: 576px) {
.surveyPopupBox {
    max-width: 80vw;
    margin: 0 auto;
}
}