/*  Dark color #004a8c
    Light color #f0f8ff
    Hover Color #0077e1


    REPEATER Hover Color #e0f1ff
    REPEATER ALTER Color #f0f8ff;

*/

@import url('site.css');
@font-face {
    font-family: 'titillium-regular';
    src: url('../fonts/titillium-regular-webfont.eot');
    src: url('../fonts/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/titillium-regular-webfont.woff') format('woff'), url('../fonts/titillium-regular-webfont.ttf') format('truetype'), url('../fonts/titillium-regular-webfont.svg#webfont') format('svg');
}

html {}

body {
    background: url('../images/default.gif') no-repeat fixed 50%;
    background-size: 100% 100%;
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    font-size: 12px;
    font-family: Helvetica;
    margin: 0px;
    padding: 0px;
    color: Black;
}

.mainHeader {
    border: 0px solid red;
    display: block;
    height: auto;
    position: fixed;
    background-color: #f0f8ff;
    color: white;
    z-index: 1;
}

.mainHeader table {
    width: 100%;
    margin: -2px -3px 3px 0px;
    padding: 0px;
}

.mainHeader table td {
    white-space: nowrap;
}

.brand-logo {
    padding: 3px 20px 3px 5px;
    display: inline-block;
    width: auto;
}

.menu {
    background-color: #004a8c;
    float: left;
    min-width: 100px;
}

.menu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
    z-index: 1010;
    display: inline-block;
    white-space: nowrap;
}

.menu>ul>li {
    display: inline-block;
    list-style: none;
}

.menu ul li ul {
    display: none;
}

.menu ul li a,
.menu ul li a:visited {
    background-color: #004a8c;
    color: #f0f8ff;
    border: 1px solid #f0f8ff;
    display: block;
    text-decoration: none;
    white-space: nowrap;
    padding: 5px 20px;
}

.menu ul li a:hover {
    background-color: #0077e1;
}

.mainFooter {
    width: 100%;
    background-color: #004a8c;
    height: 10px;
    color: black;
    font-size: 11px;
    font-weight: bold;
    font-variant: small-caps;
    bottom: 0px;
    left: 0px;
    position: fixed;
    padding: 0px 5px;
    margin: 0px;
}

.mainFooter label {
    float: left;
    min-width: 50px;
}

.mainFooter label:hover {
    font-size: 13px;
}


/*ANIMATION RELATED CSS*/

@keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 100% 0;
    }
}

@keyframes blinker {
    50% {
        color: black;
    }
}

@keyframes reqBlinker {
    50% {
        background-color: #d8d8fb;
    }
}

.bgButtonBlink {
    animation: blinkerBB steps(1) 1s infinite;
    font-weight: bold;
}

@keyframes blinkerBB {
    0% {
        background-color: #004a8c;
    }
    50% {
        background-color: green;
    }
    100% {
        background-color: #004a8c;
    }
}

.bgRedBlink {
    color: white !important;
    padding: 2px 10px;
    margin: 20px 0px;
    text-decoration: none;
    border-radius: 3px;
    animation: blinkerR steps(1) 1s infinite;
}

@keyframes blinkerR {
    0% {
        background-color: red;
    }
    50% {
        background-color: darkred;
    }
    100% {
        background-color: red;
    }
}

.bgOrangeBlink {
    color: white !important;
    padding: 2px 28px;
    margin: 20px 0px;
    text-decoration: none;
    border-radius: 3px;
    animation: blinkerO steps(1) 1s infinite;
}

@keyframes blinkerO {
    0% {
        background-color: orangered;
    }
    50% {
        background-color: orange;
    }
    100% {
        background-color: orangered;
    }
}

.bgGreenBlink {
    color: white !important;
    padding: 2px 28px;
    margin: 20px 0px;
    text-decoration: none;
    border-radius: 3px;
    animation: blinkerG steps(1) 1s infinite;
}

@keyframes blinkerG {
    0% {
        background-color: green;
    }
    50% {
        background-color: yellowgreen;
    }
    100% {
        background-color: green;
    }
}

.bgLightBlueBlink {
    padding: 2px 28px;
    margin: 20px 0px;
    text-decoration: none;
    border-radius: 3px;
    animation: blinkerLB steps(1) 1s infinite;
}

@keyframes blinkerLB {
    0% {
        background-color: lightsteelblue;
    }
    50% {
        background-color: lightblue;
    }
    100% {
        background-color: lightsteelblue;
    }
}

.bgThemeBlink {
    padding: 2px 28px;
    margin: 20px 0px;
    text-decoration: none;
    animation: blinkerT steps(1) 1s infinite;
}

@keyframes blinkerT {
    0% {
        background-color: #f0f8ff;
        color: black;
    }
    50% {
        background-color: #0077e1;
        color: white;
    }
    100% {
        background-color: #f0f8ff;
        color: black;
    }
}

@-webkit-keyframes bg-rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes bg-rotate {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-o-keyframes bg-rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes bg-rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/*HEADING RELATED CSS*/

hr {
    height: 1px;
    color: #9ba5a5;
    width: 100%;
    padding: 0px;
    margin: 0px;
    height: 1px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #004a8c;
    margin: 3px 0px;
    padding: 5px 5px;
    font-variant: small-caps;
    text-shadow: gray 1px 0px 0px 0px;
}

h1 {
    font-size: 20pt;
}

h2 {
    font-size: 18pt;
}

h3 {
    font-size: 15pt;
    direction: ltr;
}

h4 {
    font-size: 14pt;
}

h5 {
    font-size: 13pt;
}

h6 {
    font-size: 10pt;
    font-weight: bold;
}


/*TABLE RELATED CSS*/

table {
    width: 100%;
}

table td {
    padding: 0px;
    white-space: nowrap;
}

table td {
    /* padding: 0px !important; */
}

.tableWidth0 {
    width: 0%;
}

a {
    text-decoration: none !important;
}

.hlnk a:link,
a:visited {
    text-decoration: none !important;
    color: black;
    margin: 0px 2px;
    padding: 1px 8px;
    min-height: 10px;
    min-width: 10px;
}

.hlnk a:hover,
a:focus {
    text-decoration: none !important;
}


/*CONTROL BACKGROUND RELATED CSS*/

.bgSale {
    background-color: navy;
    color: white !important;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 5px 5px !important;
    text-align: center;
    animation: blinkerSP steps(1) 750ms infinite;
}

.bgPurchase {
    background-color: green;
    color: white !important;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 5px 5px !important;
    text-align: center;
    animation: blinkerSP steps(1) 750ms infinite;
}

.bgSanction {
    background-color: darkred;
    color: white;
    text-align: center;
    padding: 5px 10px;
    text-decoration: none;
    font-weight: bold !important;
    border-radius: 5px 5px !important;
    animation: blinkerSanction steps(1) 1s infinite;
}

.bgPep {
    background-color: darkgreen;
    color: white !important;
    text-align: center;
    padding: 5px 10px;
    text-decoration: none;
    font-weight: bold !important;
    border-radius: 5px 5px !important;
    animation: blinkerPep steps(1) 1s infinite;
}

.bgWarning {
    background-color: darkorange;
    color: white !important;
    text-align: center;
    padding: 5px 10px;
    text-decoration: none;
    font-weight: bold !important;
    border-radius: 5px 5px !important;
    animation: blinkerWarning steps(1) 1s infinite;
}

.bgOther {
    background-color: lightseagreen;
    color: white !important;
    text-align: center;
    padding: 5px 10px;
    text-decoration: none;
    font-weight: bold !important;
    border-radius: 5px 5px !important;
    animation: blinkerOther steps(1) 1s infinite;
}

@keyframes blinkerSanction {
    0% {
        background-color: red;
    }
    50% {
        background-color: orangered;
    }
    100% {
        background-color: red;
    }
}

@keyframes blinkerPep {
    0% {
        background-color: forestgreen;
    }
    50% {
        background-color: green;
    }
    100% {
        background-color: forestgreen;
    }
}

@keyframes blinkerWarning {
    0% {
        background-color: orange;
    }
    50% {
        background-color: darkorange;
    }
    100% {
        background-color: orange;
    }
}

@keyframes blinkerOther {
    0% {
        background-color: slateblue;
    }
    50% {
        background-color: mediumslateblue;
    }
    100% {
        background-color: slateblue;
    }
}

.highlightRowRedBlink {
    font-weight: bold;
    animation: blinkerRedRow steps(1) 1s infinite;
}

@keyframes blinkerRedRow {
    0% {
        background-color: transparent;
        color: black !important;
    }
    50% {
        background-color: #fcc7c7;
        color: black !important;
    }
    100% {
        background-color: transparent;
        color: black !important;
    }
}

.bgExportButton {
    background-color: #004a8c;
    color: white;
    text-align: center;
    display: inline-block;
    padding: 3px 10px !important;
    min-width: 100px;
    margin-bottom: 0px;
}

.bgTheme {
    background-color: #004a8c;
    color: white !important;
    text-align: center;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 0px !important;
}

.bgPurple {
    background-color: #f099fa;
    color: black !important;
    text-align: center;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 0px !important;
}

.bgTeal {
    background-color: teal;
    color: white !important;
    text-align: center;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 0px !important;
}

.bgBlue {
    background-color: #234e74;
    color: white !important;
    text-align: center;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 0px !important;
}

.bgMaroon {
    background-color: maroon;
    color: white !important;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 0px !important;
}

.bgGreen {
    background-color: green;
    color: white !important;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 0px !important;
}

.bgRed {
    background-color: red;
    color: white !important;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 0px !important;
    width: 100%;
}

.bgOrange {
    background-color: darkorange;
    color: white !important;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 0px !important;
    width: 100%;
}

.bgLightRed {
    background-color: #f8e8e8;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 0px !important;
}

.bgYellowGreen {
    background-color: yellowgreen;
    color: white !important;
    text-align: center;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 0px !important;
}

.bgWhite {
    background-color: white;
    color: black !important;
    text-align: center;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 0px !important;
}

.bgSilver {
    background-color: silver;
    color: black !important;
    text-align: center;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 0px !important;
}

.bgThemeFull {
    background-color: #004a8c !important;
    color: white !important;
}

.bgThemeLight {
    background-color: #f0f8ff !important;
    color: #004a8c !important;
}

.bgPurpleFull {
    background-color: #f099fa !important;
}

.bgTealFull {
    background-color: teal !important;
}

.bgBlueFull {
    background-color: #234e74 !important;
}

.bgBlueLight {
    background-color: #cbcbfc !important;
}

.bgMaroonFull {
    background-color: maroon !important;
}

.bgMaroonLight {
    background-color: #facbcb !important;
}

.bgGreenFull {
    background-color: green !important;
}

.bgRedFull {
    background-color: red !important;
}

.bgYellowGreenFull {
    background-color: yellowgreen !important;
}

.bgWhiteFull {
    background-color: white !important;
}

.bgSilverFull {
    background-color: silver !important;
}

.bgTransparent {
    background-color: transparent !important;
}

.bgScoreFull {
    /*background-color: maroon !important;*/
    font-weight: bold;
    text-align: center;
    color: white;
    animation: blinkerR steps(1) 1s infinite;
}

.bgScoreHigh {
    color: red !important;
    font-weight: bold;
    text-align: center;
}

.bgScoreMedium {
    color: blue !important;
    font-weight: bold;
    text-align: center;
}

.bgScoreLow {
    color: green !important;
    font-weight: bold;
    text-align: center;
}

.bgHighRisk {
    /*background-color: red !important;*/
    font-weight: bold;
    text-align: center;
    color: white;
    padding: 2px 10px;
    animation: blinkerR steps(1) 1s infinite;
}

.bgMediumHighRisk {
    background-color: tomato !important;
    font-weight: bold;
    text-align: center;
    color: black;
    padding: 2px 10px;
}

.bgMediumRisk {
    background-color: sandybrown !important;
    font-weight: bold;
    text-align: center;
    color: black;
    padding: 2px 10px;
}

.bgLowRisk {
    background-color: green !important;
    font-weight: bold;
    text-align: center;
    color: white;
    padding: 2px 10px;
}

.bgHighRiskVLight {
    background-color: indianred !important;
    font-weight: bold;
    text-align: center;
    color: black;
    padding: 2px 10px;
}

.bgMediumHighRiskVLight {
    background-color: #ff9292 !important;
    font-weight: bold;
    text-align: center;
    color: black;
    padding: 2px 10px;
}

.bgMediumRiskVLight {
    background-color: #eedfc3 !important;
    font-weight: bold;
    text-align: center;
    color: black;
    padding: 2px 10px;
}

.bgLowRiskVLight {
    background-color: darkseagreen !important;
    font-weight: bold;
    text-align: center;
    color: black;
    padding: 2px 10px;
}

.bgRiskScore {
    background-color: #dee4a4 !important;
    font-weight: bold;
    text-align: center;
    color: black;
    padding: 2px 10px;
}


/*PROMPT / MESSAGES RELATED CSS*/

.lblError {
    border-left: 5px outset red;
    border-right: 2px inset red;
    background-color: #fccdd0;
    color: red !important;
    padding: 2px 10px;
    margin: 0px 00px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    box-shadow: gray 2px 2px 3px 1px;
    animation: blinker steps(1) 1s infinite;
    white-space: normal !important;
    /*animation:1s; -webkit-animation: 1s ease; -moz-animation: 1s ease; -o-animation: 1s ease;
    animation-name: flip; -webkit-animation-name: flip; -moz-animation-name: flip; -o-animation-name: flip;*/
}

.lblMessage {
    border-left: 5px outset #004a8c;
    border-right: 2px inset #004a8c;
    background-color: #f0f8ff;
    color: #004a8c !important;
    padding: 5px 10px;
    margin: 0px 00px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    box-shadow: gray 2px 2px 3px 1px;
    animation: blinker steps(1) 1s infinite;
}

.lblInfo {
    border-left: 5px outset #b99321;
    border-right: 2px inset #b99321;
    background-color: #f1e4bc;
    color: #b99321 !important;
    padding: 2px 10px;
    margin: 0px 0px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    box-shadow: gray 2px 2px 3px 1px;
    animation: blinker steps(1) 1s infinite;
}


/*MISC CSS*/

.listBox {
    white-space: normal !important;
    display: inline-flex;
    min-width: 250px !important;
    padding: 0px 1px;
    background-color: #f0f8ff;
}

.multiRow {
    white-space: normal !important;
}

.decimal {}

.removeMargins {
    padding: 2px 1px 2px 5px !important;
    margin: 0px 0px !important;
}

.disabled {
    cursor: not-allowed !important;
    text-decoration: none !important;
}

.readonly {
    pointer-events: none;
    cursor: not-allowed !important;
    text-decoration: none !important;
}

.required {
    font-weight: bolder;
    color: red;
    padding-left: 3px;
}

.upperText {
    text-transform: capitalize;
}

.ccy {
    text-align: center !important;
    border-left: 1px outset #2E558E !important;
    /*padding: 3px 5px!important;*/
    margin: 0px -3px !important;
    font-weight: bold !important;
    min-width: 40px !important;
}

.req:not(.chosen-single),
.req0:not(.chosen-single),
.req1:not(.chosen-single),
.req2:not(.chosen-single),
.req3:not(.chosen-single),
.req4:not(.chosen-single),
.req5:not(.chosen-single),
.req6:not(.chosen-single) {
    border-left: 4px outset red !important;
}

.req>.chosen-single,
.req0>.chosen-single,
.req1>.chosen-single,
.req2>.chosen-single,
.req3>.chosen-single,
.req4>.chosen-single,
.req5>.chosen-single,
.req6>.chosen-single {
    border-left: 4px outset red !important;
}

.req0Err {
    /*border-right: 5px solid red!important;*/
    animation: req0Blinker steps(1) 1s infinite;
}

@keyframes req0Blinker {
    0% {
        background-color: #fba7b6;
        /*border-right: 5px solid blue;*/
    }
    50% {
        background-color: #feb9c5;
        /*border-right: 5px solid blue;*/
    }
}

.bgRotate {
    position: relative;
    z-index: -999999;
    left: -50%;
    top: -50%;
    right: -50%;
    bottom: -50%;
    background: url(../images/default.svg);
    background-size: 7%;
    background-position: center;
    -webkit-animation: bg-rotate 240s infinite;
    -moz-animation: bg-rotate 240s infinite;
    -o-animation: bg-rotate 240s infinite;
    animation: bg-rotate 240s infinite;
}


/*.bg-text
{
    color:lightgrey;
    font-size:60px;
    background-position-x:center;
    background-position-y:center;
    transform:rotate(330deg);
    -webkit-transform:rotate(330deg);
}*/

::-webkit-input-placeholder {
    color: #004a8c;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #004a8c;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #004a8c;
}

:-ms-input-placeholder {
    color: #004a8c;
}

.highlightColor {
    color: blue !important;
}

.highlightBg {
    background-color: #e68585 !important;
}

.highlightRow {
    background-color: #f6f78d !important;
    font-weight: bold;
}

.highlightRow2 {
    background-color: #9393f8 !important;
    font-weight: bold;
}

.highlightRowRed {
    background-color: palevioletred !important;
    padding: 3px 10px;
}

.highlightRowGreen {
    background-color: lightgreen !important;
    padding: 3px 10px;
}

.highlightRowBlue {
    background-color: cornflowerblue !important;
    padding: 3px 10px;
}

.highlightRowBlink {
    font-weight: bold;
    animation: blinkerRow steps(1) 1s infinite;
}

@keyframes blinkerRow {
    0% {
        background-color: transparent;
        color: black !important;
    }
    50% {
        background-color: lightgreen;
        color: black !important;
    }
    100% {
        background-color: transparent;
        color: black !important;
    }
}


/*ALIGNMENT RELATED CSS*/

.leftAlign {
    text-align: left;
}

.centerAlign {
    text-align: center;
}

.rightAlign {
    text-align: right;
    padding: 0px 8px !important;
}

.rightAlign_Table {
    float: right;
}

.rightAlign_Table0 {
    float: right;
    width: 0%;
}

.centerAlign {
    text-align: center;
}

.centerAlign_Table {
    margin: auto;
}

.centerAlign_Table0 {
    width: 0%;
    margin: auto;
}


/*INPUT CONTROLS RELATED CSS*/

input[type=text],
[type=number],
[type=file],
[type=password],
textarea,
select,
option {
    font-family: 'titillium-regular', Arial, sans-serif;
    border-right: 1px solid #004a8c;
    border-top: 1px solid #004a8c;
    border-bottom: 1px solid #004a8c;
    border-left: 4px outset #004a8c;
    background-color: #f0f8ff;
    min-height: 26px;
    min-width: 100px;
    padding: 3px 5px;
    margin: 1px 0px;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    line-height: normal;
}

input[type=text]:focus,
[type=number]:focus,
[type=file]:focus,
[type=password]:focus,
textarea:focus,
select:focus,
option:focus {
    background-color: #fbfbbf
}

input[type=text]:hover,
[type=number]:hover,
[type=file]:hover,
[type=password]:hover,
textarea:hover,
select:hover,
option:hover {
    /*border-bottom:1px inset red;*/
}

select {
    min-width: 80px !important;
}

input[type=radio] {
    margin: 5px 10px 5px 10px;
}

input[type=checkbox] {
    margin: 3px 4px 3px 4px;
}

input[type=radio] {
    margin: 5px 10px 5px 10px;
}

textarea {
    white-space: normal;
}

input:disabled {
    cursor: not-allowed !important;
}

input[type=submit] {
    border-left: 1px solid #004a8c;
    border-right: 1px solid #004a8c;
    border-top: 1px solid #004a8c;
    background-color: #004a8c;
    border-bottom: 3px solid #004a8c;
    color: white;
    display: inline-block;
    padding: 3px 10px;
    min-height: 26px;
    min-width: 100px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 0px;
}

input[type=submit]:hover,
input[type=submit]:focus,
input[type=submit]:active {
    cursor: pointer;
    background-color: #0077e1;
    border-bottom: 3px solid blue;
    -webkit-transition: border-bottom 250ms ease-in-out;
    transition: border-bottom 250ms ease-in-out;
}

input[type=submit].reset {
    border: 1px solid #004a8c;
    border-bottom: 3px solid #004a8c;
    background: #f0f8ff;
    color: #000;
}

input[type=submit].reset:hover,
input[type=submit].reset:focus,
input[type=submit].reset:active {
    background-color: #0077e1;
    color: #fff;
    border-bottom: 3px solid blue;
    -webkit-transition: border-bottom 250ms ease-in-out;
    transition: border-bottom 250ms ease-in-out;
}


/* RECEIPT TABLE STYLES*/

.tableReceipt {
    border-collapse: separate !important;
    border-spacing: 0px !important;
    width: 100%;
    font-size: 10px;
}

.tableReceipt td {
    border: 0px solid #e6e5e5 !important;
    white-space: nowrap;
    padding: 1px 0px 0px 0px;
}

.tableReceipt tbody td:nth-child(1) {
    /*background-color: #f6f6f6;*/
    width: auto;
    padding: 0px 10px;
    min-width: 10px !important;
}

.tableReceipt tfoot td {
    /*background-color: #edecec;*/
    padding: 10px 3px;
}

.tableRepeaterPrint {}

.tableRepeaterPrint thead th {
    background-color: silver !important;
    padding: 3px;
    white-space: nowrap;
    border: 1px solid #e6e5e5;
}

.tableRepeaterPrint thead td {
    background-color: silver;
    white-space: nowrap;
    border: 1px solid #e6e5e5;
}

.tableRepeaterPrint tbody td {
    padding: 3px 3px;
    border: 1px solid #e6e5e5;
}

.tableRepeaterPrint tfoot td {
    background-color: silver !important;
    padding: 6px;
    white-space: nowrap;
    border: 1px solid #e6e5e5;
}

.tableControls {
    border-collapse: collapse;
    width: auto;
}

.tableControls td {
    border: 1px solid #e6e5e5;
    white-space: nowrap;
    padding: 0px 3px;
}

.tableNoMargin {
    border-collapse: collapse;
    width: auto;
}

.tableNoMargin td {
    border: 0px solid #e6e5e5;
    white-space: nowrap;
    padding: 0px 0px !important;
}

.tableForm {
    border-collapse: separate !important;
    border-spacing: 1px !important;
    width: auto;
}

.tableForm td {
    border: 0px solid #e6e5e5;
    white-space: nowrap;
    padding: 0px 3px;
}

.tableForm tfoot td {
    padding: 10px 3px;
}

.tableForm tbody table td {
    border: none;
}

.tableFormDisplay {
    border-collapse: collapse !important;
    border-spacing: 1px !important;
    width: auto;
    margin: auto;
}

.tableFormDisplay tr {
    padding: 3px 5px;
}

.tableFormDisplay td {
    border: 1px solid #e6e5e5;
    white-space: nowrap;
    padding: 3px 5px;
}


/*.tableFormDisplay td:nth-child(1) {
            background-color: #f6f6f6;
            width: auto;
            padding: 0px 10px;
        }*/

.ajax__calendar_container td {
    padding: 0 !important;
    margin: 0 !important;
    background-color: white !important;
}

.ajax__calendar_body {
    width: auto !important;
    margin: -4px !important;
}

.showOutline {
    outline: 1px solid #9b9b9b !important;
}

.tableSmallPrint {
    border-collapse: collapse;
    border: 0px solid #e6e5e5;
    padding: 0px;
    white-space: normal !important;
}


/*.tableForm tbody table td:nth-child(1) {
        background-color: transparent;
        padding: 0px;
    }
*/


/* REPEATER TABLE STYLES*/

.tableRepeater {
    border: 1px solid #004a8c !important;
    border-collapse: collapse !important;
    width: auto !important;
}

.tableRepeater input:disabled {
    cursor: not-allowed !important;
    text-decoration: none !important;
}

.tableRepeater input[type=text],
.tableRepeater [type=number],
.tableRepeater select {
    margin: -2px -3px;
}

.tableRepeater input[type=submit] {
    height: 25px;
    min-height: 25px;
}

.tableRepeater thead td {
    background-color: #f0f8ff;
    white-space: nowrap;
    border: 1px solid #004a8c;
}

.tableRepeater thead th {
    background-color: #004a8c;
    color: white;
    padding: 3px 5px;
    white-space: nowrap;
    /*border: 1px solid #004a8c;*/
    border: 1px solid #f0f8ff;
    height: 30px;
}

.tableRepeater thead th:nth-child(1) {
    text-align: center;
    font-weight: normal;
}

.tableRepeater thead th a:link,
.tableRepeater a:visited {
    margin: 0px 2px;
    padding: 1px 8px;
    line-height: normal;
    min-height: 10px;
    min-width: 10px;
    text-decoration: none;
    font-size: small;
    text-align: center;
}

.tableRepeater thead th a:hover,
.tableRepeater a:focus {
    background: #0077e1;
    box-shadow: black 0px 0px 1px 0px;
    /*box-shadow: black 2px 2px 3px 1px;
        border-radius: 5px 5px!important;*/
}

.tableRepeater tbody tr:nth-child(even) {
    background-color: #f0f8ff;
}

.tableRepeater tbody tr:hover {
    background-color: #e0f1ff;
}

.tableRepeater tbody td {
    padding: 3px 5px !important;
    border: 1px solid #004a8c !important;
    /* F5EBF5*/
}

.tableRepeater tbody a:link,
.tableRepeater a:visited {
    margin: 0px 2px;
    padding: 1px 8px;
    line-height: normal;
    min-height: 10px;
    min-width: 10px;
    text-decoration: none;
    font-size: small;
    text-align: center;
}

.tableRepeater tbody a:hover,
.tableRepeater a:focus {
    background: #0077e1;
    box-shadow: black 0px 0px 1px 0px;
    /*border-radius: 5px 5px!important;*/
}

.tableRepeater tfoot td {
    background-color: #f0f8ff;
    border: 1px solid #004a8c;
    color: black;
    padding: 3px 6px;
    font-weight: bold;
    white-space: nowrap;
}

.tableRepeater tfoot tr:hover {
    background-color: red!important;
}

.tableRepeaterPageAll {
    background-color: #004a8c;
    color: white !important;
    text-align: center;
    display: inline-block;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px !important;
}

.tableRepeaterPageActive {
    background-color: #234e74;
    color: #004a8c !important;
    text-align: center;
    display: inline-block;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 15px 15px 0px !important;
    animation: blinkerS steps(1) 1s infinite;
}

.GroupHeader {
    background-color: #c7dff3;
    color: black !important;
    padding: 3px 10px;
    font-weight: bolder;
    white-space: nowrap;
    border: 1px solid #f0f8ff;
    height: 30px;
}


/* REPEATER TABLE STYLES*/

.gridStyle th {
    background-color: #004a8c;
    color: white;
    padding: 5px;
    white-space: nowrap;
    border: 1px solid #f0f8ff;
    font-weight: bold;
}

.gridStyle tr:hover {
    background-color: #f1ecf1;
}

.gridStyle td {
    padding: 3px 5px !important;
    border: 1px solid #004a8c !important;
    /* F5EBF5*/
}

.gridPager a,
.gridPager span {
    display: inline-block;
    height: 20px;
    width: 25px;
    font-weight: bold;
    text-align: center !important;
    text-decoration: none;
}

.gridPager a {
    background-color: #f5f5f5;
    width: 25px;
    color: #969696;
    border: 0px solid #969696;
}

.gridPager span {
    background-color: #004a8c;
    color: #fff;
    border: 1px solid #3AC0F2;
}


/* MODAL POPUP STYLES*/

.modalBackground {
    background: #f0f8ff;
    filter: alpha(opacity=50);
    opacity: 0.9;
}

.modalPopup {
    background-color: white;
    border: 1px solid black;
    box-shadow: silver 1px 1px 3px 1px;
    min-width: 400px;
    max-width: 900px;
    max-height: 700px;
    overflow: auto;
    padding-bottom: 10px;
    top: -80px;
}

.modalPopup .header {
    border: 1px solid #f0f8ff;
    background-color: #004a8c;
    min-height: 35px;
    text-align: center;
    font-weight: bolder;
    font-size: 11pt;
    color: white;
    padding: 5px 0px;
}

.modalPopup .close {
    float: right;
    font-weight: bold;
    color: black !important;
    padding: 0px 10px 0px 0px;
}

.verticalText {
    transform: rotate(90deg);
    transform-origin: left top 0;
}

.waterMark {
    position: fixed;
    bottom: 5px;
    right: 5px;
    opacity: 0.5;
    z-index: 99;
    color: white;
}

@media print {
    * {
        -webkit-print-color-adjust: exact;
    }
    div.newPage {
        page-break-after: always;
        page-break-inside: avoid;
    }
    .noPrint {
        display: none;
    }
    .encVoucher {
        background-image: url(../images/globe.jpg);
        background-repeat: no-repeat;
        /* for vertical repeat */
        background-position: center;
    }
}


/*@media print {
  table {float: none !important; }
  div { float: none !important; }
  .newPagePrint { page-break-inside: avoid; page-break-after: always; }
  .dont-print { display: none; }  
}*/

.dim:hover {
    opacity: 0.7;
}

.chkGreen {
    border-left: 4px outset #004a8c;
    background-color: #f0f8ff;
    color: black;
    padding: 5px 10px 0px 10px;
    margin: 0px 0px;
    font-weight: bold;
    display: block;
    box-shadow: gray 2px 2px 3px 1px;
}

.chkRed {
    border-left: 4px outset #004a8c;
    background-color: #f0f8ff;
    color: gray !important;
    padding: 5px 10px 0px 10px;
    margin: 0px 0px;
    font-weight: bold;
    display: block;
    box-shadow: gray 2px 2px 3px 1px;
}

.rbtnAll {
    border: 1px outset #004a8c;
    border-left: 4px outset #004a8c;
    background-color: #f0f8ff;
    color: black;
    padding: 5px 10px 0px 10px;
    margin: 0px 0px;
    display: block;
    box-shadow: gray 2px 2px 3px 1px;
}

.rbtnAll input[type=radio]:hover {
    cursor: pointer;
}

.rbtnSelect {
    border: 1px outset #004a8c;
    background-color: #edc4ed;
    box-shadow: gray 2px 2px 3px 1px;
    font-weight: bolder;
    color: black;
    padding: 3px 0px;
    margin: 0px 0px;
    display: block;
}

.rbtnOptions {
    border: 1px outset #004a8c;
    background-color: #f0f8ff;
    font-weight: bolder;
    color: black;
    padding: 3px 0px;
    margin: 0px 0px;
    display: block;
}

.bgPicControl {
    background-image: url('../images/sort_down.png');
    background-repeat: no-repeat;
    background-position: right;
}

.ndc {}

.sticky {}

.stickyFix {
    position: fixed;
    top: 0px;
    z-index: 9999999;
}


/*.CustomTabStyle .ajax__tab_header {
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
    background:url(images/tab-line.gif) repeat-x bottom;
}

.CustomTabStyle .ajax__tab_header {
}

.CustomTabStyle .ajax__tab_outer {
}
.CustomTabStyle .ajax__tab_inner {
}
.CustomTabStyle .ajax__tab_tab {
}
.CustomTabStyle .ajax__tab_body {
}
.CustomTabStyle .ajax__tab_hover {
}
.CustomTabStyle .ajax__tab_active {
}*/

.MyTabStyle .ajax__tab_header {
    font-size: 13px;
    font-weight: bold;
    width: 100% !important;
    display: block;
}

.MyTabStyle .ajax__tab_header .ajax__tab_outer {
    background-color: #f0f8ff;
    padding: 5px 15px 1px 15px;
    margin-right: 5px;
    border: solid 1px #0077e1;
}

.MyTabStyle .ajax__tab_header .ajax__tab_outer a {
    color: #004a8c;
}

.MyTabStyle .ajax__tab_hover .ajax__tab_outer {
    background-color: #0077e1;
}

.MyTabStyle .ajax__tab_header .ajax__tab_inner a {
    color: #004a8c;
}

.MyTabStyle .ajax__tab_active .ajax__tab_outer {
    border-bottom-color: transparent;
    background-color: #004a8c;
    color: #fff;
}

.MyTabStyle .ajax__tab_active .ajax__tab_outer a {
    color: #fff;
}

.MyTabStyle .ajax__tab_body {
    background-color: #fff;
    border-top-width: thick;
    border: solid 1px #004a8c;
    /*border-top-color: transparent;*/
}

.MyVerticalTabStyle .ajax__tab_header_verticalleft {
    font-size: 13px;
    font-weight: bold;
    width: auto !important;
    display: block;
}

.MyVerticalTabStyle .ajax__tab_outer {
    background-color: #f0f8ff;
    padding: 5px 15px 1px 15px;
    margin-right: 5px;
    border: solid 1px #0077e1;
}

.MyVerticalTabStyle .ajax__tab_outer a {
    color: #004a8c;
}

.MyVerticalTabStyle .ajax__tab_hover .ajax__tab_outer {
    background-color: #0077e1;
}

.MyVerticalTabStyle .ajax__tab_inner a {
    color: #004a8c;
    text-align: left;
}

.MyVerticalTabStyle .ajax__tab_active .ajax__tab_outer {
    border-bottom-color: transparent;
    background-color: #004a8c;
    color: #fff;
}

.MyVerticalTabStyle .ajax__tab_active .ajax__tab_outer a {
    color: #fff;
}

.MyVerticalTabStyle .ajax__tab_body {
    background-color: #fff;
    border-top-width: thick;
    border: solid 1px #004a8c;
    /*border-top-color: transparent;*/
}


/* TABLE STYLES CB UAE REPORTS*/

.gridCBUAE {
    border: 1px solid #004a8c !important;
    border-collapse: separate !important;
    width: auto !important;
}

.gridCBUAE th {
    padding: 5px !important;
    white-space: nowrap;
    border: 5px solid #f0f8ff;
    font-weight: bold;
}


/* TABLE STYLES FOR CONTROLS */

.tableCBForms {
    border-collapse: collapse;
    width: 100%;
}

.tableCBForms td {
    border: 1px solid Gray;
    white-space: nowrap;
    padding: 3px 3px;
}

@keyframes blinkerS {
    0% {
        color: white;
    }
    50% {
        color: silver;
    }
    100% {
        color: white;
    }
}

.bgStatusSilver {
    background-color: silver;
    color: white !important;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 15px 15px 0px !important;
    animation: blinkerS steps(1) 750ms infinite;
}

.bgStatusGray {
    background-color: slategray;
    color: white !important;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 15px 15px 0px !important;
    animation: blinkerS steps(1) 750ms infinite;
}

.bgStatusLightRed {
    background-color: tomato;
    color: white !important;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 15px 15px 0px !important;
    animation: blinkerS steps(1) 750ms infinite;
}

.bgStatusRed {
    background-color: red;
    color: white !important;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 15px 15px 0px !important;
    animation: blinkerS steps(1) 750ms infinite;
}

.bgStatusDarkRed {
    background-color: darkred;
    color: white !important;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 15px 15px 0px !important;
    animation: blinkerS steps(1) 750ms infinite;
}

.bgStatusMaroon {
    background-color: maroon;
    color: white !important;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 15px 15px 0px !important;
    animation: blinkerS steps(1) 750ms infinite;
}

.bgStatusLightOrange {
    background-color: lightsalmon;
    color: white !important;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 15px 15px 0px !important;
    animation: blinkerS steps(1) 750ms infinite;
}

.bgStatusOrange {
    background-color: orangered;
    color: white !important;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 15px 15px 0px !important;
    animation: blinkerS steps(1) 750ms infinite;
}

.bgStatusLightGreen {
    background-color: lightseagreen;
    color: white !important;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 15px 15px 0px !important;
    animation: blinkerS steps(1) 750ms infinite;
}

.bgStatusGreen {
    background-color: darkgreen;
    color: white !important;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 15px 15px 0px !important;
    animation: blinkerS steps(1) 750ms infinite;
}

.bgStatusBlue {
    background-color: royalblue;
    color: white !important;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 15px 15px 0px !important;
    animation: blinkerS steps(1) 750ms infinite;
}

.bgStatusNavy {
    background-color: navy;
    color: white !important;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 15px 15px 0px !important;
    animation: blinkerS steps(1) 750ms infinite;
}

.bgQuickSearch {
    background-color: #7fbb60;
}

.bgWPSAT {
    background-color: #60a971;
    color: black !important;
    font-weight: bold;
    padding: 3px 10px;
}

.bgWPSC3 {
    background-color: #80e297;
    color: black !important;
    font-weight: bold;
    padding: 3px 10px;
}

.bgWPSATM {
    background-color: #aaaaee;
    color: black !important;
    font-weight: bold;
    padding: 3px 10px;
}

.bgWPSEmployer {
    color: blue !important;
}

.bgB2B {
    background-color: palevioletred;
    color: black !important;
    font-weight: bold;
    padding: 3px 10px;
}

.bgP2P {
    background-color: lightgreen;
    color: black !important;
    font-weight: bold;
    padding: 3px 10px;
}

.bgB2P2B {
    background-color: #aaaaee;
    color: black !important;
    font-weight: bold;
    padding: 3px 10px;
}

.gradientTT1 {
    background: linear-gradient(45deg, transparent, #edf2ff);
    /* background-size: 500% 500%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;*/
}

.gradientTT2 {
    background: linear-gradient(-45deg, transparent, #fbede8);
    /*    background-size: 500% 500%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
*/
}

.gradientTT3 {
    background: linear-gradient(45deg, transparent, #fcfce0);
    /*    background-size: 500% 500%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
*/
}

.gradientNotification {
    background: linear-gradient(45deg, transparent, #f0f8ff);
    /*    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
*/
}

.useGradient {
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
    /*    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
*/
}

@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

.allowScroll {
    height: 300px;
    overflow-y: scroll !important;
}

.noMinWidth {
    min-width: 1px !important;
}

#mainDIV {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/pro6.gif') 50% 50% no-repeat #f0f8ff;
    filter: alpha(opacity=50);
    opacity: .9;
}

.aspNetDisabled {
    cursor: not-allowed !important;
    text-decoration: none !important;
}

.ajax__slider_h_rail {
    position: relative;
    float: left !important;
    background-color: #f6e2f6 !important;
    margin: 1px 0px 0px 0px !important;
    border: 1px solid #e0cae0;
    height: 24px !important;
}

.ajax__slider_h_handle {
    position: absolute;
}

.sliderText {
    border: none !important;
    background-color: transparent !important;
    z-index: 999;
    float: left !important;
}

.sliderLabel {
    background-color: #004a8c !important;
    color: white !important;
    font-weight: bold;
    text-align: center !important;
    padding: 3px 5px !important;
    margin: 1px 2px !important;
    display: inline-block !important;
    line-height: normal !important;
    height: 24px !important;
    width: 40px !important;
}

.tt-lable {
    font-size: 10pt;
}

.tt-value {
    font-size: 10pt;
    font-weight: 700;
}

.ttinnertitle {
    font-size: 8pt;
    font-weight: 700;
}

.tt-subtitle {
    font-size: 8pt;
    font-weight: 700;
}

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

.ttvalue {
    font-weight: 700;
}

.tt_no {
    font-size: 10pt;
    /* background-color: rgb(88, 88, 88); */
    color: black;
    padding: 0px 8px;
    font-weight: 800;
    border: 1px solid black;
}

.underline {
    text-decoration: underline;
}

.title {
    float: left;
    font-weight: bolder;
    font-size: 15px;
    /* text-decoration: underline; */
    padding: 0px 8px;
}

.artitle {
    float: right;
    font-weight: bolder;
    font-size: 15px;
    /* text-decoration: underline; */
    padding: 0px 8px;
}

.font13 {
    font-size: 13px;
}

.border_left {
    border-left: 1px solid #9b9b9b;
}

.border_top {
    border-top: 1px solid #9b9b9b;
}

.border_bottom {
    border-bottom: 1px solid #9b9b9b;
}

.border_right {
    border-right: 1px solid #9b9b9b;
}

.footer_name {
    justify-content: space-between;
    display: flex;
}

.top_line {
    text-decoration: overline;
}