@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root{
    --main-color: #fe5f55;
    --text-head: #64748B;
    --text-body: #282E38;
    --btn-bg: #204887;
    --border-color: #DADEE3;
    /*--main-color: #F03A67;*/
}
body {
    font-family: "Poppins", sans-serif;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    margin: 0;
    background-color: #f4f4f4;
    color: var(--text-body);
}

.div-container {
    width: 80%;
    max-width: 648px;
    background-color: white;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin: 15px 0;
}

h1 {
    text-align: center;
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 0;
    margin-top: 16px;
}

button {
    display: block;
    margin: 20px auto;
    padding: 10px 20px;
    background-color: var(--main-color);
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.table-section-title {
    font-weight: 600;
    font-size: 18px;
    background-color: #FAFAFA;
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid var(--border-color);
    margin: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.table-section-title.location{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin: 0;
}
#PortalTable{
    margin-top: 0;
}
table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

th, td {
    padding: 8px;
    text-align: left;
    font-size: 12px;
  font-weight: 400;
  color: var(--text-body);
}

th {
    background-color: #FAFAFA;
}
thead th {
    font-weight: 600;
    font-size: 18px;
}
.items-wrapper tbody tr {
    border: 1px solid var(--border-color);
}
.items-wrapper tbody tr:first-child {
    border-top: 0px;
}
.status_head {
    text-align: center;
    width: 100px;
}
.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.loading-spinner {
    border: 8px solid #f3f3f3;
    border-top: 8px solid var(--main-color);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.status, thead tr th:last-child {
    text-align: center;
    position: relative;
    width: 17px;
}
td.status {
  vertical-align: middle;
}
.status::before {
    display: inline-block;
    text-align: center;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    font-size: 20px;
}

.status::after {
    content: attr(data-status);
    position: absolute;
    top: 0;
    left: 60%;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.6s  ease-in-out;
}
.status-icon{
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 0;
    position: relative;
    vertical-align: middle;
}
.status-icon.up {

    background-image: url('./up.svg');
  }
  
.status-icon.down {
    background-image: url('./down.svg');
  }
  .status-icon.na {
    background-image: url('./na.svg');
  }
.status-legend {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    font-size: 10px;
}
.status-legend .status-icon{
    width: 12px;
    height: 12px;
}
#lastUpdated {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color:var(--text-head);
    margin-top: 0 ;
}

.location-group {
    background-color: #EBF2FE;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    border-color: var(--border-color);
    border: 1px solid var(--border-color);
    border-top: 0px;    
}
.collapse-button {
    display: inline-block;
    margin-right: 5px;
    font-size: 1.2em;
    cursor: pointer;
    transition: transform 0.3s ease-in;
}
.collapse-button svg{
    height: 14px;
}
.collapsed.collapse-button {
    transform: rotate(180deg);
}
.items-wrapper {
    max-height: 1000px;
    overflow: hidden auto;
    transition: max-height 0.4s;
}
.collapsed .items-wrapper {
    max-height: 0;
}
.flag {
    display: inline-block;
    margin-right: 5px;
    font-size: 1.2em;
    margin-left: 15px;
}
.locationGroup-tbl {
    margin: 0;
}
.group-cell {
    padding:0;
}
.tabs {
    display: grid;
    margin-bottom: 20px;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    grid-template-columns: repeat(2,1fr);
    overflow: hidden;
}

.tab {
    padding: 10px 20px;
    cursor: pointer;
    font-weight: 600;
    font-size: 12px;
    transition: all 0.3s ease;
    text-align: center;
   
}

.tab.active {
    color:#fff;
    background-color: var(--btn-bg);
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}
#topbar-nav {
    display: flex;
    justify-content:center;
    align-items: center;
}
.site-logo {
    display: inline-block;
    width: 40px;
    height: 40px;
    overflow: hidden;
}
.icon-maintenance{
    transition: all 0.3s;
    transform: scale(0.6);
    display: inline-block;
    width: 50px;
    height: 50px;
    animation: ring 1s ease-in-out infinite;
    background-image: url("data:image/svg+xml;base64,IDxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCA0NTAuMDAwMDAwIDQ1MC4wMDAwMDAiICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4gIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDQ1MC4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiIGZpbGw9IiNmZTVmNTUiIHN0cm9rZT0ibm9uZSI+IDxwYXRoIGQ9Ik0zMTM0IDQwODUgYy00MiAtMTggLTY0IC01MSAtNjQgLTk4IDAgLTQ3IDI1IC03MyAxNTMgLTE2MCAyNjQgLTE4MCA0NzAgLTQ1MSA1OTMgLTc4MCAxOCAtNDkgNDAgLTk3IDUwIC0xMDggMzggLTQyIDEyNiAtMzIgMTYwIDE4IDI0IDM3IDE0IDk5IC0zNCAyMjMgLTEzNiAzNDUgLTM4NiA2NTIgLTY5NyA4NTYgLTkyIDYwIC0xMTggNjggLTE2MSA0OXoiLz4gPHBhdGggZD0iTTIxOTAgNDAyMSBjLTE5MiAtNjMgLTMwMCAtMjQ2IC0yNTYgLTQzNSA5IC0zOCAxNSAtNzAgMTQgLTcxIC0yIC0yIC0zMCAtMTQgLTYzIC0yOCAtNjkgLTI5IC0xODIgLTkxIC0yMDcgLTExNCAtNDIgLTM4IC0zOSAtMTI0IDUgLTE2MSAyOSAtMjQgODggLTI1IDEyNyAtMyAxNTEgODkgMjU3IDEyNyAzODkgMTQwIDE2MCAxNyAzMTkgLTExIDQ1OCAtODEgMTgzIC05MSAzMzQgLTI1MiA0MTQgLTQzOCA2MCAtMTQxIDYxIC0xNTUgNjkgLTU1NSA4IC00MDYgMTQgLTQ1OCA3NCAtNjE1IDQwIC0xMDggMTAxIC0yMTAgMTgyIC0zMTEgbDY1IC03OSAtMTE3MCAwIC0xMTcwIDAgNzQgOTMgYzQxIDUwIDg5IDEyMCAxMDYgMTU1IDMwIDU3IDMxIDY1IDIwIDEwMSAtMTQgNDcgLTUyIDc1IC0xMDIgNzUgLTQ3IDEgLTYxIC0xMiAtMTI0IC0xMDkgLTI4IC00NCAtNzUgLTEwNSAtMTAzIC0xMzcgLTI5IC0zMSAtNTkgLTcyIC02NyAtOTIgLTMyIC03NiAtMTAgLTE3OSA1MSAtMjQwIDYxIC02MSA2MSAtNjEgNTAyIC02NCBsNDAzIC0zIDEwIC0yOCBjNTEgLTE0NSAxODUgLTI1NyAzMzkgLTI4MSAxODEgLTI4IDM2NCA3MiA0NDMgMjQyIGwzMSA2NyA0MDEgMyBjNDM3IDMgNDM5IDMgNDk5IDY0IDQ1IDQ2IDY2IDk2IDY2IDE2MSAwIDY3IC0xNSA5NiAtMTAzIDE5OSAtODEgOTUgLTEzMyAxODcgLTE3MCAyOTYgbC0zMSA5MyAtNiAzNzUgYy04IDM5OSAtMTIgNDM5IC02NSA1OTYgLTkyIDI3NCAtMzIxIDUyNiAtNTgxIDYzOSAtNDEgMTggLTc3IDM1IC04MCAzNyAtMiAzIDMgMzQgMTIgNjkgNDIgMTYzIC00MCAzMzggLTE5MyA0MTQgLTQ5IDI0IC03MyAyOSAtMTQ4IDMyIC00OSAxIC0xMDEgLTEgLTExNSAtNnogbTE2OSAtMjE2IGM3NSAtMzggMTA2IC0xMjIgNzMgLTE5NyBsLTE5IC00MyAtMTE4IDAgYy0xMTUgMSAtMTE5IDIgLTEzOCAyNiAtMjUgMzQgLTI1IDEwOSAwIDE1MiA0MSA2OSAxMzMgOTggMjAyIDYyeiIvPiA8cGF0aCBkPSJNMzA1MSAzNjU0IGMtMTMgLTkgLTMwIC0zMiAtMzggLTUxIC0yMiAtNTQgLTUgLTg5IDc4IC0xNTggMTEzIC05NyAyMTQgLTIyNCAyOTggLTM3OCA0NSAtODIgNjIgLTk3IDExNCAtOTkgNDMgLTEgNzMgMTYgOTIgNTIgMjEgNDEgMTkgNjcgLTE0IDEzNyAtNzggMTY0IC0yNTAgMzczIC00MDUgNDkxIC0zNCAyNiAtOTIgMjkgLTEyNSA2eiIvPiA8cGF0aCBkPSJNOTk0IDMyNDcgYy0yMiAtMTkgLTI4IC0zNCAtMzIgLTc5IC00IC01MiAtNiAtNTUgLTM5IC02NyAtMzIgLTEyIC0zNyAtMTEgLTYxIDEyIC03NSA2OSAtMTA1IDYxIC0yMjYgLTYzIC04NiAtODcgLTk2IC0xMDEgLTk2IC0xMzQgMCAtMjcgOCAtNDUgMzQgLTczIGwzNCAtMzggLTE3IC0zNSBjLTEzIC0yOSAtMjIgLTM1IC01MSAtMzggLTEwNSAtOCAtMTIwIC0zMiAtMTIwIC0xOTUgMCAtNjggNSAtMTI4IDExIC0xNDAgMjAgLTM5IDUxIC01NyAxMDAgLTU3IDQ0IDAgNDcgLTIgNjEgLTM4IDE1IC0zOCAxNSAtMzkgLTE4IC03NSAtMjYgLTI4IC0zNCAtNDYgLTM0IC03MyAwIC0zMyAxMCAtNDcgOTkgLTEzNyA5MyAtOTUgMTAwIC0xMDAgMTQwIC0xMDAgMzQgMCA0OSA3IDc2IDMzIDMyIDMxIDM0IDMyIDY5IDE5IDMzIC0xMiAzNiAtMTYgMzYgLTUyIDAgLTQ0IDIyIC05MiA0OSAtMTA3IDExIC01IDgwIC0xMCAxNTUgLTEwIDEyNyAwIDEzNiAxIDE2MiAyMyAyMiAxOSAyOCAzNCAzMiA3OSA0IDUyIDYgNTUgMzkgNjcgMzIgMTIgMzcgMTEgNjEgLTEyIDcyIC02OSAxMTMgLTU4IDIyOSA2MCA4NiA4NiA5MyA5NiA5MyAxMzMgMCAzMCAtOCA0OCAtMzEgNzUgLTMwIDM0IC0zMSAzOCAtMjAgNzUgMTIgNDAgMTIgNDAgNjIgNDAgNDMgMCA1NSA1IDgwIDI5IGwyOSAyOSAwIDEzNyAwIDEzNyAtMjkgMjkgYy0yNCAyMyAtMzggMjkgLTc0IDI5IC00OCAwIC02MiAxMCAtNzIgNTMgLTYgMjIgLTEgMzQgMjQgNjIgMjQgMjcgMzEgNDUgMzEgNzYgMCAzNyAtNyA0NyAtODIgMTI0IC05NyAxMDAgLTEzNCAxMjIgLTE4MSAxMDYgLTE3IC03IC00MyAtMjMgLTU4IC0zNyAtMjYgLTI0IC0yOCAtMjUgLTYzIC0xMCAtMzQgMTQgLTM2IDE4IC0zNiA2MSAwIDM4IC01IDUyIC0yOSA3NiBsLTI5IDI5IC0xNDEgMCBjLTEzMiAwIC0xNDEgLTEgLTE2NyAtMjN6IG0yOTIgLTQ0MSBjNjEgLTI4IDExNSAtODIgMTQ2IC0xNDUgMzIgLTY1IDMzIC0xODcgMCAtMjUyIC01MCAtMTAyIC0xMzYgLTE1OSAtMjQ4IC0xNjcgLTkxIC02IC0xNTYgMTUgLTIxOCA2OSAtMTM0IDExOCAtMTM2IDMyNSAtNCA0NDQgNjAgNTQgMTEzIDczIDIwMyA3NCA1NCAxIDgyIC01IDEyMSAtMjN6Ii8+IDxwYXRoIGQ9Ik0yNDY2IDMwMTkgYy0zMCAtMjQgLTM0IC01OSAtOCAtODEgOSAtOSAzNyAtMjYgNjIgLTM4IDk2IC00OCAxOTQgLTE3MCAyMTQgLTI2NyAxMyAtNTcgNjAgLTc2IDEwMiAtNDAgMjcgMjQgMjggMjUgMTYgNzYgLTMxIDEzNCAtMTQ2IDI3NyAtMjcxIDMzOSAtNzYgMzggLTgwIDM4IC0xMTUgMTF6Ii8+IDxwYXRoIGQ9Ik0xNTYzIDk1NiBjLTMzIC0xNSAtNjMgLTYwIC02MyAtOTYgMCAtMTEgMTEgLTQ3IDI0IC04MCA3MyAtMTgwIDI5MSAtMzg1IDM4OSAtMzY2IDY1IDEzIDEwMyA4NCA3NyAxNDUgLTcgMTggLTM2IDQ1IC03NiA3MSAtNzggNTEgLTE0NiAxMzEgLTE5MSAyMjcgLTQ1IDk4IC05NCAxMjggLTE2MCA5OXoiLz4gPHBhdGggZD0iTTI5MzEgOTUyIGMtMjcgLTEzIC00NCAtMzUgLTc3IC0xMDIgLTUzIC0xMDUgLTk0IC0xNTQgLTE4NSAtMjIwIC04MCAtNTggLTk2IC04NyAtNzkgLTE0MyAxNCAtNDkgNjEgLTgwIDEwOSAtNzMgNzIgMTEgMjE0IDEyOCAyODYgMjM2IDQ5IDczIDk1IDE3NiA5NSAyMTAgMCAzNyAtMzAgODEgLTY1IDk2IC00MyAxOCAtNDMgMTggLTg0IC00eiIvPiA8L2c+IDwvc3ZnPiA=");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: 32px;

}
.icon-outage {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 27px;
    animation: beat 1s infinite ease-in-out;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: 32px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjwhLS0gQ3JlYXRvcjogQ29yZWxEUkFXIDIwMjEgKDY0LUJpdCkgLS0+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMjhweCIgdmVyc2lvbj0iMS4wIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgdGV4dC1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIg0Kdmlld0JveD0iMCAwIDYuMyA1LjUiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQogeG1sbnM6eG9kbT0iaHR0cDovL3d3dy5jb3JlbC5jb20vY29yZWxkcmF3L29kbS8yMDAzIj4NCiA8ZyBpZD0iTGF5ZXJfeDAwMjBfMSI+DQogIDxtZXRhZGF0YSBpZD0iQ29yZWxDb3JwSURfMENvcmVsLUxheWVyIi8+DQogIDxwYXRoIGZpbGw9IiNGRkYyMTIiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTMuMDkgMC4wMWMtMC4wNSwwLjAyIC0wLjA1LDAuMDMgLTAuMjIsMC4zMSAtMC4wMywwLjA2IC0wLjA5LDAuMTcgLTAuMTMsMC4yNCAtMC4wNSwwLjA4IC0wLjA5LDAuMTYgLTAuMSwwLjE3IC0wLjAxLDAuMDIgLTAuMDQsMC4wNyAtMC4wNywwLjExIC0wLjAyLDAuMDUgLTAuMDYsMC4xMiAtMC4wOCwwLjE2IC0wLjAzLDAuMDMgLTAuMDUsMC4wNyAtMC4wNSwwLjA4IC0wLjA1LDAuMDggLTAuMzYsMC42MSAtMC4zNywwLjY0IC0wLjA0LDAuMDYgLTAuMTksMC4zMyAtMC4yOCwwLjQ5IC0wLjE1LDAuMjYgLTAuNCwwLjY5IC0wLjUyLDAuODkgLTAuMDQsMC4wNyAtMC4wOCwwLjE0IC0wLjA4LDAuMTQgMCwwLjAxIC0wLjA1LDAuMDkgLTAuMSwwLjE4IC0wLjA1LDAuMDkgLTAuMTEsMC4xOCAtMC4xMiwwLjE5IDAsMC4wMiAtMC4wNCwwLjA4IC0wLjA3LDAuMTQgLTAuMDQsMC4wNiAtMC4wOSwwLjE0IC0wLjExLDAuMTggLTAuMDIsMC4wNCAtMC4wOCwwLjE0IC0wLjEyLDAuMjIgLTAuMjksMC40OSAtMC4zMywwLjU2IC0wLjUyLDAuOSAtMC4wNywwLjEyIC0wLjEzLDAuMjIgLTAuMTQsMC4yNCAtMC4wMSwwLjAzIC0wLjAxLDAuMDkgMCwwLjEyIDAuMDEsMC4wMyAwLjA0LDAuMDYgMC4wNywwLjA4bDAuMDMgMC4wMSAzLjAzIDAgMy4wMyAwIDAuMDMgLTAuMDFjMC4wNiwtMC4wMiAwLjEsLTAuMDcgMC4xLC0wLjEzIDAsLTAuMDEgMCwtMC4wMyAwLC0wLjA1IC0wLjAxLC0wLjAyIC0wLjA2LC0wLjExIC0wLjE3LC0wLjMxIC0wLjA3LC0wLjExIC0wLjE1LC0wLjI2IC0wLjIzLC0wLjQgLTAuMDUsLTAuMDcgLTAuMDksLTAuMTYgLTAuMTEsLTAuMTkgLTAuMDYsLTAuMDkgLTAuMTQsLTAuMjQgLTAuMTYsLTAuMjcgLTAuMDEsLTAuMDIgLTAuMDUsLTAuMDggLTAuMDgsLTAuMTUgLTAuMTMsLTAuMjEgLTAuMTQsLTAuMjMgLTAuMjUsLTAuNDMgLTAuMTQsLTAuMjQgLTAuMzMsLTAuNTcgLTAuMzksLTAuNjcgLTAuMDIsLTAuMDMgLTAuMDYsLTAuMSAtMC4wOSwtMC4xNSAtMC4wMywtMC4wNSAtMC4xMSwtMC4xOSAtMC4xOCwtMC4zMiAtMC4wOCwtMC4xMyAtMC4xOCwtMC4zMSAtMC4yNCwtMC40MiAtMC4wNiwtMC4xIC0wLjE0LC0wLjI0IC0wLjE3LC0wLjI5IC0wLjA0LC0wLjA2IC0wLjEsLTAuMTcgLTAuMTQsLTAuMjMgLTAuMSwtMC4xOCAtMC4xMywtMC4yNCAtMC4xOCwtMC4zMyAtMC4wOSwtMC4xNCAtMC4yMSwtMC4zNSAtMC4yMywtMC4zOSAtMC4wMSwtMC4wMiAtMC4wMywtMC4wNiAtMC4wNSwtMC4wOCAtMC4wMSwtMC4wMiAtMC4wMywtMC4wNSAtMC4wNCwtMC4wOCAtMC4wMSwtMC4wMiAtMC4wNywtMC4xMiAtMC4xMywtMC4yMyAtMC4wNiwtMC4xIC0wLjEzLC0wLjIxIC0wLjE1LC0wLjI0IC0wLjA1LC0wLjEgLTAuMDksLTAuMTMgLTAuMTYsLTAuMTMgLTAuMDMsMCAtMC4wNSwwIC0wLjA2LDAuMDFsMCAweiIvPg0KICA8cGF0aCBmaWxsPSJibGFjayIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMy42OSAyLjU2Yy0wLjAyLDAuMDMgLTAuMDMsMC4wNSAtMC4wNCwwLjA2IDAsMCAwLjAxLDAuMDEgMC4wNCwwLjAzIDAuMjksMC4xNyAwLjQ4LDAuNDUgMC41MywwLjc4IDAuMDEsMC4wOCAwLjAxLDAuMjIgMCwwLjMgLTAuMDQsMC4yMiAtMC4xMywwLjQzIC0wLjI5LDAuNTkgLTAuMTYsMC4xNyAtMC4zNiwwLjI4IC0wLjYxLDAuMzIgLTAuMDQsMC4wMSAtMC4wNywwLjAxIC0wLjE3LDAuMDEgLTAuMTIsMCAtMC4xNCwwIC0wLjIsLTAuMDEgLTAuMDQsLTAuMDEgLTAuMDcsLTAuMDIgLTAuMDcsLTAuMDIgLTAuMDgsMC4wOSAtMC4wOSwwLjEyIC0wLjA5LDAuMTIgMC4wMiwwLjAxIDAuMTEsMC4wMyAwLjE3LDAuMDQgMC4xMSwwLjAyIDAuMjgsMC4wMiAwLjM5LDAgMC4xNywtMC4wMyAwLjMsLTAuMDggMC40NiwtMC4xOCAwLjAzLC0wLjAxIDAuMTEsLTAuMDggMC4xNiwtMC4xMSAwLjE2LC0wLjE1IDAuMywtMC4zOCAwLjM2LC0wLjYgMC4xMiwtMC40OSAtMC4wNSwtMC45OSAtMC40NSwtMS4yOSAtMC4wNSwtMC4wMyAtMC4xNCwtMC4wOSAtMC4xNSwtMC4wOSAtMC4wMSwwIC0wLjAyLDAuMDIgLTAuMDQsMC4wNWwwIDB6bS0wLjcyIC0wLjE5Yy0wLjI3LDAuMDUgLTAuNSwwLjE2IC0wLjY4LDAuMzUgLTAuMSwwLjEgLTAuMTcsMC4xOSAtMC4yMywwLjMxIC0wLjA5LDAuMTggLTAuMTMsMC4zNSAtMC4xMywwLjU1IDAsMC4yOSAwLjEsMC41NSAwLjI5LDAuNzggMC4wNiwwLjA4IDAuMTcsMC4xOCAwLjI1LDAuMjMgMC4wMSwwLjAxIDAuMDMsMC4wMiAwLjA0LDAuMDMgMC4wNSwwLjAzIDAuMTMsMC4wNyAwLjEzLDAuMDYgMCwtMC4wMSAwLjA0LC0wLjEyIDAuMDQsLTAuMTMgMCwwIC0wLjAxLC0wLjAxIC0wLjAzLC0wLjAyIC0wLjE1LC0wLjA3IC0wLjMxLC0wLjIyIC0wLjQsLTAuMzYgLTAuMDEsLTAuMDIgLTAuMDMsLTAuMDUgLTAuMDQsLTAuMDYgLTAuMDUsLTAuMDggLTAuMTEsLTAuMjcgLTAuMTMsLTAuNDEgLTAuMDEsLTAuMDYgMCwtMC4xOSAwLC0wLjI2IDAuMDYsLTAuNDUgMC40LC0wLjgyIDAuODUsLTAuOTEgMC4wMywtMC4wMSAwLjA1LC0wLjAxIDAuMDUsLTAuMDIgMCwwIDAuMDIsLTAuMDMgMC4wNCwtMC4wNyAwLjA1LC0wLjA5IDAuMDUsLTAuMDggLTAuMDUsLTAuMDdsMCAwem0wLjIzIC0wLjEzYy0wLjAxLDAgLTAuMDEsMC4wMSAtMC4xNywwLjM0IC0wLjA2LDAuMTIgLTAuMTQsMC4yNyAtMC4xOCwwLjM0IC0wLjAzLDAuMDYgLTAuMSwwLjIgLTAuMTUsMC4yOSAtMC4wNSwwLjEgLTAuMTEsMC4yMyAtMC4xNSwwLjI5IC0wLjAzLDAuMDcgLTAuMDYsMC4xMiAtMC4wNiwwLjEzIDAsMCAwLjEsMCAwLjI5LDAgMC4yNywwIDAuMjgsMCAwLjI4LDAuMDEgMCwwLjAxIC0wLjAyLDAuMDQgLTAuMDMsMC4wNyAtMC4wMiwwLjA2IC0wLjExLDAuMzIgLTAuMiwwLjU5IC0wLjAzLDAuMDggLTAuMDksMC4yMyAtMC4xMiwwLjMzIC0wLjA0LDAuMTEgLTAuMDcsMC4yIC0wLjA4LDAuMjIgMCwwLjAxIDAsMC4wMiAwLDAuMDIgMCwwIDAuMDMsLTAuMDQgMC4yLC0wLjI2IDAuMDMsLTAuMDQgMC4wOSwtMC4xMSAwLjEzLC0wLjE1IDAuMDMsLTAuMDUgMC4wOCwtMC4xMSAwLjEsLTAuMTQgMC4wMywtMC4wMyAwLjA4LC0wLjEgMC4xMywtMC4xNiAwLjA1LC0wLjA2IDAuMTIsLTAuMTUgMC4xNSwtMC4xOSAwLjEyLC0wLjE2IDAuMzksLTAuNDkgMC40MywtMC41NCAwLjEsLTAuMTMgMC4xMiwtMC4xNSAwLjEyLC0wLjE1IDAsLTAuMDEgLTAuMTYsLTAuMDEgLTAuMzUsLTAuMDEgLTAuMiwwIC0wLjM1LDAgLTAuMzUsMCAwLDAgMC4xMywtMC4yMiAwLjE3LC0wLjI5IDAuMDIsLTAuMDIgMC4wMywtMC4wNCAwLjAzLC0wLjA0IDAsMCAwLjAxLC0wLjAyIDAuMDIsLTAuMDUgMC4wMiwtMC4wMiAwLjA1LC0wLjA3IDAuMDgsLTAuMTIgMC4wMiwtMC4wNCAwLjA4LC0wLjEzIDAuMTIsLTAuMiAwLjA0LC0wLjA3IDAuMSwtMC4xNiAwLjEyLC0wLjIxIDAuMDMsLTAuMDQgMC4wNiwtMC4wOSAwLjA2LC0wLjEgMC4wMSwwIDAuMDIsLTAuMDEgMC4wMiwtMC4wMiAwLDAgLTAuNiwwIC0wLjYxLDBsMCAwem0tMC4xMSAtMS43NmMtMC4wNCwwLjAyIC0wLjA0LDAuMDIgLTAuMTgsMC4yNyAtMC4wMywwLjA1IC0wLjA4LDAuMTQgLTAuMTIsMC4yMSAtMC4wNCwwLjA3IC0wLjA4LDAuMTMgLTAuMDgsMC4xNCAtMC4wMSwwLjAyIC0wLjA0LDAuMDYgLTAuMDYsMC4xIC0wLjAyLDAuMDQgLTAuMDYsMC4xIC0wLjA4LDAuMTMgLTAuMDEsMC4wNCAtMC4wMywwLjA3IC0wLjA0LDAuMDggLTAuMDQsMC4wNyAtMC4zMSwwLjUzIC0wLjMyLDAuNTYgLTAuMDMsMC4wNSAtMC4xNiwwLjI4IC0wLjI0LDAuNDEgLTAuMTMsMC4yMyAtMC4zNSwwLjYxIC0wLjQ1LDAuNzggLTAuMDQsMC4wNiAtMC4wNywwLjEyIC0wLjA3LDAuMTMgLTAuMDEsMCAtMC4wNCwwLjA3IC0wLjA5LDAuMTUgLTAuMDUsMC4wOCAtMC4wOSwwLjE1IC0wLjEsMC4xNyAtMC4wMSwwLjAxIC0wLjA0LDAuMDYgLTAuMDcsMC4xMiAtMC4wMywwLjA1IC0wLjA3LDAuMTIgLTAuMDksMC4xNSAtMC4wMiwwLjAzIC0wLjA3LDAuMTIgLTAuMTEsMC4xOSAtMC4yNCwwLjQzIC0wLjI4LDAuNDkgLTAuNDUsMC43OCAtMC4wNiwwLjEgLTAuMTEsMC4yIC0wLjExLDAuMjEgLTAuMDIsMC4wMiAtMC4wMiwwLjA4IC0wLjAxLDAuMTEgMC4wMSwwLjAyIDAuMDQsMC4wNSAwLjA3LDAuMDZsMC4wMiAwLjAxIDIuNjMgMCAyLjYzIDAuMDEgMC4wMyAtMC4wMmMwLjA1LC0wLjAxIDAuMDgsLTAuMDUgMC4wOSwtMC4xIDAsLTAuMDIgMCwtMC4wNCAtMC4wMSwtMC4wNSAwLC0wLjAyIC0wLjA0LC0wLjA5IC0wLjE1LC0wLjI3IC0wLjA1LC0wLjEgLTAuMTMsLTAuMjMgLTAuMTksLTAuMzQgLTAuMDQsLTAuMDcgLTAuMDgsLTAuMTQgLTAuMSwtMC4xNyAtMC4wNSwtMC4wOCAtMC4xMiwtMC4yMSAtMC4xNCwtMC4yNCAtMC4wMSwtMC4wMSAtMC4wNCwtMC4wNyAtMC4wNywtMC4xMiAtMC4xMSwtMC4xOSAtMC4xMiwtMC4yIC0wLjIyLC0wLjM4IC0wLjEyLC0wLjIxIC0wLjI4LC0wLjUgLTAuMzMsLTAuNTggLTAuMDIsLTAuMDMgLTAuMDYsLTAuMDkgLTAuMDgsLTAuMTMgLTAuMDIsLTAuMDQgLTAuMDksLTAuMTcgLTAuMTYsLTAuMjggLTAuMDYsLTAuMTEgLTAuMTYsLTAuMjcgLTAuMjEsLTAuMzYgLTAuMDUsLTAuMDkgLTAuMTIsLTAuMjEgLTAuMTUsLTAuMjYgLTAuMDMsLTAuMDUgLTAuMDgsLTAuMTQgLTAuMTEsLTAuMiAtMC4wOSwtMC4xNSAtMC4xMiwtMC4yIC0wLjE2LC0wLjI4IC0wLjA3LC0wLjEyIC0wLjE4LC0wLjMgLTAuMiwtMC4zNCAtMC4wMSwtMC4wMiAtMC4wMywtMC4wNSAtMC4wNCwtMC4wNyAtMC4wMSwtMC4wMiAtMC4wMywtMC4wNSAtMC4wNCwtMC4wNyAtMC4wMSwtMC4wMiAtMC4wNiwtMC4xMSAtMC4xMSwtMC4yIC0wLjA2LC0wLjA5IC0wLjExLC0wLjE4IC0wLjEzLC0wLjIxIC0wLjA1LC0wLjA5IC0wLjA4LC0wLjExIC0wLjE0LC0wLjExIC0wLjAyLDAgLTAuMDQsMCAtMC4wNiwwLjAxbDAgMHptMC4wOCAwLjMyYzAuMDEsMCAwLjAzLDAuMDQgMC4xNCwwLjIzIDAuMDQsMC4wNiAwLjEsMC4xNyAwLjE0LDAuMjQgMC4wNCwwLjA3IDAuMTEsMC4xOCAwLjE0LDAuMjUgMC4wNCwwLjA2IDAuMDksMC4xNSAwLjEyLDAuMiAwLjAzLDAuMDUgMC4wOSwwLjE2IDAuMTQsMC4yNCAwLjA1LDAuMDggMC4xLDAuMTggMC4xMiwwLjIxIDAuMDYsMC4wOSAwLjEyLDAuMiAwLjE1LDAuMjUgMC4wMSwwLjAzIDAuMDQsMC4wOCAwLjA2LDAuMTIgMC4wMywwLjA0IDAuMDUsMC4wOSAwLjA3LDAuMTEgMC4wMSwwLjAyIDAuMDIsMC4wMyAwLjAyLDAuMDQgMCwwIDAuMDEsMC4wMiAwLjAyLDAuMDMgMC4wMSwwLjAyIDAuMDcsMC4xMSAwLjEyLDAuMjIgMC4xMiwwLjIgMC4yMiwwLjM3IDAuMywwLjUgMC4wMiwwLjA1IDAuMDYsMC4xMSAwLjA4LDAuMTQgMC4wMSwwLjAzIDAuMDUsMC4wOSAwLjA4LDAuMTQgMC4wMywwLjA1IDAuMDYsMC4xMSAwLjA3LDAuMTIgMC4wMSwwLjAyIDAuMDYsMC4xMSAwLjExLDAuMTkgMC4wNSwwLjA5IDAuMTEsMC4xOSAwLjEzLDAuMjQgMC4wMywwLjA0IDAuMDgsMC4xMyAwLjEyLDAuMiAwLjA0LDAuMDcgMC4wOSwwLjE1IDAuMTEsMC4xOSAwLjE2LDAuMjcgMC4xOCwwLjMyIDAuMTgsMC4zMyAwLDAuMDEgMCwwLjAyIC0wLjAxLDAuMDNsLTAuMDIgMC4wMiAtMi40MSAwIC0yLjQxIDAgLTAuMDIgLTAuMDJjLTAuMDEsMCAtMC4wMSwtMC4wMiAtMC4wMSwtMC4wMiAwLC0wLjAyIDAuMTEsLTAuMjIgMC4yMywtMC40MyAwLjAyLC0wLjAzIDAuMDYsLTAuMSAwLjA5LC0wLjE1IDAuMDUsLTAuMDkgMC4xNiwtMC4yNyAwLjE5LC0wLjMzIDAuMDMsLTAuMDUgMC4xNywtMC4yOSAwLjI1LC0wLjQyIDAuMDMsLTAuMDcgMC4wOCwtMC4xNiAwLjEsLTAuMTkgMC4wOCwtMC4xMyAwLjIyLC0wLjM4IDAuMjgsLTAuNDggMC4wMywtMC4wNiAwLjA5LC0wLjE1IDAuMTIsLTAuMjEgMC4wMywtMC4wNSAwLjA2LC0wLjEgMC4wNiwtMC4xIDAsMCAwLjAxLC0wLjAzIDAuMDMsLTAuMDUgMC4wMywtMC4wNiAwLjE3LC0wLjI5IDAuMzYsLTAuNjMgMC4wNiwtMC4xIDAuMTMsLTAuMjIgMC4yNiwtMC40NSAwLjA2LC0wLjEgMC4xNSwtMC4yNiAwLjIsLTAuMzQgMC4wNCwtMC4wOCAwLjA5LC0wLjE2IDAuMTEsLTAuMTkgMC4wMSwtMC4wMiAwLjAzLC0wLjA1IDAuMDMsLTAuMDYgMC4xLC0wLjE3IDAuMTEsLTAuMTkgMC4xNSwtMC4xN2wwIDB6Ii8+DQogPC9nPg0KPC9zdmc+DQo=");
}
.icon-outage-red {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 45px;
    animation: beat 0.6s infinite ease-in-out;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: 50px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIyOHB4IiB2ZXJzaW9uPSIxLjAiIHNoYXBlLXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiB0ZXh0LXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiBpbWFnZS1yZW5kZXJpbmc9Im9wdGltaXplUXVhbGl0eSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNi4zIDUuNSINCiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayINCiB4bWxuczp4b2RtPSJodHRwOi8vd3d3LmNvcmVsLmNvbS9jb3JlbGRyYXcvb2RtLzIwMDMiPg0KIDxnIGlkPSJMYXllcl94MDAyMF8xIj4NCiAgPG1ldGFkYXRhIGlkPSJDb3JlbENvcnBJRF8wQ29yZWwtTGF5ZXIiLz4NCiAgPHBhdGggZmlsbD0icmVkIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zLjA5IDAuMDFjLTAuMDUsMC4wMiAtMC4wNSwwLjAzIC0wLjIyLDAuMzEgLTAuMDMsMC4wNiAtMC4wOSwwLjE3IC0wLjEzLDAuMjQgLTAuMDUsMC4wOCAtMC4wOSwwLjE2IC0wLjEsMC4xNyAtMC4wMSwwLjAyIC0wLjA0LDAuMDcgLTAuMDcsMC4xMSAtMC4wMiwwLjA1IC0wLjA2LDAuMTIgLTAuMDgsMC4xNiAtMC4wMywwLjAzIC0wLjA1LDAuMDcgLTAuMDUsMC4wOCAtMC4wNSwwLjA4IC0wLjM2LDAuNjEgLTAuMzcsMC42NCAtMC4wNCwwLjA2IC0wLjE5LDAuMzMgLTAuMjgsMC40OSAtMC4xNSwwLjI2IC0wLjQsMC42OSAtMC41MiwwLjg5IC0wLjA0LDAuMDcgLTAuMDgsMC4xNCAtMC4wOCwwLjE0IDAsMC4wMSAtMC4wNSwwLjA5IC0wLjEsMC4xOCAtMC4wNSwwLjA5IC0wLjExLDAuMTggLTAuMTIsMC4xOSAwLDAuMDIgLTAuMDQsMC4wOCAtMC4wNywwLjE0IC0wLjA0LDAuMDYgLTAuMDksMC4xNCAtMC4xMSwwLjE4IC0wLjAyLDAuMDQgLTAuMDgsMC4xNCAtMC4xMiwwLjIyIC0wLjI5LDAuNDkgLTAuMzMsMC41NiAtMC41MiwwLjkgLTAuMDcsMC4xMiAtMC4xMywwLjIyIC0wLjE0LDAuMjQgLTAuMDEsMC4wMyAtMC4wMSwwLjA5IDAsMC4xMiAwLjAxLDAuMDMgMC4wNCwwLjA2IDAuMDcsMC4wOGwwLjAzIDAuMDEgMy4wMyAwIDMuMDMgMCAwLjAzIC0wLjAxYzAuMDYsLTAuMDIgMC4xLC0wLjA3IDAuMSwtMC4xMyAwLC0wLjAxIDAsLTAuMDMgMCwtMC4wNSAtMC4wMSwtMC4wMiAtMC4wNiwtMC4xMSAtMC4xNywtMC4zMSAtMC4wNywtMC4xMSAtMC4xNSwtMC4yNiAtMC4yMywtMC40IC0wLjA1LC0wLjA3IC0wLjA5LC0wLjE2IC0wLjExLC0wLjE5IC0wLjA2LC0wLjA5IC0wLjE0LC0wLjI0IC0wLjE2LC0wLjI3IC0wLjAxLC0wLjAyIC0wLjA1LC0wLjA4IC0wLjA4LC0wLjE1IC0wLjEzLC0wLjIxIC0wLjE0LC0wLjIzIC0wLjI1LC0wLjQzIC0wLjE0LC0wLjI0IC0wLjMzLC0wLjU3IC0wLjM5LC0wLjY3IC0wLjAyLC0wLjAzIC0wLjA2LC0wLjEgLTAuMDksLTAuMTUgLTAuMDMsLTAuMDUgLTAuMTEsLTAuMTkgLTAuMTgsLTAuMzIgLTAuMDgsLTAuMTMgLTAuMTgsLTAuMzEgLTAuMjQsLTAuNDIgLTAuMDYsLTAuMSAtMC4xNCwtMC4yNCAtMC4xNywtMC4yOSAtMC4wNCwtMC4wNiAtMC4xLC0wLjE3IC0wLjE0LC0wLjIzIC0wLjEsLTAuMTggLTAuMTMsLTAuMjQgLTAuMTgsLTAuMzMgLTAuMDksLTAuMTQgLTAuMjEsLTAuMzUgLTAuMjMsLTAuMzkgLTAuMDEsLTAuMDIgLTAuMDMsLTAuMDYgLTAuMDUsLTAuMDggLTAuMDEsLTAuMDIgLTAuMDMsLTAuMDUgLTAuMDQsLTAuMDggLTAuMDEsLTAuMDIgLTAuMDcsLTAuMTIgLTAuMTMsLTAuMjMgLTAuMDYsLTAuMSAtMC4xMywtMC4yMSAtMC4xNSwtMC4yNCAtMC4wNSwtMC4xIC0wLjA5LC0wLjEzIC0wLjE2LC0wLjEzIC0wLjAzLDAgLTAuMDUsMCAtMC4wNiwwLjAxbDAgMHoiLz4NCiAgPHBhdGggZmlsbD0iI0ZGRjIxMiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMy42OSAyLjU2Yy0wLjAyLDAuMDMgLTAuMDMsMC4wNSAtMC4wNCwwLjA2IDAsMCAwLjAxLDAuMDEgMC4wNCwwLjAzIDAuMjksMC4xNyAwLjQ4LDAuNDUgMC41MywwLjc4IDAuMDEsMC4wOCAwLjAxLDAuMjIgMCwwLjMgLTAuMDQsMC4yMiAtMC4xMywwLjQzIC0wLjI5LDAuNTkgLTAuMTYsMC4xNyAtMC4zNiwwLjI4IC0wLjYxLDAuMzIgLTAuMDQsMC4wMSAtMC4wNywwLjAxIC0wLjE3LDAuMDEgLTAuMTIsMCAtMC4xNCwwIC0wLjIsLTAuMDEgLTAuMDQsLTAuMDEgLTAuMDcsLTAuMDIgLTAuMDcsLTAuMDIgLTAuMDgsMC4wOSAtMC4wOSwwLjEyIC0wLjA5LDAuMTIgMC4wMiwwLjAxIDAuMTEsMC4wMyAwLjE3LDAuMDQgMC4xMSwwLjAyIDAuMjgsMC4wMiAwLjM5LDAgMC4xNywtMC4wMyAwLjMsLTAuMDggMC40NiwtMC4xOCAwLjAzLC0wLjAxIDAuMTEsLTAuMDggMC4xNiwtMC4xMSAwLjE2LC0wLjE1IDAuMywtMC4zOCAwLjM2LC0wLjYgMC4xMiwtMC40OSAtMC4wNSwtMC45OSAtMC40NSwtMS4yOSAtMC4wNSwtMC4wMyAtMC4xNCwtMC4wOSAtMC4xNSwtMC4wOSAtMC4wMSwwIC0wLjAyLDAuMDIgLTAuMDQsMC4wNWwwIDB6bS0wLjcyIC0wLjE5Yy0wLjI3LDAuMDUgLTAuNSwwLjE2IC0wLjY4LDAuMzUgLTAuMSwwLjEgLTAuMTcsMC4xOSAtMC4yMywwLjMxIC0wLjA5LDAuMTggLTAuMTMsMC4zNSAtMC4xMywwLjU1IDAsMC4yOSAwLjEsMC41NSAwLjI5LDAuNzggMC4wNiwwLjA4IDAuMTcsMC4xOCAwLjI1LDAuMjMgMC4wMSwwLjAxIDAuMDMsMC4wMiAwLjA0LDAuMDMgMC4wNSwwLjAzIDAuMTMsMC4wNyAwLjEzLDAuMDYgMCwtMC4wMSAwLjA0LC0wLjEyIDAuMDQsLTAuMTMgMCwwIC0wLjAxLC0wLjAxIC0wLjAzLC0wLjAyIC0wLjE1LC0wLjA3IC0wLjMxLC0wLjIyIC0wLjQsLTAuMzYgLTAuMDEsLTAuMDIgLTAuMDMsLTAuMDUgLTAuMDQsLTAuMDYgLTAuMDUsLTAuMDggLTAuMTEsLTAuMjcgLTAuMTMsLTAuNDEgLTAuMDEsLTAuMDYgMCwtMC4xOSAwLC0wLjI2IDAuMDYsLTAuNDUgMC40LC0wLjgyIDAuODUsLTAuOTEgMC4wMywtMC4wMSAwLjA1LC0wLjAxIDAuMDUsLTAuMDIgMCwwIDAuMDIsLTAuMDMgMC4wNCwtMC4wNyAwLjA1LC0wLjA5IDAuMDUsLTAuMDggLTAuMDUsLTAuMDdsMCAwem0wLjIzIC0wLjEzYy0wLjAxLDAgLTAuMDEsMC4wMSAtMC4xNywwLjM0IC0wLjA2LDAuMTIgLTAuMTQsMC4yNyAtMC4xOCwwLjM0IC0wLjAzLDAuMDYgLTAuMSwwLjIgLTAuMTUsMC4yOSAtMC4wNSwwLjEgLTAuMTEsMC4yMyAtMC4xNSwwLjI5IC0wLjAzLDAuMDcgLTAuMDYsMC4xMiAtMC4wNiwwLjEzIDAsMCAwLjEsMCAwLjI5LDAgMC4yNywwIDAuMjgsMCAwLjI4LDAuMDEgMCwwLjAxIC0wLjAyLDAuMDQgLTAuMDMsMC4wNyAtMC4wMiwwLjA2IC0wLjExLDAuMzIgLTAuMiwwLjU5IC0wLjAzLDAuMDggLTAuMDksMC4yMyAtMC4xMiwwLjMzIC0wLjA0LDAuMTEgLTAuMDcsMC4yIC0wLjA4LDAuMjIgMCwwLjAxIDAsMC4wMiAwLDAuMDIgMCwwIDAuMDMsLTAuMDQgMC4yLC0wLjI2IDAuMDMsLTAuMDQgMC4wOSwtMC4xMSAwLjEzLC0wLjE1IDAuMDMsLTAuMDUgMC4wOCwtMC4xMSAwLjEsLTAuMTQgMC4wMywtMC4wMyAwLjA4LC0wLjEgMC4xMywtMC4xNiAwLjA1LC0wLjA2IDAuMTIsLTAuMTUgMC4xNSwtMC4xOSAwLjEyLC0wLjE2IDAuMzksLTAuNDkgMC40MywtMC41NCAwLjEsLTAuMTMgMC4xMiwtMC4xNSAwLjEyLC0wLjE1IDAsLTAuMDEgLTAuMTYsLTAuMDEgLTAuMzUsLTAuMDEgLTAuMiwwIC0wLjM1LDAgLTAuMzUsMCAwLDAgMC4xMywtMC4yMiAwLjE3LC0wLjI5IDAuMDIsLTAuMDIgMC4wMywtMC4wNCAwLjAzLC0wLjA0IDAsMCAwLjAxLC0wLjAyIDAuMDIsLTAuMDUgMC4wMiwtMC4wMiAwLjA1LC0wLjA3IDAuMDgsLTAuMTIgMC4wMiwtMC4wNCAwLjA4LC0wLjEzIDAuMTIsLTAuMiAwLjA0LC0wLjA3IDAuMSwtMC4xNiAwLjEyLC0wLjIxIDAuMDMsLTAuMDQgMC4wNiwtMC4wOSAwLjA2LC0wLjEgMC4wMSwwIDAuMDIsLTAuMDEgMC4wMiwtMC4wMiAwLDAgLTAuNiwwIC0wLjYxLDBsMCAwem0tMC4xMSAtMS43NmMtMC4wNCwwLjAyIC0wLjA0LDAuMDIgLTAuMTgsMC4yNyAtMC4wMywwLjA1IC0wLjA4LDAuMTQgLTAuMTIsMC4yMSAtMC4wNCwwLjA3IC0wLjA4LDAuMTMgLTAuMDgsMC4xNCAtMC4wMSwwLjAyIC0wLjA0LDAuMDYgLTAuMDYsMC4xIC0wLjAyLDAuMDQgLTAuMDYsMC4xIC0wLjA4LDAuMTMgLTAuMDEsMC4wNCAtMC4wMywwLjA3IC0wLjA0LDAuMDggLTAuMDQsMC4wNyAtMC4zMSwwLjUzIC0wLjMyLDAuNTYgLTAuMDMsMC4wNSAtMC4xNiwwLjI4IC0wLjI0LDAuNDEgLTAuMTMsMC4yMyAtMC4zNSwwLjYxIC0wLjQ1LDAuNzggLTAuMDQsMC4wNiAtMC4wNywwLjEyIC0wLjA3LDAuMTMgLTAuMDEsMCAtMC4wNCwwLjA3IC0wLjA5LDAuMTUgLTAuMDUsMC4wOCAtMC4wOSwwLjE1IC0wLjEsMC4xNyAtMC4wMSwwLjAxIC0wLjA0LDAuMDYgLTAuMDcsMC4xMiAtMC4wMywwLjA1IC0wLjA3LDAuMTIgLTAuMDksMC4xNSAtMC4wMiwwLjAzIC0wLjA3LDAuMTIgLTAuMTEsMC4xOSAtMC4yNCwwLjQzIC0wLjI4LDAuNDkgLTAuNDUsMC43OCAtMC4wNiwwLjEgLTAuMTEsMC4yIC0wLjExLDAuMjEgLTAuMDIsMC4wMiAtMC4wMiwwLjA4IC0wLjAxLDAuMTEgMC4wMSwwLjAyIDAuMDQsMC4wNSAwLjA3LDAuMDZsMC4wMiAwLjAxIDIuNjMgMCAyLjYzIDAuMDEgMC4wMyAtMC4wMmMwLjA1LC0wLjAxIDAuMDgsLTAuMDUgMC4wOSwtMC4xIDAsLTAuMDIgMCwtMC4wNCAtMC4wMSwtMC4wNSAwLC0wLjAyIC0wLjA0LC0wLjA5IC0wLjE1LC0wLjI3IC0wLjA1LC0wLjEgLTAuMTMsLTAuMjMgLTAuMTksLTAuMzQgLTAuMDQsLTAuMDcgLTAuMDgsLTAuMTQgLTAuMSwtMC4xNyAtMC4wNSwtMC4wOCAtMC4xMiwtMC4yMSAtMC4xNCwtMC4yNCAtMC4wMSwtMC4wMSAtMC4wNCwtMC4wNyAtMC4wNywtMC4xMiAtMC4xMSwtMC4xOSAtMC4xMiwtMC4yIC0wLjIyLC0wLjM4IC0wLjEyLC0wLjIxIC0wLjI4LC0wLjUgLTAuMzMsLTAuNTggLTAuMDIsLTAuMDMgLTAuMDYsLTAuMDkgLTAuMDgsLTAuMTMgLTAuMDIsLTAuMDQgLTAuMDksLTAuMTcgLTAuMTYsLTAuMjggLTAuMDYsLTAuMTEgLTAuMTYsLTAuMjcgLTAuMjEsLTAuMzYgLTAuMDUsLTAuMDkgLTAuMTIsLTAuMjEgLTAuMTUsLTAuMjYgLTAuMDMsLTAuMDUgLTAuMDgsLTAuMTQgLTAuMTEsLTAuMiAtMC4wOSwtMC4xNSAtMC4xMiwtMC4yIC0wLjE2LC0wLjI4IC0wLjA3LC0wLjEyIC0wLjE4LC0wLjMgLTAuMiwtMC4zNCAtMC4wMSwtMC4wMiAtMC4wMywtMC4wNSAtMC4wNCwtMC4wNyAtMC4wMSwtMC4wMiAtMC4wMywtMC4wNSAtMC4wNCwtMC4wNyAtMC4wMSwtMC4wMiAtMC4wNiwtMC4xMSAtMC4xMSwtMC4yIC0wLjA2LC0wLjA5IC0wLjExLC0wLjE4IC0wLjEzLC0wLjIxIC0wLjA1LC0wLjA5IC0wLjA4LC0wLjExIC0wLjE0LC0wLjExIC0wLjAyLDAgLTAuMDQsMCAtMC4wNiwwLjAxbDAgMHptMC4wOCAwLjMyYzAuMDEsMCAwLjAzLDAuMDQgMC4xNCwwLjIzIDAuMDQsMC4wNiAwLjEsMC4xNyAwLjE0LDAuMjQgMC4wNCwwLjA3IDAuMTEsMC4xOCAwLjE0LDAuMjUgMC4wNCwwLjA2IDAuMDksMC4xNSAwLjEyLDAuMiAwLjAzLDAuMDUgMC4wOSwwLjE2IDAuMTQsMC4yNCAwLjA1LDAuMDggMC4xLDAuMTggMC4xMiwwLjIxIDAuMDYsMC4wOSAwLjEyLDAuMiAwLjE1LDAuMjUgMC4wMSwwLjAzIDAuMDQsMC4wOCAwLjA2LDAuMTIgMC4wMywwLjA0IDAuMDUsMC4wOSAwLjA3LDAuMTEgMC4wMSwwLjAyIDAuMDIsMC4wMyAwLjAyLDAuMDQgMCwwIDAuMDEsMC4wMiAwLjAyLDAuMDMgMC4wMSwwLjAyIDAuMDcsMC4xMSAwLjEyLDAuMjIgMC4xMiwwLjIgMC4yMiwwLjM3IDAuMywwLjUgMC4wMiwwLjA1IDAuMDYsMC4xMSAwLjA4LDAuMTQgMC4wMSwwLjAzIDAuMDUsMC4wOSAwLjA4LDAuMTQgMC4wMywwLjA1IDAuMDYsMC4xMSAwLjA3LDAuMTIgMC4wMSwwLjAyIDAuMDYsMC4xMSAwLjExLDAuMTkgMC4wNSwwLjA5IDAuMTEsMC4xOSAwLjEzLDAuMjQgMC4wMywwLjA0IDAuMDgsMC4xMyAwLjEyLDAuMiAwLjA0LDAuMDcgMC4wOSwwLjE1IDAuMTEsMC4xOSAwLjE2LDAuMjcgMC4xOCwwLjMyIDAuMTgsMC4zMyAwLDAuMDEgMCwwLjAyIC0wLjAxLDAuMDNsLTAuMDIgMC4wMiAtMi40MSAwIC0yLjQxIDAgLTAuMDIgLTAuMDJjLTAuMDEsMCAtMC4wMSwtMC4wMiAtMC4wMSwtMC4wMiAwLC0wLjAyIDAuMTEsLTAuMjIgMC4yMywtMC40MyAwLjAyLC0wLjAzIDAuMDYsLTAuMSAwLjA5LC0wLjE1IDAuMDUsLTAuMDkgMC4xNiwtMC4yNyAwLjE5LC0wLjMzIDAuMDMsLTAuMDUgMC4xNywtMC4yOSAwLjI1LC0wLjQyIDAuMDMsLTAuMDcgMC4wOCwtMC4xNiAwLjEsLTAuMTkgMC4wOCwtMC4xMyAwLjIyLC0wLjM4IDAuMjgsLTAuNDggMC4wMywtMC4wNiAwLjA5LC0wLjE1IDAuMTIsLTAuMjEgMC4wMywtMC4wNSAwLjA2LC0wLjEgMC4wNiwtMC4xIDAsMCAwLjAxLC0wLjAzIDAuMDMsLTAuMDUgMC4wMywtMC4wNiAwLjE3LC0wLjI5IDAuMzYsLTAuNjMgMC4wNiwtMC4xIDAuMTMsLTAuMjIgMC4yNiwtMC40NSAwLjA2LC0wLjEgMC4xNSwtMC4yNiAwLjIsLTAuMzQgMC4wNCwtMC4wOCAwLjA5LC0wLjE2IDAuMTEsLTAuMTkgMC4wMSwtMC4wMiAwLjAzLC0wLjA1IDAuMDMsLTAuMDYgMC4xLC0wLjE3IDAuMTEsLTAuMTkgMC4xNSwtMC4xN2wwIDB6Ii8+DQogPC9nPg0KPC9zdmc+DQo=");
}

.maintenance-btn, #outage-btn {
    display: none;
}
.icon-maintenance:hover,.icon-maintenance.active,
.maintenance-btn:hover .icon-maintenance, .maintenance-btn.active .icon-maintenance{
    transform: scale(1.2);
    animation:none;
}
#main-logo{
    width: 100%;
    text-align: center;
}
#main-logo a svg{
    max-width: 130px;
}
#main-logo span{
    font-size: 25px;
    font-weight: 600;
    background: linear-gradient(135deg, var(--main-color) 40%, #FF774C 50%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
#maintenance-wrapper {
    display: none;
}
#maintenanceTable td.duration{
    text-align: center;
}
@keyframes beat {
    0% {
        transform: scale(1) rotate(0) ;

    }
    10% { transform: rotate(5deg); }
    20% { transform: rotate(-5deg); }
    30% { transform: rotate(3deg); }
    40% { transform: rotate(-3deg); }
    50% {
        transform: scale(1.3) rotate(1deg);
    }
    60% { transform: rotate(-1deg); }
    70% { transform: rotate(0); }
    100% {
        transform: scale(1) rotate(0);
    }
}
@keyframes pulse {
    from {
        background-color: green;
    }
    to {
        background-color: #0b0;
    }
}
@keyframes ring {
    0% { transform: rotate(0); }
    10% { transform: rotate(5deg); }
    20% { transform: rotate(-5deg); }
    30% { transform: rotate(3deg); }
    40% { transform: rotate(-3deg); }
    50% { transform: rotate(1deg); }
    60% { transform: rotate(-1deg); }
    70% { transform: rotate(0); }
    100% { transform: rotate(0); }
}
#toast-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    color: rgb(0, 0, 0);
    padding: 20px 25px;
    border-radius: 5px;
    z-index: 2000;
    opacity: 1;
    transition: all 0.3s ease-in-out;
    width: 480px;
}
#toast{
    display: block;
    content: "";
    position: absolute;
    width: 100vw;
    height:100vh;
    background-color: #000000e0;
    z-index: -2;
    top: 0;
    left: 0;
    opacity: 0;
}
#toast-content h3{
    color: var(--text-body);
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}
#toast.show {
    opacity: 1;
    z-index: 1001;
}
#close-toast {
    position: absolute;
    top: 5px;
    right: 10px;
    background: none;
    border: none;
    color: var(--text-body);
    font-size: 1.2em;
    cursor: pointer;
    margin: 0;
    padding: 0;
    line-height: 1;
}
.mb-status.optimal{
    --background-status: #E9F9EF;
    --text-value: #136C34;
  }
  .mb-status{
    display: none;
    width: max-content;
    margin: 10px auto;
    padding: 3px 8px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    gap: 5px;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    background-color: var(--background-status);
    line-height: 1;
  }
  .mb-status .label{  
    border-right: 1px solid var(--border-color);
    padding-right: 5px
    }
  .mb-status .value{
    color: var(--text-value);
  }
  .mb-status .status-icon {
    border: 2px solid #fff;
    border-radius: 50%;
  }

/* Region Health Table specific styles */
.table-wrapper {
    width: 100%;
    margin-bottom: 20px;
}

#RegionHealthTable thead tr th{
    border-top: 1px solid var(--border-color);
    font-weight: 600;
    font-size: 10px;
}
#RegionHealthTable thead tr th:last-child{
    border-right: 1px solid var(--border-color);
}

#RegionHealthTable th, #RegionHealthTable td {
    max-width: 20px;
    min-width: 20px;
}

#RegionHealthTable th {
    padding: 8px 4px;
    height: 200px;
    font-weight: 600!important;
}

#RegionHealthTable th:not(.first-column) > span {
    display: block;
    transform: translateY(85px) rotate(-90deg);
    font-size: 12px;
    white-space: nowrap;
}

#RegionHealthTable td {
    border: 1px solid var(--border-color);
    padding: 5px;
    text-align: center;
}

#RegionHealthTable .first-column {
    text-align: left;
    background-color: #F8F9FA;
    min-width: 50px;
    max-width: 70px;
    border:1px solid var(--border-color);
    font-weight: 600;
    font-size: 10px;
}

.dataTables_scrollHeadInner table {
    display: none;
}
.same-region {
    position: relative;
}
.same-region::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, transparent 48%,var(--border-color) 48%, var(--border-color) 52%, transparent 52%);
}
.alert-box.outage {
    --box-background: #fff7e6;
    --box-border: #FFE0B2;
    --background-icon: url('./outage.svg');
}
.alert-box.maintenance{
    --box-background: #F6EEFE;
    --box-border: #EAD6FD;
    --background-icon: url('./maintenance.svg');
}
.alert-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background-color: var(--box-background);
    border: 1px solid var(--box-border);
    border-radius: 8px;
    padding: 15px;
    max-width: 700px;
    position: relative;
    margin-bottom: 20px;
    transition: opacity 0.4s ease, transform 0.4s ease;
    opacity: 1;
    transform: translateY(0);
  }
  .alert-box.hide {
    opacity: 0;
    transform: translateY(-10px); 
    pointer-events: none;
  }
  .alert-content {
    display: flex;
    gap: 12px;
    flex-grow: 1;
  }
  
  .alert-icon {
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 0;
    position: relative;
    vertical-align: middle;
    background-image: var(--background-icon);
    margin-top: 3px;
  }
  
  .alert-text .title {
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    color: var(--text-body);
  }
  
  .alert-text p {
    margin: 0;
    color: #64748B;
    font-size: 12px;
  }
  
  .alert-text a {
    display: inline-block;
    margin-top: 8px;
    color: #0074cc;
    font-weight: 600;
    font-size: 12px;
  }
  
  .alert-text a:hover {
    opacity: 0.8;
  }
  
  .alert-close {
    background: none;
    border: none;
    font-size: 20px;
    font-weight: 600;
    color: var(--text-body);
    cursor: pointer;
    margin: 0;
    padding: 0;
    line-height: 1;
  }
  .box-detail{
    display: flex;
    gap: 25px;
  }
  .box-detail-label .label, .box-detail-value .value{
    font-size: 12px;
    font-weight: 600;
    color: var(--text-body);
    margin-bottom: 5px;
  }
  .box-detail-value .value{
    font-weight: normal;
  }
  .box-footer{
    font-size: 12px;
    border-top:1px solid var(--border-color);
    padding-top: 15px;
    margin-top: 15px;
    color: var(--text-body)
  }
  .box-footer a{
    font-weight: 600;
  }

  @media (max-width: 600px) {
    .div-container {
        width: 100%;
        padding: 15px;
        padding-top: 35px;
        border-radius:0px;
        margin: 0px;
        overflow-x: hidden;
    }
    h1{
        margin: 5px ;
        font-size: 36px;
    }
    #topbar-nav {
        margin-top:-5px;
    }
    #lastUpdated{
        margin: 5px 0;
        font-size: 15px;
    }
    thead tr th:last-child,.status, .status_head {
        width: 60px;
    }
    .tabs {
       margin-top: 20px;
    }

    #toast-content{
        width: 80vw;
    }
    .table-responsive thead {
        display: none;
    }

    .table-responsive tr {
        display: block;
        margin-bottom: 10px;
        border: 1px solid #ddd;
    }

    .table-responsive td {
        display: block;
        text-align: right;
        position: relative;
        padding-left: 50%;
    }

    .table-responsive td::before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        content: attr(data-label);
        text-align: left;
        font-weight: bold;
    }
    .table-responsive td.duration {
        text-align: right;
    }
    .mb-status{
        display: flex;
    }
    .table-content{
        overflow: hidden;
    }
    .table-wrapper {
        overflow-x: auto;
        margin-bottom: 10px;
        padding-bottom: 20px;
    }
   
    #RegionHealthTable_wrapper {
        width: 600px;
    }
}