/*Prevent layout shifting if scrollbar appears*/
html {overflow-y: scroll} 

.hidden
{
    position: absolute;
    left: -1500em;
}

.redLightTableFill
{
    width: 100%;
    border: 3px solid #BE0000;
    background-color: #F0F0F0;
}

.lightTableFill
{
    outline: #F0F0F0 solid 1px;
    border: 0px solid #BE0000;
    background-color: #F0F0F0;
    height: 15px;
}

.lightTableFillNarrow
{
    /* outline: #F0F0F0 solid 10px; border: 0px solid #F0F0F0;/*/
    border: 0;
    background-color: #F0F0F0;
    height: 25px;         
}

.bottomTableFill
{
    width: 100%;
    border: 0px solid #BE0000;
    background-color: #F0F0F0;
    height: 20px;
}

.bottomTableFillLight
{
    width: 100%;
    border: 0px solid #BE0000;
    height: 20px;
}

.darkTableFill
{
    width: 100%;
    border: 0px solid #BE0000;
    background-color: #E0E0E0;
}

.saveSuccess
{
    font-style: italic;
    font-weight: bold;
    font-size: medium;
}

.Money_eg
{
    font-size: 8pt;
}


.ErrorText
{
    color: Red;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.gMandField
{
    background-color: Red;
    /*
    background-image: url(../Images/mandredstar.jpg);
    height:50px;
    width: 50px;
    */
}

.gUpperMandField
{
    background-color: #f7f7db;
    text-transform: uppercase;
}

.gErrorTextBox
{
    color: Red;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    overflow: auto;
    border: 0px;
    background-color: #EDEDED;
    resize: none;
}

.pwordBarBorder
{
    border: solid 1px red;
    width: 200px;
    height: 20px;
}

.pwordBarInternalRed
{
    background: red;
}

.pwordInternalYellow
{
    background: yellow;
}

.pwordBarInternalGreen
{
    background: green;
}

.pwordText
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
}




.gButtonAuto
{
    color: Black;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    height: 25px;
}

.gButtonStandard
{
    color: Black;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
     width: 100px;
   height: 25px;

    }

.gControlDisabled
{
    color: black;
    background-color: silver;
}

.gChkRadDisabled
{
       color: #a5a5a5;
}


.gButtonWide
{
    color: Black;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    width: 200px;
    height: 25px;
}


.gLoginView
{
    text-align: center;
    color: White;
    font-size: 12px;
    font-weight: normal;
}

.gUserTop
{
    padding-top: 10px;
    color: White;
}

.gHeading1
{
    font-weight: bold;
    font-size: 20pt;
    color: #BE0000;
}

.gHeading2
{
    font-weight: bold;
    font-size: 12pt;
    background-color: #BE0000;
    color: White;
    height: 25px;
}

.gHeading3
{
    font-weight: bold;
    font-size: 12pt;
    color: #BE0000;
}

.gHeading4
{
    font-weight: bold;
    font-size: 10pt;
    color: Black;
}

.gHeading5
{
    font-size: smaller;
    color: Black;
}

.gTextUpper
{
    text-transform: uppercase;
}

.gTextNotEnabled
{
    text-transform: uppercase;
    background-color: #EDEDED;
}

.gTextUpperNotEnabled
{
    text-transform: uppercase;
    background-color: #EDEDED;
}

.gPersHeadMenu
{
    /*    height: 12px;*/
    background-color: #EDEDED;
}

.gServHeadMenu
{
    height: 12px;
    width: 300px;
}

.gPersHeadMenuItem
{
    font-size: 12px;
    width: 100px;
}

.sectionHeading
{
    /*background-color: #F0F0F0;*/
    font-weight: bold;
    font-size: 9pt;
    height: 30px;
    border-bottom: 1px solid #C5C5C5;
    text-align: center;
}

.sectionSelected
{
    background-color: #C5C5C5;
    font-weight: bold;
}

.tailorQuestions
{
    text-align: left;
    font-size: 12px;
    color: Black;
    text-decoration: none;
}


.gSectionStatusA
{
    border-color: #C0C0C0;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    width: 100%;
    text-align: left;
    background-color: #C5C5C5;
    text-decoration: none;
}

.SectionStatusB
{
    border-color: #C0C0C0;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    width: 100%;
    text-align: center;
    background-color: #EDEDED;
    text-decoration: none;
}

.gPersonalise
{
    border-color: #C0C0C0;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    width: 100%;
    text-align: center;
    background-color: #EDEDED;
    text-decoration: none;
    font-size: 15px;
}


.ReturnSubHeading1
{
    font-weight: bold;
    font-size: 12pt;
    color: #BE0000;
}

.ReturnSubHeading2
{
    font-weight: normal;
    font-size: 10pt;
    color: Black;
}

.gDynTablNormal
{
    font-weight: normal;
    font-size: 10pt;
    color: Black;
}

.gDynTablSmall
{
    font-weight: normal;
    font-size: 8pt;
    color: Black;
}

.gHeader
{
    background-color: #C4C4C4;
    text-align: left;
    color: #333353;
    font-weight: bold;
    padding: 10px 10px 10px 10px;
}

.gTextPlain
{
    color: black;
    font-weight: normal;
}

.gTailorTable
{
    background-color: #EDEDED;
    border-width: 10px;
}

.gBoxTable
{
    background-color: #EDEDED;
    padding: 10px 10px 10px 10px;
    width: 100%;
}

.gBoxSideStrip
{
    background-color: #EDEDED;
    width: 100%;
}

.returnPanel
{
    border: 0px solid #BE0000;
    background-color: #EDEDED;
}

.gBoxHeaderStrip
{
    background-color: #C4C4C4;
    text-align: left;
    color: #333353;
    padding: 10px 10px 10px 10px;
    height: 15px;
}

.gBoxPRLabel
{
    /*    color:#BE0000;    */ /*  font-weight: bold;*/
    color: Black;
    font-weight: bold;
    padding: 10px 10px 10px 10px;
}


.gBoxTitle
{
    color: #BE0000;
    font-weight: bold;
}

.gTableFill1
{
    background-color: #C4C4C4;
    color: #333353;
    font-weight: bold;
}

.gDynTablePanel
{
    border-width: 1px;
    border-style: solid;
    border-color: #C4C4C4; /* red #BE0000; */
}

.gH1
{
   background-color: #B80006;
   color:#FFFFFF; 
   font-weight: bold; 
   font-size: 1.5em; 
   line-height: 30px;
}

.gAttachBtn
{
   background-image:url(../Images/Text-Columns.png);
   border-image-width:10px;   
}

.gButtonCentreText
{
    text-align:left;
}

.FormDetails
{
    width: 100%;
}

#mainContent #column_left #left-navigator li a.aspNetDisabled
{
	color:white;
    text-decoration:none;
}

input[type="submit"].aspNetDisabled {
    color: #a5a5a5;
}

.siteLink {color:#000;}
.invalid {background-color:#FF9899;}


input[type="submit"].aspNetDisabled, input[type="button"].aspNetDisabled, .btn.disabled, .btn[disabled] {
    color: #a5a5a5 !important;
    opacity: .65;
    cursor: not-allowed;
    pointer-events: all !important;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.42;
    border-radius: 15px;
}

.btn-jersey {
    color: #fff !important;
    background-color: #B60011;
    border-color: #B60011;
}

    .btn-jersey:hover,
    .btn-jersey:focus,
    .btn-jersey:active,
    .btn-jersey.active {
        background-color: #9d000f;
        border-color: #83000c;
    }

    .btn-jersey.disabled,
    .btn-jersey.disabled,
    .btn-jersey.disabled:hover,
    .btn-jersey.disabled:focus,
    .btn-jersey.disabled:active,
    .btn-jersey.disabled.active,
    .btn-jersey[disabled]:hover,
    .btn-jersey[disabled]:focus,
    .btn-jersey[disabled]:active,
    .btn-jersey[disabled].active,
    fieldset[disabled] .btn-jersey:hover,
    fieldset[disabled] .btn-jersey:focus,
    fieldset[disabled] .btn-jersey:active,
    fieldset[disabled] .btn-jersey.active {
        background-color: #CF5964;
        border-color: #B60011;
    }


.btn:focus {
    outline: none;
}




a.btn-jersey, a.btn-success {
    color: #fff !important;
    text-decoration: none !important
}

.tableCer > tbody > tr > th, .tableCer > tbody > tr > td {padding: 5px !important}
.tableCer > tbody > tr > th {background-color:#B60011;color:#fff;text-align:left}
.tableCer {border-spacing: 0;border-collapse: collapse;}
.tableCer label {font-weight:normal !important; padding-right:5px}

.tableCer-striped > tbody > tr:nth-child(even of :not(.hidden)) {background-color: #f2f2f2;}

table#id > tbody > tr > td

label {
    font-weight: normal !important
}


.stepwizard {height:75px}
.stepwizard-step {
    text-align: center
}

.JE-infobox {
    border-left: 10px solid #f00;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #ffcccb
}

.JE-infobox .fa-exclamation-triangle {
    color: red
}

.upload-area {
    border-radius: 25px;
    border: 2px dashed #b60011;
    padding: 50px;
    max-width: 500px
}

.wizard-area {
    border: 1px solid #c0c0c0;
    min-height: 300px;
    padding: 10px
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 2;
    color: #fff !important;
    cursor: default;
    background-color: #b60011;
    border-color: #b60011;
}

.btn, .form-control, .input-group-addon {font-size:100% !important}


.tableCer th a {color:white !important}


.pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination-ys table {
        float: right;
    }


        .pagination-ys table > tbody > tr > td {
            display: inline;
        }

            .pagination-ys table > tbody > tr > td > a,
            .pagination-ys table > tbody > tr > td > span {
                position: relative;
                float: left;
                padding: 8px 12px;
                line-height: 1.42857143;
                text-decoration: none;
                color: #dd4814;
                background-color: #ffffff;
                border: 1px solid #dddddd;
                margin-left: -1px;
            }

            .pagination-ys table > tbody > tr > td > span {
                position: relative;
                float: left;
                padding: 8px 12px;
                line-height: 1.42857143;
                text-decoration: none;
                margin-left: -1px;
                z-index: 2;
                color: #aea79f;
                background-color: #f5f5f5;
                border-color: #dddddd;
                cursor: default;
            }

            .pagination-ys table > tbody > tr > td:first-child > a,
            .pagination-ys table > tbody > tr > td:first-child > span {
                margin-left: 0;
                border-bottom-left-radius: 4px;
                border-top-left-radius: 4px;
            }

            .pagination-ys table > tbody > tr > td:last-child > a,
            .pagination-ys table > tbody > tr > td:last-child > span {
                border-bottom-right-radius: 4px;
                border-top-right-radius: 4px;
            }

            .pagination-ys table > tbody > tr > td > a:hover,
            .pagination-ys table > tbody > tr > td > span:hover,
            .pagination-ys table > tbody > tr > td > a:focus,
            .pagination-ys table > tbody > tr > td > span:focus {
                color: #97310e;
                background-color: #eeeeee;
                border-color: #dddddd;
            }
.text-right {text-align:right !important}


.overlay {
    display: none;
    opacity: 0.6;
    background: white;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0;
    left: 0;
    position: fixed;
    cursor: wait;
}

.loader08 {
    -webkit-animation: loader08 1.2s infinite ease-in-out;
    animation: loader08 1.2s infinite ease-in-out;
    height: 20px;
    margin: -46px auto 0;
    position: relative;
    top: 50%;
    width: 20px;
}

@-webkit-keyframes loader08 {
    0%, 100% {box-shadow: -13px 20px 0 #0052ec, 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2);}
    25% {box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 #0052ec, 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2);}
    50% {box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 #0052ec, -13px 46px 0 rgba(0, 82, 236, 0.2);}
    75% {box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 #0052ec;}
}

@keyframes loader08 {
    0%, 100% {box-shadow: -13px 20px 0 #0052ec, 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2);}
    25% {box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 #0052ec, 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2);}
    50% {box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 #0052ec, -13px 46px 0 rgba(0, 82, 236, 0.2);}
    75% {box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 #0052ec;}
}



.notification-box {
    position: relative;
    margin-bottom: 10px;
    border-radius: 3px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: 10px 11px;
    border: 1px solid;
    color: #444;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px rgba(255,255,255,0.4) inset;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px rgba(255,255,255,0.4) inset;
}

a.notification-close {
    position: absolute;
    right: 5px;
    top: 5px;
    color: #666 !important;
    text-decoration: none !important;
    font-weight: bold;
/*    font-size: 14px;
*/    padding: 5px;
    line-height: normal;
}

.notification-box p {
    margin-bottom: 0;
    margin-top: 20px;
}

.notification-box > p:first-child {
    margin: 0;
}

.notification-box-success {
    background-color: #d2f7ad;
    /*background-image: url(/images/tick.png);*/
    border-color: #aedb2e;
}

.notification-box-error {
    background-color: #FF7878;
    /*background-image: url(/images/delete.png);*/
    border-color: #fad9d7;
}

.notification-box-info {
    background-color: #cfe6fc;
    /*background-image: url(/images/info.png);*/
    border-color: #a4c8f5;
}

.notification-box-update {
    background-color: yellow;
    border-color: #cccc00;
    margin: 10px 10px 0 10px
}


.stepwizard a {
    color: #fff !important;
}

.modal-header {
    background-color: #b80006;
}

.modal-title {
    color: #fff !important;
    font-weight: bold;
/*    font-size: 14px;
*/}

.modal-body *, .modal-footer * {
/*    font-size: 12px;
*/}

.modal-body {
    position: relative;
    padding: 10px;
}

.modal-footer {
    padding: 10px;
}

body.modal-open {
    overflow: auto;
}

body.modal-open[style] {
    padding-right: 0px !important;
}

.text-auto {width:1px; white-space:nowrap}

.gHeader{margin-bottom:5px}
legend {
    display: block;
    width: auto;
    padding: 0 5px;
    margin-bottom: 0;
    font-size: inherit;
    line-height: inherit;
    border: auto;
    border-bottom: none;
}

fieldset {
    border: 2px groove threedface;
    padding: 5px;
}

table:not(.table) td, th {
    padding: 2px;
}

/*.table2 td, th {
    padding: 2px !important;
}
*/
label {font-weight:normal}

input[type=checkbox], input[type=radio] {
    margin: 0 10px 0 0;
    line-height: normal;
}

#footercopyright {font-size:12px}

* {font-size: 13px}
h1 > span {font-size: 20px}
.h3  {font-size: 13px}

#bodycontent h3  {font-size: 14px}


.dtooltip span, .dtooltip img {
    vertical-align: middle
}

.tooltip a {
    color: #fff !important;
}

.tooltip-inner {
    max-width: 300px !important;
    text-align: left !important;
}

input[type=text], input[type=password], textarea {
    outline: none;
}