/*!
 * Pikaday v1.8.2
 * Copyright © 2014 David Bushell | BSD & MIT license | https://github.com/Pikaday/Pikaday
 */
.pika-single{z-index:9999;display:block;position:relative;color:#333;background:#fff;border:1px solid #ccc;border-bottom-color:#bbb;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif}.pika-single:after,.pika-single:before{content:" ";display:table}.pika-single:after{clear:both}.pika-single.is-hidden{display:none}.pika-single.is-bound{position:absolute;box-shadow:0 5px 15px -5px rgba(0,0,0,.5)}.pika-lendar{float:left;width:240px;margin:8px}.pika-title{position:relative;text-align:center}.pika-label{display:inline-block;position:relative;z-index:9999;overflow:hidden;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:bold;background-color:#fff}
.pika-title select{cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:5px;opacity:0}.pika-next,.pika-prev{display:block;cursor:pointer;position:relative;outline:none;border:0;padding:0;width:20px;height:30px;text-indent:20px;white-space:nowrap;overflow:hidden;background-color:transparent;background-position:center center;background-repeat:no-repeat;background-size:75% 75%;opacity:0.5}.pika-next:hover,.pika-prev:hover{opacity:1}.is-rtl .pika-next,.pika-prev{float:left;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==')}
.is-rtl .pika-prev,.pika-next{float:right;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=')}.pika-next.is-disabled,.pika-prev.is-disabled{cursor:default;opacity:0.2}.pika-select{display:inline-block}.pika-table{width:100%;border-collapse:collapse;border-spacing:0;border:0}.pika-table td,.pika-table th{width:14.285714285714286%;padding:0}.pika-table th{color:#999;font-size:12px;line-height:25px;font-weight:bold;text-align:center}
.pika-button{cursor:pointer;display:block;box-sizing:border-box;-moz-box-sizing:border-box;outline:none;border:0;margin:0;width:100%;padding:5px;color:#666;font-size:12px;line-height:15px;text-align:right;background:#f5f5f5;height:initial}.pika-week{font-size:11px;color:#999}.is-today .pika-button{color:#33aaff;font-weight:bold}.has-event .pika-button,.is-selected .pika-button{color:#fff;font-weight:bold;background:#33aaff;box-shadow:inset 0 1px 3px #178fe5;border-radius:3px}.has-event .pika-button{background:#005da9;box-shadow:inset 0 1px 3px #0076c9}.is-disabled .pika-button,.is-inrange .pika-button{background:#D5E9F7}
.is-startrange .pika-button{color:#fff;background:#6CB31D;box-shadow:none;border-radius:3px}.is-endrange .pika-button{color:#fff;background:#33aaff;box-shadow:none;border-radius:3px}.is-disabled .pika-button{pointer-events:none;cursor:default;color:#999;opacity:0.3}.is-outside-current-month .pika-button{color:#999;opacity:0.3}.is-selection-disabled{pointer-events:none;cursor:default}.pika-button:hover,.pika-row.pick-whole-week:hover .pika-button{color:#fff;background:#ff8000;box-shadow:none;border-radius:3px}.pika-table abbr{border-bottom:none;cursor:help}

/******************************************/
/* Start AEPIM CSS | Copyright UtilityAPI */
/******************************************/

/* Boostrap overrides */
/* set key colors through template variables */
:root {
  --primary-color: 218, 41, 28;
  --primary-color-darker: 175, 34, 24;
  --secondary-color:  28, 90, 151;
}

img.logo {
    height: 160px;
    width: 240px;
}

.navbar-brand img[alt="Indiana Michigan Power logo"] {
    height: 75px;
    width: 113px;
}

/* end of variables setting */

body {
    font-family: "Roboto",sans-serif;
    line-height: 1.5;
}
a {
    color: #0d6efd;
    display: inline-block;
}
a:hover {
    color: rgb(var(--secondary-color));
    text-decoration: underline;
}
a.text-muted {
    text-decoration: underline;
}
.text-primary {
    color: rgba(218, 41, 28, var(--bs-text-opacity)) !important;
}
.btn {
    border-radius: 7px;
}

.btn-primary {
    border-color: rgb(var(--secondary-color));
    background-color: rgb(var(--secondary-color));
}
.btn-primary:focus {
    border-color: rgb(var(--secondary-color));
    background-color: rgb(var(--secondary-color));
    box-shadow: 0 0 0 .25rem rgba(var(--primary-color), 0.5); /* #da291c @50% */
}
.btn-primary:hover,
.btn-primary:active {
    border-color: rgb(var(--secondary-color));
    background-color: rgb(var(--secondary-color));
}
.btn-primary:active:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--primary-color), 0.5); /* #da291c @50% */
}
.btn-primary.disabled,
.btn-primary:disabled {
    border-color: #cc3438;
    background-color: #cc3438;
}

.btn-outline-primary {
    border-color: rgb(var(--secondary-color));
    color: rgb(var(--secondary-color));
}
.btn-outline-primary:focus {
    border-color: rgb(var(--secondary-color));
    box-shadow: 0 0 0 .25rem rgba(var(--primary-color), 0.5); /* #da291c @50% */
}
.btn-outline-primary:hover,
.btn-outline-primary:active {
    border-color: rgb(var(--secondary-color));
    background-color: rgb(var(--secondary-color));
}
.btn-outline-primary:active:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--primary-color), 0.5); /* #da291c @50% */
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #fff;
    border-color: #cc3438;
    background-color: #cc3438;
}

.btn-link {
    color: rgb(var(--primary-color));
}
.btn-link:focus {
    color: #cc3438;
    box-shadow: 0 0 0 .25rem rgba(var(--primary-color), 0.5); /* #da291c @50% */
}
.btn-link:hover,
.btn-link:active {
    color: #cc3438;
}
.btn-link:active:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--primary-color), 0.5); /* #da291c @50% */
}


body, .btn {
    font-family: "Barlow", sans-serif;
    font-size: 20px;
}

h1, h2 {
    font-weight: 600;
    font-family: Arial, sans-serif;
    color: #4a4a4a;
}

.colored-capital {
    color: #af2218;
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

a {
    text-decoration: none;
}

a.outline, button.outline {
    color: gray;
    border-radius: 7px;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    border-style: solid;
    border-width: 1px;
    border-color: inherit;
}

.button-group .btn {
    margin-right: 20px;
}

hr {
    color: #d3d3d34a !important;
    height: 10px !important;
    margin-top: 30px;
    margin-bottom: 30px;
}

.btn-primary, .btn-danger{
    font-weight: 600;
}
/* overwrite default danger button signal */
.btn:focus, .btn:focus-visible{
    box-shadow:0 0 0 .25rem rgba(0, 0, 0, 0.5);
    outline: 2px solid white;
}


/* SVG sprite icons */
.svgicon { overflow:visible !important; height:1em; width:1em; fill:currentColor; }

/* permalink hover behavior */
.permalink-hover:hover .permalink {display: inline-block; text-decoration: none; margin-left: 0.4em; margin-top: 0.4em;}
.permalink {display: none; position: absolute; font-size: 60%;}
.permalink-highlight:target{animation:punch 2s ease-out;}
@keyframes punch{0%{background-color: #ffffff;} 10%{background-color: #ffe038;} 100%{background-color: #ffffff;}}

/* spinner */
.spinner-icon-16x16:before{
    content: url(data:image/gif;base64,R0lGODlhEAAQAPIAAP///zMzM87OzmdnZzMzM4GBgZqamqenpyH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQACgABACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkEAAoAAgAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkEAAoAAwAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkEAAoABAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQACgAFACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQACgAGACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAAKAAcALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==);
}
.spinner-icon-12x12:before{
    content: url(data:image/gif;base64,R0lGODlhDAAMAOMAAP///zMzM87OzmdnZzMzM4GBgZqamqenp////////////////////////////////yH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQACgD/ACwAAAAADAAMAAAEIhDISau9OOs6yMjdhwmDsA2DMQnshBrHwbZSYQjxfOHmFAEAIfkEAQoAAQAsAAAAAAwADAAABCUQyEmrrYSMK/PmwyBcxWBwgDEUqFCMKHDMqGEcAlwJeK5buUoEACH5BAEKAAEALAAAAAAMAAwAAAQkEEg5hphYEjIyqEZ1ZVXhTYUxZkd7SodxvIBg05K9ejp947QIACH5BAEKAAEALAAAAAAMAAwAAAQnEEhpiphYjmEyOGBhCAQxTIZxTOUpCcelDZdge5Mt48DO/8CgMBMBACH5BAEKAAEALAAAAAAMAAwAAAQjEEh5jpiY1gyEF9YwGNM3iUV5TUaxctJADHA8193w4nzvTxEAIfkEAQoAAQAsAAAAAAwADAAABCUQSCnEvLNanK05Bzd9oQiAm2kMhgkUQ+EKRooRxODiujkMNlcEACH5BAEKAAEALAAAAAAMAAwAAAQhEMhJq71UaAy04BvXGQd3kGBoDUOxDgJrWATRGl/F5lIEACH5BAEKAAEALAAAAAAMAAwAAAQjEMhJq7046z2Fz56giRJBDNNxkIA5FIZgGMc0DMJdqOwE9xEAOw==);
}

/* always display table of contents on wide screens */
@media (min-width: 992px) {
    .display-md-lg { display: block !important; }
}

/* add some spacing between list items */
.list-spaced > li { margin-top: 0.4em; }
.list-spaced > li:first-child { margin-top: 0; }

/* icon inside input */
.right-addon { position: relative; }
.right-addon .right-icon { position: absolute; right: 0px; padding: 10px; line-height: 1; }
.right-addon .right-input { padding-right: 30px; }
.right-addon .right-zindex { z-index: 100; }

/* error page color */
#auth-wrapper .auth {
    background-color: #da291c;
}
#logo img {
    padding: 35px 7px 3px 7px;
    height: 76px;
}

hr:not([size]) {
    height: 5px;
    opacity: 1;
    color: rgb(var(--primary-color));
}

.ul-1rem {
    padding-left: 1rem;
}

#registration-form label>a, #registration-form p>a {
  display: inline;
}

/* Styles navbar and footer to closer match aepim's patterns */

nav.navbar {
    border-bottom: 5px solid #da291c;
}

.navbar li a {
    font-family: Barlow;
    color: #4a4a4a;
    text-transform: uppercase;  
}

div.footer-wrapper {
    background: white;
    color: black;
    border-top: 5px solid #da291c;
}
div.footer-wrapper a{
    color: black;
}

div.footer-wrapper a:hover,
div.footer-wrapper a:focus {
    color: #000;
}

/* Accessiblity and focus visibilty overrides for buttons */

.btn.outline:hover {
  background: #4a4a4a;
  color: white;
  text-decoration: none;
}

.btn.btn-primary:hover {
  background-color:#009cde;
  color:#fff;
  border:1px solid #009cde
}

/* Header Sizings  - taken from AEPIM's site */
h1 {
    font-size: 2rem;
    line-height: 2em;
}
h2 { font-size: 1.5rem; }
h3 { font-size: 1.375rem; }
h4 {
    font-size: 1.125rem;
    line-height: 2.5em;
}
h5 { line-height: 1.5 }

@media(min-width: 576px) {
  h1 { font-size:2rem }
  h2 { font-size:1.5rem }
  h3 { font-size:1.375rem }
  h4 { font-size:1.125rem }
  h5 { font-size:1.125rem }
}
@media(min-width: 1024px) {
  h1 { font-size:2.5rem
  }
  h2 { font-size:2rem }
  h3 { font-size:1.5rem }
  h4 { font-size:1.375rem }
  h5 { font-size:1.25rem }
}
@media(min-width: 1280px) {
    h3 { font-size:1.75rem }
    h4 { font-size:1.5rem }
}

/* Hides general about on support label */
.modal-dialog input[type="hidden"] + div {
  display: none;
}

/*****************/
/* End AEPIM CSS */
/*****************/

/* Cookie Banner */
.bottom-notification-container {
  padding: 0 15px;
}

.cookie-notification-container {
  border-radius: 10px;
  padding: 10px;
  margin: 0 auto;
  position: relative;
  font-size: 13px;
  line-height: 20px;
  pointer-events: auto;
  bottom: 5px;
  filter: drop-shadow(#ADADAD -3px 3px 5px);
  background: white;
  max-width: 330px;
  font-weight: 600;
}
.cookie-notification-container .acknowledge-button:hover {
  background-color: #1CB5E3;
}
.cookie-notification-container a {
  text-decoration: underline;
}
.cookie-notification-container .acknowledge-button {
  border-radius: 6px;
  color: #FFFFFF;
  margin-top: 10px;
  background-color: #57595F;
  border: none;
  padding: 10px 24px;
}

.cookie-close-button {
  width: 42px;
  height: 42px;
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: transparent;
  border: none;
}

.cookie-description-row {
  display: flex;
}

#cookie-image {
  float: right;
  height: 75px;
  width: 85px;
}

/* Copied from utils */
.bottom-notification-container {
  width: 100vw;
  position: fixed;
  bottom: 0px;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  /* Allow clicking through the div */
  pointer-events: none;
}

.cookie-notification-container.hidden {
  display: none;
}