:root {
    --color-primary: #100c33;
    --color-accent: #25aae1;
    --text-input-background-color: #eee;
    --link-color: #62c8ca;
    --outline-color: #62c8ca;
    --outline-color-accent: #2ea3f2;
    --text-color-primary: #fff;
    --text-color-accent: #1E3250;
    --text-color-primary-dark: #666666;
    --footer-color-primary: #3d3d3d;
    --footer-color-accent: rgba(0, 0, 0, 0.32);
    /**colors from palatte**/
    --bg-color-primary: #04115A;
    --mud-palette-primary: #04115A;
    --bg-color-nav-move: #145D7D;
    --bg-color-nav-oasys: #262261;
    --bg-color-table-header: #f2f2f2;
    --not-wide-page:; /*Intentionally left blank*/
    --wide-page: false;
    --top-spacing: flex-end;
    --button-primary-bg-color: #262261;
}
@charset "utf-8";
/* CSS Document */
* {
    padding: 0;
    margin: 0;
    outline: none;
}
/*body { font-family:Arial, Helvetica, sans-serif; color:#575758; font-size:12px; background:url(../images/bgxxx.png) left top repeat-x; padding:20px 0;} */
body {
    font-family: Arial, Helvetica, sans-serif;
    color: #575758;
    font-size: 14px;
    background-color: #fff;
    padding: 20px 0;
}

.body1 {
    background: #ffffff;
    color: #000000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 5px 5px;
    margin-top: 10px;
}
/*global css*/
a {
    text-decoration: none;
    color: #323232;
    outline: none;
}

    a:hover {
        text-decoration: underline;
    }

a, img {
    outline: none;
    border: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

ul, li {
    list-style: none;
}

.error-m {
    color: Red;
}

.txtcntre {
    text-align: center;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.ulbullet {
    padding: 10px;
    font-size: 12px;
}

    .ulbullet li {
        list-style-type: square;
        list-style-position: inside;
        padding: 5px 0;
    }

        .ulbullet li a {
            font-weight: bold;
        }

/*header css start*/
.header {
    clear: both;
    height: 77px;
    position: relative;
    border: 1px solid #ececec;
    background: #FFFFFF;
    border-bottom: 0px;
    width: 95%;
    margin: 0 auto;
}

    .header .logo {
        width: 121px;
        height: 60px;
        position: absolute;
        left: 10px;
        top: 10px;
    }

    .header .welcome {
        position: absolute;
        right: 15px;
        top: 7px;
        float: right;
    }

        .header .welcome a {
            font-weight: bold;
            padding: 0px 2px;
        }

    .header .date-time {
        position: absolute;
        right: 15px;
        top: 35px;
        float: right;
    }
    /*.header .srchdiv { position:absolute; left:34%; top:35px; float:left; font-weight:bold; border:0px solid #f1f1f1; background:none;}
.header .srchdiv li { padding:0 5px 0 0; line-height:23px; color:#bc0a04;} */
    .header h2 {
        position: absolute;
        left: 47%;
        top: 45px;
        float: left;
        color: #ad0e03;
        font-weight: bold;
        font-size: 13px;
    }

    .header ul {
        position: absolute;
        left: 30%;
        top: -1px;
        float: left;
        background: #6d6e69;
        padding: 5px 10px;
        border: 1px solid #e7e6e6;
        border-width: 0 1px 1px 1px;
        z-index: 9999;
    }

        .header ul li {
            float: left;
            padding: 0 10px;
            position: relative;
        }

            .header ul li a {
                color: #fff;
                text-transform: uppercase;
                font-size: 11px;
                font-weight: bold;
            }

        .header ul ul {
            display: none;
            position: absolute;
            left: 0;
            top: 20px;
            padding: 0 0 0 0;
        }

            .header ul ul li {
                float: none;
                min-width: 120px;
                padding: 0 10px 0px 10px;
                border-bottom: 1px solid #5e5e5d;
            }

                .header ul ul li a {
                    padding: 5px 0 2px 0;
                    display: block;
                    font-weight: normal;
                }

.menu {
    clear: both;
    background: #2D96FF;
    height: 43px;
    width: 95%;
    margin: 0 auto 0 auto;
    border: 1px solid #2D96FF;
    border-width: 0 1px;
    /*  
            align: center;
             /* Internet Explorer 10 */
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    /* Firefox */
    /*display:-moz-box;*/
    -moz-box-pack: center;
    -moz-box-align: center;
    -moz-box-margin: 0 5%;
    /* Safari, Opera, and Chrome 
             display:-webkit-box;
            -webkit-box-pack:center;
            -webkit-box-align:center;*/
    /* W3C */
    display: box;
    box-pack: center;
    box-align: center;
}

    .menu p {
        line-height: 42px;
        height: 43px;
        font-size: 12px;
        font-weight: bold;
        color: #000000;
        text-indent: 20px;
    }

    .menu ul.tmenu {
        clear: both;
        float: left;
    }

        .menu ul.tmenu li {
            float: left;
            position: relative;
        }

            .menu ul.tmenu li a {
                font-size: 12px;
                font-weight: bold;
                line-height: 42px;
                height: 43px;
                float: left;
                display: block;
                padding: 0 20px;
                border-right: 1px solid #f8a203;
            }

        .menu ul.tmenu ul {
            display: none;
            position: absolute;
            left: 0;
            top: 42px;
            background: #4d4c4c;
            padding: 0 0 0px 0;
        }

            .menu ul.tmenu ul li {
                float: none;
                margin: 0px 0px;
                display: block;
                overflow: auto;
                border-right: none;
                border-bottom: 1px solid #333333;
            }

                .menu ul.tmenu ul li a {
                    line-height: normal;
                    height: auto;
                    color: #fff;
                    min-width: 140px;
                    border-right: none;
                    padding: 7px 25px 7px 20px;
                    display: block;
                }

                    .menu ul.tmenu ul li a:hover {
                        background: #3e3d3d;
                        text-decoration: none;
                    }

    .menu ul.srchdiv {
        float: right;
        padding: 10px 20px 0 0;
    }

        .menu ul.srchdiv li {
            float: left;
            font-weight: bold;
            color: #2a2929;
            padding: 0 0 0 10px;
            font-size: 13px;
            line-height: 23px;
        }
/*header css end*/

/*body css start*/
.wrapper {
    clear: both;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #ececec;
    border-width: 0px 1px;
    background: #FFFFFF;
}

    .wrapper .wrapper-in {
        padding: 10px 15px 15px 15px;
    }

.tbody-tab {
    clear: both;
    text-align: left;
    padding: 0 0 10px 0;
    overflow: auto;
}

    .tbody-tab h1 {
        font-size: 14px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        float: left;
        padding: 10px 0 5px 0;
        font-weight: bold;
    }

    .tbody-tab ul {
        float: right;
    }

        .tbody-tab ul li {
            float: left;
            padding: 0 0 0 5px;
        }

    .tbody-tab p {
        font-weight: bold;
    }

.tabl-data {
    clear: both;
    margin-bottom: 15px;
}

    .tabl-data h1 {
        font-size: 12px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }

    .tabl-data h3 {
        font-size: 12px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background: #858484;
        color: #fff;
        padding: 5px 10px;
    }

    .tabl-data h2 {
        font-size: 12px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        border-bottom: 1px solid #ededed;
        margin-bottom: 20px;
        padding: 0 0 5px 0;
    }

    .tabl-data .left-tbl {
        float: left;
        width: 49%;
    }

    .tabl-data .right-tbl {
        float: left;
        width: 49%;
    }

        .tabl-data .left-tbl table, .tabl-data .right-tbl table {
            border-collapse: collapse;
            font-weight: bold;
            border: 0px dashed #f2f2f2;
        }

            .tabl-data .left-tbl table td, .tabl-data .right-tbl table td {
                padding: 2px 2px;
                background: #fcfcfc;
                vertical-align: middle;
            }

                .tabl-data .left-tbl table td img, .tabl-data .right-tbl table td img {
                    vertical-align: top;
                }

            .tabl-data .left-tbl table tr, .tabl-data .right-tbl table tr {
                border-bottom: 1px dashed #f2f2f2;
            }

                .tabl-data .left-tbl table tr td b, .tabl-data .right-tbl table tr td b {
                    color: #ff0000;
                    font-weight: bold;
                }

    .tabl-data table {
        border-collapse: collapse;
        font-weight: bold;
        border: 0px dashed #f2f2f2;
    }

        .tabl-data table tr {
            border-bottom: 0px dashed #f2f2f2;
        }

        .tabl-data table td {
            padding: 5px 15px;
            background: # /*fcfcfc*/ fcfcfc;
            vertical-align: top;
        }

            .tabl-data table td sup {
                color: #ff0000;
                font-weight: bold;
            }

.innerTabl {
    border-collapse: collapse;
    border: none !important;
}

    .innerTabl tr {
        border: none !important;
    }

    .innerTabl td {
        border-collapse: collapse;
        padding: 2px 5px 0 0 !important;
        border: none !important;
    }
/**/

.input-btn-grid {
    padding: 3px 5px;
    border: 0px;
    background: #b30606;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    cursor: pointer;
}

    .input-btn-grid:hover {
    }

.big-lmnu {
    border: 1px solid #7F9DB9;
    min-width: 110px;
    width: 326px;
}

.tbl-txtf {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    min-width: 110px;
    width: 250px;
    text-transform: uppercase;
    border: 1px solid #979aa3;
    padding: 0px;
    height: 16px;
}

.tbl-txtf-AirFlow {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    min-width: 70px;
    width: 70px;
    text-transform: uppercase;
    border: 1px solid #979aa3;
    padding: 0px;
    height: 16px;
}

.tbl-txtf-middle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    min-width: 30px;
    width: 150px;
    text-transform: uppercase;
    border: 1px solid #979aa3;
    height: 16px;
}

.tbl-txtf-pass {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    min-width: 30px;
    width: 100px;
    border: 1px solid #979aa3;
    height: 16px;
}

.tbl-txtf-small {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    min-width: 30px;
    width: 30px;
    text-transform: uppercase;
    border: 1px solid #979aa3;
    height: 16px;
}

.sml-txtf {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid #7F9DB9;
    min-width: 110px;
    width: 110px;
    text-transform: uppercase
}

.sml-lmnu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid #7F9DB9;
    min-width: 110px;
    width: 130px;
    text-transform: uppercase
}

.tbl-txtf-date {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid #7F9DB9;
    width: 70px;
    text-transform: uppercase;
    height: 16px;
}

.txtarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 3px 2px 3px 2px;
    min-width: 110px;
    text-transform: uppercase
}

.txtareaBL {
    font-family: Courier New;
    font-size: 16px;
    padding: 3px 2px 3px 2px;
    min-width: 50%;
    width: 100%;
    text-transform: uppercase;
    resize: none;
    overflow-y: scroll;
    border: 1px solid #3d3d3d;
}

.sml-fld {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid #7F9DB9;
    width: 60px;
    text-transform: uppercase
}

.lbl {
    font-size: 12px;
}
/**/

/*body css end*/
/*footer css start*/
.footermain {
    clear: both;
    background: #2D96FF;
    height: 33px;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #2D96FF;
    border-width: 1 0px;
}

.newfooter {
    clear: both;
    background: #2D96FF;
    padding: 0px 0;
    text-align: center;
    width: 822px !important;
}

.footer {
    border: 1px solid #2D96FF;
    border-width: 0px 1px;
    width: 95%;
    margin: 0 auto;
    clear: both;
    background: #2D96FF;
    padding: 0px 0;
    text-align: center;
}
/*footer css end*/


/*popup css start*/
.popup-div, dialog {
    border: var(--button-primary-bg-color) 2px solid !important;
    background: #ffffff;
    border-radius: 10px;
    border-radius: 10px;
    border-color: var(--button-primary-bg-color);
    padding: 30px;
    width: 100% !important;
    max-width: 900px;
}

.popup-div-alt {
    padding: 1px;
    width:auto;
    z-index: 99999999 !important
}
.popup-close {
    float: right;
    position: relative;
    top: -15px;
    right: -15px;
}

.popup-heading {
    color: #2f2f2f;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
    padding: 0 0 5px 0;
}

.popup-table-div {
    clear: both;
}

    .popup-table-div table {
        border-collapse: collapse;
        font-size: 12px;
        color: #000;
    }

        .popup-table-div table td {
            padding: 2px 5px;
        }
/*popup css  end*/

.focus {
    border: 1px solid #FF0000;
    background-color: #FFFFD4;
}

.focuss {
    border: 1px solid #7F9DB9;
    background-color: #FFF;
}

.areafocus {
    border: 1px solid #FF0000;
    background-color: #FFFFD4;
}

.areafocuss {
    border: 1px solid #7F9DB9;
    background-color: #FFF;
}

.submitfocus {
    border: 1px solid #FF0000;
    background-color: #000000;
}

.submitfocuss {
    border: 1px solid #7F9DB9;
    background-color: #000000;
}

.selectfocus {
    border: 1px solid #FF0000;
    background-color: #FFFFFF;
}

.selectfocuss {
    border: 1px solid #7F9DB9;
    background-color: #FFFFFF;
}

.imagefocus {
    border: 1px solid #FF0000;
}

.imagefocuss {
    border: 0px solid #7F9DB9;
}

.buttonfocus {
    border: 1px solid #FF0000;
}

.buttonfocuss {
    border: 1px solid #7F9DB9;
}

.chkboxfocus {
    border: 1px solid #FF0000;
    background-color: #FFFFD4;
}

.chkboxfocuss {
    border: 1px solid #7F9DB9;
    background-color: #FFF;
}


#divImage {
    position: absolute;
    padding: 4px;
    top: 250px;
    right: 400px;
    color: gray;
    font-size: 13px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    width: 150px;
    height: 20px;
}

.mandatory {
    color: #FF0000;
    white-space:nowrap;
}

.ModalBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.6;
    z-index: 999;
}

.calendarContainerOverride table {
    width: 0px;
    height: 0px;
}

    .calendarContainerOverride table tr td {
        padding: 0;
        margin: 0;
    }

.pagination {
    line-height: 26px;
}
.pagination > td {
    text-align:right;
}
    .pagination table td {
        display:initial;
    }
    .pagination span, .pagination a {
        padding: 5px;
        border: solid 1px var(--button-primary-bg-color);
        border-radius: 5px;
        text-decoration: none;
        white-space: nowrap;
        min-width: 30px;
        display: inline-block;
        text-align: center;
        line-height: 1em;
    }
    .pagination span {
        color: #fff;
        background-color: var(--button-primary-bg-color);
    }

        .thumbnail-table {
            /* Internet Explorer 10 */
            display: -ms-flexbox;
            -ms-flex-pack: center;
            -ms-flex-align: center;
            /* Firefox */
            display: -moz-box;
            -moz-box-pack: center;
            -moz-box-align: center;
            /* Safari, Opera, and Chrome */
            display: -webkit-box;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            /* W3C */
            display: box;
            box-pack: center;
            box-align: center;
        }

.CalButton {
    margin-left: auto;
    margin-right: auto;
    width: 16px;
    height: 18px;
    vertical-align: bottom;
}

.CalButtonUp {
    margin-left: auto;
    margin-right: auto;
    width: 16px;
    height: 18px;
    vertical-align: top;
}


body {
    padding:0;
}
/*//////////////////////////////////////////////////////////////////
[ FONT ]*/

@font-face {
    font-family: Poppins-Regular;
    src: url('../fonts/poppins/Poppins-Regular.ttf');
}

@font-face {
    font-family: Poppins-Medium;
    src: url('../fonts/poppins/Poppins-Medium.ttf');
}

@font-face {
    font-family: Poppins-Bold;
    src: url('../fonts/poppins/Poppins-Bold.ttf');
}

@font-face {
    font-family: Poppins-SemiBold;
    src: url('../fonts/poppins/Poppins-SemiBold.ttf');
}




/*//////////////////////////////////////////////////////////////////
[ RESTYLE TAG ]*/

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body, html {
    height: 100%;
    font-family: Poppins-Regular, sans-serif;
}

/*---------------------------------------------*/
a {
    font-family: Poppins-Regular;
    color: #666666;
    margin: 0px;
}

a:focus {
        outline: 1px dashed currentColor;
    }
.login100-form input:focus {
    outline: 2px solid #fff;
} a:hover {
        text-decoration: none;
        color: #fff;
    }
/*---------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    margin: 0px;
} p {
    font-family: Poppins-Regular;
    font-size: 14px;
    line-height: 1.7;
    color: #666666;
    margin: 0px;
} ul, li {
    margin: 0px;
    list-style-type: none;
}
/*---------------------------------------------*/
input {
    outline: none;
    border: none;
} textarea {
    outline: none;
    border: none;
} input:focus::-webkit-input-placeholder {
            color: transparent;
        } input:focus:-moz-placeholder {
            color: transparent;
        } input:focus::-moz-placeholder {
            color: transparent;
        } input:focus:-ms-input-placeholder {
            color: transparent;
        } textarea:focus::-webkit-input-placeholder {
            color: transparent;
        } textarea:focus:-moz-placeholder {
            color: transparent;
        } textarea:focus::-moz-placeholder {
            color: transparent;
        } textarea:focus:-ms-input-placeholder {
            color: transparent;
        } input::-webkit-input-placeholder {
    color: #fff;
} input:-moz-placeholder {
    color: #fff;
} input::-moz-placeholder {
    color: #fff;
} input:-ms-input-placeholder {
    color: #fff;
} textarea::-webkit-input-placeholder {
    color: #fff;
} textarea:-moz-placeholder {
    color: #fff;
} textarea::-moz-placeholder {
    color: #fff;
} textarea:-ms-input-placeholder {
    color: #fff;
} .wrap-login100 [type="checkbox"] + span:not(.lever):before, .wrap-login100 [type="checkbox"]:not(.filled-in) + span:not(.lever):after {
    border-color:#fff;
} .wrap-login100 [type="checkbox"]:checked + span:not(.lever):before {
    border-right-color:#fff;
    border-bottom-color:#fff;
} .wrap-login100 [type="checkbox"].tabbed:focus + span:not(.lever):after {
    -webkit-box-shadow: 0 0 0 10px rgba(255,255,255,0.1);
    box-shadow: 0 0 0 10px rgba(255,255,255,0.1);
    background-color: rgba(255,255,255,0.1);
} .wrap-login100 label {
    margin: 0;
    display: block;
    color: #fff;
}
/*---------------------------------------------*/
button {
    outline: none !important;
    border: none;
    background: transparent;
} button:hover {
        cursor: pointer;
    } iframe {
    border: none !important;
}
/*//////////////////////////////////////////////////////////////////
[ Utility ]*/
.txt1 {
    font-family: Poppins-Regular;
    font-size: 13px;
    color: #e5e5e5;
    line-height: 1.5;
}
/*//////////////////////////////////////////////////////////////////
[ login ]*/
.limiter {
    width: 100%;
    margin: 0 auto;
} .container-login100 {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
} .container-login100::before {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(255,255,255,0.6);
    }.wrap-login100 {
    width: 500px;
    border-radius: 10px;
    padding: 55px 55px 37px 55px;
    background: var(--bg-color-nav-oasys);
}
 
/*------------------------------------------------------------------
[ Form ]*/
.login100-form {
    width: 100%;
} .login100-form-logo {
    font-size: 60px;
    color: #333333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
} .login100-form-title {
    font-family: Poppins-Medium;
    font-size: 30px;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    display: block;
}
/*------------------------------------------------------------------
[ Input ]*/
.wrap-input100 {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}

.wrap-input100 input:-webkit-autofill,
.wrap-input100 input:-webkit-autofill:hover,
.wrap-input100 input:-webkit-autofill:focus,
.wrap-input100 input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px var(--bg-color-nav-oasys) inset !important;
    box-shadow: 0 0 0px 1000px var(--bg-color-nav-oasys) inset !important;
    -webkit-text-fill-color: #fff !important;
}

.wrap-input100 input:-moz-autofill {
    box-shadow: 0 0 0px 1000px var(--bg-color-nav-oasys) inset !important;
    -moz-text-fill-color: #fff !important;
}

.wrap-input100 input:-webkit-autofill,
.wrap-input100 input:-moz-autofill {
    border: 1px solid #ccc !important;
    background-color: #fff !important;
}
.input100 {
    font-family: Poppins-Regular;
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
    display: block;
    width: calc(100% - 43px) !important;
    height: 45px;
    background: transparent;
    padding: 0 5px 0 38px !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}
.helper-text {
    margin-bottom:30px;
    padding:10px 0;
    font-size:.8em;
    color:#fff;
}
/*---------------------------------------------*/
.focus-input100 {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
} .focus-input100::before {
        content: "";
        display: block;
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 0;
        height: 2px;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        background: #fff;
    } .focus-input100::after {
        font-family: Material-Design-Iconic-Font;
        font-size: 22px;
        color: #fff;
        content: attr(data-placeholder);
        display: block;
        width: 100%;
        position: absolute;
        top: -8px;
        left: 0px;
        padding-left: 5px;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
    } .input100:focus {
    padding-left: 5px;
} .input100:focus + .focus-input100::before {
        width: 100%;
    } .has-val.input100 + .focus-input100::before {
    width: 100%;
} .has-val.input100 {
    padding-left: 5px;
}
/*------------------------------------------------------------------
[ Button ]*/
.container-login100-form-btn {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.login100-form-btn {
    font-family: Poppins-Medium;
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    min-width: 120px;
    height: 50px;
    border-radius: 25px;
    background: var(--color-accent);
    position: relative;
    z-index: 1;
    cursor: pointer;
} .login100-form-btn:hover {
        color: #fff;
    }
/*------------------------------------------------------------------
[ Responsive ]*/
@media (max-width: 576px) {
    .wrap-login100 {
        padding: 55px 15px 37px 15px;
    }
}
/*------------------------------------------------------------------
[ Alert validate ]*/
.validate-input {
    position: relative;
} .alert-validate::before {
    content: attr(data-validate);
    position: absolute;
    max-width: 70%;
    background-color: #fff;
    border: 1px solid #c80000;
    border-radius: 2px;
    padding: 4px 25px 4px 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0px;
    pointer-events: none;
    font-family: Poppins-Regular;
    color: #c80000;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;
} .alert-validate::after {
    content: "\f12a";
    font-family: FontAwesome;
    font-size: 16px;
    color: #c80000;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 5px;
} .alert-validate:hover:before {
    visibility: visible;
    opacity: 1;
} .input-btn {
    display:inline-block;
    padding: 0.25rem 0.75rem;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0.25rem;
    background: var(--button-primary-bg-color) !important;
    color: #FFFFFF;
    cursor: pointer;
    border: 0px;
} .input-btn:hover {
    background: #141414 !important;
} .input-btn:focus {
    outline: 1px dashed #fff;
    outline-offset: -3px;
}
.validatedField a:focus {
    outline:none;
}  
a:focus .material-icons {
    outline: 1px dashed #fff;
    outline-offset: -3px; 
}
ul.collection .collection-item {
    padding:5px 20px;
}
ul .collection-item:focus {
    outline: 1px dashed currentColor;
    outline-offset: -3px;
} .input-btn:disabled {
    cursor: not-allowed;
    opacity: .3;
} #btnClose, .btnClose, #dialog-close {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 8px;
} @media (max-width: 992px) {
    .alert-validate::before {
        visibility: visible;
        opacity: 1;
    }
} .sr-only {
    display:none!important;
}
#ProgressBarModalPopupExtender_backgroundElement {
    z-index:999999!important;
}
#SearchProgressModalPopupExtender_backgroundElement {
    z-index: 999999 !important;
}
.welcome {
    display: flex;
    justify-content: flex-end;
}
.welcome .dropdown-trigger {
    display: flex;
    gap: .5em;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    height: auto;
    line-height: 1;
    flex-grow:0;
}
.dropdown-trigger:hover {
    text-decoration:none!important;
}
.welcome .dropdown-content {
    top: 100% !important;
}
    .welcome .dropdown-content li > a {
        line-height: 22px;
        padding: 14px 16px;
        margin-left:0;
    }

body .ajax__tab_xp .ajax__tab_body {
    font-size:inherit;
}
.my-actions .btnClose {
    margin:0;
}
.swal2-popup {
    border: var(--button-primary-bg-color) 2px solid !important;
    background: #ffffff;
    border-radius: 10px;
    border-radius: 10px;
    border-color: var(--button-primary-bg-color);
}
.plSummaryTable tbody td {
    padding:4px;
}
.plSummaryTable th:nth-of-type(7), .plSummaryTable tbody td:nth-of-type(7), .plSummaryTable.ap tbody td:nth-of-type(8) {
    text-align: center;
}
.plSummaryTable tfoot td:nth-of-type(7), .plSummaryTable.ap tfoot td:nth-of-type(8) {
    text-align: right;
}
.charge-table th, .charge-table td {
    padding: 4px;
}
.charge-table th:last-of-type, .charge-table:not(.ap) th:nth-of-type(3), .charge-table td:last-of-type {
    text-align: center;
}
.row.plTotals {
    padding:1em;
    background: #ECE9D8;
    text-align:center;
}
.lblMessageWrapper {
    text-align:center;
    padding: 0 0 1em 0;
}
.char-counter-container {
    display: flex;
    flex-direction: row-reverse;
    gap: 16px;
}
.char-guidance, .char-error {
    color:red;
    font-weight:bold;
}
.edi-label-wrapper {
    display:flex;
}
.edi-label-wrapper i {
    margin-left: 4px;
    font-size: 20px;
    cursor: pointer;
}
#mbody .material-tooltip {
    text-align:left;
}