/*
    Document   : override
    Created on : <date>
    Author     : <author>
    Description:
        This is where any of your application specific styles should be included
*/

.send-off-screen {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.card-view-label{
  font-weight: 500;
}
.app-top-banner{
  border-bottom: 0px;
  background-color: #FBF9F8;
}
.legend-container{
  margin:30px 20px 30px 0px;
  /* font-size: 12px; */
  font-weight: 600;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.legend{
  margin-right: 16px;
}
.legend-icon{
  vertical-align: middle;
}
.legend-disclaimer{
  position: absolute;
  bottom: 0;
  left: 16px;
}
.disclaimer{
  font-style: italic;
  
}
.s-path-container{
  /*position: static; */
    /* font-family: Oracle Sans; */
    font-size: 16px;
    margin-top: 10px;
    /* line-height: 37px; */
    /* color: #0F0E0D; */
    flex: none;
    /* align-self: center;*/
}
.view-top{
  display: grid;
  grid-template-columns: 0.5fr 0.5fr;
  margin-top: 16px;
}
.last-updated{
  text-align: end;
}
/* .app-top-banner > div {
  padding-left: 0px;
  padding-right: 0px;
} */
.app-top-banner:before{
  background-image: url(images/v3_banner.png);
  background-size: auto 12px;
  height:5px;
  display: block;
  content: '';
}

.top-banner{
  background-color: #383632;
  padding-left: 55px !important;
}
.app-name{
  color:#FFFFFF;
  margin-left: 1rem;
font-family: Oracle Sans;
font-size: 14px;
font-weight: 400;
line-height: 16px;
letter-spacing: 0em;
text-align: center;

}

.oracle-icon {
  width:137px;
  height:18px
}

.oracle-icon path {
  fill: #C74634;
  stroke-width: 0;
}

.app-nav{
  display: flex;
}
.nav-list{
  display: flex;
  justify-content: flex-end;
}

.fusion{
  font-size: 36px;
  font-weight: 500;
  font-family: Georgia, 'Times New Roman', Times, serif;
  line-height: 48px;
  margin-top: 12px;
  
}

.fusion:after{
  content: "";
  display: block;
  width: 40px;
  height: 4px;
  background: #EACD7E;
}
.nav-buttons{
  align-self: end;
  margin-top: 12px;
}

body {
  font-family: Oracle Sans,-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  background-color: #FBF9F8;
}
.map-panel{
  border:0px;
  background-color: #FBF9F8;
}
.service-name{
  grid-area: service_name;
  /* font-size: 18px !important; */
  line-height: 28px !important;
  margin-left: 8px;
  color: #00688C !important;
  cursor: pointer !important;
  background: none;
  
  border: none;
  padding: 0;
  font: inherit;
  
  outline: inherit;
  text-align: left;
}
.s-inc:hover {
  text-decoration: underline;
}

.service-box-label{
  font-family: Oracle Sans;
  font-size: 16px;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: left;
  margin-left: 8px;
}



.services-panel{
  background-color: #F1EFED  ;
  box-shadow: 4px 8px 8px 0px #00000026;
  padding-left: 0px;
  margin-right: 8px;
}
.service-group{
  
  font-size: 16px;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: left;
  margin-left: 8px;
  
}
.service-group-container{
  margin-bottom: 16px;
}
.ssp-map-view{
  display: grid;
  grid-template-columns: 0.25fr 0.75fr;
  grid-template-areas: "services-panel map-panel";
  color: #000000;
  padding-right: 0px;
  padding-left: 0px;
}
.ssp-map-view{
  padding-top:1rem;
}

.popup-service{
  margin-left: 0px !important;
}

.s-service-record{
  margin-left: 16px;
  display:grid;
  grid-template-columns: 0.15fr 1.75fr;
  grid-template-areas: 
      "service_icon service_name";
}
.ssp-module{
  padding-left: 20px;
  padding-right: 20px;
}
.demo-thematicmap-min-width {
  min-width: 12.5rem;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .demo-appheader-avatar:before {
      content:url("images/avatar_24px_2x.png");
      -webkit-transform:translate(-25%, -25%) scale(0.5);
      transform:translate(-25%, -25%) scale(0.5)
  }
}


/*card view css*/
.s-card-container{
  padding-top: 8px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 24px;
  padding-bottom: 24px;
}


.ssp-card{
  border-radius: 6px;
  /* margin: 0px 24px 24px 0; */
  padding:0px;
  background: #FFFFFF;
  /* Shadow / SM */
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
  min-height: 248px;
}
.ssp-card-title{
  
  font-weight: 900;
  /* font-size: 16px;
  line-height: 24px; */
  /* margin: 24px 24px; */
  /* display:grid;
  grid-template-columns: 1fr 0.25fr;
  grid-template-areas: 
      "card_title card_icon"; */
  color: #000000;
}
.ssp-card-title-text{
    grid-area: card_title;
    display: flex;
    align-items: center;
    margin-left:16px;
}
.ssp-card-title-icon{
    /* grid-area: card_icon;
    display: flex !important;
    justify-self: end; */
    width: 32px !important;
    height: 32px !important;
}
.incindet-banner{
  background-color: #dadada;
  margin-bottom: 8px;
  padding: 3px 0px 3px 0px;
}
.banner-text{
  margin:4px 0px 4px 4px;
  font-weight: 700;
}

.incident-note{
  padding-bottom: 8px;
}

/* .oj-listitemlayout-grid {
  padding-inline-start:0px !important;
} */
.ssp-card-icon-container{
  margin-top:8px;
  margin-left: 10px;
}
.s-card-icon{
  display: inline-block;
  border-radius: 22px;
  box-shadow: 0px 0px 2px #888;
  padding: 0.5em 0.5em;
  width: 24px;
  height: 24px;
  color: #FFFFFF;
  /* transform: translateY(-45%) translateX(45%); */
}
.s-card-body{
  position: absolute;
  bottom: 0px;
  margin-bottom: 15px;
}
.s-legend-container{
  padding: 0px;
  display:grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.s-legends{
  margin-right: 40px;
  min-width: 300px;
}
.legend-text{
  font-size: 18px;
  line-height: 28px;

  /* identical to box height, or 156% */

  color: #000000;
  margin-left: 8px;
  min-width: 300px;
}


.s-disc-box{
  /*padding: 16px 0px;*/
  border-radius: 6px;
  /* margin-right: 3.65rem; */
  padding:16px;
  display: grid;
  grid-template-columns: 0.1fr  0.9fr;
}

.s-disc-box div{
  display:inline-block;
}
.s-disc-box-icon{
  padding:34px 34px 34px 35px;
  align-self: center;
  border-right: 1px solid var(--oj-core-divider-color) !important;
}
.s-state-icon{
  
  transform: translateY(12%);
  justify-self: end;
}
.s-service-icon{
  transform: translateY(40%);
  justify-self: end;
}
.s-sg-icon {
  transform: translateY(12%);
  margin-right: 4px;
}
/*pop-up*/

#inc_history_v1{
  /* width: 100vw;
  height: 100vh;
  min-width: 100vw;
  min-height: 100vh;
  border-radius: 0; */

  width:96vw;
  max-width: 1400px;
}
.sh-history-box{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; /* 0.75fr 0.95fr 1.35fr;*/ /*0.75fr 0.75fr 1.5fr;*/
  grid-template-rows: 0.3fr 3fr;
  grid-template-areas: 
      "geo geo geo"
      "region cal inc-list";
}
.sh-geo{
  /* background-color: #ffffff; */
  grid-area: geo;
}
#tab_service_geo{
  min-width: 350px;
}
.sh-region{
  /* background-color: #ffffff; */
  grid-area: region;
  margin-top: 15px;
  border-right: 1px solid var(--oj-core-divider-color) !important;
}
.sh-last-updated{
  font-size: 10px;
  margin-left: 1.7rem;
}
.s-dc-select{
  display: none;
}
#tab_service_regions{
  height: 450px;
  margin-top: 15px;
}
.s-dc-list-tab{
  display: block;
}
.sh-cal{
  /* background-color: #ffffff; */
  grid-area: cal;
  margin-top: 15px;
  border-right: 1px solid var(--oj-core-divider-color) !important;
}
.sh-cal-placeholder{
  font-weight: 600;
  text-align: center;
}
.s-dtpicker{
  /* margin-top:15px; */
}
.oj-datepicker-inline .oj-datepicker-content {
  background-color: unset;
  border: unset;
  
}
.s-dtselector{
  display:none;
}
#datepicker .oj-helphints-inline-container{
  display:none
}
.oj-datepicker-calendar td.oj-enabled a.oj-enabled {
  background-color: #508223;
  font-weight: 800;
  color: #ffffff;
  border:none
}
.oj-datepicker-calendar td.oj-enabled a.oj-enabled:hover {
  background-color: #436B1D;
}
.oj-datepicker-calendar td a.oj-selected {
  /* color: #000000 !important; */
  /* outline: solid 2px #508223; */
  border: 2px solid #508223 !important;
  background-color: #ffffff !important;
  color:#000000 !important
}
.oj-datepicker-calendar td.s-inc-degraded a.oj-selected {
  /* outline: solid 2px #AC630C;  #e18212 */
  border: 2px solid #e18212 !important;
  background-color: #ffffff !important;
  color:#000000 !important
}
.oj-datepicker-calendar td.s-inc-down a.oj-selected {
  /* outline: solid 2px #D63B25; */
  border: 2px solid #D63B25 !important;
  background-color: #ffffff !important;
  color:#000000 !important
}
.s-inc-degraded a.oj-enabled {
  background-color: #e18212 !important;
}
.s-inc-degraded a.oj-enabled:hover {
  background-color: #e18212 !important;
}
.s-inc-down a.oj-enabled {
  background-color: #D63B25 !important;
}
.s-inc-down a.oj-enabled:hover {
  background-color: #B3311F !important;
}
.sh-inc-list{
  /* background-color: #ffffff; */
  grid-area: inc-list;
  margin-top: 10px;
  display:grid; /*fix the overlap of timezone, on scroll of 3rd box*/
}
/*override this to fix seperator color*/
#service_inc_dtls > ul> li.oj-listview-item {
    background-image: linear-gradient(rgb(144 118 77), rgb(19 10 40));
}
.sh-tz-info-container{
  padding-left: 1rem;
}
.tz-info-history-details{
  font-size: 10px;
  align-content: end;
  text-align: end;
  margin-top: 4px;
}
div:has(> #info) { 
  /* styles to apply to the li tag */ 
  
  transform: translateY(-4px);
}

.sh-tz-info{
  font-size: 10px;
  align-content: end;
  text-align: end;
  position: absolute;
  right: 32px;
}
.tz-info-history{
  position: absolute;
    float: right;
    right: 8px;
    top: 2px;
    text-align: right;
    font-size: 10px;
    margin-top: 3px;
}
.sh-no-data{
  height: 100%;
}
.sh-nodata-inner {
  flex-grow: 1;
}
.sh-no-data-icon{
  width: 64px;
  height: 64px;
  font-size: 4rem!important;
}
#service_inc_dtls{
  height: 450px;
}
.s-inc-list-label, .s-history-text{
  margin-top:0.5rem;
  font-size: var(--oj-label-font-size);
}





.ssp-footer{
  min-height: 112px !important;
  background-color: #302D2A;
}
.ssp-footer-item{
  color:#FFFFFF;
  justify-content: center;
}
ul.u10-links li {
  margin: 0;
  padding: 0;
  color: #c6c1bd !important;
  list-style-type: none;
}
.u10.u10v6 .u10w11 .u10w5.u10w10 ul.u10-links>li a {
  border: 0;
}

.u10v6 .u10w11 .u10w5 .u10-links li a {
  padding: 0;
  margin-inline-start: 6.72px;
  margin-inline-end: 8.96px;
}
ul.u10-links>li:nth-child(2) a {
  padding-inline-start: 20px;
}
ul.u10-links li a {
  text-decoration: none;
}
ul.u10-links li a {
  font-size: 11.2px;
  font-weight: normal;
  padding-inline-start: 6.72px;
  padding-inline-end: 8.96px;
  color: #FBF9F8;
}
.ssp-socials-icons{
  min-height: 40px;
  margin-right: 10px;
  padding-right: 10px !important;
  color: #FFFFFF;
}
a.ssp-socials-icons:visited{
  color: #FFFFFF;
}
.ssp-footer{

}
#ssp-map{
  /* height: 100vh;
  min-width: 100vw;
  min-height: 100vh; */
}

/*to make scroll bars visible on chrome and safari*/
::-webkit-scrollbar {
  
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background: rgba(49,45,42,.16);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  border-radius: 4px;
}
::-webkit-scrollbar-track {
  background: 0 0;
}

.history-control-container{
  margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 16px !important;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}
.event-details{
  margin-top:16px;
}
.event-box:last-child{
  border-bottom: none !important;
}

.dialog-event-details{
  padding: 6px 0px;
}
.event-box{
  /* border:1px solid  #dadada;
  border-radius: 5px; */
  margin-bottom: 4px;
  /* padding: 8px; */
  border-bottom: 1px solid #c8c8c8;
  padding-bottom: 4px;
  font-size: var(--oj-label-font-size);
}
.event-type{
  font-weight: 700;
  padding: 6px 0px;
  /* text-transform: uppercase; */
  margin-top: 12px;
}
.event-title{
  font-weight: 500;
  line-height: 2em;
}
.event-detail-title{
  font-size: 1.3rem;
  line-height: 1.2rem;
  font-weight: 700;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.event-posted{
  font-style: italic;
  font-size: 12px;
  color:#6f757e;
  text-align: right;
}
.event-details-posted{
  font-size: 14px;
  color:#6f757e;
}
.event-details-box{
  /* border:1px solid  #dadada;
  border-radius: 5px; */
  margin-bottom: 4px;
  /* padding: 8px; */
  border-bottom: 1px solid #c8c8c8;
  padding-bottom: 4px;
  font-size: 12px;
}
.history-details{
  margin-top: 12px ;
  padding-top:0px !important;
}
.incident-history{
 padding:0rem 1rem; 
}
/* .history-details::before {
  content: "";
    width: 100%;
    height: 4px;
    background-image: url(data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAyAAD/4QMtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkUwRkJENzk1QTlEMTFFQjlFNzBFOTU2QjQ5QTczMEIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkUwRkJEN0E1QTlEMTFFQjlFNzBFOTU2QjQ5QTczMEIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRTBGQkQ3NzVBOUQxMUVCOUU3MEU5NTZCNDlBNzMwQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRTBGQkQ3ODVBOUQxMUVCOUU3MEU5NTZCNDlBNzMwQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAgGBgYGBggGBggMCAcIDA4K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);
    background-color: #33553c;
    background-color: var(--chBgBase, #33553c);
    background-size: cover;
    display: block;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    
} */
/* .history-details > .oj-panel{
  border-radius: 0px;
} */
.event-details-values{
  padding-bottom: 0px;
}
.history-event-info{
  margin-top: 10px;
  font-size: 14px !important;
}
.event-details-headers{
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 12px;
  margin-top: 24px;
}

.event-details-mitigated{
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 12px;
  color: #34b150;
}
.event-details-notice{
  font-style: italic;
  color: #a4a4a4;
  margin-bottom: 24px;
}
.event-summary{
  margin-top: 12px;
}

.stamp {
  box-shadow: 0 0 0 3px #d63b26, 0 0 0 2px #eaf5ec inset;
  border: 2px solid transparent;
  border-radius: 4px;
  display: inline-block;
  padding: 5px 2px;
  line-height: 42px;
  color: #d63b26;
  font-size: 54px;
  /* font-family: 'Black Ops One', cursive; */
  text-transform: uppercase;
  text-align: center;
  opacity: 1.4;
  width: auto;
  /*transform: rotate(-5deg); */
    /* position: relative; */
    /* top: 62px; */
    /* left: 59%; */
    /* right: 2%; */
    float: right;
}

/* div.oj-collection-placeholder{
  height: 10px !important;
} */

.summary-row-grid{
  display: grid;
  grid-template-columns: 200px 800px;
  line-height: 1.5rem;
}
.prev-events{
  font-weight: 700 !important;
  font-size: 24px !important;
  margin-left: 12px;
}
div[slot="secondary"]{
  font-size: 14px !important;
}

/*responsive*/
@media screen and (max-width: 1024px) {
  .s-card-container{
      grid-template-columns: 1fr 1fr;
  }
  .ssp-card {
    min-height: unset;
  }
  .s-card-body {
    margin-top:12px;
    position:relative;
  }
  .legend-container{
    grid-template-columns: 1fr 1fr 1fr ;
  }
  .fusion{
    font-size: 30px;
  }

  .sh-history-box{
    min-height: 566px;
    /* background-color: rgb(232, 232, 236); */
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 0.2fr 1.5fr 2fr;
    grid-template-areas: 
        "geo geo"
        "region cal "
        "inc-list inc-list";
  }
  .sh-cal{
      border-right: none !important;
  }
  #tab_service_regions{
      height:320px;
  }

  .history-control-container{
    grid-template-columns: 1fr;
  }
  #ServiceSelect{
    margin-left: 12px;
  }
  #RegionSelect{
    margin-left: 12px;
  }
 
}



@media screen and (max-width: 800px) {
  .stamp{
    font-size: 16px;
    line-height: 30px;
  }
}


@media screen and (max-width: 1500px) {
  .top-banner{
    padding-left: 40px !important;
  }
  
}
@media screen and (max-width: 1450px) {
  .top-banner{
    padding-left: 20px !important;
  }
  
}
@media screen and (max-width: 635px) {
  .s-card-container{
      grid-template-columns: 1fr;
  }
  .view-options{
    display: none;
  }
  .view-top{
    grid-template-columns: 1fr;
  }
  .fusion{
    font-size: 24px;
  }
  .sh-last-updated {
    margin-left: 0px;
  }
  .sh-tz-info-container {
    padding-left: 0rem;
  }
  .summary-row-grid {
    grid-template-columns: 0.25fr 0.75fr;
  }
  .stamp{
    font-size: 12px;
  }


  
    .sh-history-box{
        min-height: 466px;
        /* background-color: rgb(232, 232, 236); */
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0.1fr 0.1fr 0.1fr 0.1fr ;
        grid-template-areas: 
            "geo"
            "region"
            "cal"
            "inc-list";
    }
   
  
    .sh-region{
        border-right: none !important;
    }
    .sh-cal{
        border-right: none !important;
    }
  
    .s-dtpicker{
        display:none;
    }
    .s-dtselector{
        margin-top:8px;
        display:block;
    }
    .s-dc-list-tab{
        display: none;
    }
    .s-dc-select{
        margin-top:8px;
        margin-bottom: 8px;
        display: block;
    }
    .sh-cal-placeholder{
        display:none;
    }
    .sh-inc-list{
        margin-top: 13px;
    }
    .sh-last-updated{
      margin-left: 0px;
    }
    .sh-tz-info-container{
      padding-left: 0px;
    }
    #service_inc_dtls > ul >li {
      padding-left: 0px;
    }
    .oj-listitemlayout-grid{
      padding-left: 0px;
    }
  
}
.oj-tabbar-item-icon {
  vertical-align: text-top;
}

.s-inc-dtl-headerg{
  display:flex;
}
oj-input-date > div.oj-user-assistance-inline-container{
  display:none;
}

#bannerMessage{
  margin-top: 0px;
}
.banner-regions{
  margin-left: 1px;
}
.MessageBannerVariants_multiVariantStyles_severity_warning__10p8l3t1 {
  --startIconColor__l2hi9d1: #e18212 !important;
  --summaryTextColor__l2hi9d3: #e18212 !important;
}