/* light color for background is #D9EEE4
   dark color for borders and buttons is steelblue
*/
@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');
}

@media print {
    div {
        -webkit-print-color-adjust: exact!important;
    }
    tbody {
        -webkit-print-color-adjust: exact!important;
    }
}
html {
}

body {
    background: url('../images/default.jpg') repeat fixed;
    background-size: 10%;
    /*background-size: 100% 100%;
    background-position-x:50%; 
    background-position-y:50%; 
    background-repeat:repeat;*/
    font-size: 12px;
    font-family: 'titillium-regular', Arial, sans-serif;
    margin: 0px;
    padding: 0px;
    color: Black;
}



.topHeader {
    background: linear-gradient(180deg, steelblue 10%, #25d884 50%, steelblue);
}

.leftSider {
    background: linear-gradient(90deg, steelblue 30%, #25d884);
}

    .leftSider td {
        padding: 1px !important;
    }

.rightSider {
    background: linear-gradient(90deg, #25d884 70%, steelblue );
}


.highlightRow {
    background-color: #f6f78d !important;
    font-weight: bold;
}
.sdTitle {
    background-color: steelblue;
    color: white !important;
    text-align: center;
    font-size: 30px;
    font-weight: bolder;
    padding: 10px;
    text-decoration: none;
}
.sdBorder {
    outline: 1px solid steelblue !important;
}
.sdtableControls {
    border-collapse: collapse;
    width: auto;
    margin:auto;
}
    .sdtableControls td {
        border: 0px solid #e6e5e5;
        white-space: nowrap;
        padding: 0px 5px;
    }
.chkClass {
    color: black;
    padding: 3px 10px;
    margin: 2px -5px 2px -4px;
    display: block;
    box-shadow: silver 2px 2px 3px 1px;
    line-height: 0px;
}
.sdFormDisplay {
    border-collapse: collapse;
    border-spacing: 1px;
    border: 1px solid #d1e0f3 !important;
    width: auto;
    
}
    .sdFormDisplay td {
        white-space: nowrap;
        vertical-align: middle;
        border: 1px solid #d1e0f3 !important;
        padding: 0px 10px;
        color: black;
    }
        .sdFormDisplay td:first-child {
            background-color: #eef6ff;
            border: 1px solid #d1e0f3 !important;
            padding: 5px 15px 5px 10px;
            font-weight: bold;
        }

    .sdFormDisplay tfoot td {
        color: steelblue;
        padding: 10px 6px !important;
        font-weight: bold;
        white-space: nowrap;
    }



.tableRepeater {
    border: 1px solid #ddd !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: 20px;
    }

    .tableRepeater thead td {
        background-color: #fff;
        white-space: nowrap;
        border: 1px solid #ddd;
    }

    .tableRepeater thead th {
        background-color: steelblue;
        color: white;
        padding: 3px 5px;
        white-space: nowrap;
        border: 1px solid #ddd;
        height: 25px;
        padding: 5px 10px !important;
    }

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

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

        .tableRepeater thead th a:hover, .tableRepeater a:focus {
            color: #70E4AD!important;
            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: #f2f4f7;
    }

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

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

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

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

    .tableRepeater tfoot td {
        background-color: #e7e8ea;
        border: 1px solid #ddd;
        /*color: steelblue;*/
        color: black;
        padding: 3px 6px;
        font-weight: bold;
        white-space: nowrap;
        padding: 5px 10px !important;
    }

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

.tableRepeaterPageActive {
    background-color: #234e74;
    color: steelblue !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;
}


.mainHeader {
    background-color: steelblue;
    color: white;
    border: 0px solid red;
    display: block;
    height: auto;
    width: 100%;
    position: fixed;
}

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

.login-page {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/bg.jpg);
    height: 100%;
}

    .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 {
    text-decoration: none !important;
}

.menuhlnk {
    display: inline-block;
    white-space: nowrap;
    background-color: steelblue;
    color: #fff !important;
    border: 1px solid #D9EEE4;
    display: block;
    text-decoration: none;
    white-space: nowrap;
    padding: 5px 15px;
    margin: 0px;
}

    .menuhlnk:hover {
        background-color: #70E4AD;
        color: white !important;
        font-weight: bold;
    }

.bgTableHeader {
    background-color: steelblue !important;
    color: white !important;
    padding: 3px 10px !important;
    font-size: 10pt !important;
    vertical-align: top;
    /*background: linear-gradient(180deg, steelblue 10%, #25d884 50%, steelblue);*/
}


/*TABLE RELATED CSS*/

table {
    width: 100%;
    empty-cells: hide;
}

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

    table tr {
    }

    table thead td {
        background-color: steelblue;
        color: white;
    }

    table thead th {
        background-color: steelblue;
    }

    table tbody td {
        padding: 3px;
    }

    table tfoot td {
        /*background: linear-gradient(180deg, #bee4c0 10%, #e6f8e7 50%, #bee4c0 );
        color: steelblue;
        padding: 8px 6px!important;
        font-weight:bold;
        white-space: nowrap;*/
    }



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

    .tableForm td {
        border: 0px solid #e6e5e5;
        white-space: nowrap;
        vertical-align: middle;
        width: auto;
        padding: 0px 10px;
    }
    .tableForm tfoot td {
        padding: 10px 3px;
    }

    .tableForm tbody table td {
        border: none;
    }

.tableFormBasic {
    background-color: white !important;
    border-collapse: separate;
    border-spacing: 0px;
    padding: 10px 30px 20px 30px !important;
    width: auto;
    border-radius: 50px;
    margin: auto;
}
/*    .tableFormBasic td {
        white-space: nowrap;
        font-size: small;
        vertical-align: middle;
        padding: 3px 0px;
        color: black;
    }
*/




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

    .tableFormDisplay td {
        white-space: nowrap;
        font-size: small;
        vertical-align: middle;
        background-color: #f2f4f7;
        padding: 0px 10px;
        color: black;
    }

        .tableFormDisplay td:first-child {
            background-color: #e7e8ea;
            padding: 5px 15px 5px 10px;
            font-weight: bold;
        }

    .tableFormDisplay tfoot td {
        color: steelblue;
        padding: 10px 6px !important;
        font-weight: bold;
        white-space: nowrap;
    }



/*TION RELATED CSS*/

.paraHead {
    font-variant: small-caps!important;
    text-shadow: gray 1px 0px 0px 0px!important;
    font-size: 1.7rem;

}
.paraText1 {
    /*font-variant: small-caps !important;*/
    text-shadow: gray 1px 0px 0px 0px !important;
    font-size: 1.5rem;
    margin-top: 1rem !important;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.87);
}
.paraText2 {
    /*font-variant: small-caps !important;*/
    text-shadow: gray 1px 0px 0px 0px !important;
    font-size: 1.3rem;
    /*margin-top: 1rem !important;*/
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.87);
}

.blinkResult {
    border-radius: 100px 100px 0px 0px;
    font-size: 1.4em;
    padding: 0px !important;
    text-align: center;
    background: linear-gradient(180deg, #daebf8, #c2e0f7);
    background-size: 100% 100%;
    -webkit-animation: Gradient 1s ease infinite;
    -moz-animation: Gradient 1s ease infinite;
    animation: Gradient 1s ease infinite;
}

.blinkResultBottom {
    border-radius: 100px 100px 0px 0px;
    font-size: 1.8em;
    padding: 10px !important;
    text-align: center;
    background: linear-gradient(180deg, #daebf8, #c2e0f7);
    background-size: 100% 100%;
    -webkit-animation: Gradient 1s ease infinite;
    -moz-animation: Gradient 1s ease infinite;
    animation: Gradient 1s ease infinite;
}

.blinkText {
    animation: blinkerTXT steps(1) 1s infinite;
}
@keyframes blinkerTXT {
    0% {
        color: orange;
    }

    50% {
        color: white;
    }

    100% {
        color: orange;
    }
}

@keyframes blinkerTXT {
    0% {
        color: orange;
    }

    50% {
        color: white;
    }

    100% {
        color: orange;
    }
}

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

    to {
        background-position: 100% 0;
    }
}

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

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

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

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


.bgRedBlink {
    color: white !important;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 0px !important;
    /*margin: 20px 0px;*/
    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: 3px 10px;
    text-decoration: none;
    border-radius: 0px 0px !important;
    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: 3px 10px;
    text-decoration: none;
    border-radius: 0px 0px !important;
    animation: blinkerG steps(1) 1s infinite;
}

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

    50% {
        background-color: yellowgreen;
    }

    100% {
        background-color: green;
    }
}

.bgThemeBlink {
    color: white !important;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 0px 0px !important;
    animation: blinkerT steps(1) 1s infinite;
}

@keyframes blinkerT {
    0% {
        background-color: #D9EEE4;
    }

    50% {
        background-color: #e9d1e9;
    }

    100% {
        background-color: #D9EEE4;
    }
}


@-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: black;
    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;
}

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

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

.lblVerified {
    background-color: #11A761;
    color: white !important;
    font-size: smaller;
    padding: 1px 5px;
    text-decoration: none;
    border-radius: 3px;
    float: right;
}

.lblNotVerified {
    background-color: red;
    color: white !important;
    font-size: smaller;
    padding: 1px 5px;
    text-decoration: none;
    border-radius: 3px;
}

.lblVerifyNow {
    color: white !important;
    padding: 1px 10px;
    animation: blinkerG steps(1) 1s infinite;
}





/*CONTROL BACKGROUND RELATED CSS*/
.bgParaHead {
    text-align: center;
    padding: 2px 5px;
    text-decoration: underline;
    font-weight: bold !important;
    border-radius: 5px 5px !important;
}
.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;
    }
}


.bgTheme {
    background-color: steelblue;
    color: white !important;
    text-align: center;
    padding: 2px 10px;
    text-decoration: none;
    border-radius: 0px 0px !important;
}

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

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

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

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

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

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

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

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

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


.bgThemeFull {
    background-color: steelblue !important;
    color: white !important;
}

.bgThemeLight {
    background-color: #D9EEE4 !important;
    color: steelblue !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;
}

/*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;
    /*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;*/
}

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

@keyframes blinkerError {
    0% {
        background-color: red;
    }

    50% {
        background-color: darkred;
    }

    100% {
        background-color: red;
    }
}

.lblMessage {
    border-left: 5px outset gray;
    border-right: 2px inset gray;
    background-color: #e7e8ea;
    color: steelblue !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*/

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

.multiRow {
    white-space: normal !important;
    font-weight: 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;
}

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

.topAlign {
    vertical-align: top !important;
}

/*REQUIRED VALIDATION*/

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



::-webkit-input-placeholder {
    color: #d1d2d4;
}

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

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

:-ms-input-placeholder {
    color: #d1d2d4;
}

.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: #fcc7c7;
        color: black !important;
    }

    100% {
        background-color: transparent;
        color: black !important;
    }
}
/*ALIGNMENT RELATED CSS*/

.rightAlign {
    text-align: right;
    /*font-weight: 700;*/
}

.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], [type=date], [type=tel], [type=email], textarea, select, option {
    font-family: 'titillium-regular', Arial, sans-serif;
    border-right: 1px solid gray;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    border-left: 4px outset gray;
    background-color: #fff;
    min-height: 26px;
    min-width: 100px;
    padding: 3px 5px;
    margin: 1px 0px;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    line-height: normal !important;
}

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

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

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

textarea {
    white-space: normal;
}

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

input[type=submit] {
    background-color: steelblue;
    color: white;
    border: 1px solid navy;
    display: inline-block;
    padding: 3px 10px;
    line-height: 1.0em;
    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;
        color: #f8b739;
        -webkit-transition: border-bottom 250ms ease-in-out;
        transition: border-bottom 250ms ease-in-out;
    }

    input[type=submit].reset {
        background-color: lightsteelblue;
        color: white;
        border: 1px solid navy;
    }

        input[type=submit].reset:hover, input[type=submit].reset:focus, input[type=submit].reset:active {
            color: navy;
            -webkit-transition: border-bottom 250ms ease-in-out;
            transition: border-bottom 250ms ease-in-out;
        }



/* RECEIPT TABLE STYLES*/



.calendarExt .ajax__calendar_container {
    background-color: #daeded;
}


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



.GroupHeader {
    background-color: #D9EEE4;
    color: darkblue;
    padding: 3px 10px;
    font-weight: bolder;
    white-space: nowrap;
    border: 1px solid #D9EEE4;
    height: 30px;
}




/* MODAL POPUP STYLES*/

.modalBackground {
    background: #D9EEE4;
    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: 600px;
    overflow: auto;
    padding-bottom: 10px;
    top: -80px;
}

    .modalPopup .header {
        border: 1px solid #D9EEE4;
        background-color: steelblue;
        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;
}


.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 #11A761;
    background-color: #D9EEE4;
    color: gray !important;
    padding: 3px 10px;
    margin: 0px 0px;
    font-weight: bold;
    display: block;
    box-shadow: gray 2px 2px 3px 1px;
}

.rbtnAll {
    border: 1px outset #11A761;
    border-left: 4px outset steelblue;
    background-color: #D9EEE4;
    color: black;
    padding: 3px 10px;
    margin: 0px 0px;
    display: block;
    box-shadow: gray 2px 2px 3px 1px;
}

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

.rbtnSelect {
    border: 1px outset steelblue;
    background-color: #edc4ed;
    box-shadow: gray 2px 2px 3px 1px;
    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;
}



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

    .MyTabStyle .ajax__tab_header .ajax__tab_outer {
        background-color: #f7ddf7;
        padding: 5px 15px 1px 15px;
        margin-right: 5px;
        border: solid 1px #70E4AD;
    }

        .MyTabStyle .ajax__tab_header .ajax__tab_outer a {
            color: steelblue;
        }

.MyTabStyle .ajax__tab_hover .ajax__tab_outer {
    background-color: #70E4AD;
}

.MyTabStyle .ajax__tab_header .ajax__tab_inner a {
    color: steelblue;
}

.MyTabStyle .ajax__tab_active .ajax__tab_outer {
    border-bottom-color: transparent;
    background-color: steelblue;
    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 steelblue;
    /*border-top-color: transparent;*/
}




.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, #D9EEE4);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
}

.WebTTNotification {
    box-shadow: gray 2px 2px 3px 1px;
    width: 100% !important;
    background: #e6f8e7;
}

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


@keyframes blinkerS {
    0% {
        color: white;
    }

    50% {
        color: silver;
    }

    100% {
        color: white;
    }
}


.bgStatusSilver {
    background-color: silver;
    color: white !important;
    padding: 2px 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: 2px 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: 2px 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: 2px 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: 2px 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: 2px 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: 2px 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: 2px 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: 2px 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: 2px 10px;
    text-decoration: none;
    border-radius: 0px 15px 15px 0px !important;
    animation: blinkerS steps(1) 750ms infinite;
}

.bgStatusBlue {
    background-color: steelblue;
    color: white !important;
    padding: 2px 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: 2px 10px;
    text-decoration: none;
    border-radius: 0px 15px 15px 0px !important;
    animation: blinkerS steps(1) 750ms infinite;
}

.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 #D9EEE4;
    filter: alpha(opacity=50);
    opacity: .9;
}

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


.ajax__calendar_container td {
    padding: 0 !important;
    margin: 0 !important;
    background-color: white !important;
    border: 0px solid #e6e5e5;
}

.ajax__calendar_body {
    width: auto !important;
    border: 0px solid #e6e5e5;
}


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