/* Login Css
----------------------------------------------------------*/
.LoginScreen {
    color: #4B055C;
    font-size: 11px;
    font-weight: normal;
    font-family: Arial;
    padding-top: 20px;
}

.LoginScreenText {
    color: #4B055C;
    font-size: 14px;
    font-weight: normal;
    font-family: Arial;
    padding-top: 10px;
}

.Loginshadowbox {
    margin: 10px;
    width: 75%;
    padding: 10px 25px 1px 5px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    background: #FEF2FF;
    box-shadow: 0px 0px 10px 7px rgba(75, 5, 92, 0.75);
    -moz-box-shadow: 0px 0px 10px 7px rgba(75, 5, 92, 0.75);
    -webkit-box-shadow: 0px 0px 10px 7px rgba(75, 5, 92, 0.75);
}
/* Login Css
----------------------------------------------------------*/

/* Dashboard Css
----------------------------------------------------------*/
@font-face {
    font-family: 'Akzidenz-Grotesk BQ Condensed';
    src: url('fonts/akzidenzgrotesk-bq-condensed-bold-italic.eot');
    src: url('fonts/akzidenzgrotesk-bq-condensed-bold-italic.eot?#iefix') format('embedded-opentype'), url('fonts/akzidenzgrotesk-bq-condensed-bold-italic.woff2') format('woff2'), url('fonts/akzidenzgrotesk-bq-condensed-bold-italic.woff') format('woff'), url('fonts/akzidenzgrotesk-bq-condensed-bold-italic.ttf') format('truetype'), url('fonts/akzidenzgrotesk-bq-condensed-bold-italic.otf') format('opentype'), url('fonts/akzidenzgrotesk-bq-condensed-bold-italic.svg#Akzidenz-Grotesk BQ Condensed') format('svg');
}

.Subheading5 {
    font-family: Akzidenz-Grotesk BQ Condensed;
    font-size: 18px;
    color: #b89600;
}

.Subheading4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #4B055C;
    font-weight: bolder;
}

.Subheading2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #4B055C;
    font-weight: bolder;
}

.Subheading3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #4B055C;
    font-weight: bold;
}

.txtBlack {
    color: #000000;
}

.padright {
    padding-right: 110px;
}

.GridHeaderCssClass {
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}

.GridHeaderCssClass1 {
    font-family: Arial;
    font-size: 12px;
    font-weight: bolder;
}

.LableTextGreen {
    font-weight: bolder;
    font-size: 16px;
    color: #4B055C;
}

.GridItemCssClass {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.GridItemCssLeft {
    text-align: left;
    padding-left: 10px;
}

.GridHeaderCssClass2 {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.GridHeaderCssClass3 {
    font-family: Arial;
    font-size: 10px;
    text-align: left;
}

#round1 {
    border-radius: 25px;
    padding: 2px;
    width: 85%;
    height: 55px;
    border: 1px;
    background-color: #A8A8A8;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
}

#divBottom {
    padding: 2px;
    width: 85%;
    height: 20%;
    border: 3px;
    border-style: solid;
    border-color: Purple;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

body {
    scrollbar-highlight-color: #4B055C;
    scrollbar-arrow-color: #ffffff;
    font-family: Arial, Verdana;
    text
}

::-webkit-scrollbar {
    width: 14px;
}

/* Track */
::-webkit-scrollbar-track {
    background-color: #4B055C;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: white;
    border: 4px solid #4B055C;
    border-top: 5px solid #4B055C;
    border-bottom: 5px solid #4B055C;
}

#divNewsFlash {
    scrollbar-highlight-color: #A8A8A8;
    scrollbar-arrow-color: #ffffff;
}

    #divNewsFlash::-webkit-scrollbar {
        width: 17px;
    }

    /* Track */
    #divNewsFlash::-webkit-scrollbar-track {
        background-color: #A8A8A8;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    /* Handle */
    #divNewsFlash::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        height: 40px;
        background: white;
        border: 4px solid #A8A8A8;
        border-top: 5px solid #A8A8A8;
        border-bottom: 5px solid #A8A8A8;
    }
/* Dashboard Css
----------------------------------------------------------*/

/* Menu Css
----------------------------------------------------------*/
.tblMenu {
    margin-left: 10px;
    padding: 10px;
    width: 80%;
    height: 190px;
    border: 3px;
    border-style: solid;
    border-color: #4B055C;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    font-family: Arial;
    font-size: 12px;
}

/* Menu Css
----------------------------------------------------------*/

.label2 {
    color: #00008b;
    font-family: Verdana, Arial;
    font-size: 14px;
    font-weight: bold;
}

.btnclass {
    border-right: #590059 2px solid;
    border-top: #590059 2px solid;
    font-weight: bold;
    font-size: 12px;
    border-left: #590059 2px solid;
    width: 140px;
    cursor: hand;
    color: #ffffff;
    border-bottom: #590059 2px solid;
    font-family: Verdana;
    background-color: #4B055C;
}

.errmsg {
    color: red;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
}

.displaylegend {
    color: #4B055C;
    font-size: 11px;
    font-weight: normal;
    font-family: Verdana;
}

.successfulmsg {
    font-weight: bolder;
    font-size: 15px;
    color: #00008b;
    font-family: Verdana;
}

/* Position Details Css
----------------------------------------------------------*/
.label1 {
    color: #000000;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    border: 0;
}

.labeldetail {
    color: #000000;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
    text-decoration: none;
    border: 0;
}

.rowColorDark {
    background-color: #dddddd;
    font-family: verdana, arial, helvetiaca, sans-serif;
    font-size: 8pt;
    font-weight: normal;
}

.datagrid {
    width: 100%;
    border-width: 0px;
    font-size: 11pt;
}

#tblPostionDetails tr {
    height: 15px;
}


.textBox1_multiline_100p_60 {
    width: 100%;
    height: 60px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
}
/* Position Details Css
----------------------------------------------------------*/
IMG {
    border-right: 0px;
    border-top: 0px;
    border-left: 0px;
    border-bottom: 0px;
}

.btn:hover {
    color: #ffffff;
}

.labelheader {
    color: #4B055C;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
}

.labelpur2 {
    color: #4B055C;
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
}

.labelLogin {
    color: #4B055C;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
}

.shadowbox {
    margin: auto;
    width: 55%;
    padding: 25px 25px 1px 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    background: #FEF2FF;
    box-shadow: 0px 0px 10px 7px rgba(75, 5, 92, 0.75);
    -moz-box-shadow: 0px 0px 10px 7px rgba(75, 5, 92, 0.75);
    -webkit-box-shadow: 0px 0px 10px 7px rgba(75, 5, 92, 0.75);
}

.labelpur1 {
    color: #4B055C;
    font-family: Verdana, Arial;
    font-size: 11px;
}

/* IC Request Form Css
----------------------------------------------------------*/
.capitalize {
    text-transform: capitalize;
}

.textboxLine {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid Black;
    margin-left: 5px;
    text-align: left;
}
/* IC Request Form Css
----------------------------------------------------------*/

.loading {
    position: absolute;
    _position: absolute; /* hack for internet explorer 6*/
    height: 100%;
    width: 100%;
    background: #FFFFFF no-repeat center;
    border: 0px solid #cecece;
    background-image: url('../Images/loader.gif');
    background-repeat: no-repeat;
    background-position: 50% 40%;
    height: 95%;
    width: 97%;
}

/* GridView Content Scroll and Header, footer fixed
----------------------------------------------------------*/
.Header {
    border: 1;
    border-bottom-color: Purple;
    border-bottom-width: medium;
    border-bottom-style: solid;
}

.rowLeft {
    text-align: left;
    padding-left: 3px;
}

.rowRight {
    text-align: right;
    padding-right: 3px;
}

.rowCenter {
    text-align: center;
}

.tdfbor {
    border: 1px solid #000;
    border-bottom: 0;
}

.tdlbor {
    border: 1px solid #000;
}

.tdtbor {
    border: 1px solid #000;
    border-bottom: 0;
    border-right: 0;
}

.tdr0bor {
    border-right: 0;
}

.tdltrbor {
    border: 0;
}

.tdlbrbor {
    border: 0;
}

.grid table thead {
    overflow: scroll;
    overflow-x: hidden;
}

.tdWidth {
    width: 13px;
}

.cellWidth33 {
    width: 33%;
}

.cellWidth66 {
    width: 66%;
}
/* GridView Content Scroll and Header, footer fixed
----------------------------------------------------------*/
/* TimesheetExpenseView Css
----------------------------------------------------------*/
.tdclass {
    font-family: Arial;
    font-size: 11px;
    border-bottom-style: groove;
    border-right-style: groove;
    border-top-style: groove;
    height: 22px;
    text-align: right;
}

.tdclassHeader {
    font-family: Arial;
    font-size: 11px;
    border-bottom-style: groove;
    border-right-style: groove;
    border-top-style: groove;
    height: 22px;
    text-align: center;
}

.tdclassLabel {
    font-family: Arial;
    font-size: 11px;
    height: 22px;
    text-align: left
}

.tdclassTotal {
    font-family: Arial;
    font-size: 11px;
    height: 22px;
    text-align: right
}

.tbcomment {
    font-family: Arial;
    font-size: 11px;
    border-bottom-style: inset;
    border-left-color: white;
    border-left-style: ridge;
    border-right-style: inset;
    border-top-style: ridge;
    color: darkblue;
    font-weight: bold;
    height: 20px;
    text-align: right;
    width: 30px;
    background-color: Transparent;
}

.tbHeader {
    font-family: Arial;
    font-size: 11px;
    border-bottom-style: inset;
    border-left-color: white;
    border-left-style: ridge;
    border-right-style: inset;
    border-top-style: ridge;
    font-weight: bold;
    height: 20px;
    text-align: center;
    width: 80px;
}

.GridHeaderApprovalCssClass {
    font-family: Arial;
    font-size: 11px;
    font-weight: 500;
    text-align: center;
}

.tbHeaderDayLightColor {
    background-color: #D4EFFF;
}

.tbHeaderDarkColor {
    background-color: #E6E6FA;
}

.tbTaskColor {
    background-color: #FFB6C1;
}

.paddingClass {
    padding-left: 8px;
    padding-right: 8px;
}

.paddingClassHours {
    padding-right: 3px;
}

.paddingClassTask {
    padding-left: 3px;
}

.TimeExpApprovalhtml {
    height: 100%;
    box-sizing: border-box;
}

.TimeExpfooter {
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    left: 0px;
    position: absolute;
    padding: 1rem;
    text-align: center;
}

.DashboardDetailfooter {
    right: 0;
    bottom: 0;
    position: absolute;
    padding: 1rem;
    text-align: center;
    width: 100%;
}

.TimeExpbody {
    position: relative;
    margin: 0;
    padding-bottom: 6rem;
    min-height: 82%;
}

.labelMessage {
    color: Red;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
}

.CssLegend {
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
    height: 15px;
    width: 16px
}
/* TimesheetExpenseView Css
----------------------------------------------------------*/

/* Maximized/Minimized Css
----------------------------------------------------------*/
.bootstrap-iso .modal-header {
    cursor: move;
}

    .bootstrap-iso .modal-header .divbtn {
        width: 20%;
        float: right;
    }

    .bootstrap-iso .modal-header .modal-title {
        width: 80%;
        float: left;
    }

.btnclose {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
}

.mindiv {
    background: #EEF3FA;
    height: 35px;
    border: 1px solid #aaa;
    color: #222;
    width: 150px;
    position: fixed;
    bottom: 2px;
    left: 2px;
}

    .mindiv .leftdiv {
        float: left;
        width: 100px
    }

        .mindiv .leftdiv h4 {
            margin-left: 5px;
            margin-top: 7px;
            line-height: 1.42857143;
        }

    .mindiv .rightdiv {
        margin-right: 5px;
        margin-top: 10px;
        float: right;
        width: 40px;
    }

/* Maximized/Minimized Css
----------------------------------------------------------*/

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=80);
    opacity: 0.8;
    width: 100%; /**/
    position: absolute;
    left: 0px !important;
}

.modalPopup {
    background-color: white;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 175px;
}

.label3 {
    color: #000000;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    border: 0;
}

.hidden {
    display: none;
}

/* Custom Alert/Confirmetion popup CSS
----------------------------------------------------------*/
.divAlert {
    background-color: transparent;
    filter: alpha(opacity=50);
    position: fixed;
    left: 0px !important;
    width: 100%;
    height: 100%;
    margin: auto;
    z-index: 1;
    overflow: auto;
    padding-top: 270px;
    top: 0;
    text-align: center;
}

.alertbox {
    display: inline-block;
    height: 130px !important;
    width: 400px;
    background-color: #ffffff;
    padding: 10px 10px 10px 10px;
    text-align: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 2px 2px rgba(75, 5, 92, .2);
    -moz-box-shadow: 0px 0px 2px 2px rgba(75, 5, 92, .2);
    -webkit-box-shadow: 0px 0px 2px 2px rgba(75, 5, 92, .2);
}

.btnOk {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    padding: 7px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    width: 75px;
}

    .btnOk:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
    }

.btnCancle {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    color: #2e6da4;
    background-color: #fff;
    border-color: #ccc;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    width: 75px;
}

    .btnCancle:hover {
        color: #2e6da4;
        background-color: #e6e6e6;
        border-color: #adadad
    }