/* THIS WILL MAKE THE BODY OF EACH WEB PAGE THE SAME COLOUR*/
body {
    background-color: white;
    margin: 0px;
}

/* ===== Main Menu Logo Container Top Center ===== */
#MainLoginContainer {
    margin: 0px auto;
    width: 800px;
    height: 448px;
    border: 0px white solid;
    align-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: gainsboro;
}

#Gradiant {
    background-image: linear-gradient(#9A9DAE, white);
}

.Gradiant {
    background-image: linear-gradient(Gainsboro, white);
}

.#GradiantTitle {
    background-image: linear-gradient(#003399, white);
}

#ReverseGradiant {
    background-image: linear-gradient(white, silver);
    height: 125px;
}

#ReverseGradiantTimeout {
    background-image: linear-gradient(white, #102431);
    height: 70px;
}


#MainMenuLogoContainer {
    margin: 0px auto;
    width: 779px;
    height: 80px;
    border: 0px white solid;
    align-content: center;
    background-image: url('/Content/Lightning.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-color: white;
}

.WordWrapGK {
    width:100%;
    overflow-wrap: normal;
    white-space: normal;
}


#MainMenuLogoContainerAddPatient {
    margin: 0px auto;
    width: 800px;
    height: 80px;
    border: 0px white solid;
    align-content: center;
    background-image: url('/Content/Lightning.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-color: white;
}

#MainMenuLogoContainerAddClient {
    margin: 0px auto;
    width: 800px;
    height: 80px;
    border: 0px white solid;
    align-content: center;
    background-image: url('/Content/Lightning.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-color: white;
}


#MainMenuLogoContainer2 {
    margin: 0px auto;
    width: 800px;
    height: 80px;
    border: 0px white solid;
    align-content: center;
    background-image: url('/Content/Lightning.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-color: white;
}

#MainInputContainer {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    width: 790px;
    height: 1155px;
    padding-left: 2px;
    padding-right: 2px;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}

#MainInputContainerNoFooter {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    margin: 0px auto;
    width: 790px;
    height: 1160px;
    padding-left: 4px;
    padding-right: 4px;
}

.EnableWrapping {
    white-space: normal;
}  

.MessageList {
    border: none;
    padding-left: 4px;
    padding-right: 4px;
    margin-left: 8px;
    margin-right: auto;
}

.Centered {
    margin: auto;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.CellWordWrap {
    overflow-y: hidden;
    width: 100%;
    word-break: keep-all;
    height: 100%;
}

.Mgn {margin-left:4px;}

.PanelInfo {
    margin: 0px inherit;
    border: 0px black solid;
    background-color: white;
    overflow:hidden;
    font: medium Arial, sans-serif;
}

.PanelInfoBlack {
    margin: 0px auto;
    width: 800px;
    height: 1190px;
    border: 0px black solid;
    background-color: white;
    overflow: auto;
}

/* == Main Menu Buttons == */
.MainMenuLabel {
    width: 520px;
}

.MainMenuButton {
    margin-left: 8px;
    margin-right: 0px;
    margin-top: 3px;
    width: 91px;
    height: 72px;
    border: 2px blue solid;
    border-radius: 8px;
    text-align: center;
    vertical-align: top;
    padding: 2px 2px;
    text-decoration: none;
    white-space: normal;
    font-size: 14px;
    outline: none;
    background-color: #E9EEF4;
    color: blue;
    word-wrap: break-word;
    margin-bottom: 0px;
}

.MainMenuButton {
    transition-duration: 0.4s;
}

.MainMenuButton:hover {
        background-color: darkblue;
        color: white;
    }

.MainMenuButton:active {
        background-color: blue;
        box-shadow: 0 0px none;
        transform: matrix3d();
    }

.MainMenuButton:disabled {
        opacity: 0.6;
        cursor: not-allowed;
    }

.BottomMenuButtonG {
    margin-left: 9px;
    margin-top: 3px;
    width: 84px;
    height: 52px;
    border: 2px blue solid;
    border-radius: 10px;
    text-align: center;
    vertical-align: top;
    padding: 2px 2px;
    text-decoration: none;
    white-space: normal;
    font-size: 14px;
    outline: none;
    background-color: #E9EEF4;
    color: blue;
    word-wrap: break-word;
}

.BottomMenuButtonG {
    transition-duration: 0.4s;
}

    .BottomMenuButtonG:hover {
        background-color: darkblue;
        color: lightgreen;
    }

    .BottomMenuButtonG:active {
        background-color: blue;
        box-shadow: 0 0px none;
        transform: matrix3d();
    }

    .BottomMenuButtonG:disabled {
        opacity: 0.6;
        cursor: not-allowed;
    }

    
.BottomMenuButton {
    margin-left: 9px;
    margin-right: 8px;
    margin-top: 3px;
    width: 84px;
    height: 52px;
    border: 2px blue solid;
    border-radius: 14px;
    text-align: center;
    vertical-align: top;
    padding: 2px 2px;
    text-decoration: none;
    white-space: normal;
    font-size: 14px;
    outline: none;
    background-color: #E9EEF4;
    color: blue;
    word-wrap: break-word;
}

.BottomMenuButton {
    transition-duration: 0.4s;
}

.BottomMenuButton:hover {
        background-color: darkblue;
        color: lightgreen;
    }

.BottomMenuButton:active {
        background-color: blue;
        box-shadow: 0 0px none;
        transform: matrix3d();
    }

.BottomMenuButton:disabled {
        opacity: 0.6;
        cursor: not-allowed;
    }

.GeneralButtonAbs {
    border: 2px blue solid;
    height: 28px;
    border-radius: 10px;
    text-align: center;
    left: 6px;
}

.GeneralButton {
    border: 2px blue solid;
    border-radius: 10px;
    position: relative;
    top: -8px;
    text-align: center;
    left: 5px;
}

/* == Sub Menu descriptions == */
.SubMenuText {
    margin: 0px;
    margin-left: 24px;
    margin-right: 0px;
    margin-top: 2px;
    width: 500px;
    height: 38px;
    text-align: left;
    vertical-align: central;
    word-wrap: normal;
    font: 28px Arial, sans-serif;
    outline: none;
    color: blue;
}

.SubMenuInfo {
    color: black;
    margin: 0px;
    margin-left: 16px;
    margin-right: 0px;
    margin-top: 2px;
    width: 280px;
    height: 16px;
    text-align: left;
    vertical-align: central;
    word-wrap: normal;
    font: 14px Arial, sans-serif;
    outline: none;
}


/* == Alert Text descriptions == */
.AlertText {
    font: 18px Arial, sans-serif;
    color: blue;
    margin: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    width: 764px;
    height: 24px;
    text-align: center;
}

/* ===== Data grid formats ===== */
.hideGridColumn {
    display: none;
}

/* choice button style*/
.ChoiceButton {
    margin: 0px;
    margin-left: 24px;
    margin-right: 0px;
    margin-top: 8px;
    width: 236px;
    height: 50px;
    border: 1px blue solid;
    background-color:#FFFFEA;
    text-align: center;
    vertical-align: top;
    border-radius: 5px;
    padding: 2px 2px;
    text-decoration: none;
    text-overflow:ellipsis;
    font-size: 14px;
    color: blue;
    border-bottom-style: outset;
}

/* ===== General label ===== */
.GenLabelBlack {
    font: 18px Arial, sans-serif;
    color: black;
    margin: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    height: 24px;
    text-align: left;
}

.GenLabelBlue {
    font: 18px Arial, sans-serif;
    color: blue;
    margin-left: 4px;
    margin-right: 0px;
    margin-top: 0px;
    text-align: left;
    margin-bottom: 0px;
}

.ClickLabelYellow {
    font: 18px Arial, sans-serif;
    font-weight:bold;
    background-color: white;
    color: blue;
    margin: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 4px;
    height: 38px;
    text-align: left;
    outline: none;
    border-style:none;
}

.LabelTextPair {
    font: medium Arial, sans-serif;
    color: blue;
    margin-left: 4px;
    margin-right: 0px;
    top: 8px;
    text-align: left;
    vertical-align: central;
}

.LabelTextPair2 {
    font: medium Arial, sans-serif;
    color: black;
    margin-right: 0px;
    position: relative;
    top: 4px;
    height: 20px;
    text-align: left;
    left: 10px;
    width: 44px;
}

.LabelTextPair3 {
    font: medium Arial, sans-serif;
    color: blue;
    margin-left: 44px;
    margin-right: 0px;
    top: 4px;
    height: 20px;
    Width: 128px;
    text-align: left;
}

.GridTitleBar {
    color: #009933;
    margin-left: 44px;
    margin-right: 0px;
    top: 4px;
    text-align: left;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    font-size: small;
    line-height: normal;
    font-family: Arial, sans-serif;
}

.BorderlessListBox {
    border-color: inherit;
    border-style: none;
    border-width: medium;
    font-weight:normal;
    overflow-y: hidden;
    margin-left: 6px;
    margin-top: 2px;
    font-style: normal;
    font-variant: normal;
    font-size: medium;
    line-height: normal;
    font-family: Arial, sans-serif;
}

.WordWrap {
    width: 100%;
    word-break: break-all;
    height: 933px;
}

.WordBreak {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.RotaGridLinklLabel {
    font: small Arial, sans-serif;
    color: blue;
    margin: 0;
    padding: 0;
    margin-left: 0px;
    position: static;
    display: block;
    text-align: left;
    margin-bottom: 0px;
    word-wrap: normal;
    overflow: hidden;
    text-underline-position: unset;
}

.RotaGridLinklLabelMedium {
    font: medium Arial, sans-serif;
    color: blue;
    margin: 0;
    padding: 0;
    margin-left: 0px;
    position: static;
    display: block;
    text-align: left;
    margin-bottom: 0px;
    word-wrap: normal;
    overflow: hidden;
    text-underline-position: unset;
}


.EmployeeGridLinklLabel {
    font: small Arial, sans-serif;
    color: silver;
    margin: 0;
    padding: 0;
    margin-left: 0px;
    position: static;
    display: block;
    text-align: center;
    margin-bottom: 0px;
    word-wrap: normal;
    overflow: hidden;
    text-underline-position:unset;
}

.RotaGridLabel {
    font: medium Arial, sans-serif;
    color: darkblue;
    margin: 0;
    padding: 0;
    margin-left: 0px;
    position: static;
    display: block;
    text-align: center;
    margin-bottom: 0px;
    word-wrap: normal;
    overflow: hidden;
    text-underline-position: unset;
}

.RotaGridTextbox {
    font: medium Arial, sans-serif;
    color: darkgreen;
    margin: 0;
    padding: 0;
    margin-left: 0px;
    position: static;
    display: block;
    text-align: left;
    margin-bottom: 0px;
    word-wrap: normal;
    overflow: hidden;
    text-underline-position: unset;
}

.LabelTopMargin {
    font: small Arial, sans-serif;
    margin-top: 8px;
    margin-bottom: 0px;
    margin-right: 0px;
    top: 0px;
    text-align: left;
}