* {
    font-family: arial;
    padding: 0;
    margin: 0;
}
:root {
    --color1: #57636654;        /* grey 1 */
    --color2: #576366;          /* grey 2 */
    --color3: #d0d0d0e0;         /* grey 3 */
    --color4: #a0a0a0e0;        /* dark grey 4 */
    --color5: #303438;          /* Dark Grey datepkr */
    --color6: #202428;          /* Lighter Grey cal tooltip */
    --color7: #E0E0E0;          /* Lighter Grey cal tmpkr */
    --color8: #F0F0F0;          /* Lightest Grey cal disable/readonly */
    --color9: #F6F6F6;          /* Lightest Grey cal */
    --color10: #888;            /*Edit record bg*/
    --color11: #000;            /* black 1 */
    --color12: #1f5acf;         /* black 2 */
    --color13: #99CCFF;         /*  Light Blue Used for Application*/
    --color14: #9999FF;
    --color15: #8179E7;         /*  Purple Used for Cases*/
    --color16: #CCCCFF;         /*  Purple light Used for subtitle*/
    --color17: #E6E6FA;         /*  Lavender Used for tr:hover*/
    /*--color15: #8A84DC; */        /*  Purple Used for Cases*/
    --color21: #fff;            /* white 2 */
    --color31: #576366cc;       /* blue 1*/
    --color32: #1f5acf99;       /* blue 2 */
    --color33: #4c83c3;         /* light blue1 */
    --color34: #0000ff;         /* Dark blue */
    --color35: #4c83c3e3;       /*blue transparent, nested table */
    --color36: #003399;
    --color37: #bde4ff;         /* Light Blue */
    --color38: #e0ebff;         /* bg readonly */
    --color41: #ff0000;         /* red1 */
    --color42: #9209092e;
/*    --color43: #c34c4c;*/
    --color43: #ff0000b8;
    --color44: #cf1f1f;
    --color45: #c34c4ce3;
    --color46: #f32d02;
    --color47: #C0392B;         /* maroon for tries  */
    --color48: #ff8080;         /* Red Light used */
    --color49: #D93A2F;         /* Red Dark used for paid  */
    /*--color49: #C84940;*/     /* Red Dark used for paid  */
    --color51: #27912f;         /*  Green for new record cal, features, tooltip */ 
    /*--color51: #008000;             Green for new record  */
    --color52: #4CAF50;         /* Lite Green */
    --color53: #66CC66;         /* Cases viewbox bg */
    --color54: #B1D61D;         /* */
    --color55: #4DB450;         /* Budget green dark */
    --color56: #94ce51a8;        /* light green for run button */
    --color61: #F9603F;         /* Oragnge light Header Second Stickey*/
    --color62: #f357353d;
    --color63: #f8866d;         /* lighter orange nested table bg*/
    /*--color63: #f5522f;
    --color63: #A9A9A9;*/
    --color64: #f32d02;         /* Oragnge Dark Header Stickey Archive*/
    --color65: #ff9933;
    --color71: #4EE2EC;     /* Blue Diamond Paid square (Lighter) */
    --color72: #00CCCC;     /* Used For Steps (Light)*/
    --color73: #00B9C3;     /* Used For Steps (Dark)*/
    --color81: #EE15A8;     /* Pink used for Glacier  */
    --color91: #FAFFBD; /*  Yellow  used for edit class */
    --fontSize1: 13px; /* Login history Table, top nav & left &right nav */
    --fontSize10: 10px;
    --fontSize11: 11px;
    --fontSize12: 16px;         /* menu scroller */
    --fontSize2: 14px;          /* button & Selection */
    /*--fontSize3: 13px; */         /* req table */
    --fontSize15: 15px;
    --fontSize17: 17px;
    --fontSize20: 20px;
    --fontSize22: 22px;
    --fontSize25: 25px;
    --fontSize30: 12px;
    --fontSize09: 0.9vw;
    
}
            /*---------------------DATEPICKER CSS ----------------------*/

/* @start MAIN CALENDAR */
.dt_tm_cal, .dt_tm_cal *, .dt_tm_cal *:before,
.dt_tm_cal *:after{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.dt_tm_cal{
    top: 0;
    left: 0;
    width: 275px;
    height: auto;
    margin: 15px;
    padding: 0;
    z-index: 3000;
    display: block;
    position: absolute;
    visibility: hidden;
    direction: ltr;
    border-collapse: separate;
    font-family: "Open Sans", Calibri, Arial, sans-serif;
    background-color: var(--color21);
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3125);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3125);
}
.dt_tm_cal:after{
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    visibility: hidden;
}
.dt_tm_cal.cal_static{
    top: auto;
    left: auto;
    margin-left: auto;
    margin-right: auto;
    position: static;
    visibility: visible;
}
.dt_tm_cal button.cal_close{
    top: 100%;
    right: 15px;
    color: var(--color5);
    width: 35px;
    height: 25px;
    margin: 1px 0 0 0;
    padding: 5px 10px;
    opacity: 0.5;
    outline: none;
    display: inline-block;
    position: absolute;
    font-size: 14px;
    line-height: 1.125em;
    text-shadow: none;
    background-color: var(--color9);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
                9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBmaWxsPSIjMzAzNDM4IiBkP\
                SJNNy40OCA4bDMuNzUgMy43NS0xLjQ4IDEuNDhMNiA5LjQ4bC0zLjc1IDMuNzUtMS40OC0xLjQ4TDQuNTIgOCAuNzcgNC4y\
                NWwxLjQ4LTEuNDhMNiA2LjUybDMuNzUtMy43NSAxLjQ4IDEuNDhMNy40OCA4eiIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: center center;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3125);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3125);
    transition: opacity 142ms linear;
    -webkit-transition: opacity 142ms linear;
}
.dt_tm_cal button.cal_close:hover{
    opacity: 1;
}
/* @end MAIN CALENDAR */

/* @start CALENDAR TOOLTIP */
.dt_tm_cal .cal_tooltip{
    color: var(--color21);
    width: auto;
    margin: 0;
    padding: 0;
    display: block;
    position: absolute;
    background-color: var(--color6);
    border-radius: 3px;
}
.dt_tm_cal .cal_tooltip:before{
    top: -7px;
    left: 50%;
    width: 0;
    height: 0;
    margin: 0 0 0 -6px;
    content: "";
    display: block;
    position: absolute;
    border-width: 0 7px 7px 7px;
    border-style: solid;
    border-color: transparent transparent var(--color6) transparent;
}
.dt_tm_cal .cal_tooltip .tooltip_inner{
    width: auto;
    margin: 0;
    padding: 4px 7px;
    display: block;
    font-size: 12px;
    line-height: 14px;
}
/* @end CALENDAR TOOLTIP */

/* @start CALENDAR ACTIONs */
.dt_tm_cal .cal_actions{
    color: var(--color21);
    width: 100%;
    height: 36px;
    margin: 0;
    padding: 0;
    display: table;
    overflow: hidden;
    border-spacing: 0;
    border-collapse: separate;
    background-color: var(--color33);
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    border-radius: 3px 3px 0 0;
}
.dt_tm_cal .cal_actions span{
    margin: 0;
    padding: 0;
    display: table-cell;
    position: relative;
    text-align: center;
    line-height: 36px;
    text-shadow: -1px -1px 0 var(--color36);
    background-repeat: no-repeat;
    background-position: center center;
}
.dt_tm_cal .cal_actions span[data-action]{
    cursor: pointer;
}
.dt_tm_cal .cal_actions span.action{
    width: 36px;
    font-size: 22px;
}
.dt_tm_cal .cal_actions span.label{
    width: auto;
}
.dt_tm_cal .cal_actions span:first-child:before,
.dt_tm_cal .cal_actions span:last-child:before{
    top: 5px;
    bottom: 5px;
    width: 1px;
    height: auto;
    margin: 0;
    padding: 0;
    content: "";
    display: inline-block;
    position: absolute;
    background-color: var(--color36);
}
.dt_tm_cal .cal_actions span:first-child:before{
    right: -1px;
}
.dt_tm_cal .cal_actions span:last-child:before{
    left: -1px;
}
.dt_tm_cal .cal_actions span:first-child:hover:before,
.dt_tm_cal .cal_actions span:last-child:hover:before{
    display: none;
}
.dt_tm_cal .cal_actions span[data-action]:hover{
    background-color: var(--color36);
}
.dt_tm_cal .cal_actions span.action-prev{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
                9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgNiAxNiI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iT\
                TYgMkwwIDhsNiA2VjJ6Ii8+PC9zdmc+");
}
.dt_tm_cal .cal_actions span.action-next{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
                9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgNiAxNiI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iT\
                TAgMTRsNi02LTYtNnYxMnoiLz48L3N2Zz4=");
}
.dt_tm_cal .cal_actions span.action-submit{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
                9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBmaWxsPSIjZmZmZmZmIiBkP\
                SJNMTIgNWwtOCA4LTQtNCAxLjUtMS41TDQgMTBsNi41LTYuNUwxMiA1eiIvPjwvc3ZnPg==");
}
.dt_tm_cal .cal_actions span.action-cancel{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC\
                9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBmaWxsPSIjZmZmZmZmIiBkP\
                SJNNy40OCA4bDMuNzUgMy43NS0xLjQ4IDEuNDhMNiA5LjQ4bC0zLjc1IDMuNzUtMS40OC0xLjQ4TDQuNTIgOCAuNzcgNC4y\
                NWwxLjQ4LTEuNDhMNiA2LjUybDMuNzUtMy43NSAxLjQ4IDEuNDhMNy40OCA4eiIvPjwvc3ZnPg==");
}
/* @end CALENDAR ACTIONs */

/* @start CALENDAR DATEPICKER */
.dt_tm_cal .cal_dt_pkr{
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
}
.dt_tm_cal .cal_dt_pkr table{
    width: 100%;
    margin: 0;
    padding: 0;
    border-spacing: 0;
    border-collapse: separate;
}
.dt_tm_cal .cal_dt_pkr table tr th,
.dt_tm_cal .cal_dt_pkr table tr td{
    color: var(--color5);
    height: 30px;
    padding: 0;
    position: relative;
    font-size: 13px;
    text-align: center;
    font-weight: normal;
    text-shadow: none;
    line-height: 30px;
    background-color: transparent;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    border-radius: 0px;
}
.dt_tm_cal .cal_dt_pkr table tr th{
    color: var(--color21);
    background-color: var(--color5);
}
.dt_tm_cal .cal_dt_pkr table tr td{
    cursor: pointer;
}
.dt_tm_cal .cal_dt_pkr table tr td span.inner{
    margin: 0;
    padding: 0;
    display: inline-block;
}
.dt_tm_cal .cal_dt_pkr table tr td.dt_disabled{
    cursor: not-allowed;
    color: var(--color4);
    background-color: var(--color8);
}
.dt_tm_cal .cal_dt_pkr table tr td.dt_disabled:after{
    left: 3px;
    bottom: 3px;
    width: 35px;
    height: 1px;
    margin: 0;
    padding: 0;
    content: "";
    display: inline-block;
    position: absolute;
    background-color: var(--color3);
    transform-origin: 2px -5px;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.dt_tm_cal .cal_dt_pkr table tr td.dt_previous,
.dt_tm_cal .cal_dt_pkr table tr td.dt_next{
    color: var(--color4);
    background-color: var(--color8);
}
.dt_tm_cal .cal_dt_pkr table tr td.dt_today:before,
.dt_tm_cal .cal_dt_pkr table tr td .tooltip_tick{
    top: 5px;
    width: 5px;
    height: 5px;
    margin: 0;
    padding: 0;
    z-index: 20;
    content: "";
    display: inline-block;
    position: absolute;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    border-radius: 50%;
}
.dt_tm_cal .cal_dt_pkr table tr td.dt_today:before{
    left: 5px;
    background-color: var(--color52);
}
.dt_tm_cal .cal_dt_pkr table tr td .tooltip_tick{
    right: 5px;
    background-color: var(--color6);
}
.dt_tm_cal .cal_dt_pkr table tr td .tooltip_tick:before,
.dt_tm_cal .cal_dt_pkr table tr td .tooltip_tick:after{
    display: none;
}
.dt_tm_cal .cal_dt_pkr table tr th.cal_week,
.dt_tm_cal .cal_dt_pkr table tr td.cal_day{
    width: 14.28571429%;
    height: 35px;
}
.dt_tm_cal .cal_dt_pkr table tr th.cal_week span.inner,
.dt_tm_cal .cal_dt_pkr table tr td.cal_day span.inner{
    width: 31px;
    height: 31px;
    line-height: 29px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-radius: 50%;
}
.dt_tm_cal .cal_dt_pkr table tr th.cal_week:hover span.inner,
.dt_tm_cal .cal_dt_pkr table tr td.cal_day:hover span.inner{
    border-color: var(--color4);
}
.dt_tm_cal .cal_dt_pkr table tr th.cal_week.dt_disabled span.inner,
.dt_tm_cal .cal_dt_pkr table tr td.cal_day.dt_disabled span.inner,
.dt_tm_cal .cal_dt_pkr table tr th.cal_week.dt_disabled:hover span.inner,
.dt_tm_cal .cal_dt_pkr table tr td.cal_day.dt_disabled:hover span.inner{
    border-color: transparent;
}
.dt_tm_cal .cal_dt_pkr table tr th.cal_week.dt_select span.inner,
.dt_tm_cal .cal_dt_pkr table tr td.cal_day.dt_select span.inner,
.dt_tm_cal .cal_dt_pkr table tr th.cal_week.dt_select:hover span.inner,
.dt_tm_cal .cal_dt_pkr table tr td.cal_day.dt_select:hover span.inner{
    color: var(--color52);
    border-color: var(--color52);
}
.dt_tm_cal .cal_dt_pkr table tr td.cal_month,
.dt_tm_cal .cal_dt_pkr table tr td.cal_year,
.dt_tm_cal .cal_dt_pkr table tr td.cal_decade{
    width: 33.33333333%;
    height: 40px;
    transition: color 142ms linear;
    -webkit-transition: color 142ms linear;
}
.dt_tm_cal .cal_dt_pkr table tr td.cal_month.dt_today:before,
.dt_tm_cal .cal_dt_pkr table tr td.cal_year.dt_today:before,
.dt_tm_cal .cal_dt_pkr table tr td.cal_decade.dt_today:before{
    left: 50%;
    margin-left: -2.5px;
}
.dt_tm_cal .cal_dt_pkr table tr td.cal_month span.inner,
.dt_tm_cal .cal_dt_pkr table tr td.cal_year span.inner,
.dt_tm_cal .cal_dt_pkr table tr td.cal_decade span.inner{
    width: auto;
    height: 31px;
    line-height: 29px;
}
.dt_tm_cal .cal_dt_pkr table tr td.cal_month span.inner:before,
.dt_tm_cal .cal_dt_pkr table tr td.cal_year span.inner:before,
.dt_tm_cal .cal_dt_pkr table tr td.cal_decade span.inner:before,
.dt_tm_cal .cal_dt_pkr table tr td.cal_month span.inner:after,
.dt_tm_cal .cal_dt_pkr table tr td.cal_year span.inner:after,
.dt_tm_cal .cal_dt_pkr table tr td.cal_decade span.inner:after{
    width: 20px;
    height: 20px;
    content: "";
    z-index: 15;
    display: inline-block;
    position: absolute;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    transition: all 142ms linear;
    -webkit-transition: all 142ms linear;
}
.dt_tm_cal .cal_dt_pkr table tr td.cal_month span.inner:before,
.dt_tm_cal .cal_dt_pkr table tr td.cal_year span.inner:before,
.dt_tm_cal .cal_dt_pkr table tr td.cal_decade span.inner:before{
    top: 0;
    left: 0;
}
.dt_tm_cal .cal_dt_pkr table tr td.cal_month:hover span.inner:before,
.dt_tm_cal .cal_dt_pkr table tr td.cal_year:hover span.inner:before,
.dt_tm_cal .cal_dt_pkr table tr td.cal_decade:hover span.inner:before{
    top: 6px;
    left: 6px;
    border-top-color: var(--color4);
    border-left-color: var(--color4);
}
.dt_tm_cal .cal_dt_pkr table tr td.cal_month span.inner:after,
.dt_tm_cal .cal_dt_pkr table tr td.cal_year span.inner:after,
.dt_tm_cal .cal_dt_pkr table tr td.cal_decade span.inner:after{
    right: 0;
    bottom: 0;
}
.dt_tm_cal .cal_dt_pkr table tr td.cal_month:hover span.inner:after,
.dt_tm_cal .cal_dt_pkr table tr td.cal_year:hover span.inner:after,
.dt_tm_cal .cal_dt_pkr table tr td.cal_decade:hover span.inner:after{
    right: 6px;
    bottom: 6px;
    border-right-color: var(--color4);
    border-bottom-color: var(--color4);
}
.dt_tm_cal .cal_dt_pkr table tr td.cal_year,
.dt_tm_cal .cal_dt_pkr table tr td.cal_decade{
    width: 25%;
}
.dt_tm_cal .cal_dt_pkr table tr td.cal_decade span.inner{
    height: 54px;
    padding: 7px 15px;
    text-align: left;
    line-height: 20px;
}
/* @end CALENDAR DATEPICKER */