@font-face{font-family:"Lato";src:url("../fonts/Lato-Regular.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Lato";src:url("../fonts/Lato-Bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:"Roboto Slab";font-style:normal;src:local("Roboto Slab Regular"),local("RobotoSlab-Regular"),url("../fonts/RobotoSlab-Regular.woff") format("woff"),url("../fonts/RobotoSlab-Regular.woff2") format("woff2"),url("../fonts/RobotoSlab-Regular.ttf") format("truetype")}body{color:#003896;padding:0;margin:0;position:relative;min-height:100vh;overflow:hidden;font-family:"Lato","Roboto Slab",sans-serif;font-size:14px}a{color:#83725b;text-decoration:none}hr{color:#ccc;border:0;height:1px;background-color:#e0e0e0;margin:10px 0}a:hover{text-decoration:underline}.btn-secondary{margin:10px;font-size:1rem;width:fit-content;height:fit-content;padding:10px;background:#003896;color:#fff;outline:none;border-radius:4px;border:1px solid rgba(0,0,0,0);transition:.5s;box-shadow:0 0 0 1px rgba(64,106,176,.8)}.btn-secondary:hover{box-shadow:0 0 0 5px rgba(64,106,176,.5);transition:.5s}.btn-secondary:active{box-shadow:0 0 0 5px rgba(64,106,176,.5);transition:.5s}.btn-outline-border{margin:10px;font-size:1rem;width:fit-content;height:fit-content;padding:10px;background:#fff;color:#83725b;outline:none;border-radius:5px;border:2px solid #83725b;transition:.5s;box-shadow:0 0 0 1px rgba(162,149,132,.5)}.btn-outline-border:hover{box-shadow:none;border:2px solid #fff;background:#003896;color:#fff;transition:.5s}.btn-outline-border:active{box-shadow:0 0 0 5px rgba(162,149,132,.5);transition:.5s}.btn-primary{margin:10px;font-size:1rem;width:fit-content;height:fit-content;padding:10px;background:#83725b;color:#fff;outline:none;border-radius:4px;border:0px solid rgba(0,0,0,0);transition:.5s}.btn-primary:hover{background:#003896;transition:.5s}.btn-primary:active{transition:.5s}.btn-success{margin:10px;font-size:1rem;width:fit-content;height:fit-content;padding:10px;background:#0dab2a;color:#fff;outline:none;border-radius:4px;border:1px solid rgba(0,0,0,0);transition:.5s;box-shadow:0 0 0 1px rgba(73,196,96,.5)}.btn-success-small{margin:10px;font-size:1rem;width:fit-content;height:fit-content;background:#0dab2a;color:#fff;outline:none;border-radius:4px;border:1px solid rgba(0,0,0,0);transition:.5s;box-shadow:0 0 0 1px rgba(73,196,96,.5)}.btn-success:hover{box-shadow:0 0 0 5px rgba(73,196,96,.5);transition:.5s}.btn-success:active{box-shadow:0 0 0 5px rgba(73,196,96,.5);transition:.5s}.two-column{display:grid;grid-template-columns:max-content auto;gap:10px}.two-column-right{display:grid;grid-template-columns:auto max-content;gap:10px}.gate_img{width:70%}.incident_img{width:70%}.eskom-logo{padding:8px 0 0 22px}.container .main .header{margin:0;padding:5px;width:100%;height:55px;border-bottom:1px solid #eee;background-color:#fff}.two-column-30{display:grid;grid-template-columns:30% auto;gap:10px}.two-column-equal{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px}.three-column-equal{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:10px}.five-column-equal{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:10px}.padded{padding:10px}.scrollable{overflow-x:auto;overflow-y:scroll;scrollbar-width:thin}.scrollable::-webkit-scrollbar{width:12px}.scrollable::-webkit-scrollbar-track{background-color:#f1f1f1}.scrollable::-webkit-scrollbar-thumb{background-color:#888}.gold-icon{background-color:#83725b;color:#fff;padding:5px;border-radius:5px;margin:2px;box-shadow:0 0 0 0px rgba(162,149,132,.5);text-emphasis:bold}.gold-icon:hover{background-color:#003896;cursor:pointer;box-shadow:0 0 0 0px rgba(162,149,132,.5);transition:.2s}.action-icon:hover{cursor:pointer}.left-padding{padding-left:10px}.left-margin{margin-left:10px}.left-margin{padding-left:15px}.low-padding{padding:4px}.three-column{display:grid;grid-template-columns:max-content max-content max-content;gap:10px;padding:10px}.heading{font-size:1.1rem;color:#0d0c0c;margin:0}.heading-indented{font-size:1.1rem;color:#0d0c0c;margin:0;margin-left:18px}.block-indented{margin-left:20px}.header-select{margin:10px 0;min-width:75px;max-width:150px;font-size:.8rem;border:1px solid #003896;color:#003896;border-radius:3px}.form-block{max-width:250px;border:1px solid #ccc;border-radius:3px;padding-left:20px;padding-right:20px}.reset-form{color:#555}.underline{color:#003896;border-bottom:1px solid #ccc}.reset-form input[type=text]{border:none;border-bottom:1px solid #ccc;color:#003896;outline:none;padding:1px;border-radius:0;width:100%;font-size:medium}.reset-form select{border:none;border-bottom:1px solid #ccc;color:#003896;outline:none;padding:1px;padding-top:10px;border-radius:0;width:100%;font-size:medium}.reset-form input[type=text]:focus{border-bottom:1px solid #003896}.reset-form input[type=text]::placeholder{font-size:small;color:#999}.reset-form label{font-size:.9rem;color:#555}.error-text{color:red;font-size:1rem}.text-primary{color:#003896;font-size:1rem}.text-dark{color:#0d0c0c;font-size:1rem}.switch-site{color:#003896;font-size:.75rem;font-weight:normal;cursor:pointer}th{color:#0d0c0c}td{color:#383838}.header-block{padding:0px 10px 0px 10px;border:1px solid #ccc;border-radius:5px;box-shadow:0px 0px 10px rgba(0,0,0,.1);margin-bottom:10px}.detail-block{padding:10px;border:1px solid #ccc;border-radius:5px;box-shadow:0px 0px 10px rgba(0,0,0,.1);position:relative}#image_gallery{padding:10px;border:1px solid #ccc;border-radius:5px;box-shadow:0px 0px 10px rgba(0,0,0,.1);overflow:auto}#image_gallery img{width:auto;height:150px;margin-right:10px;vertical-align:middle;border:1px solid #ccc}.right-aligned-badge{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding-top:10px}.top-right{position:absolute;top:0;right:0;margin:5px}.center{text-align:center}.bg-danger{background-color:#e5ccc3;color:#96330f;border:1px solid #ca9987;padding:5px;border-radius:5px}.bg-warning{background-color:#f1debf;color:#c97a00;border:1px solid #e4bc7f;padding:5px;border-radius:5px}.bg-success{background-color:#c2ebca;color:#0dab2a;border:1px solid #86d795;padding:5px;border-radius:5px}.bg-info{background-color:#d5e1e1;color:#598787;border:1px solid #acc3c3;padding:10px;border-radius:5px}#map{height:360px}.success-text{color:#0dab2a;font-size:1rem}.checkbox-block{display:flex;align-items:center;padding-top:10px}.checkbox-block label{margin-right:-30px;white-space:nowrap}.checkbox-block input[type=checkbox]{margin-right:-10px}.checkbox-container{display:flex;align-items:center}.checkbox-container input[type=checkbox]{margin-right:-10px}.checkbox-container label{margin:0 35px 0 10px}#popup-container{position:fixed;top:20px;right:20px;z-index:1000}.popup-message{background-color:#fff;color:#000;border:1px solid #ddd;padding:10px;margin-bottom:10px;border-radius:5px;box-shadow:0px 0px 10px rgba(0,0,0,.1);transition:opacity 3s ease-in-out;opacity:1}input{margin:10px 0;width:70%;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:5px}textarea{margin:10px 0;width:90%;height:150px;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:5px;background-color:#fff}select{margin:10px 0;width:77%;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:5px;background-color:#fff}.small-select{margin:10px 0;width:150px;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:5px}.medium-select{margin:10px 0;width:200px;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:5px}.small-label{font-size:1rem;margin:10px 0;width:150px;display:inline-block}.container{display:flex;flex-flow:row wrap;position:relative}.container .sidebar{background-color:#003896;color:#fff;width:15%;max-width:150px;height:100%;padding:0 1rem;position:fixed;top:0;left:0;transition:width .1s ease-in-out;z-index:101}.container .sidebar a{color:#fff;text-decoration:none}.container .sidebar .sidebartop{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding-top:1rem;height:55px}.container .sidebar .sidebartop .logo{width:70%}.container .sidebar .sidebartop .logo img{height:auto;width:100%}.container .sidebar .sidebartop .menu{width:20%;text-align:end}.container .sidebar .sidebartop .menu i{cursor:pointer;font-size:1.75rem}.container .sidebar .sidebartop .logo-mobile{display:none}.container .sidebar .search{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;position:relative;margin:1rem 0}.container .sidebar .search button{cursor:pointer;width:auto;background-color:rgba(0,0,0,0);border:0;color:#fff;position:absolute;font-size:1.25rem;left:1.5rem;top:50%;transform:translate(-50%, -50%)}.container .sidebar .search input{background-color:rgb(0,65.52,175.5);border:0px;padding:1rem;border-radius:.5rem;width:calc(100% + 1rem)}.container .sidebar .search input::placeholder{padding-left:1.5rem}.container .sidebar nav ul{padding:0;margin:0;list-style:none}.container .sidebar nav ul li{display:block;align-items:center;padding:1.25rem 0;position:relative;background-color:rgba(0,0,0,0);transition:background-color .25s ease-in-out}.container .sidebar nav ul li a{display:block}.container .sidebar nav ul li a i{font-size:1.25rem}.container .sidebar nav ul li a .text{position:relative;left:1rem;top:-0.2rem}.container .sidebar .account{display:flex;justify-content:space-between;align-content:center;align-items:center;width:calc(100% - 2rem);position:absolute;bottom:1rem}.container .sidebar .account .avatar{margin-right:1rem;width:20%}.container .sidebar .account .avatar img{border-radius:50%;height:50px;width:50px}.container .sidebar .account .name{flex:1 1 auto}.container .sidebar .account .name h4{padding:0;margin:0}.container .sidebar .account .logout{flex:1 1 auto;text-align:end}.container .sidebar .account .logout i{font-size:1.5rem}.container .main{margin-left:calc(150px + 2rem);width:calc(100% - 150px - 2rem);height:100vh;overflow-y:scroll;position:relative;z-index:1}.container .main .header{margin:0;padding:5px;width:100%;height:55px;border-bottom:1px solid #eee}.container .main .content{margin:0;width:100%;padding-top:1rem;padding-left:.5rem}.short .sidebar{width:3%;z-index:101;text-align:center}.short .sidebar .logo,.short .sidebar .searchInput,.short .sidebar .text,.short .sidebar .avatar,.short .sidebar .name{display:none}.short .sidebar .sidebartop{display:block;height:75px}.short .sidebar .sidebartop .logo-mobile{display:none}.short .sidebar .sidebartop .menu{width:100%;text-align:center}.short .sidebar .text.hover{display:block !important;background-color:hsla(0,0%,100%,.9);color:#003896;padding:.5rem;box-shadow:1px 1px 5px 0 rgba(0,0,0,.25);position:absolute;left:3rem;top:1rem;border-radius:.25rem}.short .sidebar .account{display:block}.short .sidebar .account .logout{width:100%;text-align:center}.short .sidebar .search{margin:1.75rem -0.2rem}.short .main{margin-left:calc(3% + 2rem);width:calc(97% - 2rem);z-index:1;height:100vh}.short .main .header{margin:0;padding:5px;width:100%;height:55px;border-bottom:1px solid #eee}.short .main .content{margin:0;width:100%;padding-top:1rem;padding-left:.5rem}.searchWindow{position:fixed;height:100vh;width:100vw;background-color:rgba(51,51,51,.9);z-index:1;top:0;padding:1rem;text-align:center;color:#fff;padding-top:20vh;display:none}.searchWindow input{background-color:hsl(0,0%,75%);border:0px;padding:1rem .5rem;border-radius:.5rem;width:60vw}.searchWindow input::placeholder{padding-left:.5rem}.searchWindow button{background-color:rgba(0,0,0,0);border:2px solid #fff;font-size:1rem;padding:1rem 2rem;color:#fff;border-radius:.5rem;cursor:pointer}.searchWindow button.cancelSearch{border:0px;font-size:2rem;position:absolute;top:0;right:2vw}.searchWindow.active{display:block}@media(max-width: 844px){.container .sidebar{width:3%;text-align:center}.container .sidebar .logo,.container .sidebar .searchInput,.container .sidebar .text,.container .sidebar .avatar,.container .sidebar .name{display:none}.container .sidebar .sidebartop{display:block;height:auto}.container .sidebar .sidebartop .logo-mobile{display:block}.container .sidebar .sidebartop .logo-mobile img{height:auto;width:80%}.container .sidebar .sidebartop .menu{display:none}.container .sidebar nav ul li{padding:0}.container .sidebar nav ul li a{padding:.6rem 0}.container .sidebar .account{display:block}.container .sidebar .account .logout{width:100%;text-align:center}.container .sidebar .search{margin:1.5rem -0.2rem}.container .main{margin-left:calc(3% + 2rem)}}@media(max-width: 390px){.container .sidebar{width:3%}.container .sidebar nav ul li{padding:0}.container .sidebar nav ul li a{padding:2rem 0}.container .sidebar .search{margin-top:4rem;margin-bottom:3rem;margin-left:-0.5rem}.container .main{margin-left:calc(3% + 2rem)}.searchWindow{padding:0;padding-top:10vh}.searchWindow input{width:calc(100% - 2rem)}.searchWindow button{width:calc(100% - 1rem);margin-top:.5rem}}.tab-box{margin:.5rem}.tab-box .nav-tabs{float:left;margin:0;width:100%;display:block;list-style-type:none;border-bottom:1px solid #ddd;padding-left:inherit}.tab-box .nav-tabs>li{float:left;margin-bottom:-1px}.tab-box .nav-tabs>li>a{color:#0d0c0c;float:left;margin-right:2px;line-height:1.42857143;padding:10px;border:1px solid rgba(0,0,0,0);border-radius:4px 4px 0 0}.tab-box .nav-tabs>li.active>a,.tab-box .nav-tabs>li.active>a:hover,.tab-box .nav-tabs>li.active>a:focus{color:#003896;text-decoration:underline;cursor:default;border-bottom-color:rgba(0,0,0,0)}.tab-box .tab-content{float:left;width:100%}.tab-box .tab-content>.tab-pane{display:none}.tab-box .tab-content>.tab-pane.active{display:block;padding:1% 1.5%;background-color:#fff}.tab-box .tab-content>.active{display:block;padding:2.5% 3.5%;background-color:green}.fixed150{width:150px}.footer{position:fixed;bottom:0;left:0;width:100%;height:40px;background-color:#c1b8ad;color:#fff;text-align:center;line-height:40px;z-index:100;box-shadow:0 -2px 5px rgba(0,0,0,.1)}.tab-box .nav-tabs>li>a{font-weight:bold;color:#0d0c0c;float:left;margin-right:2px;line-height:1.42857143;padding:10px;border:1px solid rgba(0,0,0,0);border-radius:4px 4px 0 0}.eskom-logo{padding:8px 0 0 22px}.datatable-pagination-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:.2rem;justify-content:center;margin-top:20px !important;padding:0;list-style:none}.datatable-pagination-list-item{flex:0 0 auto}.datatable-pagination-list-item-link{display:inline-block}.main{background-color:#f5f5f5 !important}/*# sourceMappingURL=style.min.css.map */