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

.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
    width: 100%;
    display: block;
}

.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;
}

.SuccessText {
    color: #28a745;
    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: 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, input[type="button"].aspNetDisabled, a.aspNetDisabled, .btn.disabled, .btn[disabled] {
    color: #a5a5a5 !important;
    opacity: .65;
  cursor: not-allowed;
  pointer-events: all !important;
}

.siteLink {
    color: #000;
}

.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
    width: 100%;
    display: block;
}

h1 span {
    font-size: 18px;
}

.spnChkAll, .spnChkRegOpt {
    line-height: 23px;
    
}

.gUserTop {float:right}

.testPortal {
    font-size: 24px;
    text-align: center;
    width: 120px;
}

.grdCheck input[type="radio"] {margin:0}
.grdCheck {padding-left:2px !important}



.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;
}

.jertable {width:100%}
.jertable td{padding:4px}
.jertable td label{font-weight:normal;margin:0 0 0 5px;}


.login {
    display: inline-block;
    border: 2px groove threedface;
    padding: 5px;
}


legend {
    float: inherit;
    width: auto;
    padding: 5px;
    margin: 3px;
}

span.bootlabel label {margin-left:5px;font-weight:normal}

.grdCheck input {display:inline}



a.btn {
    color: #000 !important;
    text-decoration:none !important;
}

.btn-jersey {
    background-color: #e1e1e1 !important;
    border-color: #adadad !important;
    padding: 4px 10px !important;
    border-radius: 0 !important;
    font-size: 12px !important;
    vertical-align: top;
    margin-top: 1px;
    min-width:100px;
}

.tooltip-inner {max-width: 500px !important}

.chkCheckbox label {font-weight:normal !important; margin-left:5px}
.uploadreturn {display:inline !important}
.formRequired {font-weight:bold;color:#f00}

.returns {
    border: 1px solid #c0c0c0;
    width: 100%;
}

.returns th, .returnsdiv {
    background-color: #B30003 !important;
    color: #fff;
    padding: 5px;
    border-color: #B30003;
    font-weight: bold;
    height:28px;
}

.returns td {
    padding: 5px;
}

.tblTextBoxes td {height:30px}
.regp {padding:0;margin-bottom:5px !important}
span.chkNoWrap input[type="checkbox"] {position: absolute;}
span.chkNoWrap input[type="checkbox"] ~ label {padding-left:1.4em;display:inline-block;}

.modal-title {color:#fff !important;font-weight:bold}

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

.modal-header .close {
    color: #fff;
    opacity: 0.7;
}

.trHighlightRow {
    background-color: #ddf6dd !important;
}

body.modal-open {
    overflow: auto;
}

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


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

.modal-header h2 {
    color: #fff !important;
    padding: 0 !important;
    margin: 0 !important;
}

.table-je {
    border: 1px solid #c0c0c0;
    width: 100%;
}

.table-je th, .returnsdiv {
    background-color: #b60011 !important;
    border-color: #b60011;
    color: #fff;
    font-weight: bold;
    height: 28px;
    padding: 5px;
}

.table-je td {
    padding: 5px;
}

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

.BulkUploadContent {min-height:250px;}

.overlay {
    display: none;
    opacity: 0.6;
    background: white;
    width: 100%;
    height: 100%;
    z-index: 1080;
    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;}
}



.login td {
    padding: 5px;
}

.login label {
    display: inline;
}

div {outline:none !important}

input, textarea {
    outline: none;
    border: 1px solid #c0c0c0;
}
/*
button:active, button:focus, input:focus, textarea:focus {outline:none !important;border: 1px solid #909090;}
*/


.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
}


#google_translate_element {
    float: right;
    background-color: #eea29a;
    padding: 5px;
    margin: 10px;
}


.alert-info {
    background-color: #cfe6fc;
    border-color: #a4c8f5;
}

.alert-success {
    background-color: #d2f7ad;
    border-color: #aedb2e;
}

.alert-warning {
    background-color: #fae7a2;
    border-color: #f5c558;
}

.alert-error {
    background-color: #FF7878;
    border-color: #fad9d7;
}

.alert {
    padding: 0.5rem 0.5rem;
}

.mr-10 {margin-right:10px}



.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;
    }



.btn-aeoi {
    background-color: #e1e1e1;
    /*    background-color: #f00;*/
    border-color: #adadad !important;
    padding: 2px 10px !important;
    border-radius: 0 !important;
    font-size: 12px !important;
    vertical-align: top;
    margin-top: 0;
    min-width: 100px;
    color: #000 !important;
}

.btn-aeoi2 {
    background-color: #B60011;
    border-color: #80000c;
    color: #fff;
    white-space: nowrap;
}


button.btn-aeoi2:hover, input[type="submit"].btn-aeoi2:hover {
    color: #fff !important;
}



.alert-info {
    background-color: #cfe6fc !important;
    border-color: #a4c8f5 !important;
}

.alert-success {
    background-color: #d2f7ad !important;
    border-color: #aedb2e !important;
}

.alert-warning {
    background-color: #fae7a2 !important;
    border-color: #f5c558 !important;
}

.alert-error {
    background-color: #FF7878 !important;
    border-color: #fad9d7 !important;
}

.alert {
    padding: 0.5rem 0.5rem;
}

.modal-header {
    padding: 0.9em 0.9em
}

    .modal-header h5 {
        font-size: 1.33em
    }

    .modal-header .btn-close {
        color: #fff;
        opacity: 0.7;
    }

a.btn {
    text-decoration: none !important;
}


.text-right {
    text-align: right;
}

h3.aeoiHeading, .aeoiHeading span {
    color: #cc0000 !important;
    font-size: 1.1em !important;
    font-weight: bold;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tr > th .returnsdiv {
    background-color: #B60011 !important;
    color: #fff;
    padding: 5px;
    border-color: #B60011;
    font-weight: bold;
    height: 28px;
    vertical-align: middle;
}


    .table > thead > tr > th > a, .table > tbody > tr > th > a, .table > tr > th > a .returnsdiv {
        color: #fff !important
    }

input, textarea, select, button {
    outline: none;
    border: 1px solid #c0c0c0 !important;
}