.clsControl {
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    padding: 5px;
    overflow: hidden;
    border-width: 0;
    outline: none;
    border-radius: 5px;
    background: #e5e5e5;
    color: #595959;
    transition: background-color .3s;
}

    .clsControl:hover {
        background-color: #53a3d3;
        color: white;
    }

.clsX {
    margin-left: -30px;
    width: 14px;
    height: 14px;
}

    .clsX:hover {
    }


html, body, Form {
    margin: 0;
    padding: 0;
}

html, body, form {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    background-color: #f5f5f5;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
    zoom: 1;
    font-size: medium;
    color: #595959;
}

a {
    color: #56af31;
}

    a:hover {
        color: #ff8400;
    }

#header {
    height: 100px;
    width: 100%;
    z-index: 1000;
}

#content {
    position: relative;
}

.clsLogo {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 999;
}

.clsLogo2 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 999;
}

.clsHighlightedRow {
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #CCCCCC;
}

.clsSimple {
    border: 1px solid #bcbcbc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: #595959;
    background-color: white;
}

.clsHighlightTableHeader {
    background-color: #b6dafd;
    font-weight: normal;
    text-align: center;
}

.clsTableHeaderCell {
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    font-size: medium;
    font-weight: normal;
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
}

.clsInnerTableHeading {
    font-weight: bold;
}

.clsFatRow {
    min-height: 20px;
    white-space: nowrap;
}

.clsSectionPager {
    text-align: right;
    padding-top: 10px;
    padding-bottom: 10px;
}

.clsFormElement {
    border: 4px solid #56af31;
    width: 100%;
    vertical-align: top;
    background-color: white;
}

.clsChecklistHeading {
    font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
    font-size: 18pt;
    text-align: left;
}

.clsMatrixTable {
    border: 4px solid #dddddd;
    width: 600px;
}

.clsRiskMatrixHighCell {
    width: 75px;
    height: 50px;
    background-color: #ff8102;
    color: white;
    vertical-align: middle;
    text-align: center;
    font-family: "Segoe UI", "WeblySleekUISemilight", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
    zoom: 1;
    font-size: medium;
}

.clsRiskMatrixExtremeCell {
    width: 75px;
    height: 50px;
    background-color: #fe0000;
    color: white;
    vertical-align: middle;
    text-align: center;
    font-family: "Segoe UI", "WeblySleekUISemilight", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
    zoom: 1;
    font-size: medium;
}

.clsRiskMatrixLowCell {
    width: 75px;
    height: 50px;
    background-color: #84ce3b;
    color: white;
    vertical-align: middle;
    text-align: center;
    font-family: "Segoe UI", "WeblySleekUISemilight", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
    zoom: 1;
    font-size: medium;
}

.clsRiskMatrixModerateCell {
    width: 75px;
    height: 50px;
    background-color: #84ce3b;
    color: white;
    vertical-align: middle;
    text-align: center;
    font-family: "Segoe UI", "WeblySleekUISemilight", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
    zoom: 1;
    font-size: medium;
}

.clsBorderTable {
    width: 100%;
    vertical-align: top;
    border: 1px solid #bcbcbc;
    border-radius: 6px;
    -moz-border-radius: 6px;
    background-color: #f8f8f8;
}

.clsOrangeButton {
    border: 1px solid #bcbcbc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    background-color: #e5e5e5;
    width: 130px;
    height: 35px;
    border-radius: 1px;
    -moz-border-radius: 1px;
    color: #595959;
}

    .clsOrangeButton:hover {
        background-color: #e51300;
        color: White;
    }

a {
    color: #56af31;
}

p {
    line-height: 12pt;
    margin-top: 6px;
}

.clsFooterMessage {
    font-size: large;
    text-align: left;
    white-space: nowrap;
    color: #ff8400;
    margin: 10px;
    font-weight: normal;
}

.clsGridHeading {
    text-align: left;
    /*color: #53a3d3;*/
    font-weight: normal;
}

.clsMediumHeading {
    text-align: left;
    white-space: nowrap;
    color: #53a3d3;
    /*font-weight: bold;*/
    font-size: medium;
}

.clsRightCell {
    min-height: 21px;
    white-space: nowrap;
    font-size: medium;
    color: #26619c;
    font-weight: normal;
    text-align: right;
}

.clsPage1Tab {
    background-color: #26619c;
    border-style: none;
    border-width: 0px;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    width: 120px;
    height: 35px;
    background-image: url('../Images/System/ButtonPage1.png');
    -webkit-border-radius: 0;
    border-radius: 0;
}

.clsPage2Tab {
    background-color: #ff8400;
    border-style: none;
    border-width: 0px;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    width: 120px;
    height: 35px;
    background-image: url('../Images/System/ButtonPage2.png');
    -webkit-border-radius: 0;
    border-radius: 0;
}

.clsPage2TabLong {
    background-color: #ff8400;
    border-style: none;
    border-width: 0px;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    width: 165px;
    height: 35px;
    background-image: url('../Images/System/ButtonPage2.png');
    -webkit-border-radius: 0;
    border-radius: 0;
}

.clsPage3Tab {
    background-color: #a6a6a6;
    border-style: none;
    border-width: 0px;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    width: 120px;
    height: 35px;
    background-image: url('../Images/System/ButtonPage3.png');
    -webkit-border-radius: 0;
    border-radius: 0;
}

.clsPage4Tab {
    background-color: #c0c0c0;
    border-style: none;
    border-width: 0px;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    width: 120px;
    height: 35px;
    background-image: url('../Images/System/ButtonPage4.png');
    -webkit-border-radius: 0;
    border-radius: 0;
}

.clsNewRow {
    border: 1px solid #bcbcbc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    background-color: #eaf7de;
    color: #595959;
}

.clsButtonEmail1 {
    border-style: none;
    border-width: 0px;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: transparent;
    width: 21px;
    height: 20px;
    background-image: url('../Images/System/ButtonEmail1.png');
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .clsButtonEmail1:hover {
        background-image: url('../Images/System/ButtonEmail1Hover.png');
    }

    .clsButtonEmail1:active {
        background-image: url('../Images/System/ButtonEmail1.png');
    }

.clsTitle {
    font-size: medium;
    text-align: left;
    white-space: nowrap;
    color: #53a3d3;
}

.clsMediumHeading {
    font-size: large;
    text-align: left;
    white-space: nowrap;
    color: #ff8400;
}

.clsCellUnderline {
    border-bottom-width: 4px;
    border-bottom-color: #56af31;
    border-bottom-style: solid;
}

.clsCard {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.clsRadius2 {
    border-radius: 200px;
    -moz-border-radius: 200px;
}

.clsRadius {
    border-radius: 1px;
    -moz-border-radius: 1px;
}

.clsChart {
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: #595959;
}

.clsButtonPrint1 {
    border-style: none;
    border-width: 0px;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    width: 26px;
    height: 30px;
    background-image: url('../Images/System/ButtonPrint1.png');
    border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: transparent;
}

    .clsButtonPrint1:hover {
        background-image: url('../Images/System/ButtonPrint2.png');
    }

    .clsButtonPrint1:active {
        background-image: url('../Images/System/ButtonPrint1.png');
    }

.clsMapTab {
    background-color: #56af31;
    border-style: none;
    border-width: 0px;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    width: 120px;
    height: 35px;
    float: right;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/*.clsButtonPrint21 {
	border-style: none;
	border-width: 0px;
	font-size: medium;
	font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
	color: #595959;
	width: 20px;
	height: 20px;
	background-image: url('../Images/System/ButtonPrint1.png');
	-webkit-border-radius: 0;
	border-radius: 0;
}

	.clsButtonPrint21:hover {
		background-image: url('../Images/System/ButtonPrint2.png');
	}

	.clsButtonPrint21:active {
		background-image: url('../Images/System/ButtonPrint1.png');
	}*/

.clsPadChart {
    padding-left: 0px;
    padding-right: 0px;
}

.clsLeftDiagonal {
    width: 31px;
    height: 31px;
    background: -webkit-linear-gradient(45deg, white 50%, #727270 50%);
    background: linear-gradient(45deg, white 50%, #727270 50%);
}

.clsRightDiagonal {
    width: 31px;
    height: 31px;
    background: -webkit-linear-gradient(-45deg, white 50%, #727270 50%);
    background: linear-gradient(-45deg, white 50%, #727270 50%);
}

.clsLabelMessage {
    font-weight: bold;
}

.clsBigMessage {
    font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
    font-size: x-large;
    color: #56af31;
}

.clsBigLeftMessage {
    padding: 21px 0px 0px 0px;
    font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
    font-size: x-large;
    color: #56af31;
}

.clsPlainMessage {
    font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
    font-size: x-large;
}

.clsWideButton {
    border: 1px solid #bcbcbc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: #595959;
    background-color: #e7e9e9;
    width: 230px;
    height: 35px;
}

    .clsWideButton:hover {
        background-color: #53a3d3;
        color: White;
    }

.clsMultilineControl {
    border: 1px solid #bcbcbc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    background-color: #f2f2f2;
    color: #595959;
    vertical-align: middle;
}

.clsButtonNewline {
    border-style: none;
    border-width: 0px;
    color: white;
    width: 20px;
    height: 20px;
    background-image: url('../Images/System/Newline.png');
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .clsButtonNewline:hover {
        background-image: url('../Images/System/NewlineHover.png');
    }

    .clsButtonNewline:active {
        background-image: url('../Images/System/Newline.png');
    }

.clsButtonDelline {
    border-style: none;
    border-width: 0px;
    color: white;
    width: 20px;
    height: 20px;
    background-color: transparent;
    background-image: url('../Images/System/Delline.png');
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .clsButtonDelline:hover {
        background-image: url('../Images/System/DellineHover.png');
    }

    .clsButtonDelline:active {
        background-image: url('../Images/System/Delline.png');
    }

.clsButtonUp {
    border-style: none;
    border-width: 0px;
    color: white;
    width: 20px;
    height: 20px;
    background-image: url('../Images/System/UpLine.png');
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .clsButtonUp:hover {
        background-image: url('../Images/System/UpLineHover.png');
    }

    .clsButtonUp:active {
        background-image: url('../Images/System/UpLine.png');
    }

.clsButtonDown {
    border-style: none;
    border-width: 0px;
    color: white;
    width: 20px;
    height: 20px;
    background-image: url('../Images/System/DownLine.png');
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .clsButtonDown:hover {
        background-image: url('../Images/System/DownLineHover.png');
    }

    .clsButtonDown:active {
        background-image: url('../Images/System/DownLine.png');
    }

e {
    height: 21px;
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
    white-space: nowrap;
}

.clsButtonBar {
    background-color: #e9e9e9;
    border: 1px solid #bcbcbc;
    border-collapse: separate;
    border-radius: 4px;
    -moz-border-radius: 4px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.clsButtonBar {
    background-color: #efefef;
    border: 1px solid #bcbcbc;
    border-collapse: separate;
    border-radius: 4px;
    -moz-border-radius: 4px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.clsChat {
    border: 2px solid #cccccc;
    border-collapse: separate;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

.clsPermitTable {
    border: 1px solid #bcbcbc;
    border-collapse: separate;
    border-radius: 4px;
    -moz-border-radius: 4px;
    float: right;
    margin-top: 5px;
}

.clsSearchBar {
    border: 1px solid #bcbcbc;
    border-collapse: separate;
    background: #f6f6f6;
    border-radius: 4px;
    -moz-border-radius: 4px;
    float: right;
    margin-top: 5px;
}

.clsLeftSearchBar {
    border: 1px solid #bcbcbc;
    border-collapse: separate;
    background: #f6f6f6;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 5px;
}

.clsSearchCell {
    /*background-color: #e9e9e9;*/
}

.clsSettingBar {
    border: 4px solid #cccccc;
}

.clsSettingCell {
    background-color: #e5e5e5;
}

/*.clsTableHeaderCell {
    text-decoration: none;
    font-size: medium;
    color: #53a3d3;
    font-weight: normal;
    vertical-align: bottom;
    border-bottom-width: 1px;
    border-bottom-color: #595959;
    border-bottom-style: solid;
}*/

.clLinkButton {
    text-decoration: none;
    font-size: medium;
    color: #53a3d3;
    font-weight: bold;
    vertical-align: bottom;
}

.clsMainTableHeaderCell {
    color: #595959;
    text-decoration: none;
    font-size: medium;
    font-weight: normal;
    vertical-align: bottom;
}

.clsReportTopHeaderCell {
    color: #595959;
    text-decoration: none;
    font-size: medium;
    font-weight: normal;
    vertical-align: bottom;
    text-align: left;
}

.clsReportHeaderCell {
    color: #595959;
    font-size: medium;
    font-weight: normal;
    vertical-align: bottom;
}

.clsReportCell {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #cccccc;
    min-height: 22px;
    font-size: medium;
    text-align: left;
    vertical-align: top;
}

.clsQEM {
    /*padding-left: 20px;*/
}

.clsPlainSortButton {
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    text-decoration: none;
    white-space: nowrap;
    color: #56af31;
}

.clsPlainSortButtonCentered {
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    text-decoration: none;
    white-space: nowrap;
    color: #56af31;
    text-align: center;
}

.clsSearchBlue {
}

.clsInlineTable {
    background-color: White;
    border: 4px solid #cccccc;
}

/*.clsDropdown {
    border: 1px solid #bcbcbc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: #595959;
    vertical-align: middle;
*/ }

.clsButtonTick {
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    color: white;
    width: 60px;
    height: 60px;
    background-image: url('../Images/System/FATick.png');
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #e7e9e9;
    background-repeat: no-repeat;
    background-position: center;
}

    .clsButtonTick:hover {
        background-color: #78bcff;
        background-image: url('../Images/System/FATickHover.png');
        color: white;
    }

    .clsButtonTick:active {
        background-image: url('../Images/System/FATick.png');
    }

.clsButtonTickSelected {
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    color: white;
    width: 60px;
    height: 60px;
    background-image: url('../Images/System/FATickSelected.png');
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #56af31;
    background-repeat: no-repeat;
    background-position: center;
}

.clsButtonCross {
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    color: white;
    width: 60px;
    height: 60px;
    background-image: url('../Images/System/FACross.png');
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #e7e9e9;
    background-repeat: no-repeat;
    background-position: center;
}

    .clsButtonCross:hover {
        background-color: #78bcff;
        background-image: url('../Images/System/FACrossHover.png');
        color: white;
    }

    .clsButtonCross:active {
        background-image: url('../Images/System/FACross.png');
    }

.clsButtonCrossSelected {
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    color: white;
    width: 60px;
    height: 60px;
    background-image: url('../Images/System/FACrossSelected.png');
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #d43b2d;
    background-repeat: no-repeat;
    background-position: center;
}

.clsButtonO {
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    color: white;
    width: 60px;
    height: 60px;
    background-image: url('../Images/System/FAO.png');
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #e7e9e9;
    background-repeat: no-repeat;
    background-position: center;
}

    .clsButtonO:hover {
        background-color: #78bcff;
        background-image: url('../Images/System/FAOHover.png');
        color: white;
    }

    .clsButtonO:active {
        background-image: url('../Images/System/FAO.png');
    }

.clsButtonOSelected {
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    color: white;
    width: 60px;
    height: 60px;
    background-image: url('../Images/System/FAOSelected.png');
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #ff8400;
    background-repeat: no-repeat;
    background-position: center;
}

.clsButtonNA {
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    color: white;
    width: 60px;
    height: 60px;
    background-image: url('../Images/System/FANA.png');
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #e7e9e9;
    background-repeat: no-repeat;
    background-position: center;
}

    .clsButtonNA:hover {
        background-color: #78bcff;
        background-image: url('../Images/System/FANAHover.png');
        color: white;
    }

    .clsButtonNA:active {
        background-image: url('../Images/System/FANA.png');
    }

.clsButtonNASelected {
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    color: white;
    width: 60px;
    height: 60px;
    background-image: url('../Images/System/FANASelected.png');
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #e5e5e5;
    background-repeat: no-repeat;
    background-position: center;
}

.clsButtonStaticTick {
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    color: white;
    width: 60px;
    height: 60px;
    background-image: url('../Images/System/FATick.png');
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #e7e9e9;
    background-repeat: no-repeat;
    background-position: center;
}

.clsButtonStaticTickSelected {
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    color: white;
    width: 60px;
    height: 60px;
    background-image: url('../Images/System/FATickSelected.png');
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #56af31;
    background-repeat: no-repeat;
    background-position: center;
}

.clsButtonStaticCross {
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    color: white;
    width: 60px;
    height: 60px;
    background-image: url('../Images/System/FACross.png');
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #e7e9e9;
    background-repeat: no-repeat;
    background-position: center;
}

.clsButtonStaticCrossSelected {
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    color: white;
    width: 60px;
    height: 60px;
    background-image: url('../Images/System/FACrossSelected.png');
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #d43b2d;
    background-repeat: no-repeat;
    background-position: center;
}

.clsButtonStaticO {
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    color: white;
    width: 60px;
    height: 60px;
    background-image: url('../Images/System/FAO.png');
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #e7e9e9;
    background-repeat: no-repeat;
    background-position: center;
}

.clsButtonStaticOSelected {
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    color: white;
    width: 60px;
    height: 60px;
    background-image: url('../Images/System/FAOSelected.png');
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #ff8400;
    background-repeat: no-repeat;
    background-position: center;
}

.clsButtonStaticNA {
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    color: white;
    width: 60px;
    height: 60px;
    background-image: url('../Images/System/FANA.png');
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #e7e9e9;
    background-repeat: no-repeat;
    background-position: center;
}

.clsButtonStaticNASelected {
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    color: white;
    width: 60px;
    height: 60px;
    background-image: url('../Images/System/FANASelected.png');
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #595959;
    background-repeat: no-repeat;
    background-position: center;
}

.clsGreenButton {
    border: 1px solid #bcbcbc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    background-color: #56af31;
    width: 130px;
    height: 35px;
    /*margin-left: 5px;*/
    border-radius: 1px;
    -moz-border-radius: 1px;
}

    .clsGreenButton:hover {
        background-color: #53a3d3;
    }

    .clsGreenButton:active {
        background-color: #53a3d3;
    }

.clsGreenButton {
    border: 1px solid #bcbcbc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    background-color: #56af31;
    width: 130px;
    height: 35px;
    border-radius: 1px;
    -moz-border-radius: 1px;
}

    .clsGreenButton:hover {
        background-color: #53a3d3;
    }

    .clsGreenButton:active {
        background-color: #53a3d3;
    }

.clsButton {
    border: 1px solid #bcbcbc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    background-color: #288ef1;
    width: 130px;
    height: 35px;
    /*margin-left: 5px;*/
    border-radius: 1px;
    -moz-border-radius: 1px;
}

    .clsButton:hover {
        background-color: #53a3d3;
    }

    .clsButton:active {
        background-color: #53a3d3;
    }

.clsButtonDeleteRow {
    border: 1px solid #bcbcbc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: white;
    background-color: #d43b2d;
    width: 130px;
    height: 35px;
    margin-left: 5px;
}

    .clsButtonDeleteRow:hover {
        background-color: #53a3d3;
        color: White;
    }

.clsDottyBottom {
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
}

.clsGreyBottom {
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
    min-height: 22px;
}

.clsGreyBox {
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #cccccc;
    min-height: 22px;
}

.clsGreyFill {
    background-color: #e5e5e5;
}

.clsNiceMessage {
    font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
    font-size: x-large;
    color: #366fa7;
    text-align: left;
    white-space: nowrap;
}

.c

.clsNowrap {
    white-space: nowrap;
    text-align: right;
    font-weight: 700;
}

595959;
text-align: left;
}

.clsSimple {
    border: 1px solid #bcbcbc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: #595959;
    height: 28px;
    background-color: white;
}

.clsNowrapUnderline {
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
    vertical-align: middle;
    white-space: nowrap;
}

.clsNowrap {
    white-space: nowrap;
}

.clsUnderline {
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
    vertical-align: middle;
}

.clsLeftHeader {
    /*height: 21px;*/
    white-space: nowrap;
    text-align: right;
    /*border-right-width: 1px;
    border-right-color: #bcbcbc;
    border-right-style: solid;*/
    /*font-weight: bold;*/
}

.clsLeftUnderline {
    white-space: nowrap;
    text-align: right;
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
}

.clsTick {
    font-size: medium;
    font-weight: bold;
    color: #56af31;
}

.clsCross {
    font-size: x-large;
    color: #ff8800;
}

.clsBlink {
    animation: blinker 1s linear infinite;
}

.clsAppContentTable {
    padding: 5px;
    min-width: 950px;
    text-align: left;
}

.clsTabContent {
    border: 1px solid #bcbcbc;
    border-collapse: separate;
    border-radius: 2px;
    /*border: 4px solid #cccccc;
    width: 100%;
    vertical-align: top;*/
    color: #595959;
    min-width: 800px;
}

.clsInactiveTab {
    border-style: none;
    border-width: 0px;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: #727270;
    width: 150px;
    height: 35px;
    background-color: #e7e9e9;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .clsInactiveTab:hover {
        background-color: #53a3d3;
        color: White;
    }

.clsInactiveTab2 {
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 0;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: #595959;
    background-color: #f6f6f6;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 35px;
}

    .clsInactiveTab2:hover {
        background-color: #e9e9e9;
    }

    .clsInactiveTab2:active {
        background-color: #e9e9e9;
    }

.clsInactiveTab3 {
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 0;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: #595959;
    background-color: #e5e5e5;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 35px;
}

    .clsInactiveTab3:hover {
        background-color: #ff8400;
    }

.clsInactiveTab2:active {
    background-color: #e9e9e9;
}

.clsActiveTab {
    border-style: none;
    border-width: 0px;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    width: 150px;
    height: 35px;
    background-color: #cccccc;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.clsActiveTab2 {
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 0;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    background-color: #53a3d3;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 35px;
    /*margin-top: 5px;
    margin-left: 5px;*/
}

.clsMarginTop {
    margin-top: 10px;
}

.clsPadLeft {
    padding-right: 10px;
}

.clsPad {
    padding: 10px;
}

.clsPadLeft5 {
    padding-left: 5px;
}

.clsPadRight {
    padding-left: 10px;
}

.clsPadRight5 {
    padding-left: 5px;
}

.clsSandfireATWHeader {
    color: white;
    background-color: #2093fc;
    /*font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;*/
    font-size: 18pt;
    text-align: left;
}

.clsMessageBar {
    z-index: 999;
    position: fixed;
    bottom: 0;
    width: 100%;
    /*font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;*/
    font-size: large;
    color: white;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    border-width: 10px 10px 10px 10px;
    border-color: transparent;
    border-style: solid;
}

.clsSandfireATWSubHeader {
    color: white;
    background-color: #4ba9ff;
    text-align: left;
}

.clsisoPlanHeading {
    font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
    font-size: xx-large;
    color: #26619c;
    text-align: left;
    white-space: nowrap;
    font-weight: lighter;
}

.clsWhiteHeading {
    /*font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;*/
    font-size: x-large;
    color: white;
    text-align: left;
    white-space: nowrap;
    font-weight: lighter;
}

.clsHighlightedHeading {
    font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
    font-size: xx-large;
    color: #26619c;
    text-align: left;
    white-space: nowrap;
    font-weight: lighter;
}

.clsPostActivityTable {
    border: 4px solid #cccccc;
    width: 100%;
}

.clsPostActivityTable {
    border: 4px solid #cccccc;
    width: 100%;
}

.clsPostActivityHeader {
    color: white;
    background-color: #595959;
    font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
    font-size: 18pt;
    text-align: left;
}

.clsActivityHeader {
    color: white;
    background-color: #56af31;
    font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
    font-size: 18pt;
    text-align: left;
}

.clsATWTable {
    border: 4px solid #cccccc;
    width: 100%;
}

.clsDisabledHeader {
    color: white;
    background-color: #e5e5e5;
    font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
    font-size: 18pt;
    text-align: left;
}

.clsPaddedTilestyleHeading {
    font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
    font-size: 18pt;
    text-align: left;
    padding-top: 20px;
}

.clsBuilderHeader {
    color: white;
    background-color: #0089d6;
    font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
    font-size: 18pt;
    text-align: left;
}

.clsCommenceWorkHeader {
    color: white;
    background-color: #ff8400;
    font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
    font-size: 18pt;
    text-align: left;
}

.clsHighlightedSubHeading {
    font-size: large;
    color: #53a3d3;
}

.clsMediumBlue {
    font-size: medium;
    color: #53a3d3;
}

.clsMediumBlueRight {
    text-align: right;
    font-size: medium;
    color: #53a3d3;
}

.clsMediumHighlightedHeading {
    font-size: medium;
    color: #26619c;
    text-align: left;
    white-space: nowrap;
}

.clsOrangeControl {
    color: #ff8400;
}

.clsSectionEnd {
    text-align: right;
    padding-top: 10px;
}

.clsRight {
    float: right;
    white-space: nowrap;
}

.clsLinkButton {
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    text-decoration: none;
    color: #595959;
}

.clsNewRow {
    border: 1px solid #bcbcbc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    background-color: #eaf7de;
    color: #595959;
    vertical-align: middle;
}

.clsGridHeader {
    font-size: medium;
    color: #26619c;
    vertical-align: bottom;
    font-weight: normal;
}

.clsHighlightedSubHeading {
    font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
    font-size: x-large;
    color: #56af31;
    text-align: left;
    white-space: nowrap;
}

.clsGrayHeading {
    font-family: 'Segoe UI Light', 'Helvetica Neue Light', Helvetica, Arial, Tahoma;
    /*font-size: x-large;*/
    color: #595959;
    text-align: left;
    white-space: nowrap;
}

.clsOrangeHeading {
    font-family: 'Segoe UI Light', 'Helvetica Neue Light', Helvetica, Arial, Tahoma;
    font-size: large;
    color: #ff8400;
    text-align: left;
    white-space: nowrap;
}

.clsConfirmHeading {
    font-family: 'Segoe UI Light', 'Helvetica Neue Light', Helvetica, Arial, Tahoma;
    font-size: x-large;
    color: #56af31;
}

.clsWideGreenButton {
    border: 1px solid #bcbcbc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    background-color: #56af31;
    width: 180px;
    height: 35px;
    border-radius: 1px;
    -moz-border-radius: 1px;
}

    .clsWideGreenButton:hover {
        background-color: #53a3d3;
    }

    .clsWideGreenButton:active {
        background-color: #53a3d3;
    }

.clsUnboundedButton {
    border: 1px solid #bcbcbc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: #595959;
    background-color: #e7e9e9;
    height: 35px;
    border-radius: 1px;
    -moz-border-radius: 1px;
}

    .clsUnboundedButton:hover {
        background-color: #53a3d3;
        color: White;
    }

.clsDropdown {
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    height: 28px;
    padding: 0;
    overflow: hidden;
    border-width: 0;
    outline: none;
    border-radius: 5px;
    background: #e5e5e5;
    color: #595959;
    transition: background-color .3s;
}

    .clsDropdown:hover {
        background-color: #428086;
        color: White;
    }

.clsButton {
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    width: 120px;
    height: 28px;
    padding: 0;
    overflow: hidden;
    border-width: 0;
    outline: none;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
    background-color: #53a3d3;
    color: white;
    transition: background-color .3s;
}

    .clsButton:hover {
        background-color: #428086;
    }

.clsPadBottom {
    margin-bottom: 10px;
}

.clsButton2 {
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    width: 120px;
    height: 28px;
    padding: 0;
    overflow: hidden;
    border-width: 0;
    outline: none;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
    background-color: #53a3d3;
    color: white;
    transition: background-color .3s;
}

    .clsButton2:hover, .clsButton2:focus {
        background-color: #428086;
    }

.clsHighlightButton {
    border: 1px solid #bcbcbc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: #595959;
    background-color: #ff8000;
    color: White;
    width: 130px;
    height: 35px;
    border-radius: 1px;
    -moz-border-radius: 1px;
}

    .clsHighlightButton:hover {
        background-color: #428086;
        color: White;
    }

.clsUpload {
    border: 1px solid #bcbcbc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: #595959;
    height: 35px;
    background-color: White;
}

/*.clsUpload {
    border: 1px solid #bcbcbc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: #595959;
    height: 35px;
    background-color: White;
}*/

.clsOrangeButton {
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: white;
    background-color: #ff8400;
    width: 130px;
    height: 35px;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.clsMenuBar {
    margin-left: auto;
    margin-right: auto;
    background-color: #e9e9e9;
    color: white;
}

.clsWhiteControl {
    color: white;
}

.clsNextButton {
    float: right;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    background-color: #56af31;
    width: 120px;
    height: 21px;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-top: 10px;
}

    .clsNextButton:hover {
        background-color: #ff8400;
        color: white;
    }

.clsBackButton {
    float: right;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: #595959;
    background-color: #e7e9e9;
    width: 120px;
    height: 21px;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-top: 10px;
}

    .clsBackButton:hover {
        background-color: #ff8400;
        color: white;
    }

.clsBuilderButton {
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    background-color: #0089d6;
    width: 130px;
    height: 35px;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-left: 5px;
}

    .clsBuilderButton:hover {
        background-color: #ff8400;
        color: white;
    }

.clsBuilderTableButton {
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    background-color: #0089d6;
    width: 130px;
    height: 35px;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .clsBuilderTableButton:hover {
        color: white;
        background-color: #ff8400;
    }

.clsWhiteHeading {
    font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
    font-size: 18pt;
    color: white;
    white-space: nowrap;
}

.clsBorderLeft {
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #cccccc;
    background-color: #727270;
    color: white;
}

.clsBorderRight {
    background-color: #727270;
    color: white;
    border-right-style: solid;
    border-right-width: 4px;
    border-right-color: #bcbcbc;
}

.clsOrange {
    background-color: #ff8400;
}

.clsOrangeToolbarButton {
    border-style: none;
    border-width: 0px;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    font-size: medium;
    color: white;
    background-color: #ff8400;
    height: 35px;
}

.clsToolbarButton:hover {
    background-color: #53a3d3;
    color: White;
}

.clsToolbarButton {
    border-style: none;
    border-width: 0px;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    font-size: medium;
    color: white;
    background-color: #727270;
    height: 35px;
}

    .clsToolbarButton:hover {
        background-color: #53a3d3;
        color: White;
    }

.clsMenuCell {
    background-color: #727270;
    color: white;
}

.fontpro, .fontpro-21647 {
    font-family: 'agency_fbregular',sans-serif;
}

@font-face {
    font-family: 'agency_fbregular';
    src: url('~/Fonts/4822485673-webfont.eot');
    src: url('~/Fonts/4822485673-webfont.eot?#iefix') format('embedded-opentype'), url('~/Fonts/4822485673-webfont.woff') format('woff'), url('~/Fonts/4822485673-webfont.ttf') format('truetype'), url('~/Fonts/4822485673-webfont.svg#agency_fbregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

input, textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    input[type="checkbox"] {
        -webkit-appearance: none;
        height: 1.1em;
        width: 1.1em;
        cursor: pointer;
        position: relative;
        -webkit-transition: .15s;
        border-radius: 1.1em;
        background-color: white;
        border: 0.0625em solid rgb(192,192,192);
        border-radius: 0.25em;
        background-image: -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
        background-image: -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
        background-image: -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
        background-image: -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
        background-image: linear-gradient(rgb(240,240,240),rgb(224,224,224));
    }

        input[type="checkbox"]:checked {
            background-color: white;
        }

            input[type="checkbox"]:before, input[type="checkbox"]:checked:before {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                line-height: 1.1em;
                text-align: center;
                color: #fff;
                content: '';
            }

            input[type="checkbox"]:checked:before {
                content: '✓';
                color: #000;
                font-size: medium;
                font-weight: bold;
                color: #56af31;
            }

.clsLogoMainLoginContainer {
    text-align: center;
    min-height: 287px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.clsLogoMainLogin {
    max-width: 355px;
    max-height: 390px;
}

.clsLogoNameContainer {
    text-align: center;
    padding-top: 0;
}

.clsLogoName {
    font-size: 26px;
    font-family: sans-serif;
    font-weight: 900;
    color: black;
}