/*Variables */
:root {
    --umbani-blue: #18A5FF;
}


/*#region Fonts */
@font-face {
    /*'Century Gothic' is the next best fall-back for SHEQ */
    font-family: Aharoni;
    src: url('font/AharoniBold.eot?') format('eot'), url('font/AharoniBold.woff') format('woff'), url('font/ahronbd.ttf') format('truetype');
}
/*#endregion Fonts*/
textarea, input:not([type]), input[type="text"] {
    font-family: Tahoma;
}
/* V Login V */
.LoginBody {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    /* Background image is fixed in the viewport so that it doesn't move when the content's height is greater than the image's height */
    background-attachment: fixed;
}

@media only screen and (max-device-width:550px) {
    .LoginBody {
        background-repeat: no-repeat;
        /*background-size: auto;*/
        max-width: 100%;
        height: auto;
        background-position: 50% 50%;
    }
}

#LoginContainer {
    width: 550px;
    margin: 0 auto;
    margin-top: 70px;
    background-color: #FFFFFF;
    border-color: #E6E2D8;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media only screen and (max-device-width:550px) {
    #LoginContainer {
        width: 100%;
        margin: 0 auto;
        background-color: #FFFFFF;
        border-color: #E6E2D8;
    }
}

.DetailRowBorderHide {
    border: none !important;
    border-bottom: none;
    border-top: none;
    border-left: none;
    border-right: none;
}

#LoginContainerBodyContainer {
    padding: 20px 20px 0 20px;
}

.LoginContainerHeaderContainer {
    width: 100%;
}

#LoginContainerHeaderLogoLeft {
    float: left;
    width: 50%;
    background-color: white;
}

    #LoginContainerHeaderLogoLeft img {
        display: block;
        float: right;
        max-width: 100%;
    }

#LoginContainerHeaderLogoRight {
    float: left;
    width: 50%;
    background-color: white;
}

    #LoginContainerHeaderLogoRight img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }

#LoginWizard {
    width: 100%;
}

    #LoginWizard input {
        caret-color: #18A5FF;
    }

    #LoginWizard p {
        margin: 5px 0 0 0 auto;
    }

    #LoginWizard input[type=text] {
        width: 100%;
        height: 30px;
        border-color: #18A5FF;
        font-size: larger;
    }

    #LoginWizard input[type=password] {
        width: 100%;
        height: 30px;
        border-color: #18A5FF;
        font-size: larger;
    }

#LoginWizardFailureText {
    color: Red;
    text-align: center;
}

#LoginWizardButtonRegion {
    padding: 20px 0 20px 0;
}

    #LoginWizardButtonRegion input[type=submit] {
        font-family: 'Segoe UI',Verdana, Tahoma;
        font-size: 1.5em;
        font-weight: bold;
        width: 100%
    }

.LoginWizardHyperlinkContainer {
    float: right;
}

    .LoginWizardHyperlinkContainer a {
        float: left;
    }

    .LoginWizardHyperlinkContainer img {
        border: 0;
        width: 24px;
        height: 24px;
        margin-left: 10px;
    }

.LoginWizardCheckboxContainer {
    display: inline-block;
}

.MasterCopyRight {
    padding: 4px;
    background-color: #18A5FF;
    font-size: small;
    color: Black;
}

    .MasterCopyRight a {
        color: white;
    }

        .MasterCopyRight a:hover {
            color: black;
        }
/* ^ Login ^ */
/*#region V MasterPage CSS V */
html {
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-family: Verdana;
    scrollbar-color: var(--umbani-blue) lightgray;
    scrollbar-width: thin;
}
    /* The below CSS applies the same attributes as the 'custom-scrollbar' class, to every page.*/
    /* NOTE: the below CSS and 'custom-scrollbar' class will need to be edited in tandem if any changes are needed*/
    html::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #F5F5F5;
    }

    html::-webkit-scrollbar {
        width: 6px;
        background-color: #F5F5F5;
    }

    html::-webkit-scrollbar-thumb { /*The thumb is the part that moves*/
        border-radius: 10px;
        background-color: var(--umbani-blue);
    }

.custom-scrollbar {
    scrollbar-color: var(--umbani-blue) lightgray;
    scrollbar-width: thin;
}

    /* Use 'custom-scrollbar' class to add umbani-coloured scrollbar to anything*/
    .custom-scrollbar::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #F5F5F5;
    }

    .custom-scrollbar::-webkit-scrollbar {
        width: 6px;
        background-color: #F5F5F5;
    }

    .custom-scrollbar::-webkit-scrollbar-thumb { /*The thumb is the part that moves*/
        border-radius: 10px;
        background-color: var(--umbani-blue);
    }

body {
    margin: 0px;
    padding: 0px;
}

.TopNavContainer {
    vertical-align: middle;
    position: relative;
    z-index: 99998;
    height: 55px;
}

@media only screen and (max-device-width:550px) {
    .TopNavContainer {
        vertical-align: middle;
        position: relative;
        z-index: 99998;
        height: 55px;
        width: 100%;
    }
}

.Top ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #131313;
    position: fixed;
    top: 0;
    width: 100%;
    display: inline-block;
}

.Top li {
    float: left;
}

    .Top li a {
        display: inline-block;
        color: white;
        text-align: center;
        padding: 10px 14px;
        text-decoration: none;
    }

    .Top li img {
        display: block;
        color: white;
        text-align: center;
        text-decoration: none;
    }

    .Top li input {
        display: block;
        color: white;
        text-align: center;
        text-decoration: none;
        height: 30px;
        width: 30px;
        padding: 10px 10px 0 0;
    }

.TopNavImage img {
    height: 30px;
    width: 30px;
}

.Navbar {
    background-color: #1a1a1a;
    display: inline;
    width: 360px;
    height: 40px;
    position: absolute;
    right: 1px;
}

.NavColor {
    color: white;
}

.NavbarMain {
    z-index: 1;
    width: 100%;
    height: 44px;
    max-height: 44px !important;
    /*border-bottom: 2px solid #1E90FF;*/
    position: fixed;
    min-width: 100px;
    background-color: #1a1a1a;
}

.ModalImage {
    position: absolute;
    left: -2px;
    top: 9px;
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 2147483645; /* Sit on top */
    left: 0;
    top: 55px;
    width: 200px; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: #242424; /* Black w/ opacity */
    box-shadow: 6px 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* Modal Content/Box */
.modal_content {
    position: relative;
    left: 6px;
    top: 10px;
    height: 25px;
    width: 29%;
    display: inline-block;
    text-align: center;
    margin-right: 0px;
}

.modal_content2 {
    position: relative;
    left: -2px;
    top: 10px;
    height: 25px;
    width: 31%;
    display: inline-block;
    text-align: center;
    margin-left: 9px;
}

.modal_content4 {
    background-color: #242424;
    position: absolute;
    top: 45px;
    left: 5px;
    height: 85%;
    width: 190px;
    display: inline-block;
}

/* The Close Button */
.close {
    position: absolute;
    top: 1px;
    right: 1px;
    color: #525252;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #1E90FF;
        text-decoration: none;
        cursor: pointer;
    }

.ModalText {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 11.5px;
    height: 20px;
    width:57px;
    margin: 0px !important;
}

.Options {
    width: 100%;
}

.ButtonModal {
    border: none;
    color: white;
    text-decoration: none;
}

.ButtonModalUnselected {
    background-color: #525252;
}

    .ButtonModalUnselected:hover {
        cursor: pointer;
    }

.ButtonModalSelected {
    background-color: #18A5FF;
}

.ButtonModal:hover {
    background-color: #18A5FF;
}

.NavBarLabel {
    border-left: 1px solid white;
}

.ManualPositioning {
    position: relative;
    top: 5%;
}

.SHEQsys_Logo {
    height: 43px !important;
    max-height: 43px !important;
    padding: 0px 0px 0px 0px !important;
}

.dynamicCells {
    border-top: 1px solid lightgray;
    border-left: 1px solid lightgray;
}

.buttonImageSubmitSmall {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-position: left 5% center;
    background-color: #18A5FF;
    font-weight: bold;
    padding-left: 1.75em;
    padding-right: 1.75em;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: white;
    font-size: 1.2em;
    Height: 1.5em;
    text-decoration: none;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .buttonImageSubmitSmall:hover {
        color: black;
        cursor: pointer;
    }

    .buttonImageSubmitSmall:Disabled {
        background-color: grey;
        color: lightgrey;
        cursor: default;
    }

.buttonImageSubmitSmallDisabled {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-position: left 5% center;
    background-color: grey;
    font-weight: bold;
    padding-left: 1.75em;
    padding-right: 1.75em;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: lightgrey;
    font-size: 1.2em;
    Height: 1.5em;
    text-decoration: none;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.buttonImageSubmitSmallGrey {
    background-color: #c0c0c0;
}

.buttonImageSubmitSmallRed {
    background-color: #ee394a;
}
/*#endregion ^ MasterPage CSS ^ */
/*#region GridView Filter Layout*/
.LayoutGridViewWithSideBar_Wrapper {
    overflow: hidden;
}

.LayoutGridViewWithSideBar_SideBarContainer {
    float: left;
    margin-right: 10px;
    width: 190px;
}

@media screen and (max-width: 600px) {
    .LayoutGridViewWithSideBar_SideBarContainer {
        float: none;
        margin-right: 0;
        width: auto;
    }
}

.LayoutGridViewWithSideBar_ControlGroup {
    border-left-style: solid;
    border-left-width: 10px;
    transition: all 0.2s linear;
}

.LayoutGridViewWithSideBar_ControlGroupSecondary {
    border-left-style: solid;
    border-left-width: 10px;
    transition: all 0.2s linear;
}

@media screen and (max-width: 600px) {
    .LayoutGridViewWithSideBar_ControlGroup {
        float: left;
        width: auto;
        transition: 0.2s;
    }

    .LayoutGridViewWithSideBar_ControlGroupSecondary {
        float: left;
        width: auto;
        transition: 0.2s;
    }
}

.LayoutGridViewWithSideBar_GridContainer {
    overflow: hidden;
    min-height: 0px; /* Change this to 170 if anything breaks*/
}

@media screen and (max-width: 600px) {
    .LayoutGridViewWithSideBar_GridContainer {
        overflow: visible;
        min-height: 0px;
        margin-left: -30px;
        z-index: 999;
        /*        position:absolute;*/
    }
}

.LayoutGridViewWithSideBar {
    width: 180px;
    float: right;
    border-left-style: solid;
    border-left-width: 10px;
}



.GridViewModuleMenu_Container {
    background-color: yellow;
    overflow: hidden;
}

.LayoutGridViewWithSideBar_Header {
    position: relative;
}

.LayoutGridViewWithSideBar_Wrapper {
    float: right;
    width: 100%;
    margin-left: -200px;
    min-height: 500px;
}

.LayoutGridViewWithSideBar_Content {
    margin-left: 200px;
}

.LayoutGridViewWithSideBar_Buffer {
    width: 10px;
    height: 100%;
    float: right;
}

.LayoutGridViewWithSideBar_SideBarWrapper {
    background-color: salmon;
    float: left;
}



.LayoutGridViewWithSideBar_ControlGroup_Nav {
    border-left-color: #18A5FF;
}

.LayoutGridViewWithSideBar_ControlGroupSecondary_Nav {
    border-left-color: #004E80;
}

.LayoutGridViewWithSideBar_View {
    color: white;
    border-left-color: #FF480A;
}

.LayoutGridViewWithSideBar_ThirdGroup {
    color: white;
    border-left: 10px solid #A300A3;
}

.LayoutGridViewWithSideBar_FacilitiesManagement {
    color: white;
    border-left: 10px solid #00CC66;
}

.LayoutGridViewWithSideBar_Inactive {
    color: white;
    border-left-color: #525252;
}

.LayoutGridViewWithSideBar_Reset {
    color: white;
    border-left-color: #FFBF0A;
    width: 100%;
}

.LayoutGridViewWithSideBar_Dashboard {
    color: white;
    border-left-color: #000000;
    width: 100%;
}

/*#region Module*/
.LayoutGridViewWithSideBar_Module2 {
    border-left-color: #FF5353;
}

.LayoutGridViewWithSideBar_Module3 {
    border-left-color: #FFD700
}

.LayoutGridViewWithSideBar_Module4 {
    border-left-color: #8FBC8F;
}

.LayoutGridViewWithSideBar_Module6 {
    border-left-color: #794A8D;
}

.LayoutGridViewWithSideBar_Module7 {
    border-left-color: #4A6A8A;
}

.LayoutGridViewWithSideBar_Module8 {
    border-left-color: #41817F;
}

.LayoutGridViewWithSideBar_Module11 {
    border-left-color: #19BDA6;
}

.LayoutGridViewWithSideBar_Module12 {
    border-left-color: #A25188;
}

.LayoutGridViewWithSideBar_Module14 {
    border-left-color: #FF6699;
}

.LayoutGridViewWithSideBar_Module20 {
    border-left-color: #625192;
}

.LayoutGridViewWithSideBar_Module22 {
    border-left-color: #FE55B5;
}

.LayoutGridViewWithSideBar_Module23 {
    border-left-color: #77A30C;
}

.LayoutGridViewWithSideBar_Module26 {
    border-left-color: #BF4262;
}

.LayoutGridViewWithSideBar_Module29 {
    border-left-color: #6FD3DA;
}

.LayoutGridViewWithSideBar_Module31 {
    border-left-color: #1773B8;
}

.LayoutGridViewWithSideBar_Module33 {
    border-left-color: #65233D;
}

.LayoutGridViewWithSideBar_Module34 {
    border-left-color: #00CC66;
}

.LayoutGridViewWithSideBar_Module35 {
    border-left-color: #00CC66;
}

.LayoutGridViewWithSideBar_Module36 {
    border-left-color: #5086C4;
}

.LayoutGridViewWithSideBar_Module37 {
    border-left-color: #FF6699;
}

.LayoutGridViewWithSideBar_Module38 {
    border-left-color: #E13471;
}

.LayoutGridViewWithSideBar_Module40 {
    border-left-color: #9E2C70;
}

.LayoutGridViewWithSideBar_Module42 {
    border-left-color: #EC432D;
}

.LayoutGridViewWithSideBar_Module43 {
    border-left-color: #9365D6;
}

.LayoutGridViewWithSideBar_Module44 {
    border-left-color: #00CC66;
}

.LayoutGridViewWithSideBar_Module45 {
    border-left-color: #BF4262;
}

/*#endregion Module*/

/*#region Type*/

.LayoutGridViewWithSideBar_TypeSafety {
    border-left-color: #1E90FF;
}

.LayoutGridViewWithSideBar_TypeHealth {
    border-left-color: #FF0000;
}

.LayoutGridViewWithSideBar_TypeEnvironment {
    border-left-color: #F2CD00;
}

.LayoutGridViewWithSideBar_TypeRisk {
    border-left-color: #9F20F0;
}

.LayoutGridViewWithSideBar_TypeQuality {
    border-left-color: #008000;
}

.LayoutGridViewWithSideBar_TypeGeneral {
    border-left-color: gray;
}

/*#endregion Type*/

.LayoutGridViewWithSideBar_Footer {
    clear: right;
    width: 100%;
}

/*#region GridView Filter Buttons*/
.ButtonGridViewTab {
    font-family: 'Segoe UI', Arial, Tahoma, Verdana;
    text-decoration: none;
    border: none;
    height: 2em;
    width: 180px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
    line-height: 2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width: 600px) {
    .ButtonGridViewTab {
        font-family: 'Segoe UI', Arial, Tahoma, Verdana;
        text-decoration: none;
        border: none;
        height: 2em;
        width: 100vw;
        display: inline-block;
        vertical-align: middle;
        padding-left: 15px;
        line-height: 2em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.ButtonGridViewTabActive {
    color: black;
}

.ButtonGridViewTabInactive {
    color: white;
    background-color: #525252;
}

    .ButtonGridViewTabInactive:hover {
        background-color: #6B6B6B;
    }

.ButtonGridViewTabActive_Default {
    color: black;
    background-color: #18A5FF;
}

.ButtonGridViewTabActive_View {
    color: white;
    background-color: #FF480A;
}

.ButtonGridviewTabActive_ThirdGroup {
    color: white;
    background-color: #A300A3;
}

.ButtonGridviewTabActive_FacilitiesManagement {
    color: white;
    background-color: #00CC66;
}

.ButtonGridViewTabActive_Reset {
    color: black !important;
    background-color: #FFBF0A !important;
    font-family: 'Segoe UI', Arial, Tahoma, Verdana !important;
    text-decoration: none !important;
    border: none !important;
    height: 2em !important;
    width: 190px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    padding-left: 10px !important;
    line-height: 2em !important;
    font-size: medium !important;
    margin-left: -16px;
}

@media screen and (max-width: 600px) {
    .ButtonGridViewTabActive_Reset {
        color: black !important;
        background-color: #FFBF0A !important;
        font-family: 'Segoe UI', Arial, Tahoma, Verdana !important;
        text-decoration: none !important;
        border: none !important;
        height: 2em !important;
        width: 100% !important;
        display: inline-block !important;
        vertical-align: middle !important;
        padding-left: 10px !important;
        line-height: 2em !important;
        font-size: medium !important;
    }
}

.ButtonGridViewTabActive_Dashboard {
    color: white;
    background-color: #000000;
}

.ButtonGridViewTabActive_Reset:hover {
    background-color: #6B6B6B;
}

.GridViewTabFilterRegion {
    font-family: 'Segoe UI', Arial, Tahoma, Verdana;
    width: 190px;
    background-color: #18A5FF;
    padding-left: 10px;
    line-height: 2em;
    transition: 0.2s;
}

@media screen and (max-width: 600px) {
    .GridViewTabFilterRegion {
        font-family: 'Segoe UI', Arial, Tahoma, Verdana;
        width: 100%;
        margin: auto;
        background-color: #18A5FF;
        padding-left: 10px;
        line-height: 2em;
        transition: 0.2s;
    }
}

.GridViewTabFilterRegionPurple {
    font-family: 'Segoe UI', Arial, Tahoma, Verdana;
    width: 190px;
    background-color: #A300A3;
    padding-left: 10px;
    line-height: 2em;
    color: white;
    transition: 0.2s;
}

@media screen and (max-width: 600px) {
    .GridViewTabFilterRegionPurple {
        font-family: 'Segoe UI', Arial, Tahoma, Verdana;
        width: 100%;
        margin: auto;
        background-color: #A300A3;
        padding-left: 10px;
        line-height: 2em;
        color: white;
        transition: 0.2s;
    }
}

/*#region Type*/

.ButtonGridViewTabActive_TypeSafety {
    color: white;
    background-color: #1E90FF;
}

.ButtonGridViewTabActive_TypeHealth {
    color: white;
    background-color: #FF0000;
}

.ButtonGridViewTabActive_TypeEnvironment {
    color: black;
    background-color: #F2CD00;
}

.ButtonGridViewTabActive_TypeRisk {
    color: white;
    background-color: #9F20F0;
}

.ButtonGridViewTabActive_TypeQuality {
    color: white;
    background-color: #008000;
}

.ButtonGridViewTabActive_TypeGeneral {
    color: white;
    background-color: gray;
}

/*#endregion Type*/

/*#endregion GridView Filter Buttons*/
/*#region GridView Filter Buttons*/
.ButtonGridViewTabSecondary {
    font-family: 'Segoe UI', Arial, Tahoma, Verdana;
    text-decoration: none;
    border: none;
    height: 2em;
    width: 180px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
    line-height: 2em;
}

@media screen and (max-width: 600px) {
    .ButtonGridViewTabSecondary {
        font-family: 'Segoe UI', Arial, Tahoma, Verdana;
        text-decoration: none;
        border: none;
        height: 2em;
        width: 100vw;
        display: inline-block;
        vertical-align: middle;
        padding-left: 15px;
        line-height: 2em;
    }
}

.ButtonGridViewTabSecondaryActive {
    color: black;
}

.ButtonGridViewTabSecondaryInactive {
    color: white;
    background-color: #525252;
}

    .ButtonGridViewTabSecondaryInactive:hover {
        background-color: #6B6B6B;
    }

.ButtonGridViewTabSecondaryActive_Default {
    color: black;
    background-color: #004E80;
}

.ButtonGridViewTabSecondaryActive_View {
    color: white;
    background-color: #FF480A;
}

.ButtonGridViewTabSecondaryActive_ThirdGroup {
    color: white;
    background-color: #A300A3;
}

.ButtonGridViewTabSecondaryActive_Reset {
    color: black !important;
    background-color: #FFBF0A !important;
    font-family: 'Segoe UI', Arial, Tahoma, Verdana !important;
    text-decoration: none !important;
    border: none !important;
    height: 2em !important;
    width: 190px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    padding-left: 10px !important;
    line-height: 2em !important;
    font-size: medium !important;
    margin-left: -16px;
}


@media screen and (max-width: 600px) {
    .ButtonGridViewTabSecondaryActive_Reset {
        color: black !important;
        background-color: teal !important;
        font-family: 'Segoe UI', Arial, Tahoma, Verdana !important;
        text-decoration: none !important;
        border: none !important;
        height: 2em !important;
        width: 100% !important;
        display: inline-block !important;
        vertical-align: middle !important;
        padding-left: 10px !important;
        line-height: 2em !important;
        font-size: medium !important;
    }
}

.ButtonGridViewTabSecondaryActive_Dashboard {
    color: white;
    background-color: #000000;
}

.ButtonGridViewTabSecondaryActive_Reset:hover {
    background-color: #6B6B6B;
}
/*#region Type*/

.ButtonGridViewTabSecondaryActive_TypeSafety {
    color: white;
    background-color: #1E90FF;
}

.ButtonGridViewTabSecondaryActive_TypeHealth {
    color: white;
    background-color: lemonchiffon;
}

.ButtonGridViewTabSecondaryActive_TypeEnvironment {
    color: black;
    background-color: greenyellow;
}

.ButtonGridViewTabSecondaryActive_TypeRisk {
    color: white;
    background-color: #9F20F0;
}

.ButtonGridViewTabSecondaryActive_TypeQuality {
    color: white;
    background-color: orange;
}

.ButtonGridViewTabSecondaryActive_TypeGeneral {
    color: white;
    background-color: gray;
}

/*#endregion Type*/



/*#region Default - Cardview*/
.CardView {
    border: none;
    padding: 0px 50px 0px 50px;
    background-color: transparent;
    align-content: center;
}

.HeaderButtonCard {
    background-image: none;
    border: none;
}

.tblCardViewFooter {
    padding-bottom: 10px;
}

.GridHeading {
}

.PanelGrids {
}

.LabelGridHeadings {
    font-size: large;
    font-weight: 500;
    font-family: Tahoma;
    color: #707070;
    padding: 2px;
}

.CardInfo:hover {
    cursor: pointer;
}

.CardViewItemHead {
    height: 150px;
}

.CardViewAmount {
    background-color: red;
    height: 500px;
}
/*#endregion Default - Cardview*/
/*#region Default - Gridview Collapsible*/
.collapsible {
    background-color: #777;
    color: white;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
}

    .active, .collapsible:hover {
        background-color: #555;
    }

.content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #f1f1f1;
}

.GridContainer {
    width: 100%;
}

.tblRowGrid {
    width: 100%;
}

.TableGrid {
    width: 100%;
    padding: 20px 50px 20px 50px;
}

/*#endregion Default - Gridview Collapsible*/
.GridViewMaxWidthColumn {
    max-width: 500px;
    overflow: auto; /* Or 'auto' for horizontal scrolling within the cell */
    word-wrap: break-word;
}
/*#region GasAnalysis - ContainerType*/
.LayoutGridViewWithSideBar_GasAnalysisContainerType {
    color: white;
    border-left: 10px solid #A300A3;
}

.ButtonGridviewTabActive_GasAnalysisContainerType {
    color: white;
    background-color: #A300A3;
}

/*#endregion GasAnalysis - ContainerType*/

/*#region Utility Management*/

.TextBoxValues_Hover:hover {
    border-color: black !important;
}

/*#endregion Utility Management*/

/*#region Favourites*/
.LayoutGridViewWithSideBar_Favourites {
    color: white;
    border-left: 10px solid #FFD800;
}

.ButtonGridviewTabActive_Favourites {
    color: black !important;
    background-color: #FFD800;
}

/*#endregion Favourites*/

/*#endregion GridView Filter Layout*/


.buttonStyle /* DEPRECIATED */ {
    font-family: verdana;
    font-size: medium;
    font-variant: inherit;
    overflow: auto;
    vertical-align: middle;
}

.CustomHeader /* DEPRECIATED */ {
    background-color: #18A5FF;
}
/* V LEGACY - AJAXCONTROLTOOLKIT Modal Popup V */
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    border: medium solid gray;
    background-color: #ffffff;
    padding: 3px;
    /*width:320px;*/
}

.modalPopup_Table {
    width: 100%;
}

.modalPopup_Close {
    float: right;
    display: inline;
}
/* ^ LEGACY - AJAXCONTROLTOOLKIT Modal Popup ^ */
.ListSearchExtender /* DEPRECIATED */ {
    font-style: italic;
    color: Gray;
    background-color: White;
    border: solid 1px Black;
    padding-left: 2px;
}

div.content /* UNKNOWN - LIKELY DEPRECIATED */ {
    border: #48f solid 3px;
    clear: left;
    padding: 1em;
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 48px;
    height: 48px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url('data:image/png;base64,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') /*Images/Status/Rating/FilledStar.png*/;
    *background-image: url(Images/Status/Rating/FilledStar.png); /* For IE 6 and 7 */
    height: 48px;
    width: 48px;
}

.emptyRatingStar {
    background-image: url('data:image/png;base64,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') /*Images/Status/Rating/EmptyStar.png*/;
    *background-image: url(Images/Status/Rating/EmptyStar.png); /* For IE 6 and 7 */
    height: 48px;
    width: 48px;
}

.savedRatingStar {
    background-image: url('data:image/png;base64,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');
    *background-image: url(Images/Status/Rating/SavedStar.png); /* For IE 6 and 7 */
    height: 48px;
    width: 48px;
}

.filledRatingCircle {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAALNSURBVGhD7ZrLThRBFIZHNKIhcUGM4MKEhazUFcYFPgJL3kGCDyHv4AqeAcOWaKI7Ce6Mxq3oikvURDd4QeH/+pZp5wwzPV1dU5X0n3yZ7mTm1Dnd1adPnZpOq1atztWF7LOuLoqrYlYsiofinpgT0+Ky+C2+iU/ivXgtdsSBOBZ/xdg0Je6KR+K5+C5OK8D3X4gVgR3seRVXeEE8Ee/EP2E5Oiz8nruEPexiv3FdF6uCqfFLWI6NCtMPu9hnnMZ0S6yLQ8GctpypC3axvyEYz7luiJfip7AccA3jvBIzwpkI4q2wBmwaxmX82uL2ciesQXzBnak1zXjgeCZ8Tad+MD7PzEgJgBRI9uDBs4z7Bj8ei8qpmXxOKmwqO1UFP6gE7oseTWSf/4s37JLgR/2+41v4wcXFr6ErAMoF3tjWlRk3VAD4V5J1tSkAKfx6vhyI7giK0kvJWSYrEKrYZeGqMnYt/MK/K8nZObotqlaxvsG/eVHIuiNMq2vpYbDCP/wsZAXC/ItBAwNhZReDSn5agbA8jUElP63MRF0zmR4GLRZ1ReayAmHZGWrq7RbZq5hR1tRiuRmDSn5agdCyiUElP61A6DvFoM/ZZyIrEIqyGFTy0wqENUgMGuhnDLXWDzGw1qIX+yY9DFa7Yj89TGUFQkP5mSDyEIVfW4IXdyErkHxt/CE5C0/4xfNxkpxlsgJBe2JT/EnOwhH+MFs+JmdDKqouCuvzfvoqWBc/EN73LQx9EU/FtiCoSqKzR4dv3J1GKt2RO4256LnSe7UG8EXt3m8uWvvj7MY731rgyviaZkwn5/sjubi9zNWmd6yORGM7Vrl44OiKkwqb2EPELvZrPdjDitY++XxNUE672tXFHna97Op2K99nZ5+c/fKqVTNVbL7PTntn5PeVqyYDL046GjcFjTPo988HVnZcfaoGphFVLAmkVDu1ahWEOp0zZBDGmxC+rWcAAAAASUVORK5CYII=');
    *background-image: url(Images/Status/Rating/SavedCircle.png); /* For IE 6 and 7 */
    height: 48px;
    width: 48px;
}

.emptyRatingCircle {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAOqSURBVGhD7Zo5a1RRGIajBndsFJeQQgQVJOLWa3QKl1JBK20VC1uLlJJKOxtrsXIprEQIQ/QHJIVRIY1NEBO0U4mJ2/MMZ4a5Z9Y7k8zcC3nh4WYiJt8733fuOfedDKxpTaujdeHascbHx9dz2Qhb4TicgZNwEPbBdlDf4QvMwhS8hWn4CUtjY2N/uXasjo1gwOJ3w1G4DJdgCNLoM7yCF/AOFjC0xDW1UhsJHRgG3/lrcBa2QKdvyj9YhCI8hUmYS9uhVL8cE5u4nIYbcAF2QtfjGaShb/AaHsMbzPzi2pY2hGtLhVG6DXfBLjj7K2VC+bNcZ0fgBAwWCoWpYrH4h69bqi0jmPAXPIBbcAAcr9WSP3sPnIJhzExiZtl/aKaW72gw8QiugqPVSzlaz+AmY+bdraGadiSMk524Dr02oQbhMOyiMxPNxqyhkbCwXROO0w6/1ydpZj8sYma6kZm6RjDhnLqgXdiuiX5rG7hHzWLmE2a8wyXUaNG6T3iL9Q6SFVmLNVlbjWqMhHXhZuc+YVuzIms5D6OhxoTqdcRjhzu2m13WZE3ePb09J5QwEtaGZyfXx0pudislazoHI6HWiuKO2DIPgJ6dsqrNcAUS4xUbcfPzFJvFbpRlbRfBWiuKjfg8kfYo3g9Zo+eximIj3q3yIk/hFcVGfLLLixK1xkZ8PM2LDoVrSbERn7Hzor3hWlJspBwU5EGJWmMjuVVsxMgmL0rUGhsxd8qLErXGRgzP8qJErbERE8C8yJSyotiIMWZelKg1NqJLY8ysyxqbdsTIxSy25pk4Q7I2a/xRehUUGzFANlA2i82qrM0aE2F3wkgIjk3FDZSz2BVrsraZOOSOO6IWwFTcQDlrsiZrmy+9qlKNEZzaMqN9U/Hffi8jshZrmgw1JlSvI2oOjPY/lF5lQx/BmqytRnWTRpO8QqHgfzBLMhU36eunvsJDeE436k5Jw+zXjBUz7vQme8egX2GdifwTuFdvpMpqmsYHM64X819T8V6bKX+scAcTTbeEpkYUZpYx4yLbBabivRozx8lOaKLpZyOqpREVzEzwpe/KEBhdNrpRdCvXwHtwTThObW3ObRlRYcw833h8dsQ01M2nubHc7NwnXsJ9cGE3XBOxUhcRMldvAKNgoGwWa4zZqSEN+K737uPpaoVo31R8BMxijTHtUhpV/8HADMyn6UK1uh6L0CFNmcUaY5oAGp6ZOxnZ1PsTDkfU5wmvnmK7/hOONa1pVTQw8B/xV/XpNLArpgAAAABJRU5ErkJggg==');
    *background-image: url(Images/Status/Rating/EmptyCircle.png); /* For IE 6 and 7 */
    height: 48px;
    width: 48px;
}

.savedRatingCircle {
    background-image: url('data:image/png;base64,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');
    *background-image: url(Images/Status/Rating/SavedCircle.png); /* For IE 6 and 7 */
    height: 48px;
    width: 48px;
}
/* VV UpdateProgress VV */
.UpdateProgress_Background {
    position: fixed;
    top: 0;
    left: 0;
    /*background-color:#bbbbbb;
	filter:alpha(opacity=80);
	opacity:0.8;*/
    height: 100%;
    width: 100%;
    min-height: 100%;
    min-width: 100%;
    z-index: 2147483646;
}

.UpdateProgress_Spinner {
    font-size: 3em;
    font-family: Arial;
    background-color: white;
    color: black;
    width: 400px;
    text-align: center;
    vertical-align: middle;
    position: fixed;
    top: 25%;
    left: 50%;
    margin-left: -200px;
    z-index: 2147483647;
    border: medium solid black;
    box-shadow: 6px 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.PageUpdateProgress {
    font-family: Arial;
    background-color: #CF4342;
    color: #fff;
    width: 150px;
    text-align: center;
    vertical-align: middle;
    position: fixed;
    top: 0;
    left: 88%;
    z-index: 2147483647;
}

.TransparentGrayBackground {
    position: fixed;
    top: 0;
    left: 0;
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    height: 100%;
    width: 100%;
    min-height: 100%;
    min-width: 100%;
    z-index: 2147483646;
}
/* ^^ Update Progress ^^ */

/* VV Notification VV */

.Notification {
    width: 500px;
    text-align: left;
    vertical-align: middle;
    position: fixed;
    top: 0;
    left: 35%;
    z-index: 2147483647;
}

.NotificationSuccessON {
    background-color: #51FF51;
    border-color: #82FF82;
    width: 500px;
    text-align: left;
    vertical-align: middle;
    position: fixed;
    top: 0;
    left: 35%;
    z-index: 0;
}

.NotificationSuccessImage {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABh0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjIwWZ92UQAAA4dJREFUSEuVVllME1EUHWM0fmo/9B8EooHEDcGYIBQN6kSDEY2agDRxQbAoYFSkiCCrEMUgBZHVghC2KbIEgbILalgqZW3BoQsRsIpAP+zX9b0ixIEZOkzyknbee+ece959984mYp3HsKgRzJuNR4aNX4jf5lniwC7PqC2btzrP/zFK9YvqOgfBIWLHtp3dNtsdf62Hwzo3PqcUyTUZVPV4FrwdjIU3XyMYI18VDXK1FEpHX1D9My0i3gRjv/psikeSxUXDiaacgcg1wKuJsr9KoGAw1tSqK9P2TDc6rUuk+tHl2qIro/kArybC/6vH39ANtMyVlUQzp7Rp1ZXTuQNRVlWvBs9SPrLswcKqNJl091Tt2khKRlLEG1X+uj8cEhoDIK7+BkNU42SRlhHFxNyAqGg4ycQWNtc7DB5edgXOSg7Cw9LLDII81RNTu75y6eD1C2oBCovaiHoMHlroA8I7DuAhtofHVf6rbJVA4VAC1T1VIyCUs20kIuDtO/Y7Un4VToTuBbdAWwtBJOW3Zj9yBGomskkC5TFZMPiUNwH2/KzkgAUcD/fbdhCcd27Nfpy+CNufaNdT6Vw+Y7XYjuV5/PtS/NEVcGGwPfimuENi0y1WgZ2GKiD6Z1pZJ7P6H8G9oouWkdm3RIK9Pha0e8WamxmnIe1TGGf0KJuA6JtuZizAYBjIJ8YF3IJsweueIyQpAuFF5104F3XYAi4MdgBxrjcs5z+XAw10IRBtugqGRRk9D+C69CR4ogxZ9vnaKy8IK7wAHsgSd7EdXE8/CVK0zlpao1QFQjYUR+aqmLcXb8aZQobvQ5YsKT5138lC6PdcuK4t/5P2TDfRRNdUDVkxlsaqJqEhAM5Hu6z4fiZiP7zsCrGqHJPgClw+lkoSw8bPAlQmKJxWbDXmWXMQeD8+BMdD9kBEpS8v8H+Fzzxi/OJluc3oxonyVTGcpSK5JQhCZD6Q0Wvddwyeh3pFs7ZUyqhHisliLeehKSPg9b9UtXaweJ5Spxt186PODIIOg9ypUv2KzubRZLhJJMj7OBqdKXvjqZ3IcS0fTaX5qGRbg8FRkWNvOMvhKLTFTnXf8rS5qOTyJcL9mVJLjZzK2Vocap2iD7TMjPozsGUYficbioea8Wxzh6FK+t00yfScz1eAfkHjVU8XkLgqovsCCm0JNE6+g4+G99A3raCRanLsZ+9SKnI8fwGaVSrCVWkc9wAAAABJRU5ErkJggg==') /*/Images/success-small.png*/;
    *background-image: url(/Images/success-small.png); /* For IE 6 and 7 */
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: top;
    width: 24px;
    height: 24px;
}

.NotificationWarningON {
    background-color: #FFFF3F;
    border-color: #FFD200;
    width: 500px;
    text-align: left;
    vertical-align: middle;
    position: fixed;
    top: 0;
    left: 35%;
    filter: alpha(opacity=20);
    opacity: 0.2;
    z-index: 0;
}

.NotificationWarningImage {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABh0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjIwWZ92UQAAA3NJREFUSEvVlV1sS2EYx2fDhGAdq82c6bDOlK0o67qNmbhlgguRhQsSWdiYZLPqrB/r19F16z4E8RVxfGzBHRKXbomZydppt6Fbt4mM1Xlna+Px9BydFGFfEpr8c95z0jy/9/e+z3lPWNi/9rMrU+Nbiyjqr83LoZQoeixZrOeM3N+uku6bclD/o3rBW6P8IWtNAWJOALdlU9/rSwdjphTUZcsrGGjYAqxqJrDKcBisy4BXaplqyiDdTHF0d1VuK0snAlsWxqcyBnro9K52/ea4KQF10FsPDdRmosUMIOWYikjexioFpzK5dNKQDltelNusaCFmEWcw3CCC4YsruTHRRoPHKHW+LBbFTgrk1MgODNjkOPMIIOpZ4GvKAP/dbCCVcxE0DQYtq8B5ckVp/wNr+IRA9jLJLLdxQysxUbzFueVAmhCAGbkiQfA0IJr50GvJgM7a3WkTgrSXJu37WBuwwGLaOZyFJj8ZivKWg/9OFgyZBBzcS4uhy5B5++2Vw+O3cRtkdmKI4yDDF5LAf28TFCJgZ3YCNx65ugbYU+HAVsyBXmMauOhtq8Zl49TJy7z1ii/cBuP6+5sUXOEzB1OgYDua4JizoRfyLU0vg45yyc0xQ7pvliR6rDkfiG4Bb4HdxBXF3ChJhcr9yaP3I9fSsLUjuJe0T5/id6ikK8cEcukzq7216Vz3DOnncTMOQtrOpkNjWdrofaDTPluEvI2RAlfJ0mt/hHTadq3wWLL6WC1uKlqMXJZ8L4gmT2s2wGPz+pBnvuvr0GQ67k8EvNOLB18UCFf/FtShltLemrUcYMgQFVIsYKNIjYMkkRB835YvaPi5GhsEbT5VCuGNUdHW06ia/kuQ49SaxD5Leg/RRPEWuN7BIsHrfc1aaDyZ+tNz362Nozbv9WJwGXP3/gTpfHg+0qWV1Xmt2Ja4F0QzG3zM+nFlyBTN22gE8FotedJWtWN2CKhVmyPGDxIWR4vgSTvRK+5Nv5qC54VURgikWSkTu81yIFXJQGgRfpiWAjElYCggxiXYOfHAGhZjcO31sXjUL8JgV+GRz+rwXdFiu+OByaJFIJ7TFDQfW/YD5IYusqVqT4XjBMU4ipdg4hn78cWYOEwsYz8WyCLGXiTExPApXIhZwNiPRn+LgHEcETB2TIsux/TMlh+6XH/s7f/hD18B/bm3Pygt9AAAAAAASUVORK5CYII=') /*/Images/warning-small.png*/;
    *background-image: url(/Images/warning-small.png); /* For IE 6 and 7 */
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: top;
    width: 25px;
    height: 24px;
}

.NotificationFailureON {
    background-color: #FDE4E5;
    border-color: #FECDCD;
    width: 500px;
    text-align: left;
    vertical-align: middle;
    position: fixed;
    top: 0;
    left: 35%;
    filter: alpha(opacity=20);
    opacity: 0.2;
    z-index: 0;
}

.NotificationFailureImage {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAAd0SU1FB9kBHgcZH2cEXDMAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My4yMFmfdlEAAAG5SURBVEhLtZZNK0VRFIb5kQaklDKQom4R0S3KQCkDI37C/R/+gUyUkkTKgDIw2jy7ntO6++x9fNRVq3XvWR/PevfHueZTSnMz/wMyaxsEfF5epI/zs4RvGfH3yeR7zvawTQjFb6cn2V4Ox9lej4+y+R1P3EFaoCqERjZ/Hu93zYXG+OPedo4bq4F6kDil0zutnsk1AE8Hu1NKS9AUhGQmx+LyOGXLA4p11EZQB3nYGSVMQLkP7kcE+UxPrYPiBXWQ+9FmYn1pToLJLVgJIE8ItfTqQe62NrISkvEkRVipMO6dS6Wnlh49yO36WgdBFSasBMa9cxA9cPKpr0IIMA2qIsj9orhmxuNKVCE3q8u5MROhCpAmUHU0Kz+boxJ69JRcryx2y0NCtAhUZfQx7p42ISqhCGUlzO/EVRu9l9J4VQmNvSuChA1BAfl6oZ5crAe5WlpILJkgZFPsMwtrnhXg3kQA/XoQHpQgThogGgPTIgjFAoxHQP5RLF9mgijwSHtyasfXjVZxCahCoiIKfRPEu+Al9Si3FFSXK6qKiuJS1T6zfDUFP0JURPFv7F8/v0NFf43N/D8VBvoCmypxDhs1/UMAAAAASUVORK5CYII=') /*/Images/stop-small.png*/;
    *background-image: url(/Images/stop-small.png); /* For IE 6 and 7 */
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: top;
    width: 25px;
    height: 24px;
}

.NotificationOFF {
    display: none;
    width: 500px;
    text-align: left;
    vertical-align: middle;
    position: fixed;
    top: 0;
    left: 35%;
}

.NotificationCloseX {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My4zNqnn4iUAAAEuSURBVDhPhZM/S4JRFMbV75KDm44u4uLk0OZq0CAJQVEQ2BBSiw1OQRG19E8aHPIrREtTW0sQfYYg1LJ+T9z7ervd93rhh/c95zyP9573vJnMfC2x7cIF3KZwSfwACo7ud9uED3iDUcTgjtwLjKFlTfJG/M3vuu8ceF4lNoMplJTfh1fYMYl2xGSN3BfswhMcqfYahka0HTHZNDnVaA1AvUoaZv84ZNIx4i3ndLbR/wxU45rspZwqamBN1Fg1bCXQl4UGPdMwGYQam2qQRdCHCTS867gHCRrkqDg24mWnOtTYxOCGQr1Gic9BE1kP3Nk3SV7jIcXPcAXvUAuIbcg1eSB4okQRNJa6czUi9k00kRUb3GDzCY+gK6V9jZrae5BYw/VnlXk6jYit6Zl70h9FMGoFgephIgAAAABJRU5ErkJggg==') /*/Images/Close-X.png*/;
    *background-image: url(/Images/Close-X.png); /* For IE 6 and 7 */
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: top;
    width: 16px;
    height: 16px;
}
/* ^^ Notification ^^ */

.RiskTable {
    background-color: White;
    border: medium solid #000000;
    width: 100%;
    font-family: verdana;
}

.FileUploadTable {
    background-color: White;
    border: medium solid #000000;
    width: 100%;
    font-family: verdana;
}

.tblInvestigation {
    background-color: #FCE1BA;
    width: 100%;
    font-family: verdana;
}
/* Logic Colour - Module */
.ModIncidentTable {
    background-color: #FDDFE8;
    border: medium solid #000000;
    width: 100%;
    font-family: Tahoma;
}

.ModNearMissTable {
    background-color: #FFCFC2; /*#FCFDD7 - #FFCFC2*/
    border: medium solid #000000;
    width: 100%;
    font-family: Tahoma;
}

.ModPIncidentTable {
    background-color: #FCFDD7; /*#D0FBD3 - #FCFDD7*/
    border: medium solid #000000;
    width: 100%;
    font-family: Tahoma;
}

.ModInnovation {
    border: medium solid #000000;
    width: 100%;
    background-color: #BCE4FC;
    font-family: Tahoma;
}

.ModFeedback {
    border: medium solid #000000;
    width: 100%;
    background-color: #AEF0ED;
    font-family: Tahoma;
}

.Mod6 /* Audit */ {
    border: medium solid #000000;
    width: 100%;
    background-color: #DCBFF7;
    font-family: Tahoma;
}

.Mod7 /* Observation/Tsiboga */ {
    border: medium solid #000000;
    width: 100%;
    background-color: #669BFD;
    font-family: Tahoma;
}

.Mod8 /* Survey */ {
    border: medium solid #000000;
    width: 100%;
    background-color: #DDFFAA;
    font-family: Tahoma;
}

.Mod9 /* Document Request */ {
    width: 100%;
    display: inline-block;
    background-color: #94B8D6;
    font-family: Tahoma;
    padding-left: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    padding: 10px;
}

.Mod10 /* Document Revision */ {
    border: medium solid #000000;
    width: 100%;
    background-color: #D8BFD8;
    font-family: Tahoma;
}

.Mod11 /* Meeting Minutes */ {
    border: medium solid #000000;
    width: 100%;
    background-color: #EFDB94;
    font-family: Tahoma;
}

.Mod12 /* Inspection */ {
    border: medium solid #000000;
    width: 100%;
    background-color: #E0DAFE;
    font-family: Tahoma;
}

.Mod13 /* CallReport */ {
    border: medium solid #000000;
    width: 100%;
    background-color: #6A5ACD; /* SlateBlue */
    font-family: Tahoma;
}

.Mod14 /* Risk Assessment */ {
    border: medium solid #000000;
    width: 100%;
    background-color: darkkhaki; /* DarkKhaki */
    font-family: Tahoma;
}

.Mod17Table {
    background-color: #ffdaab;
    border: medium solid #000000;
    width: 100%;
    font-family: Tahoma;
}

.Mod20 /* Management Review */ {
    border: medium solid #000000;
    width: 100%;
    background-color: #DCBFF7;
    font-family: Tahoma;
}
/* Logic Colour - Type */
.TypeSafetyTable {
    background-color: #99CCFF;
    border: medium solid #000000;
    width: 100%;
    font-family: Tahoma;
}

.TypeHealthTable {
    background-color: #FFB3B5;
    border: medium solid #000000;
    width: 100%;
    font-family: Tahoma;
}

.TypeEnvironmentTable {
    background-color: #FCFFC1;
    border: medium solid #000000;
    width: 100%;
    font-family: Tahoma;
}

.TypeRiskTable {
    background-color: #9F20F0;
    border: medium solid #000000;
    width: 100%;
    font-family: Tahoma;
}

.TypeQualityTable {
    background-color: #8AD988;
    border: medium solid #000000;
    width: 100%;
    font-family: Tahoma;
}
/* Decision Colours */
.StatusBar {
    width: 100%;
    text-align: center;
    height: 50px;
    margin-bottom: 10px;
    empty-cells: hide;
    text-align: center;
    table-layout: fixed;
}

.StatusBarCell {
    font-size: 1.25em;
}

.StatusBarCellHighlighted {
    font-weight: bold;
}

.StatusBarCellBefore {
    color: Gray;
    background-color: Silver;
}

.StatusBarCellAfter {
    color: white;
    background-color: Gray;
}

.DecInitialApproval {
    background-color: #B602E9;
    color: white;
    font-weight: bold;
    font-size: 1.25em;
}

.DecPending, .DecInProgress, .DecPendingFeasibility {
    background-color: #DBB500;
    /*width: 16.66%;*/
    font-weight: bold;
    font-size: 1.25em;
}

.DecUnderInvestigation, .DecUnderApproval, .DecAttendToFindings, .DecFeasibilityStudy {
    background-color: #FF6A00;
    /*width: 16.66%;*/
    font-weight: bold;
    font-size: 1.25em;
}

.DecAcceptance {
    background-color: #5252FF;
    /*width: 16.66%;*/
    font-weight: bold;
    font-size: 1.25em;
    color: white;
}

.DecImplementation {
    background-color: #2AAE98;
    /*width: 16.66%;*/
    font-weight: bold;
    font-size: 1.25em;
    color: black;
}

.DecDocRegApproval {
    background-color: #B602E9;
    color:white;
    /*width: 16.66%;*/
    font-weight: bold;
    font-size: 1.25em;
}


.DecDocRegReview {
    background-color: #7502A6;
    /*width: 16.66%;*/
    font-weight: bold;
    font-size: 1.25em;
    color: white;
}

.DecVerification {
    background-color: #0B11FC;
    /*width: 16.66%;*/
    font-weight: bold;
    font-size: 1.25em;
    color: white;
}


.DecCancelled {
    background-color: #FF1D00;
    /*width: 16.66%;*/
    font-weight: bold;
    font-size: 1.25em;
}

.DecApproveFindings, .DecApproveCorrections {
    background-color: #048EE8;
    color: white;
    /*width: 16.66%;*/
    font-weight: bold;
    font-size: 1.25em;
}
.DecAwaitingApproval {
    background-color: #B602E9;
    color: white;
    /*width: 16.66%;*/
    font-weight: bold;
    font-size: 1.25em;
}


.DecAwaitingClosure {
    background-color: #0665E9;
    /*width: 16.66%;*/
    font-weight: bold;
    font-size: 1.25em;
}

.DecRejected, .DecNotGranted {
    background-color: #ED0309;
    /*width: 16.66%;*/
    color: white;
    font-weight: bold;
    font-size: 1.25em;
}

.DecDue {
    background-color: #FE3A4D;
    /*width: 16.66%;*/
    color: white;
    font-weight: bold;
    font-size: 1.25em;
}

.DecClosed, .DecGranted, .DecComplete, .DecCurrent {
    background-color: #00C850;
    /*width: 16.66%;*/
    color: white;
    font-weight: bold;
    font-size: 1.25em;
}

.DecCurrentAwaitingReview {
    background-color: #7502A6;
    /*width: 16.66%;*/
    color: white;
    font-weight: bold;
    font-size: 1.25em;
}
.DecCurrentReviewRejected {
    background-color: #ED0309;
    /*width: 16.66%;*/
    color: white;
    font-weight: bold;
    font-size: 1.25em;
}
.DecCurrentConfirmReviewers {
    background-color: #2AAE98;
    /*width: 16.66%;*/
    color: white;
    font-weight: bold;
    font-size: 1.25em;
}


.DecClosedAndApproved {
    background-color: #009D30;
    /*width: 16.66%;*/
    font-weight: bold;
    font-size: 1.25em;
}

.DecBefore {
    color: Gray;
    background-color: Silver;
    /*width: 16.66%;*/
    font-size: 1.25em;
}

.DecAfter {
    background-color: Gray;
    /*width: 16.66%;*/
    color: white;
    font-size: 1.25em;
}

.DecCalibrationInUse {
    background-color: #00C850;
    width: 100%;
    color: white;
    font-size: 1.25em;
}

.DecCalibrationWithdrawn {
    background-color: #FE3A4D;
    width: 100%;
    color: white;
    font-size: 1.25em;
}

.DecCalibrationLost {
    background-color: #FF6A00;
    width: 100%;
    color: black;
    font-size: 1.25em;
}

.DecCalibrationTrashed {
    background-color: #808080;
    width: 100%;
    color: black;
    font-size: 1.25em;
}

.DecCalibrationNotInUse, .DecInitialApproval {
    background-color: #B602E9;
    width: 100%;
    color: white;
    font-size: 1.25em;
}

.DecCalibrationCalibrationNotRequired {
    background-color: #3E5487;
    width: 100%;
    color: white;
    font-size: 1.25em;
}

.DecDocumentRegisterArchived {
    background-color: #808080;
    width: 100%;
    color: white;
    font-size: 1.25em;
}

.DecDocumentRegisterCurrent {
    background-color: #00C850;
    width: 100%;
    color: black;
    font-size: 1.25em;
}

.DecDocumentRegisterReview {
    background-color: #FE3A4D;
    width: 100%;
    color: black;
    font-size: 1.25em;
}

.DecDocumentRegisterPending {
    background-color: #DBB500;
    width: 100%;
    color: black;
    font-size: 1.25em;
}

.DecChecklistProgress {
    background-color: #dbb500;
    /*width: 16.66%;*/
    font-weight: bold;
    font-size: 1.25em;
}

.DecChecklistTrash {
    background-color: #FF6A00;
    /*width: 16.66%;*/
    font-weight: bold;
    font-size: 1.25em;
}

.DecChecklistComplete {
    background-color: #00C850;
    /*width: 16.66%;*/
    font-weight: bold;
    font-size: 1.25em;
}

/* SHEQ type Table */
.SHEQSafety {
    background-color: #1E90FF;
    font-family: Verdana;
    width: 25%;
}

.SHEQHealth {
    background-color: #FF0000;
    font-family: Verdana;
    width: 25%;
}

.SHEQEnvironment {
    background-color: #F2CD00;
    font-family: Verdana;
    width: 25%;
}

.SHEQRisk {
    background-color: #9F20F0;
    font-family: Verdana;
    width: 25%;
}

.SHEQQuality {
    background-color: #008000;
    font-family: Verdana;
    width: 25%;
}

.SHEQDefault {
    background-color: Black;
    font-family: Verdana;
    width: 25%;
}

.SHEQGeneral {
    background-color: Silver;
    font-family: Verdana;
    width: 25%;
}

.GridHeader_Calibration {
    font-size: 1.5em;
    background-color: #ececec;
    /*color:black;*/
    font-family: Verdana;
}

.GridHeader_Safety {
    font-size: 2em;
    background-color: #ececec;
    /*color:black;*/
    font-family: Aharoni,Verdana;
}

.GridItem_Safety {
    font-size: 2em;
    /*background-color:dodgerblue;*/
    /*color:black;*/
    font-family: Aharoni,'Century Gothic',Verdana;
}

.GridHeader_Health {
    font-size: 2em;
    background-color: #ececec;
    /*color:white;*/
    font-family: Aharoni,'Century Gothic',Verdana;
}

.GridItem_Health {
    font-size: 2em;
    /*background-color:red;*/
    /*color:white;*/
    font-family: Aharoni,'Century Gothic',Verdana;
}

.GridHeader_Environment {
    font-size: 2em;
    background-color: #ececec;
    /*color:black;*/
    font-family: Aharoni,'Century Gothic',Verdana;
}

.GridItem_Environment {
    font-size: 2em;
    /*background-color:yellow;*/
    /*color:black;*/
    font-family: Aharoni,'Century Gothic',Verdana;
}

.GridHeader_Risk {
    font-size: 2em;
    background-color: #ececec;
    /*color:white;*/
    font-family: Aharoni,'Century Gothic',Verdana;
}

.GridItem_Risk {
    font-size: 2em;
    /*background-color:green;*/
    /*color:white;*/
    font-family: Aharoni,'Century Gothic',Verdana;
}

.GridHeader_Quality {
    font-size: 2em;
    background-color: #ececec;
    /*color:white;*/
    font-family: Aharoni,'Century Gothic',Verdana;
}

.GridItem_Quality {
    font-size: 2em;
    /*background-color:green;*/
    /*color:white;*/
    font-family: Aharoni,'Century Gothic',Verdana;
}

.GridHeader_General {
    font-size: 2em;
    background-color: #ececec;
    /*color:white;*/
    font-family: Aharoni,'Century Gothic',Verdana;
}

.GridItem_General {
    font-size: 2em;
    /*background-color:green;*/
    /*color:white;*/
    font-family: Aharoni,'Century Gothic',Verdana;
}
/* Risk Bar */
.RiskLow {
    width: 100%;
    background-color: #33CB03;
    font-weight: bold;
    text-align: center;
}

.RiskMedium {
    width: 100%;
    background-color: #E5BC21;
    font-weight: bold;
    text-align: center;
}

.RiskHigh {
    width: 100%;
    background-color: #EF7C03;
    color: white;
    font-weight: bold;
    text-align: center;
}

.RiskExtreme {
    width: 100%;
    background-color: #ED0309;
    color: white;
    font-weight: bold;
    text-align: center;
}
/* Ishikawa Headings */
.IshikawaTableHeader {
    text-align: center;
    width: 20%;
}

.IshikawaTableHeader_Man {
    background-color: #3366FF;
}

.IshikawaTableHeader_Machine {
    background-color: #FF75DD;
}

.IshikawaTableHeader_Method {
    background-color: #C75858;
}

.IshikawaTableHeader_Material {
    background-color: #BA75FF;
}

.IshikawaTableHeader_Environment {
    background-color: Yellow;
}
/* Ishikawa Body */
.IshikawaTableBody {
    vertical-align: top;
}

.IshikawaTableBody_Man {
    background-color: #9BB5FF;
}

.IshikawaTableBody_Machine {
    background-color: #FFAEEB;
}

.IshikawaTableBody_Method {
    background-color: #E4AFAF;
}

.IshikawaTableBody_Material {
    background-color: #DDBBFF;
}

.IshikawaTableBody_Envrionment {
    background-color: #FFFFAE;
}
/* Audit Items */
.auditRaiseLink {
    background-color: #18A5FF;
    font-weight: bold;
    border: none;
    padding-left: 1.75em;
    padding-right: 1.75em;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: white;
    font-size: 1.2em;
    Height: 1.5em;
}

    .auditRaiseLink:hover {
        color: black;
    }

.Audit_TemplateHeader {
    background-color: #525252;
    color: #FFFFFF;
    font-size: large;
    font-weight: bold;
    padding: 5px;
}

.Audit_ElementHeader {
    background-color: #767171;
    color: #FFFFFF;
    font-size: large;
    font-weight: bold;
    padding: 5px;
}

.Audit_PointHeader {
    background-color: #D3D3D3;
    color: #000000;
    font-size: large;
    font-weight: bold;
    padding: 5px;
}

.TemplateHeader {
    background-color: #525252;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
}

.ElementHeader {
    border: thin solid #000000;
    background-color: #767171;
}

.PointHeader {
    background-color: #D3D3D3;
    border: thin solid #000000;
}

.RiskAssessmentBeforeTable {
    background-color: #FDDFE8;
    border: medium solid #000000;
    font-family: Tahoma;
}

.RiskAssessmentAfterTable {
    background-color: #D0FBD3;
    border: medium solid #000000;
    font-family: Tahoma;
}

.DivMenu {
    width: 310px;
    float: left;
    display: inline-block;
}


.DivGrid {
    margin-left: 315px;
    width: auto;
}
/* Metro Style - CSS below is fresh */
.Tip {
    background-color: #eded5b;
    /*border:thin solid #3e3e3e;*/
    color: black;
    Font-Size: Small;
    background-image: url(images/help/helpbulb.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 28px;
    display: inline-block;
}

.TipCompleted {
    background-color: #23d723;
    color: black;
    font-size: small;
    background-image: url(images/Buttons/check.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    padding: 10px 10px 10px 40px;
    display: inline-block;
}

.TipNotify {
    background-color: #eded5b;
    color: black;
    Font-Size: Small;
    background-image: url(images/Buttons/Information.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    padding: 10px 10px 10px 40px;
    display: inline-block;
}

.TipUrgent {
    background-color: #ed1c24;
    color: white;
    Font-Size: Small;
    background-image: url(images/help/notice.png);
    background-position: left center;
    background-position-x: 4px;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 28px;
    display: inline-block;
    vertical-align: middle;
}

.Required {
    padding-right: 25px;
    background-image: url(images/status/validation.png);
    background-position: right top;
    background-repeat: no-repeat;
}

.Required {
    padding-right: 25px;
    background-image: url(images/status/validation.png);
    background-position: right top;
    background-repeat: no-repeat;
}

.CapsLockWarning {
    background-color: #FFCC00;
    border: 1px solid #FFCC00;
    padding: 2px;
}
/* AjaxControlToolkit Validator */
/*The popup table*/
.ajax__validatorcallout_popup_table {
    background-color: transparent;
    border-collapse: collapse;
    width: 300px;
}
/*The popup table row*/
.ajax__validatorcallout_popup_table_row {
}
/*The callout cell*/
.ajax__validatorcallout_callout_cell {
}
/*The table in the callout cell*/
.ajax__validatorcallout_callout_table {
}
/*The callout table row*/
.ajax__validatorcallout_callout_table_row {
}
/*The error message cell*/
.ajax__validatorcallout_error_message_cell {
    background-color: #FFCC00;
    padding: 10px 5px 10px 10px;
}

    .ajax__validatorcallout_error_message_cell:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 0px 20px 20px 0px;
        border-color: transparent #FFCC00 transparent transparent;
        display: block;
        width: 0;
        top: 0px;
        left: 2px;
    }
/*The warning icon cell*/
.ajax__validatorcallout_icon_cell {
    display: none;
}
/*The close button cell*/
.ajax__validatorcallout_close_button_cell {
    text-align: right;
    vertical-align: top;
    background-color: #FFCC00;
    padding: 7px 5px 0 0;
}

    .ajax__validatorcallout_close_button_cell image {
        cursor: pointer;
    }
/*The arrow cell*/
.ajax__validatorcallout_arrow_cell {
}
/*Inner div of a cell. Used in the close button cell and the arrow cell*/
.ajax__validatorcallout_innerdiv {
}

/* AJAX Combobox */
/* A table element that contains and positions the ComboBox's button and text box input elements. Child Css classes: ajax__combobox_textboxcontainer, ajax__combobox_buttoncontainer */
.ajax__combobox_inputcontainer input {
}
/* The table cell that contains the ComboBox's text box input element. */
.ajax__combobox_textboxcontainer {
}
/* The table cell that contains the ComboBox's button element. */
.ajax__combobox_buttoncontainer button {
    background-image: url(Images/Buttons/dropdownlist.png);
    background-color: transparent;
    border: none;
}
/* The ul element that contains the ComboBox's list item (li) elements. */
.ajax__combobox_itemlist {
    background-color: white;
    border: medium solid black;
}
/*#region VV Notice VV */
.NoticeHazardTape {
    padding: 20px;
    color: white;
    background: repeating-linear-gradient( 135deg, #F2DF00, #F2DF00 20px, #191919 10px, #191919 40px );
    margin-bottom: 5px;
}

.NoticeMessage {
    width: 100%;
    font-family: Verdana;
    text-align: center;
    vertical-align: middle;
    font-size: 1em;
    background-color: #F2DF00;
    color: #191919;
    padding-top: 0.1em;
    padding-bottom: 1em;
}
/*#endregion ^^ Notice ^^ */
/*#region VV Notification VV */
.NotificationOff {
    width: 100%;
    font-family: Verdana;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2147483647;
    font-size: 1.2em;
    overflow: auto;
    display: none;
}

.NotificationSuccess {
    /*width: 100%;*/
    font-family: Verdana;
    text-align: center;
    vertical-align: middle;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2147483647;
    font-size: 1.2em;
    background-color: #00ff00;
    color: black;
    overflow: auto;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    cursor: pointer;
    padding-right: 53px;
    background-image: url(images/buttons/cancel.png);
    background-size: 48px 48px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    opacity: 0.95;
    filter: Alpha(opacity=95); /* IE8 and earlier */
}

.NotificationWarning {
    /*width: 100%;*/
    font-family: Verdana;
    text-align: center;
    vertical-align: middle;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2147483647;
    font-size: 1.2em;
    background-color: Yellow;
    color: black;
    overflow: auto;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    cursor: pointer;
    padding-right: 53px;
    background-image: url(images/buttons/cancel.png);
    background-size: 48px 48px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    opacity: 0.95;
    filter: Alpha(opacity=95); /* IE8 and earlier */
}

.NotificationFailure {
    /*width: 100%;*/
    font-family: Verdana;
    text-align: center;
    vertical-align: middle;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2147483647;
    font-size: 1.2em;
    background-color: red;
    color: white;
    overflow: auto;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    cursor: pointer;
    padding-right: 53px;
    background-image: url(images/buttons/cancel_white.png);
    background-size: 48px 48px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    opacity: 0.95;
    filter: Alpha(opacity=95); /* IE8 and earlier */
}

.NotificationInfo {
    /*width: 100%;*/
    font-family: Verdana;
    text-align: center;
    vertical-align: middle;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2147483647;
    font-size: 1.2em;
    background-color: #04f;
    color: white;
    overflow: auto;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    cursor: pointer;
    padding-right: 53px;
    background-image: url(images/buttons/cancel_white.png);
    background-size: 48px 48px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    opacity: 0.95;
    filter: Alpha(opacity=95); /* IE8 and earlier */
}
/*#endregion ^^ Notification ^^ */

/* Controls */
.mycheckSmall input {
    width: 13px;
    height: 13px;
}

.mycheckMedium input {
    width: 19px;
    height: 19px;
}

.mycheckBig input {
    width: 25px;
    height: 25px;
}

.checkboxButtonSize input {
    width: 30px;
    height: 30px;
}

/* Prevent border radius on Apple - http://www.daretothink.co.uk/blog/stop-ios-styling-your-input-fields-and-buttons/ */
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox {
    -webkit-appearance: none;
    -border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
/* Module Submit Buttons - http://stackoverflow.com/questions/2616775/putting-images-inside-a-button-element-html-css */
/*#region Buttons */
.buttonDisabledHidden {
    background-color: #18A5FF;
    font-weight: bold;
    border: none;
    padding-left: 1.75em;
    padding-right: 1.75em;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: white;
    font-size: 1.2em;
    Height: 1.5em;
    text-decoration: none;
    -webkit-appearance: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.button {
    background-color: #18A5FF;
    font-weight: bold;
    border: none;
    padding-left: 1.75em;
    padding-right: 1.75em;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: white;
    font-size: 1.2em;
    Height: 1.5em;
    text-decoration: none;
    -webkit-appearance: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .button:hover {
        color: black;
        cursor: pointer;
    }

    .button:Disabled {
        background-color: lightgrey;
        color: darkgrey;
        cursor: default;
    }


    .button a {
        background-color: #18A5FF;
        font-weight: bold;
        border: none;
        padding-left: 1.75em;
        padding-right: 1.75em;
        font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
        color: white;
        font-size: 1.2em;
        Height: 1.5em;
        text-decoration: none;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

        .button a:hover {
            background-color: #18A5FF;
            font-weight: bold;
            border: none;
            padding-left: 1.75em;
            padding-right: 1.75em;
            font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
            color: black;
            font-size: 1.2em;
            Height: 1.5em;
            text-decoration: none;
        }

.buttonImageSubmit {
    background-color: #18A5FF;
    font-weight: bold;
    border: none;
    padding-left: 2.75em;
    padding-right: 1.75em;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: white;
    font-size: 1.5em;
    Height: 2.5em;
    line-height: 2.5em;
    width: auto;
    white-space: nowrap;
    overflow: visible;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .buttonImageSubmit:hover {
        color: black;
        cursor: pointer;
    }

    .buttonImageSubmit:Disabled {
        background-color: lightgrey;
        color: darkgrey;
        cursor: default;
    }

.button_Cancel {
    background-color: #CC0000;
    color: white;
}

.buttonDisabled {
    background-color: grey;
    font-weight: bold;
    border: none;
    padding-left: 1.75em;
    padding-right: 1.75em;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: white;
    font-size: 1.2em;
    Height: 1.5em;
    text-decoration: none;
    -webkit-appearance: none;
    -border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .buttonDisabled:hover {
        background-color: grey;
        font-weight: bold;
        border: none;
        padding-left: 1.75em;
        padding-right: 1.75em;
        font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
        color: white;
        font-size: 1.2em;
        Height: 1.5em;
        text-decoration: none;
    }

    .buttonDisabled a {
        background-color: grey;
        font-weight: bold;
        border: none;
        padding-left: 1.75em;
        padding-right: 1.75em;
        font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
        color: white;
        font-size: 1.2em;
        Height: 1.5em;
        text-decoration: none;
        -webkit-appearance: none;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

        .buttonDisabled a:hover {
            background-color: grey;
            font-weight: bold;
            border: none;
            padding-left: 1.75em;
            padding-right: 1.75em;
            font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
            color: white;
            font-size: 1.2em;
            Height: 1.5em;
            text-decoration: none;
        }
/*#region Toggle Buttons*/
.toggleButtonOn {
    /*Height:1.75em;*/
    padding: 2px 10px 2px 10px;
    display: inline-block;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: none;
    -webkit-appearance: none;
    -border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.toggleButtonOff {
    padding: 2px 10px 2px 10px;
    display: inline-block;
    background-color: #3e3e3e;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: none;
    -webkit-appearance: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: white;
}

    .toggleButtonOff:hover {
        color: #18A5FF;
        cursor: pointer;
    }
/*#region Border*/
.toggleButtonPositionLeft {
    border-top: 3px solid gray;
    border-right: none;
    border-bottom: 3px solid gray;
    border-left: 3px solid gray;
}

.toggleButtonPositionMiddle {
    border-top: 3px solid gray;
    border-right: none;
    border-bottom: 3px solid gray;
    border-left: none;
}

.toggleButtonPositionRight {
    border-top: 3px solid gray;
    border-right: 3px solid gray;
    border-bottom: 3px solid gray;
    border-left: none;
}

.toggleButtonPositionSingle {
    border: 3px solid gray;
}
/*#endregion Border*/

/*#region YesNo */
.button_Yes {
    background-color: #23d723;
    font-weight: bold;
    border: none;
    padding-left: 1.75em;
    padding-right: 1.75em;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: white;
    font-size: 1.2em;
    Height: 1.5em;
    text-decoration: none;
    -webkit-appearance: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .button_Yes:hover {
        color: black;
        cursor: pointer;
    }

.button_No {
    background-color: #d52d2d;
    font-weight: bold;
    border: none;
    padding-left: 1.75em;
    padding-right: 1.75em;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: white;
    font-size: 1.2em;
    Height: 1.5em;
    text-decoration: none;
    -webkit-appearance: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .button_No:hover {
        color: black;
        cursor: pointer;
    }

.button_Unselected {
    background-color: grey;
    font-weight: bold;
    border: none;
    padding-left: 1.75em;
    padding-right: 1.75em;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: white;
    font-size: 1.2em;
    Height: 1.5em;
    text-decoration: none;
    -webkit-appearance: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .button_Unselected:hover {
        color: black;
        cursor: pointer;
    }

.TextBox_ReadOnly {
    background-color: lightgray;
}

@media only screen and (max-device-width:550px) {
    .textBox_Memo {
        width: 100%;
    }
}
/*#endregion YesNo */

/*#endregion Toggle Buttons*/

/*#region Tabs - Legacy - Replace with GridView Filter Layout*/

.btnTabActive {
    background-color: #18A5FF;
    font-weight: bold;
    border: none;
    padding-left: 1.75em;
    padding-right: 1.75em;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: black;
    font-size: 1.2em;
    Height: 1.5em;
    text-decoration: none;
}

.btnTabInactive {
    background-color: Gray;
    font-weight: bold;
    border: none;
    padding-left: 1.75em;
    padding-right: 1.75em;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: white;
    font-size: 1.2em;
    Height: 1.5em;
    cursor: pointer;
    text-decoration: none;
}

    .btnTabInactive:hover {
        color: black;
    }
/*#endregion Tabs*/

/*#region Module - Currently being used by the Reclassify Incident popup*/
.toggleButtonModule2 {
    background-color: #FF5353;
    color: white;
}

.toggleButtonModule3 {
    background-color: gold;
    color: black;
}

.toggleButtonModule4 {
    background-color: darkseagreen;
    color: white;
}
/*#endregion Module*/
/*#region Module - Legacy*/

.filterModule_Off {
    background-color: gray;
    font-weight: bold;
    border: none;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: white;
    font-size: 1.2em;
    Height: 1.5em;
    padding-left: 1.25em;
    padding-right: 1.25em;
    cursor: pointer;
    text-decoration: none;
}

    .filterModule_Off:hover {
        color: black;
    }

.filter_Module2 {
    background-color: #FF5353;
    font-weight: bold;
    border: none;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: white;
    font-size: 1.2em;
    Height: 1.5em;
    padding-left: 1.25em;
    padding-right: 1.25em;
    cursor: pointer;
    text-decoration: none;
    -webkit-appearance: none;
    -border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

    .filter_Module2:hover {
        color: #3e3e3e;
    }

.filter_Module3 {
    background-color: gold;
    font-weight: bold;
    border: none;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: black;
    font-size: 1.2em;
    Height: 1.5em;
    padding-left: 1.25em;
    padding-right: 1.25em;
    cursor: pointer;
    text-decoration: none;
    -webkit-appearance: none;
    -border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

    .filter_Module3:hover {
        color: #3e3e3e;
    }

.filter_Module4 {
    background-color: darkseagreen;
    font-weight: bold;
    border: none;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: white;
    font-size: 1.2em;
    Height: 1.5em;
    padding-left: 1.25em;
    padding-right: 1.25em;
    cursor: pointer;
    text-decoration: none;
    -webkit-appearance: none;
    -border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

    .filter_Module4:hover {
        color: #3e3e3e;
    }

/*#endregion Module*/

/*#region Type*/
.toggleButtonType_Safety {
    background-color: #1E90FF;
    color: white;
    font-family: Aharoni,'Century Gothic', Tahoma;
}

.toggleButtonType_Health {
    background-color: #FF0000;
    color: white;
    font-family: Aharoni,'Century Gothic', Tahoma;
}

.toggleButtonType_Environment {
    background-color: #F2CD00;
    color: black;
    font-family: Aharoni,'Century Gothic', Tahoma;
}

.toggleButtonType_Risk {
    background-color: #9F20F0;
    color: white;
    font-family: Aharoni,'Century Gothic', Tahoma;
}

.toggleButtonType_Quality {
    background-color: #008000;
    color: white;
    font-family: Aharoni,'Century Gothic', Tahoma;
}
/*#endregion Type*/
/*#region Type - Legacy*/

.filterType_Off {
    background-color: gray;
    font-weight: bold;
    border: none;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: white;
    font-size: 1.2em;
    Height: 1.5em;
    padding-left: 1.25em;
    padding-right: 1.25em;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0);
}

    .filterType_Off:hover {
        color: black;
    }

.filterType_Safety {
    background-color: #1E90FF;
    font-weight: bold;
    border: none;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: white;
    font-size: 1.2em;
    Height: 1.5em;
    padding-left: 1.25em;
    padding-right: 1.25em;
    cursor: pointer;
    text-decoration: none;
}

    .filterType_Safety:hover {
        color: #3e3e3e;
    }

.filterType_Health {
    background-color: #FF0000;
    font-weight: bold;
    border: none;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: white;
    font-size: 1.2em;
    Height: 1.5em;
    padding-left: 1.25em;
    padding-right: 1.25em;
    cursor: pointer;
    text-decoration: none;
}

    .filterType_Health:hover {
        color: #3e3e3e;
    }

.filterType_Environment {
    background-color: #F2CD00;
    font-weight: bold;
    border: none;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: black;
    font-size: 1.2em;
    Height: 1.5em;
    padding-left: 1.25em;
    padding-right: 1.25em;
    cursor: pointer;
    text-decoration: none;
}

    .filterType_Environment:hover {
        color: #3e3e3e;
    }

.filterType_Risk {
    background-color: #9F20F0;
    font-weight: bold;
    border: none;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: white;
    font-size: 1.2em;
    Height: 1.5em;
    padding-left: 1.25em;
    padding-right: 1.25em;
    cursor: pointer;
    text-decoration: none;
}

    .filterType_Risk:hover {
        color: #3e3e3e;
    }

.filterType_Quality {
    background-color: #008000;
    font-weight: bold;
    border: none;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: white;
    font-size: 1.2em;
    Height: 1.5em;
    padding-left: 1.25em;
    padding-right: 1.25em;
    cursor: pointer;
    text-decoration: none;
}

    .filterType_Quality:hover {
        color: #3e3e3e;
    }

.filterType_General {
    background-color: black;
    font-weight: bold;
    border: none;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: white;
    font-size: 1.2em;
    Height: 1.5em;
    padding-left: 1.25em;
    padding-right: 1.25em;
    cursor: pointer;
    text-decoration: none;
}

    .filterType_General:hover {
        color: #3e3e3e;
    }

/*#endregion Type*/

/*#endregion Toggle Buttons*/

/*#region HyperLink Image*/

.hyperlinkImageButton {
    text-decoration: none;
    color: black;
    border-style: none;
    /*font-size: 1.1em;*/
}

    .hyperlinkImageButton:hover {
        text-decoration: underline;
        color: #18A5FF;
    }

    .hyperlinkImageButton img {
        border-style: none;
    }

/*#endregion HyperLink Image*/

/*#endregion Buttons*/

/*#region VV Control Panel VV */
.ControlPanel {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background-color: #979797;
    color: black;
    overflow: auto;
    /*font-size:0.7em;*/
    /*padding-top: 0.5em;
	padding-bottom: 0.5em;*/
}

.ControlPanelHidden {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99998;
    height: 20px;
    background-color: #979797;
    color: black;
    overflow: auto;
    /*font-size:0.7em;*/
    /*padding-top: 0.5em;
	padding-bottom: 0.5em;*/
}

.ControlPanelItem {
    /*display: inline-block;*/ /* Not compatible with older versions of IE */
    vertical-align: top;
    display: -moz-inline-stack; /* Work Around for older browsers - Not Perfect http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/*/
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-left: 0.8em;
    margin-right: 0.8em;
    font-size: 0.80em;
    text-align: center;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

    .ControlPanelItem:hover {
        color: white;
    }

.ControlPanelPlaceHolder {
    height: 3em;
}

.ControlPanelShowHide {
    float: right;
    height: 20px;
    width: 48px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAUCAYAAADLP76nAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAAAUklEQVRYR+3SsQnAMAxEUY3lcTNiNnB8kMKFChe/SfgPDiM4EAiXJH3KWLlW7vfN3KF7mCyZWzJ36B4ml9oXZu7QPQx92dMehv7bpz1Jkv6o6gHLvTfG5ojTkAAAAABJRU5ErkJggg==);
    *background-image: url(Images/Buttons/overflowdots.png); /* For IE 6 and 7 */
}

    .ControlPanelShowHide:hover {
        cursor: pointer;
    }
/*#endregion ^^ Control Panel ^^ */

/*#region MasterPage*/

/*#region Navigation Menu*/

.MainMenuTable {
    font-family: 'Segoe UI', Arial;
    width: 100%;
    background-color: #1a1a1a;
    /*border-bottom: 3px solid #1E90FF;*/
    height: 44px !important;
    max-height: 44px !important;
    padding: 0px;
}

.MainMenuTableRow {
    display: inline-block;
    background-color: #1a1a1a;
    width: 100%;
    padding-bottom: -2px;
    height: 44px;
}

.MainMenuTableCellHome {
    border-top: 3px solid transparent;
    display: inline-block;
    height: 36px;
    width: 100px;
    margin-right: 5px;
    margin-left: 10px;
}

.MainMenuTableCellMenu {
    border-top: 3px solid transparent;
    display: inline-block;
    height: 25px;
    width: 25px;
    margin-right: 5px;
    margin-left: 10px;
}

.MainMenuTableCell {
    border-top: 3px solid transparent;
    display: inline-block;
    height: 36px;
    width: 36px;
    margin-right: 10px;
    /*margin-left: 10px;*/
    /*padding:10px 0 0 0;*/
}

    .MainMenuTableCell a {
        color: inherit;
        display: inline-block;
        text-decoration: none;
    }

        .MainMenuTableCell a:hover {
            color: #18A5FF;
            cursor: pointer;
        }

        .MainMenuTableCell a:visited {
            color: inherit;
        }

.MainMenuTableCell_Selected {
    border-top: 3px solid #18A5FF;
}

.MainMenu_Home {
    /*background: url(Images/Menu/Home_White.png);*/
    padding-right: 10px;
    margin-right: 50px;
    width: 110px;
    height: 36px;
    min-width: 130px;
    object-fit: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 45px;
}

    .MainMenu_Home img {
        position: absolute;
        top: -1px;
        left: 7px;
        width: 125px;
        height: 41px;
    }

.MainMenu_Div {
    position: relative;
    /*top: -30%;*/
    float: left;
}

/*#endregion Navigation Menu*/

/*#region MainMenu - Custom Tile*/
.ProfileLoginName {
    position: relative;
    font-size: 14px;
    color: white;
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
    top: -10px;
}

.ProfileLoginStatus {
    min-height: 28px !important;
    width: 28px !important;
    height: 28px !important;
    position: relative;
    display: inline-block;
    float: right;
}

.MenuCustomContainer {
    min-width: 100px;
    width: auto !important;
    width: 110px;
    display: inline-block;
    background-color: #1a1a1a;
    color: white;
    height: 40px;
}

.MenuCustomBody {
    display: inline;
    font: 25px;
    color: white;
    border-top: 3px solid transparent;
    height: 40px;
    min-width: 100px;
    background-color: #1a1a1a;
    float: right;
}

.MenuCustomBody2 {
    /*display: inline;*/
    /*font: 25px;*/
    /*color: white;*/
    /*border-top: 3px solid transparent;*/
    /*height: 38px;*/
    /*min-width: 100px;*/
    /*background-color: #1a1a1a;*/
    /*float: right;*/
    /*position: relative;*/
    /*top: -5%;*/
    /*margin-left: 5px;*/
}

.MenuCustomBody img {
    position: relative;
    top: 2%;
    float: right;
    max-width: 30px;
    min-height: 30px;
}

.MenuCustomBody a {
    color: black;
    text-decoration: none;
}

    .MenuCustomBody a:hover {
        color: white;
        background-color: #18A5FF;
    }

    .MenuCustomBody a:visited {
        color: inherit;
    }

        .MenuCustomBody a:visited:hover {
            color: white;
            background-color: #18A5FF;
        }

.MenuCustomBody_Selected {
    border-top: 3px solid #18A5FF;
}

.MenuCustomBodyText {
    height: 36px;
    padding: 2px;
    display: inline-block;
}
/*#endregion MainMenu - Custom Tile*/

/*#region Subscription Status*/

.subscription_Off {
    font-family: Arial;
    line-height: 1.35em;
    padding: 0.2em 2px;
    margin-top: 2px;
    vertical-align: middle;
}

.subscription_Warning {
    font-family: Arial;
    line-height: 1.35em;
    padding: 0.2em 2px;
    margin-top: 2px;
    vertical-align: middle;
    background-color: #ffff21;
    color: black;
    padding: 7px;
}

.subscription_Expired {
    font-family: Arial;
    line-height: 1.35em;
    padding: 0.2em 2px;
    margin-top: 2px;
    vertical-align: middle;
    background-color: red;
    color: white;
    padding: 7px;
}

/*#endregion Subscription Status*/

/*#endregion MasterPage*/

/*#region ProfilePage*/

/*#region Header*/

.Profile_Header {
    width: 100%;
    background-color: #18A5FF;
    height: 190px;
    padding-top: 50px;
}

.Profile_Header_Body {
    /*display: inline-block;*/
    margin-top: 20px;
    float: none;
}

    .Profile_Header_Body h2 {
        font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
        margin: 0;
        margin-top: 0;
    }

/*#region Photo*/

.Profile_Header_PhotoPreview {
    z-index: 1000;
    padding: 20px;
    position: relative;
    width: 200px;
    float: left;
}

.Profile_ChangePhoto {
    color: darkgray;
    text-decoration: none;
    background-color: darkgray;
    opacity: 100;
    position: absolute;
    z-index: 1001;
    top: 150px;
    right: 0px;
    width: 48px;
    height: 48px;
    border-radius: 50px;
}

    .Profile_ChangePhoto:hover {
        color: white;
        opacity: 0.85;
        filter: alpha(opacity=85);
    }

/*#endregion Photo*/

/*#endregion Header*/

/*#region Body*/

.Profile_Body_MainDiv {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.Profile_Body_DivHeading {
    font-size: larger;
    font-weight: bold;
    background-color: lightgrey;
    margin-left: -20px;
    margin-top: -20px;
    margin-right: -20px;
    padding: 20px;
}

@media screen and (max-width:670px) {
    .Profile_Body_MainDiv {
        padding-left: 5px;
        padding-right: 5px;
        height: auto;
    }
}

.Profile_EditDiv {
    color: darkgray;
    text-decoration: none;
    background-color: darkgray;
    opacity: 100;
    position: absolute;
    z-index: 1001;
    top: 0px;
    right: 0px;
    width: 30px;
    height: 30px;
}

.Profile_Body_WideDiv {
    position: relative;
    border: solid;
    border-color: lightgray;
    border-width: 1px;
    margin: 30px;
    width: 670px;
    float: left;
    padding: 20px;
}

@media screen and (max-width:670px) {
    .Profile_Body_WideDiv {
        position: relative;
        border: solid;
        border-color: lightgray;
        border-width: 1px;
        /*margin-left: auto;*/
        /*margin-right: auto;*/
        margin-top: 15px;
        width: 305px;
        height: auto;
        float: left;
        padding: 20px;
    }
}

.Profile_Body_WideDiv_Child {
    width: 333px;
    float: left;
}

@media screen and (max-width:670px) {
    .Profile_Body_WideDiv_Child {
        width: 303px;
        float: left;
    }
}

.Profile_Body_NarrowDiv {
    position: relative;
    border: solid;
    border-color: lightgray;
    border-width: 1px;
    margin: 30px;
    width: 305px;
    float: left;
    padding: 20px;
}

@media screen and (max-width:670px) {
    .Profile_Body_NarrowDiv {
        position: relative;
        border: solid;
        border-color: lightgray;
        border-width: 1px;
        margin-top: 15px;
        width: 305px;
        height: auto;
        float: left;
        padding: 20px;
    }
}

.Profile_Body_DivSubHeading {
    font-weight: bold;
    margin-bottom: 0px;
}

/*#endregion Body*/

/*#endregion ProfilePage*/

/*#region ModulePage*/

/*#region Header*/
.Module_Header {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

@media screen and (max-width:809px) {
    .Module_Header_TPA {
        height: 120px;
    }
}

@media screen and (max-width:519px) {
    .Module_Header_TPA {
        height: 150px;
    }
}

@media screen and (max-width: 462px) {
    .Module_Header_JobCard {
        width: 100%;
        height: 120px;
        vertical-align: middle;
    }
}

.Module_Header h2 {
    margin-top: auto;
    margin-bottom: auto;
}

.Module_Header img {
    width: 50px;
    height: 50px;
    margin: 10px;
    vertical-align: middle;
}
/*#endregion Header*/
/*#region Area Table*/

.Module_AreaSection {
    background-color: #CCCCCC;
    margin-right: 10px;
    float: left;
    display: inline-block;
}

    .Module_AreaSection thead {
        text-align: center;
        font-weight: bold;
    }

    .Module_AreaSection select {
        width: 250px;
    }

@media screen and (max-width: 600px) {
    .Module_AreaSection {
        overflow: hidden;
        width: 100%;
        margin: 0;
    }

        .Module_AreaSection table {
            width: 100%;
        }

        .Module_AreaSection select {
            width: 100%;
        }
}

.Module_Section_Dark {
    background-color: #767171;
    color: white;
    margin-right: 10px;
    float: left;
    display: inline-block;
}

    .Module_Section_Dark thead {
        text-align: center;
        font-weight: bold;
    }

@media screen and (max-width: 600px) {
    .Module_Section_Dark {
        overflow: hidden;
        width: 100%;
        margin: 0;
    }

        .Module_Section_Dark table {
            width: 100%;
        }
}

.Module_AreaTable {
    background-color: #CCCCCC;
    margin-right: 10px;
}

    .Module_AreaTable thead {
        text-align: center;
        font-weight: bold;
    }
/*#endregion Area Table*/
.Module_EntryDetailTable {
    background-color: #B3B3B3;
    margin-right: 10px;
}

    .Module_EntryDetailTable thead {
        text-align: center;
        font-weight: bold;
    }
/*#region Attachments*/
.Module_Attachments {
    width: 100%;
    display: inline-block;
    background-color: #ececec;
    padding-left: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}
/*#endregion Attachments*/
.Module_ExtraPanel {
    width: 100%;
    display: inline-block;
    background-color: #888888;
    padding-left: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.Module_ExtraPanelWhite {
    width: 100%;
    display: inline-block;
    background-color: #FFFFFF;
    padding-left: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.Module_ExtraPanelLightGray {
    width: 100%;
    display: inline-block;
    background-color: #ececec;
    padding-left: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.Module_ExtraPanelLighterGrey {
    width: 100%;
    display: inline-block;
    background-color: #f5f5f5;
    padding-left: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.Module_ExtraPanelBlack {
    width: 100%;
    display: inline-block;
    background-color: #000000;
    padding-left: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.Module_ExtraPanel_Safety {
    width: 100%;
    display: inline-block;
    background-color: #b3d9ff;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

.Module_ExtraPanel_Health {
    width: 100%;
    display: inline-block;
    background-color: #F0ACAD;
    padding-left: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.Module_ExtraPanel_Environment {
    width: 100%;
    display: inline-block;
    background-color: #F1E7A5;
    padding-left: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.Module_ExtraPanel_Risk {
    width: 100%;
    display: inline-block;
    background-color: #AF77D4;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

.Module_ExtraPanel_Quality, .Module_ExtraPanel_RiskAfter {
    width: 100%;
    display: inline-block;
    background-color: #8AD988;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

.Module_ExtraPanelPopout {
    width: 100%;
    display: inline-block;
    background-color: #f5f5f5;
    margin-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.Module_ExtraPanel_Safety {
    width: 100%;
    display: inline-block;
    background-color: #b3d9ff;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

.Module_ExtraPanel_Health {
    width: 100%;
    display: inline-block;
    background-color: #F0ACAD;
    padding-left: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.Module_ExtraPanel_Environment {
    width: 100%;
    display: inline-block;
    background-color: #F1E7A5;
    padding-left: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.Module_ExtraPanel_General {
    width: 100%;
    display: inline-block;
    background-color: #979797;
    padding-left: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.Module_ExtraPanel_RiskBefore {
    width: 100%;
    display: inline-block;
    background-color: #ed8282;
    padding-left: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.Module_ExtraPanel_Investigation {
    width: 100%;
    display: inline-block;
    background-color: #FCE1BA;
    padding-left: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}
/*#region Responsive Table - http://jsfiddle.net/esymk8tn/2/ */
.divTableContainerOneHundred {
    width: calc(100% - 10px);
}

.divTable {
    display: table;
    width: 100%;
    /*    margin-right: 10px;
    float: left;
    display: inline-block;*/
}

    .divTable table {
        width: 100%;
    }

    .divTable td {
        width: 50%;
    }

.divTable_LeftAlign td:nth-of-type(odd) {
    text-align: right;
}

.divTable_RightAlign td:nth-of-type(even) {
    text-align: left;
}

.divTableRow {
    display: table-row;
}

.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
}

.divTableCell {
    /*border: 1px solid #999999;*/
    display: table-cell;
    /*padding: 3px 10px;*/
}
/*.divTable input[type=text] {
    width: 250px;
}*/

.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}

.divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}

@media all and (max-width:600px) {
    .divTableContainer {
        width: 100%;
        padding: 0 5px 0 5px;
    }

    .divTable {
        width: 100%;
    }

    .divTableRow {
        display: block;
    }

    .divTableCell {
        display: block;
        width: 100%;
    }

    .divTable input[type=text], select {
        width: 100% !important;
    }

    .divTable_RightAlign {
        text-align: right;
    }

    .divTable_LeftAlign {
        text-align: left;
    }
}
/*#endregion Responsive Table*/

/*#endregion ModulePage*/

/*#region Gridview */
.grid {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    color: Black;
    font-size: 0.80em;
}

    .grid tr td th {
        border-top: none;
        border-bottom: 1px solid #18A5FF;
        /*border-collapse: collapse;*/
    }

    .grid td {
        padding-left: 5px;
        padding-right: 5px;
    }

    .grid th {
        padding-left: 10px;
        padding-right: 10px;
    }

.clickable:hover {
    cursor: pointer;
}
.grid-row {
    background-color: White;
}

    .grid-row:hover {
        background-color: #a7dcff;
        color: black;
    }

        .grid-row:hover a {
            color: white;
        }

.grid-row-alternating {
    background-color: #ececec;
}

    .grid-row-alternating:hover {
        background-color: #a7dcff;
        color: black;
    }

        .grid-row-alternating:hover a {
            color: white;
        }

.grid-row-alternatingInno {
    background-color: lightgray;
}

    .grid-row-alternatingInno:hover {
        background-color: #a7dcff;
        color: black;
    }

        .grid-row-alternatingInno:hover a {
            color: white;
        }

.grid-selected-row {
    color: #333333;
    background-color: #acdfff;
    font-weight: bold;
}

.grid-row-selected {
    font-weight: bold;
    background-color: #acdfff;
}

.grid-header, .grid-footer {
    color: White;
    text-decoration: none;
    background-color: #18A5FF;
    border: none;
    height: 1.2em;
    padding-left: 10px;
    padding-right: 10px;
}

    .grid-header table {
        color: white;
    }

    .grid-header a {
        color: White;
        text-decoration: none;
        background-color: #18A5FF;
    }

        .grid-header a:hover {
            color: Black;
            text-decoration: none;
        }

.grid-header-filter {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAAAt0lEQVQ4T9WRvwnCQByFL1qInY2CtZ2FhbVDuIKdpb2CO9i4gCs4ghOIYOMIYmMj3OX87vIgaDCX1g8eP/L+EEJMnud9tLbWbpqI7tIEvPeZc+7ATcLIceZxGOChh3mLaQ109pqU4M8IXkWlCtkZdVUvIcsItkXtE/wnmqhahbDD957Uj+AFVqr8htIIPbQLwyOnrbgeyguN7mggOw3lqYbXxm8L/OfwwmnJTsNgzP/ccYeyvjDmDeBOXW12uVCLAAAAAElFTkSuQmCC');
}

.grid-pager td th {
    color: Black;
    background-color: White;
    text-align: center;
    border: none;
}

.grid-footer {
    background-color: White;
}
/* Element */
.gridElement-header, .gridElement-footer {
    color: White;
    text-decoration: none;
    background-color: #767171; /* 01CC00 */
    border: none;
    padding-left: 10px;
    padding-right: 10px;
}

    .gridElement-header a {
        color: White;
        background-color: #18A5FF;
    }

        .gridElement-header a:hover {
            color: Black;
        }

.gridElement-pager /*td th*/ {
    color: white;
    background-color: #767171;
    text-align: center;
    border: none;
}
/* Point */
.gridPoint-header, .grid-footer {
    color: black;
    text-decoration: none;
    background-color: #D3D3D3; /* Yellow */
    border: none;
    padding-left: 10px;
    padding-right: 10px;
}

    .gridPoint-header a {
        color: White;
        background-color: #18A5FF;
        font-weight: bold;
    }

        .gridPoint-header a:hover {
            color: Black;
        }

.gridPoint-pager /*td th*/ {
    color: Black;
    background-color: #D3D3D3;
    text-align: center;
    border: none;
}
/*End*/
.grid-row-edit {
    background-color: Black;
    color: white;
}

    .grid-row-edit a {
        font-weight: bold;
    }

#GridPagerLeft {
    float: left;
    padding-top: 15px;
}

#GridPagerRight {
    float: right;
}

#GridPagerContainer {
    background-color: #18A5FF;
    position: relative;
}
/* GridView Pager Controls */
.buttonPager {
    background-color: #18A5FF;
    font-weight: bold;
    border: none;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: white;
    font-size: 1.5em;
    Height: 2em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    cursor: pointer;
}

    .buttonPager:hover {
        color: black;
    }
/* CompleteGridView CSS Only */
/* FilterTextBox */
.cgvtxtFilterText {
}
/* SearchLabel */
.cgvlblSearchLabel {
}
/* ColumnDropDownList */
.cgvddlColumnList {
}
/* FilterButton CSS */
.cgvbtnFilterButton {
    background-color: #18A5FF;
    font-weight: bold;
    border: none;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: white;
    font-size: 1.2em;
    Height: 1.5em;
    padding-left: 1.75em;
    padding-right: 1.75em;
    cursor: pointer;
}

    .cgvbtnFilterButton:hover {
        color: black;
    }
/* ResetButton CSS */
.cgvbtnResetFilterButton {
    background-color: #3e3e3e;
    font-weight: bold;
    border: none;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial;
    color: white;
    font-size: 1.2em;
    Height: 1.5em;
    padding-left: 1.75em;
    padding-right: 1.75em;
    cursor: pointer;
}

    .cgvbtnResetFilterButton:hover {
        color: #18A5FF;
    }
/*#endregion END CompleteGridView END */
.DoNotCross {
    font-family: Verdana;
    background: linear-gradient(45deg, black 25%, yellow 25%, yellow 50%, black 50%, black 75%, yellow 75%, yellow);
    background-size: 100px 100px;
}
/*#region VV DEVEXPRESS - ASPxProgressBar VV */
.ASPxProgressBar_Indicator {
    background-color: #18A5FF;
}

.ASPxButton {
    background: none !important;
    background-color: #18A5FF !important;
    font-weight: bold !important;
    border: none !important;
    padding-left: 1.75em !important;
    padding-right: 1.75em !important;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial !important;
    color: white !important;
    font-size: 1.2em !important;
    Height: 1.5em !important;
    text-decoration: none !important;
}

    .ASPxButton:hover {
        background: none !important;
        background-color: #18A5FF !important;
        color: black !important;
        cursor: pointer !important;
    }

    .ASPxButton a td {
        background: none !important;
        background-color: #18A5FF !important;
        font-weight: bold !important;
        border: none !important;
        padding-left: 1.75em !important;
        padding-right: 1.75em !important;
        font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial !important;
        color: white !important;
        font-size: 1.2em !important;
        Height: 1.5em !important;
        text-decoration: none !important;
    }

        .ASPxButton a td:hover {
            background: none !important;
            background-color: #18A5FF !important;
            color: black !important;
            cursor: pointer !important;
        }
/*#endregion ^^ DEVEXPRESS - ASPxProgressBar ^^ */
/*#region VV DEVEXPRESS - ASPxDateEdit VV */
.ASPxDateEditCalendarHeader {
    font-size: 0.9em !important;
}

.ASPxDateEditTimeIncrementButton .ASPxDateEditTimeDecrementButton {
    background: none !important;
    background-color: #18A5FF !important;
    color: black !important;
}

.ASPxDateEditButton {
    background: none !important;
    background-color: #18A5FF !important;
    font-weight: bold !important;
    border: none !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    font-family: 'Segoe UI', Calibri, Tahoma, Verdana, Arial !important;
    color: white !important;
    font-size: 1.2em !important;
    Height: 1.5em !important;
    text-decoration: none !important;
}

.ASPxDateEditDropDownButton {
    border: none !important;
    background-color: transparent !important;
    background: none !important;
}

.ASPxDateEditToday {
    border: medium solid #18A5FF !important;
}

.ASPxDateEditDaySelected {
    background-color: #18A5FF !important;
}
/*#endregion ^^ DEVEXPRESS - ASPxDateEdit ^^ */
/*#region VV DEVEXPRESS - ASPxGridView VV*/
.ASPxGridViewToolbarButton {
}

    .ASPxGridViewToolbarButton :hover {
        /*background-color:#18A5FF;
    color: black;*/
    }

.ASPxGridViewCustomizeDialog {
    margin-top: 60px;
}

.riskassessment-sheq-column {
    padding: 0 !important;
    margin: 0 !important;
}
/*#endregion ^^ DEVEXPRESS - ASPxGridView ^^*/
/*#region VV DEVEXPRESS - ASPxFileUpload VV*/
.ASPxFileUpload_SingleBrowseButton {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}
/*#endregion ^^ DEVEXPRESS - ASPxFileUpload ^^*/
.Hidden /* Used to hide controls and containers that cannot have their 'visible' status set to false because of clientscript - ie: DevExpress FileUploadControl */ {
    display: none !important; 
}
/*#region VV DEVEXPRESS - ASPxComboBox VV*/
.full-width-combobox {
    width: 100% !important;
    height: 26px;
    box-sizing: border-box !important; /* Ensures it doesn't overflow */
}
/*#endregion ^^ DEVEXPRESS - ASPxComboBox ^^*/




/*#region VV Utilities Layout VV */

.ManualFloat {
    position: fixed;
    bottom: 100px;
    right: -75px;
    width: 120px;
    height: 50px;
    background-color: #eded5b;
    text-align: center;
    border-radius: 20px 0px 0px 20px;
    z-index: 10000;
    border: 2px solid black;
    border-right: 0px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

    .ManualFloat:hover {
        background-color: #18A5FF;
        position: fixed;
        right: 0px;
        /*transition: 0.2s ease-in-out;*/
    }

.Manual_Logo {
    position: relative;
    top: 3px;
    left: 5px;
    width: 40px;
    height: 40px;
    float: left;
    vertical-align: central;
}

.Manual_Label {
    position: relative;
    top: 15px;
    left: -5px;
    color: black;
    font-weight: bold;
}

.UtilitiesPage {
    width: 100%;
    height: 100%;
    font-family: Tahoma;
}

.UtilitiesNavBar {
    position: fixed;
    z-index: 1000;
    width: 280px;
    min-width: 280px;
    max-width: 280px;
    float: left;
    height: 100%;
    overflow-y: auto;
    background-color: #333333;
}

.UtilitiesNavBarLinks {
    color: white;
    text-decoration: none;
    display: block;
    padding-top: 7px;
    padding-left: 35px;
    padding-bottom: 7px;
}

.UtilitiesNavBarButtons {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    color: white;
    font-size: 16px;
    padding-top: 6px;
    padding-left: 35px;
    padding-bottom: 6px;
    outline: none;
    display: block;
    width: 100%;
    text-align: left;
    font-family: Tahoma;
}

    .UtilitiesNavBarButtons:hover {
        transition: 0.3s ease-in-out;
        background-color: #18A5FF;
    }

.UtilitiesNavBarButtons {
    background-color: #333333;
}

.ActiveNav {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    color: white;
    font-size: 16px;
    padding-top: 6px;
    padding-left: 35px;
    padding-bottom: 6px;
    outline: none;
    display: block;
    width: 100%;
    text-align: left;
    background-color: #18A5FF;
    font-family: Tahoma;
}

.UtilitiesNavBarLinks:hover {
    transition: 0.3s ease-in-out;
    background-color: #18A5FF;
}

.collapsible {
    background-color: #333333;
    color: white;
    cursor: pointer;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 16px;
    padding-left: 20px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 17px;
    line-height: 36px;
    font-family: Tahoma;
}

.collapsibleDummy {
    background-color: #333333;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 16px;
    padding-left: 20px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 20px;
    line-height: 36px;
    max-height: 54px;
    min-height: 54px;
}

.utilities_home {
    background-color: #333333;
    color: white;
    cursor: pointer;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 16px;
    padding-left: 20px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 17px;
    line-height: 36px;
    text-decoration: none;
}

.ActiveHome {
    background-color: #18A5FF;
    color: white;
    cursor: pointer;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 16px;
    padding-left: 20px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 17px;
    line-height: 36px;
    text-decoration: none;
    font-family: Tahoma;
}

.utilities_home:before {
    background-image: url('Images/Menu/Gear_White.png');
    background-size: 30px 30px;
    content: "";
    float: left;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    margin-top: 3px;
}

.ActiveHome:before {
    background-image: url('Images/Menu/Gear_White.png');
    background-size: 30px 30px;
    content: "";
    float: left;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    margin-top: 3px;
}

.utilities_home:hover {
    background-color: #525252;
}


/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
    background-color: #525252;
}

.collapsibleBand {
    color: black;
    cursor: pointer;
    padding-right: 16px;
    padding-left: 20px;
    width: 100%;
    border: none;
    outline: none;
    font-size: 30px;
    line-height: 50px;
    font-family: Tahoma;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: start;
    background-color: white;
}

.collapsibleBandLight {
    background-color: #B7B7B7;
}

.collapsibleBandDark {
    background-color: #888888;
}

.collapsibleBand:hover {
    background-color: #18a5ff;
}

.collapsibleBand:after {
    content: '\276E'; /* Unicode character for "plus" sign (+) */
    font-size: 18px;
    color: black;
    float: right;
    margin-left: 5px;
    margin-right: 10px;
    transform: rotate(-90deg);
    background-color: inherit;
}

.collapsibleBandHazard:before {
    background-image: url('Images/Placeholders/hazard.png');
    background-size: 45px 45px;
    content: "";
    float: left;
    margin-right: 30px;
    width: 45px;
    height: 45px;
    margin-top: 3px;
}

.collapsibleBandChecklist:before {
    background-image: url('Images/Menu/Modules/Checklist_black.png');
    background-size: 45px 45px;
    content: "";
    float: left;
    margin-right: 30px;
    width: 45px;
    height: 45px;
    margin-top: 3px;
}

.collapsibleBandChecklistQuestions:before {
    background-image: url('Images/Placeholders/questions.png');
    background-size: 45px 45px;
    content: "";
    float: left;
    margin-right: 30px;
    width: 45px;
    height: 45px;
    margin-top: 3px;
}

.collapsibleBandAttachment:before {
    background-image: url('Images/Placeholders/attach.png');
    background-size: 51px 51px;
    content: "";
    float: left;
    margin-right: 30px;
    width: 45px;
    height: 45px;
    margin-top: 3px;
}

.collapsibleBandAssociatedDocuments:before {
    background-image: url('Images/Menu/Modules/documentregister_black.png');
    background-size: 45px 45px;
    content: "";
    float: left;
    margin-right: 30px;
    width: 45px;
    height: 45px;
    margin-top: 3px;
}

.collapsibleBandComments:before {
    background-image: url('Images/Placeholders/comment.png');
    background-size: 45px 45px;
    content: "";
    float: left;
    margin-right: 30px;
    width: 45px;
    height: 45px;
    margin-top: 3px;
}

.collapsibleBandLabourDetails:before {
    background-image: url('Images/Placeholders/maintenanceschedule.png');
    background-size: 45px 45px;
    content: "";
    float: left;
    margin-right: 30px;
    width: 45px;
    height: 45px;
    margin-top: 3px;
}

.collapsibleBandReasons:before {
    background-image: url('Images/Placeholders/reasons.png');
    background-size: 45px 45px;
    content: "";
    float: left;
    margin-right: 30px;
    width: 45px;
    height: 45px;
    margin-top: 3px;
}

.collapsibleBandMaterialDetails:before {
    background-image: url('Images/Menu/Modules/documentregister_black.png');
    background-size: 45px 45px;
    content: "";
    float: left;
    margin-right: 30px;
    width: 45px;
    height: 45px;
    margin-top: 3px;
}

.collapsibleBandSparesDetails:before {
    background-image: url('Images/Menu/Modules/Stock/spares.png');
    background-size: 45px 45px;
    content: "";
    float: left;
    margin-right: 30px;
    width: 45px;
    height: 45px;
    margin-top: 3px;
}

.collapsibleBandDirectPurchases:before {
    background-image: url('Images/Placeholders/directpurchases.png');
    background-size: 45px 45px;
    content: "";
    float: left;
    margin-right: 30px;
    width: 45px;
    height: 45px;
    margin-top: 3px;
}

.activeBand:after {
    content: "\276F"; /* Unicode character for "minus" sign (-) */
    transform: rotate(-90deg);
}

.collapsibleIncLogic {
    color: black;
    cursor: pointer;
    padding-right: 16px;
    padding-left: 20px;
    width: 100%;
    border: none;
    outline: none;
    font-size: 17px;
    line-height: 24px;
    font-family: Tahoma;
    font-weight: bold;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #979797;
}

    .collapsibleIncLogic:hover {
        background-color: #808080;
    }

.collapsibleIncident {
    color: black;
    cursor: pointer;
    padding-right: 16px;
    padding-left: 20px;
    width: 100%;
    border: none;
    outline: none;
    font-size: 22px;
    line-height: 50px;
    font-family: Tahoma;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: start;
}

    .collapsibleIncident:hover {
        background-color: #18a5ff;
    }

.collapsibleCallReport {
    color: black;
    cursor: pointer;
    padding-right: 16px;
    padding-left: 20px;
    width: 100%;
    border: none;
    outline: none;
    font-size: 20px;
    line-height: 50px;
    font-family: Tahoma;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: start;
    background-color: #888888;
}

    .collapsibleCallReport:hover {
        background-color: #18a5ff;
    }

.collapsibleCallReportCustomerName::before {
    content: "";
    display: block; /*missing prop*/
    background-image: url('Images/Placeholders/customers_black.png');
    background-size: cover;
    position: relative;
    float: left;
    height: 40px;
    width: 40px;
    margin-left: 0px;
    margin-right: 15px;
    top: 7px;
}

/*        .collapsibleCallReportCustomer::after {
            content: "";
            display: block;
            background-image: url('Images/Buttons/Information.png');
            background-size: cover;
            position: relative;
            height: 40px;
            width: 40px;
            float: right;
            margin-left: 20px;
            margin-right: 0px;
            background-color: inherit;
            top: 7px;
        }*/

.collapsibleCallReportCustomer::before {
    content: "";
    display: block; /*missing prop*/
    background-image: url('Images/Placeholders/customers_black.png');
    background-size: cover;
    position: relative;
    float: left;
    height: 40px;
    width: 40px;
    margin-left: 0px;
    margin-right: 15px;
    top: 7px;
    min-width: 40px;
}

.collapsibleCallReportCustomerAdd::after {
    content: "";
    display: block; /*missing prop*/
    background-image: url(Images/Buttons/add.png);
    background-size: cover;
    position: relative;
    height: 40px;
    width: 40px;
    float: right;
    margin-left: 20px;
    margin-right: 0px;
    background-color: inherit;
    top: 7px;
    margin-left: auto;
    order: 2;
}

.collapsibleCallReportCustomerAdd::before {
    content: "";
    display: block; /*missing prop*/
    background-image: url('Images/Placeholders/customers_black.png');
    background-size: cover;
    position: relative;
    float: left;
    height: 40px;
    width: 40px;
    margin-left: 0px;
    margin-right: 15px;
    top: 7px;
}

.collapsibleCallReportContacts::after {
    content: "";
    display: block; /*missing prop*/
    background-image: url('Images/Buttons/Information.png');
    background-size: cover;
    position: relative;
    height: 40px;
    width: 40px;
    float: right;
    margin-left: 20px;
    margin-right: 0px;
    background-color: inherit;
    top: 7px;
}

.collapsibleCallReportContacts::before {
    content: "";
    display: block; /*missing prop*/
    background-image: url('Images/Placeholders/contacts.png');
    background-size: cover;
    position: relative;
    float: left;
    height: 40px;
    width: 40px;
    margin-left: 0px;
    margin-right: 15px;
    top: 7px;
}

.collapsibleCallReportContactsAdd::before {
    content: "";
    display: block; /*missing prop*/
    background-image: url('Images/Placeholders/contacts.png');
    background-size: cover;
    position: relative;
    float: left;
    height: 40px;
    width: 40px;
    margin-left: 0px;
    margin-right: 15px;
    top: 7px;
}

.collapsibleCallReportAttachments {
    color: black;
    cursor: pointer;
    padding-right: 16px;
    padding-left: 20px;
    width: 100%;
    border: none;
    outline: none;
    font-size: 20px;
    line-height: 50px;
    font-family: Tahoma;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: start;
    background-color: #ECECEC;
}

    .collapsibleCallReportAttachments::after {
        content: "";
        display: block; /*missing prop*/
        background-image: url('Images/Buttons/add.png');
        background-size: cover;
        position: relative;
        height: 40px;
        width: 40px;
        float: right;
        margin-left: 20px;
        margin-right: 0px;
        background-color: inherit;
        top: 7px;
    }

    .collapsibleCallReportAttachments::before {
        content: "";
        display: block; /*missing prop*/
        background-image: url('Images/Placeholders/attach.png');
        background-size: cover;
        position: relative;
        float: left;
        height: 50px;
        width: 50px;
        margin-left: 0px;
        margin-right: 0px;
    }

.collapsibleCallReportObjectives {
    color: black;
    cursor: pointer;
    padding-right: 16px;
    padding-left: 20px;
    width: 100%;
    border: none;
    outline: none;
    font-size: 20px;
    line-height: 50px;
    font-family: Tahoma;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: start;
    background-color: #FFFFFF;
}

    .collapsibleCallReportObjectives::after {
        content: "";
        display: block; /*missing prop*/
        background-image: url('Images/Buttons/add.png');
        background-size: cover;
        position: relative;
        height: 40px;
        width: 40px;
        float: right;
        margin-left: 20px;
        margin-right: 0px;
        background-color: inherit;
        top: 7px;
    }

    .collapsibleCallReportObjectives::before {
        content: "";
        display: block; /*missing prop*/
        background-image: url('Images/Placeholders/objectives.png');
        background-size: cover;
        position: relative;
        float: left;
        height: 50px;
        width: 50px;
        margin-left: 0px;
        margin-right: 0px;
    }

.collapsibleCallReportProducts {
    color: black;
    cursor: pointer;
    padding-right: 16px;
    padding-left: 20px;
    width: 100%;
    border: none;
    outline: none;
    font-size: 20px;
    line-height: 50px;
    font-family: Tahoma;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: start;
    background-color: #888888;
}

    .collapsibleCallReportProducts::after {
        content: "";
        display: block; /*missing prop*/
        background-image: url('Images/Buttons/add.png');
        background-size: cover;
        position: relative;
        height: 40px;
        width: 40px;
        float: right;
        margin-left: 20px;
        margin-right: 0px;
        background-color: inherit;
        top: 7px;
    }

    .collapsibleCallReportProducts::before {
        content: "";
        display: block; /*missing prop*/
        background-image: url('Images/Placeholders/products.png');
        background-size: cover;
        position: relative;
        float: left;
        height: 50px;
        width: 50px;
        margin-left: 0px;
        margin-right: 0px;
    }

.collapsibleCallReportActionList {
    color: black;
    cursor: pointer;
    padding-right: 16px;
    padding-left: 20px;
    width: 100%;
    border: none;
    outline: none;
    font-size: 20px;
    line-height: 50px;
    font-family: Tahoma;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: start;
    background-color: #FFFFFF;
}

    .collapsibleCallReportActionList::after {
        content: "";
        display: block; /*missing prop*/
        background-image: url('Images/Buttons/add.png');
        background-size: cover;
        position: relative;
        height: 40px;
        width: 40px;
        float: right;
        margin-left: 20px;
        margin-right: 0px;
        background-color: inherit;
        top: 7px;
    }

    .collapsibleCallReportActionList::before {
        content: "";
        display: block; /*missing prop*/
        background-image: url('Images/buttons/action_black.png');
        background-size: cover;
        position: relative;
        float: left;
        height: 50px;
        width: 50px;
        margin-left: 0px;
        margin-right: 0px;
    }


.collapsibleIncSafety {
    background-color: #b3d9ff;
}

    .collapsibleIncSafety:before {
        background-image: url('Images/Placeholders/ppe.png');
        background-size: 45px 45px;
        content: "";
        float: left;
        margin-right: 30px;
        width: 45px;
        height: 45px;
        margin-top: 3px;
    }

.collapsibleIncHealth {
    background-color: #F0ACAD;
}


    .collapsibleIncHealth:before {
        background-image: url('Images/Placeholders/stethoscope.png');
        background-size: 45px 45px;
        content: "";
        float: left;
        margin-right: 30px;
        width: 45px;
        height: 45px;
        margin-top: 3px;
    }

.collapsibleIncEnvironment {
    background-color: #F1E7A5;
}

    .collapsibleIncEnvironment:before {
        background-image: url('Images/Placeholders/leaf.png');
        background-size: 45px 45px;
        content: "";
        float: left;
        margin-right: 30px;
        width: 45px;
        height: 45px;
        margin-top: 3px;
    }

.collapsibleIncRisk {
    background-color: #AF77D4;
}

    .collapsibleIncRisk:before {
        background-image: url('Images/Placeholders/Dice_Black.png');
        background-size: 45px 45px;
        content: "";
        float: left;
        margin-right: 30px;
        width: 45px;
        height: 45px;
        margin-top: 3px;
    }

.collapsibleIncQuality {
    background-color: #8AD988;
}

    .collapsibleIncQuality:before {
        background-image: url('Images/Placeholders/rossette.png');
        background-size: 45px 45px;
        content: "";
        float: left;
        margin-right: 30px;
        width: 45px;
        height: 45px;
        margin-top: 3px;
    }

.collapsibleIncInvestigation {
    background-color: #FCE1BA;
}

    .collapsibleIncInvestigation:before {
        background-image: url('Images/Placeholders/investigate.png');
        background-size: 45px 45px;
        content: "";
        float: left;
        margin-right: 30px;
        width: 45px;
        height: 45px;
        margin-top: 3px;
    }

.GridIncColorLow {
    border-left: 20px solid #33CB03;
}

.GridIncColorInter {
    border-left: 20px solid #E5BC21;
}

.GridIncColorUnnacept {
    border-left: 20px solid #EF7C03;
}

.GridIncColorExtreme {
    border-left: 20px solid #ED0309;
}
/* Style the collapsible content. Note: hidden by default */
.contentUtilities {
    padding: 0px;
    background-color: #333333;
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.collapsible:after {
    content: '\276E'; /* Unicode character for "plus" sign (+) */
    font-size: 18px;
    color: white;
    float: right;
    margin-left: 5px;
    transform: rotate(-90deg);
}

.collapsibleIncLogic:after {
    content: '\276E'; /* Unicode character for "plus" sign (+) */
    font-size: 18px;
    color: black;
    float: right;
    margin-left: 5px;
    transform: rotate(-90deg);
    background-color: inherit;
}

.contentUtilitiesInc {
    padding: 0px;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.collapsibleIncident:after {
    content: '\276E'; /* Unicode character for "plus" sign (+) */
    font-size: 18px;
    color: black;
    float: right;
    margin-left: 5px;
    margin-right: 10px;
    transform: rotate(-90deg);
    background-color: inherit;
}

.gridIncLogicLow {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    color: Black;
    Background: white;
    font-size: 0.80em;
    margin-right: 4px;
    border-left: 20px solid #33CB03;
}

.gridIncLogicMed {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    color: Black;
    Background: white;
    font-size: 0.80em;
    margin-right: 4px;
    border-left: 20px solid #E5BC21;
}

.gridIncLogicHig {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    color: Black;
    Background: white;
    font-size: 0.80em;
    margin-right: 4px;
    border-left: 20px solid #EF7C03;
}

.gridIncLogicExt {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    color: Black;
    Background: white;
    font-size: 0.80em;
    margin-right: 4px;
    border-left: 20px solid #ED0309;
}

.collapsible.utilities_area:before {
    background-image: url('Images/Placeholders/UtilitiesMenu_White/area.png');
    background-size: 30px 30px;
    content: "";
    float: left;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    margin-top: 3px;
}

.collapsible.utilities_user:before {
    background-image: url('Images/Placeholders/UtilitiesMenu_White/users.png');
    background-size: 30px 30px;
    content: "";
    float: left;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    margin-top: 3px;
}

.collapsible.utilities_site:before {
    background-image: url('Images/Placeholders/UtilitiesMenu_White/site.png');
    background-size: 30px 30px;
    content: "";
    float: left;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    margin-top: 3px;
}

.collapsible.utilities_IT:before {
    background-image: url('Images/Placeholders/UtilitiesMenu_White/it_integration.png');
    background-size: 30px 30px;
    content: "";
    float: left;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    margin-top: 3px;
}

.collapsible.utilities_products:before {
    background-image: url('Images/Placeholders/UtilitiesMenu_White/products.png');
    background-size: 30px 30px;
    content: "";
    float: left;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    margin-top: 3px;
}

.collapsible.utilities_customers:before {
    background-image: url('Images/Placeholders/UtilitiesMenu_White/customers.png');
    background-size: 30px 30px;
    content: "";
    float: left;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    margin-top: 3px;
}

.collapsible.utilities_suppliers:before {
    background-image: url('Images/Placeholders/UtilitiesMenu_White/suppliers.png');
    background-size: 30px 30px;
    content: "";
    float: left;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    margin-top: 3px;
}

.collapsible.utilities_reports:before {
    background-image: url('Images/Placeholders/UtilitiesMenu_White/reports.png');
    background-size: 30px 30px;
    content: "";
    float: left;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    margin-top: 3px;
}

.collapsible.utilities_modules:before {
    background-image: url('Images/Placeholders/UtilitiesMenu_White/modules.png');
    background-size: 30px 30px;
    content: "";
    float: left;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    margin-top: 3px;
}

.collapsible.utilities_umbani:before {
    background-image: url('Images/Placeholders/UtilitiesMenu_White/umbani.png');
    background-size: 30px 30px;
    content: "";
    float: left;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    margin-top: 3px;
}

.activeEMR:after {
    content: "\276F"; /* Unicode character for "minus" sign (-) */
    transform: rotate(-90deg);
}

.collapsibleEMR {
    color: black;
    cursor: pointer;
    padding-right: 16px;
    width: 100%;
    border: none;
    outline: none;
    font-size: 30px;
    line-height: 50px;
    font-family: Tahoma;
    font-weight: bold;
    text-align: start;
    padding: 0px;
    font-size: 20px;
}

    .collapsibleEMR:hover {
        background-color: #18a5ff !important;
    }

.collapsibleEMRUpdateButton {
    display: none;
}

.EMRActions::before {
    border-left: 10px solid #A3D000;
    background-image: url('Images/ModuleImage/action.png');
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    float: left;
    margin-right: 30px;
    width: 50px;
    height: 50px;
    background-color: #A3D000;
    position: relative;
    left: -6px;
}

.EMRInnovation::before {
    border-left: 5px solid #FFAF1B;
    background-image: url('Images/ModuleImage/innovation.png');
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    float: left;
    margin-right: 30px;
    width: 55px;
    height: 50px;
    background-color: #FFAF1B;
    position: relative;
    left: -6px;
}

.EMRIncidents::before {
    border-left: 5px solid #FF5353;
    background-image: url('Images/ModuleImage/incident.png');
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    float: left;
    margin-right: 30px;
    width: 55px;
    height: 50px;
    background-color: #FF5353;
    position: relative;
    left: -6px;
}

.EMRFeedback::before {
    border-left: 5px solid #1F8E26;
    background-image: url('Images/ModuleImage/feedback.png');
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    float: left;
    margin-right: 30px;
    width: 55px;
    height: 50px;
    background-color: #1F8E26;
    position: relative;
    left: -6px;
}

.EMRAudits::before {
    border-left: 5px solid #794A8D;
    background-image: url('Images/ModuleImage/audit.png');
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    float: left;
    margin-right: 30px;
    width: 55px;
    height: 50px;
    background-color: #794A8D;
    position: relative;
    left: -6px;
}

.EMREmployeeReview::before {
    border-left: 5px solid #FF8C7D;
    background-image: url('Images/ModuleImage/EmployeeReview.png');
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    float: left;
    margin-right: 30px;
    width: 55px;
    height: 50px;
    background-color: #FF8C7D;
    position: relative;
    left: -6px;
}

.EMRCallReport::before {
    border-left: 5px solid #FF643F;
    background-image: url('Images/ModuleImage/call_report.png');
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    float: left;
    margin-right: 30px;
    width: 55px;
    height: 50px;
    background-color: #FF643F;
    position: relative;
    left: -6px;
}

.EMRRiskAssessment::before {
    border-left: 5px solid #FF6699;
    background-image: url('Images/ModuleImage/risk.png');
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    float: left;
    margin-right: 30px;
    width: 55px;
    height: 50px;
    background-color: #FF6699;
    position: relative;
    left: -6px;
}

.EMRTraining::before {
    border-left: 5px solid #1773B8;
    background-image: url('Images/ModuleImage/training.png');
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    float: left;
    margin-right: 30px;
    width: 55px;
    height: 50px;
    background-color: #1773B8;
    position: relative;
    left: -6px;
}

.EMRDocumentRegister::before {
    border-left: 5px solid #A6373F;
    background-image: url('Images/ModuleImage/document.png');
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    float: left;
    margin-right: 30px;
    width: 55px;
    height: 50px;
    background-color: #A6373F;
    position: relative;
    left: -6px;
}

.EMRConcession::before {
    border-left: 5px solid #92D028;
    background-image: url('Images/ModuleImage/concession.png');
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    float: left;
    margin-right: 30px;
    width: 55px;
    height: 50px;
    background-color: #92D028;
    position: relative;
    left: -6px;
}

.EMRCalibration::before {
    border-left: 5px solid #169A61;
    background-image: url('Images/ModuleImage/calibration.png');
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    float: left;
    margin-right: 30px;
    width: 55px;
    height: 50px;
    background-color: #169A61;
    position: relative;
    left: -6px;
}

.EMRPPE::before {
    border-left: 5px solid #BF4262;
    background-image: url('Images/ModuleImage/ppe.png');
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    float: left;
    margin-right: 30px;
    width: 55px;
    height: 50px;
    background-color: #BF4262;
    position: relative;
    left: -6px;
}

.collapsibleEMR::before {
}

.collapsibleEMR::after {
    content: '\276E'; /* Unicode character for "plus" sign (+) */
    font-size: 34px;
    color: black;
    float: right;
    transform: rotate(-90deg);
    background-color: inherit;
    margin-right: 20px;
}

.collapsibleEMR:hover {
    background-color: #18a5ff;
}

.contentUtilitiesEMR {
    background-color: transparent;
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.contentEMRScore {
    float: right;
    width: 75px;
    height: 50px;
    text-align: center;
    font-size: medium;
    font-weight: bold;
}

.UtilitiesMainPage {
    position: relative;
    left: 280px;
    height: 100%;
    min-height: 546px;
    width: calc(100% - 280px);
    font-family: Tahoma;
}

.Utilities_ModuleLinks {
    padding-right: 50px;
    padding-top: 20px;
    color: black;
    text-decoration: none;
    display: inline-block;
    background: none;
    border: none;
    margin: 0;
    padding-left: 0;
    cursor: pointer;
    font-size: 18px;
    outline: none;
}

    .Utilities_ModuleLinks:hover {
        text-decoration-color: #18A5FF;
        text-decoration: underline;
        transition: 0.2s ease-in-out;
    }

.Utilities_Module_Base {
    /*position: absolute;
        top: 0;
        left: 0;*/
    width: 100%;
}

.Utilities_Module_Header {
    width: inherit;
    height: 70px;
}

.Utilities_Module_Header_Img {
    padding-left: 40px;
    margin-top: 5px;
    width: 60px;
    height: 60px;
}

.Utilities_Module_Label {
    position: relative;
    top: -20px;
    color: black;
    font-size: x-large;
    font-weight: bold;
    padding-left: 20px;
}

.Utilities_Module_Options {
    background-color: #979797;
    padding: 20px;
    padding-left: 80px;
}

.Utilities_Module_Navigation {
    background-color: white;
    padding: 20px;
    padding-left: 80px;
    padding-top: 40px;
    width: 800px;
    display: inline-block;
}

.Utilities_Navigation_Scaling {
    width: 45vw;
    max-width: 45vw;
    display: inline-block;
    min-width: 100px;
}

.Utilities_Navigation_Scaling_GrayBox {
    margin-left: -90px;
    width: calc(100vw - 270px);
    background-color: #ececec;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.Utilities_Navigation_Scaling_Gray {
    width: 45vw;
    max-width: 45vw;
    display: inline-block;
    min-width: 100px;
    background-color: #ececec;
    margin-left: 90px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.HomeScrollDisable {
    overflow-y: hidden;
}

.NonModuleHeadings {
    position: fixed;
    background-color: lightgrey;
    display: inline-block;
    width: 100%;
    padding: 10px;
    margin-bottom: 200px;
    box-sizing: border-box;
    z-index: 1000;
}

#divSpacerModuleHeading {
    height: 75px;
}

#divSpacer {
    height: 80px;
}

#divSpacerNoSpacing {
    height: 70px;
}

.NonModuleHeadings h1 {
    position: relative;
    top: 5px;
    left: 10px;
}


.IFrameBasics {
    position: absolute;
    width: 99.75%;
    height: 94vh;
    font-family: Tahoma;
}

.ExitButtonFrame {
    position: fixed;
    top: 68px;
    right: 20px;
    z-index: 99998;
}

.activeCallReport:after {
    background-image: url('Images/Buttons/cancel.png');
    margin-left: auto;
    order: 2;
}

.active:after {
    content: "\276F"; /* Unicode character for "minus" sign (-) */
    transform: rotate(-90deg);
}

.activeInc:after {
    content: "\276F"; /* Unicode character for "minus" sign (-) */
    transform: rotate(-90deg);
}

.Utilities_Home {
    position: absolute;
    width: 80vw;
    height: 92vh;
    min-width: 300px;
    display: inline-block;
    max-width: 1100px;
}

.ActiveUsers_ProgressBarMain {
    width: 70%;
    position: relative;
    height: 30px;
    background: #000000;
    left: 45px;
    top: 90px;
}

.ActiveUsers_ProgressBarSecondary {
    background: #18A5FF;
    padding: 5px 0px;
    color: #FFF;
    text-align: center;
    font-size: medium;
    height: 20px;
    width: 70%;
}

    .ActiveUsers_ProgressBarSecondary span {
        display: inline-block;
        position: absolute;
        width: 100%;
        left: 0;
    }

.Progress_Bar_Used {
    position: relative;
    top: 30px;
    float: left;
    padding-left: 20px;
}

.Progress_Bar_Label {
    color: white;
    font-size: small;
}

.Progress_Bar_Remaining {
    position: relative;
    top: 45px;
    float: left;
    padding-left: 15px;
    left: -40px
}

.Expiration {
    width: 100px;
    height: 120px;
    position: relative;
    left: 75px;
    top: 25px;
}

.Expiration_Month_Block {
    width: 100%;
    height: 40px;
    background-color: red;
    text-align: center;
}

.Expiration_Day_Block {
    width: 100%;
    height: 80px;
    background-color: white;
    text-align: center;
}

.Expiration_Year {
    font-weight: bold;
    position: relative;
    top: 5px;
    font-size: x-large;
}

.Expiration_Month {
    font-weight: bold;
    position: relative;
    top: 10px;
    font-size: medium;
}

.Expiration_Day {
    font-weight: bold;
    font-size: xx-large;
    position: relative;
    top: 10px;
}

.Expiration_Days_Left {
    font-weight: bold;
    position: relative;
    top: 10px;
    left: 35px;
}

.HomeRiskPanel {
    display: inline-block;
    position: relative;
    left: 5px;
    top: 15px;
}

.HomeReportsLabels {
    padding: 10px;
    font-weight: bold;
    font-size: small;
    color: black;
    text-decoration: none;
}

    .HomeReportsLabels:hover {
        text-decoration: underline;
    }

.HomeReportsData {
    padding-left: 10px;
    font-weight: normal;
    font-size: small;
    color: black;
    text-decoration: none;
}

    .HomeReportsData:hover {
        text-decoration: none;
    }

.HomePageBox {
    margin: 40px 0px 0px 40px;
    width: 260px;
    height: 260px;
    min-width: 260px;
    display: inline-block;
}

.HomePageBox_Top {
    width: 100%;
    height: 40px;
    background-color: darkgrey;
}

.HomePageBox_Bottom {
    width: 100%;
    height: calc(100% - 40px);
    background-color: lightgray;
    vertical-align: middle;
    display: inline-block;
}

.HomePageBox_Heading {
    position: relative;
    top: 10px;
    left: 20px;
    font-size: larger;
}

.Subscriber_Image {
    display: block;
    max-width: 250px;
    max-height: 116px;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    top: 30px;
    position: relative;
}

.Subscriber_Name {
    position: relative;
    top: 50px;
    float: left;
    padding-left: 10px;
    font-size: larger;
}

/*Tile Grid*/
.TileGrid {
    padding: 5px;
    /*background-color: #3e3e3e;*/
    background-color: #131313;
    position: absolute;
    top: 2000px;
}

.Tile {
    padding: 5px 5px 5px 110px;
    margin: 10px;
    display: block;
    float: left;
    border: 2px solid white;
    background-color: white;
    background-repeat: no-repeat;
    background-size: 100px 100px;
    background-position: 5px 20px;
}

    .Tile a {
        color: #000;
        text-decoration: none;
    }

        .Tile:hover, .Tile a:hover {
            background-color: #18A5FF;
            border-color: #18A5FF;
            color: white;
        }

.TileRegular {
    width: 190px;
    min-height: 290px;
}

.TileWide {
    width: 519px;
    min-height: 290px;
}

.TileDouble {
    width: 519px;
    min-height: 594px;
}

/*#region Tile Menu*/
.Tile_Menu {
    margin: 5px 0px 5px 5px;
    /*margin: 3px;*/
    display: block;
    float: left;
    /*border: 2px solid white;*/
    background-color: #525252;
    background-repeat: no-repeat;
    /*background-position: 25px 6px;*/
    width: 56.666px;
    height: 56.666px;
    color: white;
    text-align: center;
    vertical-align: bottom;
    font-size: 9px;
}

.TileMenuOn {
    position: absolute;
    max-width: 575px;
    /*height:500px;*/
    padding: 5px;
    background-color: #131313;
    /*left:150px;*/
    top: 80px;
    -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.4); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.4); /* Firefox 3.5 - 3.6 */
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.4); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    z-index: 2147483645;
}

.TileMenuOff {
    display: none;
}

.TileMenuOn:after, .TileMenuOn:before {
    bottom: 100%;
    left: 23%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.TileMenuOn:after {
    border-color: rgba(230, 230, 230, 0);
    border-bottom-color: #131313;
    border-width: 15px;
    margin-left: -15px;
}

.TileMenuOn:before {
    border-color: rgba(230, 230, 230, 0);
    border-bottom-color: #E6E6E6;
    border-width: 18px;
    margin-left: -18px;
}

.TileMenuOn a {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: black;
}

/*#endregion TileMenu*/

.Tile_Utility_Area {
    background-image: url(images/placeholders/area.png);
}

.Tile_Utility_User {
    background-image: url(images/placeholders/users.png);
}

.Tile_Utility_Site {
    background-image: url(images/placeholders/site.png);
}

.Tile_Utility_Email {
    background-image: url(images/placeholders/email.png);
}

.Tile_Utility_Log {
    background-image: url(images/placeholders/log.png);
}

.Tile_Utility_Module_Audit {
    background-image: url(images/Placeholders/Module/audit.png);
    border-color: #794A8D;
    background-color: #794A8D;
}

.Tile_Module_Audit {
    background-image: url(images/menu/Modules/audit_white.png);
    border-color: #794A8D;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_Audit:hover {
        /*background-image: url(images/menu/Modules/audit_black.png);*/
        background-color: #794A8D;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }

    .Tile_Module_Audit a {
        width: 100%;
        height: 95px;
        padding-top: 60px;
    }

    .Tile_Module_Audit:hover a {
        color: white;
    }

.Tile_Module_EmployeeReview {
    background-image: url(images/menu/Modules/employeereview_white.png);
    border-color: #EC432D;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_EmployeeReview:hover {
        /*background-image: url(images/menu/Modules/audit_black.png);*/
        background-color: #EC432D;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }

    .Tile_Module_EmployeeReview a {
        width: 100%;
        height: 95px;
        padding-top: 60px;
    }

    .Tile_Module_EmployeeReview:hover a {
        color: white;
    }

.Tile_Module_Production {
    background-image: url(images/menu/Modules/production_white.png);
    border-color: #169A61;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_Production:hover {
        /*background-image: url(images/menu/Modules/audit_black.png);*/
        background-color: #169A61;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }

    .Tile_Module_Production a {
        width: 100%;
        height: 95px;
        padding-top: 60px;
    }

    .Tile_Module_Production:hover a {
        color: white;
    }

.Tile_Module_Stock {
    background-image: url(images/menu/Modules/stock_white.png);
    border-color: #BF4262;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_Stock:hover {
        /*background-image: url(images/menu/Modules/audit_black.png);*/
        background-color: #BF4262;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }

    .Tile_Module_Stock a {
        width: 100%;
        height: 95px;
        padding-top: 60px;
    }

    .Tile_Module_Stock:hover a {
        color: white;
    }

.Tile_Module_LayeredProcessAudit {
    background-image: url(images/menu/Modules/Audit/LPA_white.png);
    border-color: #FE55B5;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_LayeredProcessAudit:hover {
        background-color: #FE55B5;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }

    .Tile_Module_LayeredProcessAudit a {
        width: 100%;
        height: 95px;
        padding-top: 60px;
    }

    .Tile_Module_LayeredProcessAudit:hover a {
        color: white;
    }

.Tile_Module_ManageUsers {
    background-image: url('Images/Placeholders/UtilitiesMenu_White/users.png');
    border-color: #794A8D;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_ManageUsers:hover {
        /*background-image: url(images/menu/Modules/audit_black.png);*/
        background-color: #18a5ff;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }

    .Tile_Module_ManageUsers a {
        width: 100%;
        height: 95px;
        padding-top: 60px;
    }

    .Tile_Module_ManageUsers:hover a {
        color: white;
    }

.Tile_Module_ManageSupplier {
    background-image: url('Images/Placeholders/UtilitiesMenu_White/suppliers.png');
    border-color: #794A8D;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_ManageSupplier:hover {
        background-color: #18a5ff;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }

.Tile_Module_ManageSupplierR a {
    width: 100%;
    height: 95px;
    padding-top: 60px;
}

.Tile_Module_ManageSupplier:hover a {
    color: white;
}

.Tile_Module_ManageEquipmentRegister {
    background-image: url('Images/Menu/Modules/calibration_white.png');
    border-color: #794A8D;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_ManageEquipmentRegister:hover {
        background-color: #18a5ff;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }

    .Tile_Module_ManageEquipmentRegister a {
        width: 100%;
        height: 95px;
        padding-top: 60px;
    }

    .Tile_Module_ManageEquipmentRegister:hover a {
        color: white;
    }

.Tile_Module_ChangeLoginName {
    background-image: url('Images/Placeholders/UtilitiesMenu_White/users.png');
    border-color: #794A8D;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_ChangeLoginName:hover {
        /*background-image: url(images/menu/Modules/audit_black.png);*/
        background-color: #18a5ff;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }

    .Tile_Module_ChangeLoginName a {
        width: 100%;
        height: 95px;
        padding-top: 60px;
    }

    .Tile_Module_ChangeLoginName:hover a {
        color: white;
    }

.Tile_Module_ChangePassword {
    background-image: url('Images/Placeholders/UtilitiesMenu_White/users.png');
    border-color: #794A8D;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_ChangePassword:hover {
        /*background-image: url(images/menu/Modules/audit_black.png);*/
        background-color: #18a5ff;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }

    .Tile_Module_ChangePassword a {
        width: 100%;
        height: 95px;
        padding-top: 60px;
    }

    .Tile_Module_ChangePassword:hover a {
        color: white;
    }


.Tile_Utility_Module_CallReport {
    background-image: url(images/Placeholders/Module/call_report.png);
    border-color: #FF643F;
    background-color: #FF643F;
}

.Tile_Module_CallReport {
    background-image: url(images/menu/Modules/callreport_white.png);
    border-color: #FF643F;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_CallReport:hover {
        /*background-image: url(images/menu/Modules/callreport_black.png);*/
        background-color: #FF643F;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }

    .Tile_Module_CallReport a {
        width: 100%;
        height: 95px;
        padding-top: 60px;
    }

    .Tile_Module_CallReport:hover a {
        color: white;
    }

.Tile_Utility_Module_Document {
    background-image: url(images/Placeholders/Module/document.png);
    border-color: #A6373F;
    background-color: #A6373F;
}

.Tile_Module_DocumentRequest {
    background-image: url(Images/Menu/Modules/DocumentRequest_white.png);
    border-color: #D3FF7B;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_DocumentRequest:hover {
        /*background-image: url(images/menu/Modules/documentregister_black.png);*/
        background-color: #D3FF7B;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }

    .Tile_Module_DocumentRequest a {
        width: 100%;
        height: 95px;
        padding-top: 60px;
    }

    .Tile_Module_DocumentRequest:hover a {
        color: white;
    }

.Tile_Module_Document {
    background-image: url(images/menu/Modules/documentregister_white.png);
    border-color: #A6373F;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_Document:hover {
        /*background-image: url(images/menu/Modules/documentregister_black.png);*/
        background-color: #A6373F;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }

    .Tile_Module_Document a {
        width: 100%;
        height: 95px;
        padding-top: 60px;
    }

    .Tile_Module_Document:hover a {
        color: white;
    }

.Tile_Utility_Module_Feedback {
    background-image: url(images/Placeholders/Module/feedback.png);
    border-color: #1F8E26;
    background-color: #1F8E26;
}

.Tile_Module_Feedback {
    background-image: url(images/menu/Modules/feedback_white.png);
    background-size: cover;
    border-color: #1F8E26;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_Feedback:hover {
        /*background-image: url(images/menu/Modules/feedback_black.png);*/
        background-color: #1F8E26;
        background-size: cover;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }
/*.Tile_Module_Feedback a
		{
			width:100%;
			height:95px;
			padding-top:60px;
		}
		.Tile_Module_Feedback:hover a
		{
			color:white;
		}*/
.Tile_Utility_Module_Incident {
    background-image: url(images/Placeholders/Module/incident.png);
    border-color: #FF5353;
    background-color: #FF5353;
}

.Tile_Module_Incident {
    background-image: url(images/menu/Modules/incident_white.png);
    background-size: cover;
    border-color: #FF5353;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
    background-color: #525252;
}

    .Tile_Module_Incident:hover {
        /*background-image: url(images/menu/Modules/incident_black.png);*/
        background-color: #FF5353;
        background-size: cover;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }
/*.Tile_Module_Incident a
		{
			width:100%;
			height:95px;
			padding-top:60px;
		}
		.Tile_Module_Incident:hover a
		{
			color:white;
		}*/
.Tile_Utility_Module_Innovation {
    background-image: url(images/Placeholders/Module/innovation.png);
    border-color: #FFAF1B;
    background-color: #FFAF1B;
}

.Tile_Module_Innovation {
    background-image: url(images/menu/Modules/innovation_white.png);
    background-size: 70% 70%;
    border-color: #FFAF1B;
    background-position: center top;
    background-position-y: 2px;
    background-color: #525252;
}

    .Tile_Module_Innovation:hover {
        /*background-image: url(images/menu/Modules/innovation_black.png);*/
        background-size: 70% 70%;
        background-color: #FFAF1B;
        background-position: center top;
        background-position-y: 2px;
        color: white;
        cursor: pointer;
    }

.Tile_Utility_Module_Calibration {
    background-image: url(images/Placeholders/Module/calibration.png);
    border-color: #169A61;
    background-color: #169A61;
}

.Tile_Module_Calibration {
    background-image: url(images/menu/Modules/equipmentregister_white.png);
    border-color: #169A61;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_Calibration:hover {
        /*background-image: url(images/menu/Modules/calibration_black.png);*/
        background-color: #169A61;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }

    .Tile_Module_Calibration a {
        width: 100%;
        height: 95px;
        padding-top: 60px;
    }

    .Tile_Module_Calibration:hover a {
        color: white;
    }

.Tile_Utility_Module_RiskAssessment {
    background-image: url(images/Placeholders/Module/risk.png);
    border-color: #FF6699;
    background-color: #FF6699;
}

.Tile_Module_RiskAssessment {
    background-image: url(images/menu/Modules/riskassessment_white.png);
    border-color: #FF6699;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_RiskAssessment:hover {
        /*background-image: url(images/menu/Modules/riskassessment_black.png);*/
        background-color: #FF6699;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }

    .Tile_Module_RiskAssessment a {
        width: 100%;
        height: 95px;
        padding-top: 60px;
    }

    .Tile_Module_RiskAssessment:hover a {
        color: white;
    }

.Tile_Utility_Module_TPA {
    background-image: url(images/Placeholders/Module/tpa.png);
    border-color: #FF983F;
    background-color: #FF983F;
}

.Tile_Module_TPA {
    background-image: url(images/menu/Modules/tpa_white.png);
    border-color: #FF983F;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_TPA:hover {
        /*background-image: url(images/menu/Modules/tpa_black.png);*/
        background-color: #FF983F;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }

    .Tile_Module_TPA a {
        width: 100%;
        height: 95px;
        padding-top: 60px;
    }

    .Tile_Module_TPA:hover a {
        color: white;
    }

.Tile_Utility_Module_Concession {
    background-image: url(images/Placeholders/Module/concession.png);
    border-color: #92D028;
    background-color: #92D028;
}

.Tile_Module_Concession {
    background-image: url(images/menu/Modules/concession_white.png);
    border-color: #92D028;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_Concession:hover {
        /*background-image: url(images/menu/Modules/concession_black.png);*/
        background-color: #92D028;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }

    .Tile_Module_Concession a {
        width: 100%;
        height: 95px;
        padding-top: 60px;
    }

    .Tile_Module_Concession:hover a {
        color: white;
    }

.Tile_Utility_Module_Training {
    background-image: url(images/Placeholders/Module/training.png);
    border-color: #1773B8;
    background-color: #1773B8;
}

.Tile_Module_Training {
    background-image: url(images/menu/Modules/training_white.png);
    border-color: #1773B8;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_Training:hover {
        /*background-image: url(images/menu/Modules/training_black.png);*/
        background-color: #1773B8;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }

    .Tile_Module_Training a {
        width: 100%;
        height: 95px;
        padding-top: 60px;
    }

    .Tile_Module_Training:hover a {
        color: white;
    }

.Tile_Utility_Module_GasAnalysis {
    background-image: url(images/Placeholders/Module/gasanalysis.png);
    border-color: #ED5D27;
    background-color: #ED5D27;
}

.Tile_Module_GasAnalysis {
    background-image: url(images/menu/Modules/gasanalysis_white.png);
    border-color: #ED5D27;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_GasAnalysis:hover {
        /*background-image: url(images/menu/Modules/gasanalysis_black.png);*/
        background-color: #ED5D27;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }

    .Tile_Module_GasAnalysis a {
        width: 100%;
        height: 95px;
        padding-top: 60px;
    }

    .Tile_Module_GasAnalysis:hover a {
        color: white;
    }

.Tile_Utility_Module_Action {
    background-image: url(images/Placeholders/Module/action.png);
    border-color: #A3D000;
    background-color: #A3D000;
}

.Tile_Module_Dashboard {
    background-image: url(Images/Menu/dashboard_white.png);
    background-size: 70% 70%;
    border-color: #d3d3d3;
    background-position: center top;
    background-position-y: 2px;
    background-color: #525252;
}

    .Tile_Module_Dashboard:hover {
        background-size: 70% 70%;
        background-color: #d3d3d3;
        background-position: center top;
        background-position-y: 2px;
        color: white;
        cursor: pointer;
    }

.Tile_Module_Action {
    background-image: url(images/menu/Modules/action_white.png);
    background-size: 70% 70%;
    border-color: #A3D000;
    background-position: center top;
    background-position-y: 2px;
    background-color: #525252;
}

    .Tile_Module_Action:hover {
        /*background-image: url(images/menu/Modules/action_black.png);*/
        background-size: 70% 70%;
        background-color: #A3D000;
        background-position: center top;
        background-position-y: 2px;
        color: white;
        cursor: pointer;
    }

.Tile_Utility_Module_PPE {
    background-image: url(images/Placeholders/Module/ppe.png);
    border-color: #BF4262;
    background-color: #BF4262;
}

.Tile_Module_PPE {
    background-image: url(images/menu/Modules/ppe_white.png);
    background-size: 70% 70%;
    border-color: #BF4262;
    background-position: center top;
    background-position-y: 2px;
    background-color: #525252;
}

    .Tile_Module_PPE:hover {
        /*background-image: url(images/menu/Modules/ppe_black.png);*/
        background-size: 70% 70%;
        background-color: #BF4262;
        background-position: center top;
        background-position-y: 2px;
        color: white;
        cursor: pointer;
    }

.Tile_Module_Checklist {
    background-image: url(images/menu/Modules/Checklist_white.png);
    background-size: 70% 70%;
    border-color: #6FD3DA;
    background-position: center top;
    background-position-y: 2px;
    background-color: #525252;
}

    .Tile_Module_Checklist:hover {
        /*background-image: url(images/menu/Modules/ppe_black.png);*/
        background-size: 70% 70%;
        background-color: #6FD3DA;
        background-position: center top;
        background-position-y: 2px;
        color: white;
        cursor: pointer;
    }

.Tile_Module_TrainingModule {
    background-image: url(images/menu/Modules/training_white.png);
    border-color: #1773B8;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_TrainingModule:hover {
        /*background-image: url(images/menu/Modules/ppe_black.png);*/
        background-color: #1773B8;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }



.Tile_Module_EMR {
    background-image: url(images/menu/Modules/EMR_White.png);
    border-color: #FF8900;
    background-color: #525252;
    background-size: 60% 60%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_EMR:hover {
        /*background-image: url(images/menu/Modules/ppe_black.png);*/
        background-color: #FF8900;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 60% 60%;
        background-position: center top;
        background-position-y: 2px;
    }
/*#endregion ^^ Utilities Layout ^^ */
/* VV Risk Calculation Table VV */
.RiskCalculationTable {
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    margin-left: 30px;
}

.Tile_Module_DesignReview {
    background-image: url(images/menu/Modules/designreview_white.png);
    border-color: #65233D;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_DesignReview:hover {
        background-color: #E13471;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }

    .Tile_Module_DesignReview a {
        width: 100%;
        height: 95px;
        padding-top: 60px;
    }

    .Tile_Module_DesignReview:hover a {
        color: white;
    }

.Tile_Module_DesignReviewReport {
    /*background-image:url(images/menu/Modules/designreview_white.png);*/
    border-color: #1773B8;
    background-image: url(images/menu/modules/designreview_white.png);
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

.Tile_Module_MeetingMinutes {
    background-image: url(images/menu/Modules/meetingminutes_white.png);
    border-color: #65233D;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_MeetingMinutes:hover {
        background-color: #19BDA6;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }

    .Tile_Module_MeetingMinutes a {
        width: 100%;
        height: 95px;
        padding-top: 60px;
    }

    .Tile_Module_MeetingMinutes:hover a {
        color: white;
    }

.Tile_Module_MeetingMinutesReport {
    border-color: #1773B8;
    background-image: url(images/menu/modules/meetingminutes_white.png);
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

.Tile_Module_UtilityManagement {
    background-image: url(images/menu/Modules/utilitymanagement_white.png);
    border-color: #65233D;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_UtilityManagement:hover {
        background-color: #65233D;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }

    .Tile_Module_UtilityManagement a {
        width: 100%;
        height: 95px;
        padding-top: 60px;
    }

    .Tile_Module_UtilityManagement:hover a {
        color: white;
    }

.Tile_Module_UtilityManagementReport {
    background-image: url(images/menu/Modules/utilitymanagement_white.png);
    border-color: #1773B8;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

.Tile_Module_JobCard {
    background-image: url(images/menu/Modules/jobcard_white.png);
    border-color: #00CC66;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_JobCard:hover {
        background-color: #00CC66;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }

    .Tile_Module_JobCard a {
        width: 100%;
        height: 95px;
        padding-top: 60px;
    }

    .Tile_Module_JobCard:hover a {
        color: white;
    }

.Tile_Module_JobCardReport {
    background-image: url(images/menu/Modules/jobcard_white.png);
    border-color: #1773B8;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

.Tile_Module_EmployeeReview {
    background-image: url(images/menu/Modules/employeereview_white.png);
    border-color: #00CC66;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

    .Tile_Module_EmployeeReview:hover {
        background-color: #EC432D;
        border-color: white;
        color: white;
        cursor: pointer;
        background-size: 70% 70%;
        background-position: center top;
        background-position-y: 2px;
    }

    .Tile_Module_EmployeeReview a {
        width: 100%;
        height: 95px;
        padding-top: 60px;
    }

    .Tile_Module_EmployeeReview:hover a {
        color: white;
    }

.Tile_Module_EmployeeReviewReport {
    background-image: url(images/menu/Modules/employeereview_white.png);
    border-color: #1773B8;
    background-color: #525252;
    background-size: 70% 70%;
    background-position: center top;
    background-position-y: 2px;
}

.RiskCalculationTableRow {
    clear: both;
    overflow: hidden;
}

.RiskCalculationTableRowCell {
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    float: left;
    width: 30px;
    height: 30px;
    text-align: center;
}

.RiskWhiteBackground {
    background-color: white;
}
/* ^^ Risk Calculation Table ^^ */
/*#region VV Flip Tile VV - http://davidwalsh.name/css-flip */
/* Tested in Chrome 39, Firefox 35, Safari 7, IE 10-11 (degrades gracefully in IE 9)
/* Generic styles */
.tile-flip {
    position: relative;
    display: inline-block;
    margin-left: 2px;
    margin-bottom: 2px;
    margin-top: 1px;
}

.tile-flip-front, .tile-flip-back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*font-size:35px;*/
    text-align: center;
    vertical-align: middle;
    text-decoration: none !important;
    font-family: 'Segoe UI','Arial';
    font-weight: bold;
}

.tile-flip-front {
    -webkit-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
    z-index: 1; /* for IE 9 */
}

:hover > .tile-flip-front {
    -webkit-transform: perspective(600px) rotateX(180deg);
    transform: perspective(600px) rotateX(180deg);
}

.tile-flip-back {
    -webkit-transform: perspective(600px) rotateX(-179deg);
    transform: perspective(600px) rotateX(-179deg);
}

:hover > .tile-flip-back {
    -webkit-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
    z-index: 2; /* for IE 9 */
}
/*----- Size ----------*/
.tile-flip-small {
    height: 50px;
    width: 50px;
    font-size: 35px;
}

.tile-flip-medium {
    height: 102px;
    width: 102px;
    font-size: 35px;
}
/*----- Colour --------*/
.bground-Default {
    background-color: #18A5FF;
    color: white;
}

.bground-Green {
    background-color: #00E500;
    color: white;
}

.bground-Yellow {
    background-color: yellow;
    color: black;
}

.bground-Orange {
    background-color: orange;
    color: white;
}

.bground-Red {
    background-color: red;
    color: white;
}
/*#endregion ^^ Flip Tile ^^ */

/*#region Module Colours*/

.NonModule_Colour {
    background-color: lightgray;
}

.Supplier_Colour {
    background-color: #4973f8;
}

.Module1_Colour {
    background-color: #FFAF1B;
}

.Module2_Colour {
    background-color: #FF5353;
}

.Module3_Colour {
    background-color: #FFD700;
}

.Module4_Colour {
    background-color: #8FBC8F;
}

.Module5_Colour {
    background-color: #1F8E26;
}

.Module6_Colour {
    background-color: #794A8D;
}

.Module7_Colour {
    background-color: #4A6A8A;
}

.Module8_Colour {
    background-color: #41817F;
}

.Module10_Colour {
    /*background-color:;*/
}

.Module11_Colour {
    background-color: #19BDA6;
}

.Module12_Colour {
    background-color: #A25188;
}

.Module13_Colour {
    background-color: #FF643F;
}

.Module14_Colour {
    background-color: #FF6699;
}

.Module15_Colour {
    background-color: #1773B8;
}

.Module16_Colour {
    background-color: #A6373F;
}

.Module17_Colour {
    background-color: #92D028;
}

.Module18_Colour {
    background-color: #FF983F;
}

.Module19_Colour {
    background-color: #169A61;
}

.Module20_Colour {
    background-color: #625192;
}

.Module21_Colour {
    background-color: #ED5D27;
}

.Module22_Colour {
    background-color: #FE55B5;
}

.Module23_Colour {
    background-color: #77A30C;
}

.Module24_Colour {
    background-color: #A3D000;
}

.Module25_Colour {
    background-color: #B36158;
}

.Module26_Colour {
    background-color: #BF4262;
}

.Module29_Colour {
    background-color: #6FD3DA;
}

.Module31_Colour {
    background-color: #1773B8;
}

.Module32_Colour {
    background-color: #ff8900;
}

.Module33_Colour {
    background-color: #65233D;
}

.Module34_Colour {
    background-color: #00CC66;
}

.Module35_Colour {
    background-color: #00CC66;
}

.Module36_Colour {
    background-color: #5086C4;
}

.Module37_Colour {
    background-color: #FF6699;
}

.Module38_Colour {
    background-color: #E13471;
}

.Module40_Colour {
    background-color: #9E2C70;
}

.Module42_Colour {
    background-color: #EC432D;
}

.Module43_Colour {
    background-color: #9365D6;
}

.Module44_Colour {
    background-color: #00CC66;
}

.Module45_Colour {
    background-color: #BF4262;
}

Module_CallReportsColor {
    background-color: #FF643F;
}

.Module_FeedbackColor {
    background-color: #AEF0ED;
}

.Module_GasAnalysesColor {
    background-color: #ED5D27;
}

.Module_InnovationColor {
    background-color: #FFAF1B;
}

.Module_UmbaniColor {
    background-color: #18a5ff;
}

.Module_LightGrey {
    background-color: lightgrey;
}

Module_FeedbackColor
/*#endregion Module Colours*/
/*#region General Colours */
.Template_Colour {
    background-color: #525252;
}

.Element_Colour {
    background-color: #767171;
}

.Point_Colour {
    background-color: #D3D3D3;
}

/*#endregion General Colours */
.HazardControl_Header /* Trapezoid */ {
    width: 150px;
    text-align: center;
}

.HazardControl_One /* Trapezoid */ {
    border-top: 32px solid #4F83B2;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    height: 0;
    width: 120px;
}

.HazardControl_Two {
    border-top: 32px solid #84BE50;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    height: 0;
    width: 90px;
    margin-left: 15px
}

.HazardControl_Three {
    border-top: 32px solid #F9CE05;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    height: 0;
    width: 60px;
    margin-left: 30px;
}

.HazardControl_Four {
    border-top: 32px solid #EE6322;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    height: 0;
    width: 30px;
    margin-left: 45px;
}

.HazardControl_Five /* Triangle - Down */ {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 32px solid #EE1C25;
    margin-left: 60px;
}

/* VV Shapes VV */

.Shape_Square {
    width: 50px;
    height: 50px;
}

.Shape_Circle {
    width: 50px;
    height: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.Shape_Triangle {
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 50px solid white;
}

.Shape_Heart {
    position: relative;
    width: 50px;
    height: 45px;
}

    .Shape_Heart:before,
    .Shape_Heart:after {
        position: absolute;
        content: "";
        left: 25px;
        top: 0;
        width: 25px;
        height: 40px;
        background: white;
        -moz-border-radius: 25px 25px 0 0;
        border-radius: 25px 25px 0 0;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0 100%;
        -moz-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
        -o-transform-origin: 0 100%;
        transform-origin: 0 100%;
    }

    .Shape_Heart:after {
        left: 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 100% 100%;
        -moz-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        -o-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
    }

.Shape_Diamond {
    width: 0;
    height: 0;
    border: 25px solid transparent;
    position: relative;
    top: -25px;
}

    .Shape_Diamond:after {
        content: '';
        position: absolute;
        left: -25px;
        top: 25px;
        width: 0;
        height: 0;
        border: 25px solid transparent;
    }

.Shape_Ribbon {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 35px;
    height: 35px;
    position: relative;
    border: none;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    font: normal 100%/normal Arial, Helvetica, sans-serif;
    color: rgba(0,0,0,1);
    -o-text-overflow: clip;
    text-overflow: clip;
    top: -4px;
    left: 6px;
}

    .Shape_Ribbon::before {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        position: absolute;
        content: "";
        top: 18px;
        left: -6px;
        border: 16px solid rgba(0,0,0,0);
        border-top: 0 solid;
        border-bottom: 30px solid white;
        font: normal 100%/normal Arial, Helvetica, sans-serif;
        color: rgba(0,0,0,1);
        -o-text-overflow: clip;
        text-overflow: clip;
        text-shadow: none;
        -webkit-transform: rotateZ(-140deg);
        transform: rotateZ(-140deg);
    }

    .Shape_Ribbon::after {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        position: absolute;
        content: "";
        top: 18px;
        right: -6px;
        border: 16px solid rgba(0,0,0,0);
        border-top: 0 solid;
        border-bottom: 30px solid white;
        font: normal 100%/normal Arial, Helvetica, sans-serif;
        color: rgba(0,0,0,1);
        -o-text-overflow: clip;
        text-overflow: clip;
        text-shadow: none;
        -webkit-transform: rotateZ(140deg);
        transform: rotateZ(140deg);
    }

.Shape_Pentagon {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 25px;
    position: relative;
    top: 20px;
    border: 12px solid rgba(0,0,0,0);
    border-top: 27px solid white;
    border-bottom: 0 solid white;
    font: normal 100%/normal Arial, Helvetica, sans-serif;
    color: rgba(0,0,0,1);
    -o-text-overflow: clip;
    text-overflow: clip;
}

    .Shape_Pentagon::before {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        width: 0;
        height: 0;
        position: absolute;
        content: "";
        bottom: 27px;
        left: -11px;
        border: 24px solid rgba(0,0,0,0);
        border-bottom: 19px solid white;
        font: normal 100%/normal Arial, Helvetica, sans-serif;
        color: rgba(0,0,0,1);
        -o-text-overflow: clip;
        text-overflow: clip;
        text-shadow: none;
    }

/* ^^ Shapes ^^ */
/* VV Shapes Colours VV */

.Shape_Square_Green {
    background: #52c247;
}

.Shape_Square_Red {
    background: #d45050;
}

.Shape_Square_Grey {
    background: #6c6868;
}

.Shape_Circle_Green {
    background: #52c247;
}

.Shape_Circle_Red {
    background: #d45050;
}

.Shape_Circle_Grey {
    background: #6c6868;
}

.Shape_Triangle_Green {
    border-bottom-color: #52c247;
}

.Shape_Triangle_Red {
    border-bottom-color: #d45050;
}

.Shape_Triangle_Grey {
    border-bottom-color: #6c6868;
}

.Shape_Heart_Green::before,
.Shape_Heart_Green::after {
    background: #52c247;
}

.Shape_Heart_Red::before,
.Shape_Heart_Red::after {
    background: #d45050;
}

.Shape_Heart_Grey::before,
.Shape_Heart_Grey::after {
    background: #6c6868;
}

.Shape_Diamond_Green {
    border-bottom-color: #52c247;
}

    .Shape_Diamond_Green:after {
        border-top-color: #52c247;
    }

.Shape_Diamond_Red {
    border-bottom-color: #d45050;
}

    .Shape_Diamond_Red:after {
        border-top-color: #d45050;
    }

.Shape_Diamond_Grey {
    border-bottom-color: #6c6868;
}

    .Shape_Diamond_Grey:after {
        border-top-color: #6c6868;
    }

.Shape_Ribbon_Green {
    background: #52c247;
}

    .Shape_Ribbon_Green::before {
        border-bottom-color: #52c247;
    }

    .Shape_Ribbon_Green::after {
        border-bottom-color: #52c247;
    }

.Shape_Ribbon_Red {
    background: #d45050;
}

    .Shape_Ribbon_Red::before {
        border-bottom-color: #d45050;
    }

    .Shape_Ribbon_Red::after {
        border-bottom-color: #d45050;
    }

.Shape_Ribbon_Grey {
    background: #6c6868;
}

    .Shape_Ribbon_Grey::before {
        border-bottom-color: #6c6868;
    }

    .Shape_Ribbon_Grey::after {
        border-bottom-color: #6c6868;
    }

.Shape_Pentagon_Green {
    border-top-color: #52c247;
    border-bottom-color: #52c247;
}

    .Shape_Pentagon_Green::before {
        border-bottom-color: #52c247;
    }

.Shape_Pentagon_Red {
    border-top-color: #d45050;
    border-bottom-color: #d45050;
}

    .Shape_Pentagon_Red::before {
        border-bottom-color: #d45050;
    }

.Shape_Pentagon_Grey {
    border-top-color: #6c6868;
    border-bottom-color: #6c6868;
}

    .Shape_Pentagon_Grey::before {
        border-bottom-color: #6c6868;
    }


/*New PWA Main Menu*/

.HideProfile {
    visibility: hidden;
}

.topnav {
    overflow: hidden;
    background-color: #1a1a1a;
    vertical-align: middle;
}

    .topnav a {
        float: right;
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding-top: 11px;
        padding-left: 7px;
        padding-right: 7px;
        padding-bottom: 6px;
        text-decoration: none;
        font-size: 14px;
    }

        .topnav a:hover {
            background-color: #565656;
            color: black;
        }

        .topnav a.active {
            background-color: #4CAF50;
            color: white;
        }

    .topnav .icon {
        /*display: none;*/
    }

@media screen and (max-width: 625px) {
    .topnav a:not(:first-child) {
        display: none;
    }

    .topnav a.icon {
        float: right;
        display: block;
    }
}

.BurgerText {
    display: none;
}

.BurgerTextSpecial {
    display: none;
}

#hlnkProfileLoginName {
    /*background-color: black;*/
}

.AddEntryGrid {
    width: 100%;
}

@media screen and (max-width: 625px) {
    .AddEntryGrid {
        width: 100%;
    }

    .dxgvAIC.dxgv.dxgRRB {
        border-bottom: none;
        border-top: none;
    }

    .dxgvDetailRow_MetropolisBlue.dxgvADR td.dxgvAIC {
        border-bottom: none;
        border-top: none;
    }
}

@media only screen and (max-width:1400px) {
    .CalibrationInternal {
        width: 75%;
    }
}

@media only screen and (min-width:1400px) {
    .CalibrationInternal {
        width: 52%;
    }
}

@media screen and (max-width: 625px) {
    .topnav.responsive {
        position: relative;
        box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

        .topnav.responsive .icon {
            position: absolute;
            right: 0;
            top: 0;
        }

        .topnav.responsive a:not(:nth-child(2)):not(#hlnkProfileLoginName) {
            float: none;
            display: block;
            text-align: left;
            position: relative;
            top: 40px;
            padding: 0px;
            padding-left: 5px;
            padding-top: 2px;
            background-color: #cbcbcb;
            color: black;
        }

        .topnav.responsive #lnkbtnLogouta {
            margin-top: 20px;
        }

    .hlnkProfile {
        display: none;
    }

    @media screen and (max-width: 625px) {
        .BurgerText {
            display: inline;
        }

        .BurgerTextSpecial {
            display: inline;
            position: relative;
            left: -155px;
        }

        .BurgerImage {
            position: relative;
            left: -149px;
        }

        .HideProfile {
            visibility: visible;
        }

        .MobileMenuHome {
            padding-top: 13px;
        }

        .BurgerImage {
            width: 0;
            height: 0;
            padding: 30px 0 0 30px;
            background-size: cover;
            background-image: url('Images/Menu/Logout_Black.png')
        }

        .imgHelp {
            width: 0;
            height: 0;
            padding: 30px 0 0 30px;
            background-size: cover;
            background-image: url('Images/Menu/help.png')
        }

        .imgUtils {
            width: 0;
            height: 0;
            padding: 30px 0 0 30px;
            background-size: cover;
            background-image: url('Images/Menu/Gear_Black.png')
        }

        .imgDash {
            width: 0;
            height: 0;
            padding: 30px 0 0 30px;
            background-size: cover;
            background-image: url('Images/Menu/dashboard_Black.png')
        }

        .imgMenuAdd {
            width: 0;
            height: 0;
            padding: 30px 0 0 30px;
            background-size: cover;
            background-image: url('Images/Menu/add_Black.png')
        }

        .imgProfile2 {
            width: 0;
            height: 0;
            padding: 30px 0 0 30px;
            background-size: cover;
            background-image: url('Images/Menu/profile_Black.png')
        }
    }

    .Module_ExtraPanelPopout {
        width: 100%;
        display: inline-block;
        background-color: #f5f5f5;
        margin-top: 10px;
        padding-left: 10px;
        padding-bottom: 10px;
        box-sizing: border-box;
    }
}

.ActiveCategory {
    background-color: #18A5FF !important;
}

.collapsible {
    background-color: #333333;
    color: white;
    cursor: pointer;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 16px;
    padding-left: 20px;
    width: 275px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 17px;
    line-height: 36px;
    font-family: Tahoma;
    margin-left: -10px;
}

.DivMenu {
    height: fit-content;
    background-color: #333333;
}

#MainPage {
    margin-left: 30px;
    transition: all 0.4s ease;
}

.SideNavMenu {
    height: calc(100% - 50px);
    width: 280px;
    position: absolute;
    z-index: 1;
    left: 0;
    background-color: transparent;
    overflow-x: hidden;
    transition: all 0.4s ease;
    vertical-align: middle;
}

    /* The navigation menu links */
    .SideNavMenu a {
        /*padding: 8px 8px 8px 0px;*/
        text-decoration: none;
        color: whitesmoke;
        transition: 0.3s;
        padding-left: 15px;
    }

        /* When you mouse over the navigation links, change their color */
        .SideNavMenu a:hover {
            color: #f1f1f1;
        }



.Hamburger {
    margin-top: 5px;
    margin-left: 5px;
    display: inline-block;
    cursor: pointer;
}

.Light {
    background-color: lightgray !important;
}

.bar1, .bar2, .bar3 {
    width: 20px;
    height: 3px;
    background-color: #333;
    margin: 4px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-4px, 2px);
    transform: rotate(-45deg) translate(-4px, 2px);
}

.change .bar2 {
    opacity: 0;
}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -6px);
    transform: rotate(45deg) translate(-8px, -6px);
}

.sidenav {
    height: calc(100% - 50px);
    width: 280px;
    position: absolute;
    z-index: 1;
    left: 0;
    background-color: #333333;
    overflow-x: hidden;
    transition: 0.5s;
    vertical-align: middle;
}

    /* The navigation menu links */
    .sidenav a {
        padding: 8px 8px 8px 0px;
        text-decoration: none;
        color: whitesmoke;
        transition: 0.3s;
        /*margin-left:16px;*/
    }

        /* When you mouse over the navigation links, change their color */
        .sidenav a:hover {
            color: #f1f1f1;
        }

    /* Position and style the close button (top right corner) */
    .sidenav .closebtn {
        font-size: larger;
        background-color: darkgoldenrod;
        padding: 0px;
    }



#main {
    transition: margin-left .5s;
    padding: 10px;
    padding-top: 0px;
    width: 100%;
    /*margin-left: 250px;*/
}

#mainUtil {
    transition: margin-left .5s;
    padding: 10px;
    padding-top: 0px;
    width: 100%;
}

.sideOpen {
    background-color: #4f4f4f;
    color: whitesmoke;
    width: 50px;
    text-align: center;
    vertical-align: middle;
    padding-top: 8px;
    font-size: larger;
}

.ActiveHome {
    background-color: #18A5FF;
    color: white;
    cursor: pointer;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 16px;
    padding-left: 20px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 17px;
    line-height: 36px;
    text-decoration: none;
    font-family: Tahoma;
    margin-left: -10px;
}

.flex {
    display: flex;
    height: auto;
    min-height: 94.35vh;
}

.flex-container-report {
    display: table;
    flex-wrap: wrap;
    justify-content: flex-end;
    background-color: transparent;
}

.flex-container {
    display: flex;
    flex-wrap: nowrap;
    background-color: gray;
    width: 100%;
}

.flex-container-TPA {
    display: flex;
    flex-direction: column;
    background-color: red;
    width: 100%;
    float: left;
}

.flex-item {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    flex: 50%;
}

.flex-item-right {
    padding: 10px;
    flex: 50%;
}

.divTableTPA {
    width: 400px;
    min-height: 125px;
    display: flex;
    float: left;
    margin: 2px 5px 2px 0px;
}

.flex-container-TPA {
    display: flex;
    flex-direction: column;
    background-color: red;
    width: 100%;
    float: left;
}

.flex-item {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    flex: 50%;
}

.flex-item-right {
    padding: 10px;
    flex: 50%;
}

.divTableTPA {
    width: 400px;
    min-height: 125px;
    display: flex;
    float: left;
    margin: 2px 5px 2px 0px;
}


.flex-container > div {
    width: 100%;
    text-align: center;
    /*line-height: 75px;
    font-size: 30px;*/
}

/* Responsive layout - makes a one column-layout instead of multi-column layout */
@media (max-width: 600px) {
    .flex-container {
        flex-direction: column;
    }

    .flex-container-report {
        flex-direction: column;
    }

    .flex-container-TPA {
        flex-direction: column;
    }
}

.utilities_home {
    background-color: #333333;
    color: white;
    cursor: pointer;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 16px;
    padding-left: 20px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 17px;
    line-height: 36px;
    text-decoration: none;
    margin-left: -10px;
}

.ControlPanelPlaceHolder {
    display: none;
}

.IFrameBasics {
    position: fixed;
    width: 97%;
    height: 94vh;
    font-family: Tahoma;
}

.img_datepicker {
    border: none;
    background-color: transparent;
    background: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 800px) {
    .sidenav {
        height: 100%;
        /* min-height: 100vh;*/
        width: 0px;
        position: absolute;
        z-index: 1;
        left: 0;
        background-color: #333333;
        overflow-x: hidden;
        transition: 0.5s;
        vertical-align: middle;
    }

    .IFrameBasics {
        position: fixed;
        width: 93.5%;
        height: 94vh;
        font-family: Tahoma;
    }

    #main {
        transition: margin-left .5s;
        padding: 10px;
        padding-top: 0px;
        width: 100%;
        margin-left: 0px;
    }
}


@media screen and (min-width: 600px) {

    #FilterReset2 {
        display: none;
    }

    .Hamburger {
        margin-top: 8px;
        margin-left: 5px;
        display: inline-block;
        cursor: pointer;
    }
}

@media screen and (max-width: 600px) {
    #FilterReset1 {
        display: none;
        visibility: hidden;
        height: 0;
    }

    #FilterReset2 {
        width: 100%;
        margin-left: 6px;
    }
}

.Utility-Module-Scroll {
    overflow-y: scroll;
    height: 90vh;
    overflow-x: hidden;
}

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

    .CallReportPrintButton {
        display: none;
    }
}

/* Used to add the shadow to popups */

.popup-shadow {
    box-shadow: rgb(0, 0, 0) 5px 5px 5px;
}

.btnListbox {
    background-color: #18a5ff;
    color: white;
}

.TextBoxReport {
    width: 194px;
    height: 20px;
    border: solid 1px #64686b;
    border-radius: 20px;
}
/* Used in conjunction with Scripts/textbox-autogrow.js */
.auto-grow-textbox {
    width: 100%;
    min-height: 12px;
    max-height: 200px;
    overflow-y: auto;
    resize: none; /* prevent manual resize if desired */
    box-sizing: border-box;
}

/* Sticky header style */
.Module_Header_Sticky {
    width: 100%;
    height: 60px;
    vertical-align: middle;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #ffffff;
    z-index: 999;
    transition: height 0.3s ease, padding 0.3s ease;
    overflow: hidden;
    display: flex;
    align-items: center;
}


    .Module_Header_Sticky table {
        width: 100%;
        height: 100%;
        table-layout: fixed;
        border-spacing: 0;
    }

    .Module_Header_Sticky td {
        vertical-align: middle;
        padding: 0;
        margin: 0;
    }

    .Module_Header_Sticky img {
        width: 50px;
        height: 50px;
        vertical-align: middle;
        transition: width 0.3s ease, height 0.3s ease;
        padding-left: 10px;
    }

    .Module_Header_Sticky h2 {
        font-size: 22px;
        line-height: 1.2;
        margin: 0;
        padding: 0;
        transition: font-size 0.3s ease, line-height 0.3s ease;
        padding-left: 10px;
    }

.StatusCell {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: auto;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s, opacity 0.3s ease;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* When the header is shrunk */
.shrinkHeader {
    height: 40px; /* Smaller height after scrolling */
}

    .shrinkHeader h2 {
        font-size: 16px;
        line-height: 1;
    }

    .shrinkHeader img {
        width: 35px;
        height: 35px;
    }

    .shrinkHeader .StatusCell {
        visibility: visible;
        opacity: 1;
    }

.status-text {
    font-size: 16px;
    font: bold;
    padding-left: 15px;
    padding-right: 15px;
}


::placeholder {
    color: grey;
}


::-webkit-input-placeholder {
    color: grey;
}

::-moz-placeholder {
    color: grey;
}

:-ms-input-placeholder {
    color: grey;
}

.separator {
    border: none;
    height: 2px;
    background-color: grey;
    width: 100%;
    margin: 10px 0;
}

.path-label {
    font-family: monospace;
    margin-right: 10px;
}

.heading {
    font-size: 22px;
    font-weight: bold;
    font-family: Tahoma;
}

.custom-range input[type=range] {
    -webkit-appearance: none;
    height: 30px;
    background: transparent;
    width: 100%;
    outline: none;
    position: relative;
    z-index: 1;
}

.custom-range input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 32px;
    height: 32px;
    background: #2ecc71;
    border-radius: 50%;
    border: 3px solid white;
    cursor: pointer;
}

.custom-range input[type=range]::-moz-range-thumb {
    width: 32px;
    height: 32px;
    background: #2ecc71;
    border-radius: 50%;
    border: 3px solid white;
    cursor: pointer;
}





/* ^^ Shapes Colours ^^ */
/* Vertical Text */
/*.Vertical_Text
    W
{
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
/*-webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;*/

/* Should be unset in IE9+ I think. */
/*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
/*}*/