@charset "utf-8";
/* CSS Document */


/* DEFAULTS
----------------------------------------------------------*/

body {
    font-family: Arial;
    margin: 0px;
    padding: 0px;
}

* {
    /*margin-bottom: -5px;*/
    padding: 0px;
}

/* MISC  
----------------------------------------------------------*/
.clearfix:after,
.clearfix:before {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.popupStyleModal {
    display: none;
    z-index: 999;
    position: absolute;
    top: 15%;
    left: 15%;
    width: 80%;
    /*height: 700px;*/
}

.clear {
    clear: both;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

gridHeaderBg1
/*master page css*/
.masterContainer {
    width: 1000px;
    margin: 0 auto;
}

.header {
    height: 135px;
    position: relative;
}



.LogoHolder {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    float: left;
    height: 110px;
    margin: 10px 0 0 15px;
    padding: 5px 0 0 32px;
    width: 174px;
}
/*.header{background:url("../../App_Themes/Basic/Images/topbg.gif") #fff no-repeat;width:100%;position:relative;border-bottom: #ccc 1px solid;margin-bottom: 10px;}*/

.headerRightContainer {
    float: right;
    margin-right: 10px;
}

h1 {
    background: #058fd0;
    border: 1px solid #058fd0;
    padding: 5px;
}

.welcomeContainer {
    background: #fff;
    padding: 5px 8px;
    float: right;
    font-size: 11px;
    color: #646566;
}

    .welcomeContainer a {
        color: #646566;
        text-decoration: none;
    }

        .welcomeContainer a:hover {
            text-decoration: underline;
        }

.siteName {
    margin: 5px 10px 0;
    text-align: right;
}

.logoTxtHolder {
    margin-top: 25px;
    float: right;
}

.middleContainer {
    margin: 5px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
/*.middleContainer {margin:5px;border:1px solid #0283c4;padding:1px 15px 15px;background:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}*/
#footer {
    background: #058fd0;
    clear: both;
    padding: 8px 0 8px 0px;
    width: 100%;
    left: -5px;
}

    #footer p {
        font: 9pt Arial, Helvetica, sans-serif;
        color: #cce5f1;
        text-align: center;
        margin: 0;
        padding: 0;
    }

.searchFilterContainer {
    border: 1px solid #77c8ef;
    border-top: 0;
}

.searchFilterHeaderContainer { /*background:#71b8ee;*/
}

    .searchFilterHeaderContainer h1 {
        float: left;
        background: url(../../App_Themes/Basic/images/iconSearchFilter.png) 11px 8px no-repeat;
        display: block;
        font-size: 16px;
        color: #fff;
        margin: 0;
        padding: 6px 0 6px 29px;
    }

    .searchFilterHeaderContainer h2 {
        float: left;
        background: url(../../App_Themes/Basic/images/user.png) 11px 8px no-repeat;
        display: block;
        font-size: 16px;
        color: #fff;
        margin: 0;
        padding: 6px 0 6px 29px;
    }

.downArrow {
    float: right;
    padding: 4px 8px 0px 0;
    display: none;
}

.searchContBg {
    background: url(../../App_Themes/Basic/Images/searchContainerBg.jpg) #e6e7ea repeat-x;
    min-height: 140px;
}

.searchForm {
    padding: 5px;
    border: #98d1ef 1px solid;
    margin-top: 0px;
    border-right: 0;
    border-left: 0;
    background: #cee6fd;
}

.Form_wc_header {
    padding: 5px;
    border: #98d1ef 1px solid;
    margin-top: 2px;
    border-right: 0;
    border-left: 0;
    background:#18a70d;
}
.Form_wc {
    padding: 5px;
    border: #98d1ef 1px solid;
    margin-top: 2px;
    border-right: 0;
    border-left: 0;
    background: #fafafa;
    max-height:350px;
    overflow:scroll;
}

    .searchForm input[type=radio] {
        vertical-align: middle;
    }

    .searchForm .label {
        font-size: 11px;
        font-weight: bold;
        color: #414042;
        vertical-align: middle;
        height: auto;
    }

    .searchForm .text {
        font-size: 11px;
        color: #414042;
        padding-right: 30px;
        vertical-align: middle;
        border-radius:8px;
    }

.text {
    font-size: 11px;
    color: #414042;
    padding-right: 30px;
    vertical-align: middle;
    border-radius: 8px;
}

.text1 {
    font-size: 12px;
    color: #414042;
    vertical-align: middle;
    text-align: left;
    border-radius: 8px;
}

.searchForm input[type=file] {
    font-size: 11px;
    color: #231f20;
    background: url(../../App_Themes/Basic/images/inputbg.gif) #fafafa repeat-x;
    border: 1px solid #89bad3;
    padding: 5px;
    width: 200px;
    border-radius: 8px;
}

.searchForm select {
    font-size: 12px;
    color: #231f20;
    background: url(../../App_Themes/Basic/images/inputbg.gif) #fafafa repeat-x;
    border: 1px solid #89bad3;
    padding: 3px;
    width: 173px;
    margin: 0px 0 8px;
    border-radius: 8px;
}

.searchForm input[type='text'] {
    font-size: 12px;
    color: #231f20;   
    border: 1px solid #89bad3;
    padding: 5px;
    width: 160px;
    margin-bottom: 8px;
    border-radius: 8px;
}

.datepicker-icon {
    margin-left: 5px;
}

.container-width-border {
    background: #cee6fd;
    border: #77c8ef 1px solid;
}

.input-text {
    font-size: 12px;
    color: #231f20;
    border: 1px solid #89bad3;
    padding: 5px;
    margin-bottom: 5px;
    border-radius: 8px;
    font-family: Arial;
}

.input-radio {
    font-size: 12px;
    color: #231f20;
    padding: 5px;
    margin-bottom: 20px;
}

.input-text-calc {
    font-size: 10px;
    color: #231f20;
    border: 1px solid #89bad3;
    padding: 2px;
    margin-bottom: 0px;
    text-align:center;
    border-radius: 8px;
}

.input-text-calc-disabled {
    font-size: 12px;
    color: #231f20;
    border: 1px solid #89bad3;
    padding: 2px;
    margin-bottom: 2px;
    background-color: #EBEBE4;
    border-radius: 8px;
}

.input-text-calc-strike-off {
    font-size: 12px;
    color: #231f20;
    border: 1px solid #89bad3;
    padding: 2px;
    margin-bottom: 2px;
    background-color: #FF0000;
}

.input-text1 {
    font-size: 12px;
    color: #231f20;
   
    border: 1px solid #89bad3;
    padding: 5px;
    margin-bottom: 5px;
    width: 250px;
}

.wage-form-two-colum {
    width: 70%;
    padding: 5px;
    float: left;
    margin-top: 0px;
}

    .wage-form-two-colum:last-child {
        margin-right: 0;
    }

.wage-form-three-colum {
    width: 28%;
    padding: 5px;
    float: left;
    margin-top: 0px;
}

.wage-form-two-colum_SD {
    width: 78%;
    padding: 5px;
    float: left;
    margin-top: 0px;
}
.wage-form-three-colum_SD {
    width: 20%;
    padding: 5px;
    float: left;
    margin-top: 0px;
}
    .wage-form-three-colum:last-child {
        margin-right: 0;
    }

.overflow-x-auto {
    overflow-x: auto;
}

.wage-grid-container {
    max-height: 250px;
    overflow: auto;
    padding: 10px;
    text-align: center;
}

.wage-grid-containerMaster {
    max-height: 350px;
    overflow: auto;
    padding: 10px;
    text-align: center;
}

.width100 {
    width: 100px;
}

.padding-10px {
    padding: 10px;
}

.text-align-center {
    text-align: center;
}

.button {
    background: #008fce;
    text-align: center;
    font: bold 12px arial;
    color: #fff;
    padding: 5px 10px;
    border: 0;
    margin: 10px;
    border-radius: 8px;
}

.button1 {
    background: #008fce;
    text-align: center;
    font: bold 12px arial;
    color: #fff;
    border: 0;
    height: 25px;
    width: 100px;
    border-radius: 8px;
}

.stateuploadbutton {
    background: #008fce;
    text-align: center;
    font: bold 12px arial;
    color: #fff;
    border: 0;
    height: 25px;
    width: 140px;
    border-radius: 8px;
}

.disabledbutton {
    background: grey;
    text-align: center;
    font: bold 12px arial;
    color: #fff;
    border: 0;
    height: 25px;
    width: 100px;
}

.button:hover {
    background: #0fa5e7;
    cursor: pointer;
}

.text-align-right {
    text-align: right;
}
.text-align-left {
    text-align: left;
}
.dataGridContainer {
    margin-top: 5px;
    border: 1px solid #999999;
    background: #fff;
}

    .dataGridContainer th {
        padding: 5px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #004a7d;
        border-right: 1px solid #e6e6ea;
        text-align: left;
        font-weight: bold;
        height: 45px;
    }

    .dataGridContainer td {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #434344;
        border-right: 1px solid #e6e6ea;
        padding: 2px;
        border-bottom: 0px;
    }

.altrow {
    background: #f0f0f4;
}

.altrow {
    background: #f0f0f4;
}

.navigationMenu {
    margin-top: 5px;
    position: relative;
}

.searchEmpcode {
    padding: 5px;
    background: #008fd1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    margin-left: 10px;
}

    .searchEmpcode:hover {
        background: #ff9934;
    }

.select {
    font-size: 12px;
    color: #231f20;
    background: url(../../App_Themes/Basic/images/inputbg.gif) #fafafa repeat-x;
    border: 1px solid #89bad3;
    padding: 3px;
}

.input {
    font-size: 12px;
    color: #231f20;
    background: url(../../App_Themes/Basic/images/inputbg.gif) #fafafa repeat-x;
    border: 1px solid #89bad3;
    padding: 5px;
}

.addBtn {
    background: url(../../App_Themes/Basic/Images/btnAdd.png) no-repeat;
    width: 57px;
    height: 27px;
    border: 0px;
}

.btnSearch {
    background: url(../../App_Themes/Basic/Images/btnSearch.png) no-repeat;
    width: 67px;
    height: 27px;
    border: 0px;
}

.btnDelete {
    background: url(../../App_Themes/Basic/Images/btnDelete.png) no-repeat;
    width: 67px;
    height: 27px;
    border: 0px;
}

.btnCancel {
    background: url(../../App_Themes/Basic/Images/btnCancel.png) no-repeat;
    width: 67px;
    height: 27px;
    border: 0px;
}

.ModifyBtn {
    background: url(../../App_Themes/Basic/Images/btnModify.gif) no-repeat;
    width: 60px;
    height: 27px;
    border: 0px;
}

.btnAddInputField {
    background: url(../../App_Themes/Basic/Images/btnAddInput.png) no-repeat;
    width: 117px;
    height: 27px;
    border: 0px;
}

.btnAddC {
    background: url(../../App_Themes/Basic/Images/btnAddKeyword.png) no-repeat;
    width: 137px;
    height: 27px;
    border: 0px;
}

.btnAddTxtVal {
    background: url(../../App_Themes/Basic/Images/btnAddTextValue.png) no-repeat;
    width: 107px;
    height: 27px;
    border: 0px;
}

.btnSubmitFormula {
    background: url(../../App_Themes/Basic/Images/btnSubmitFormula.png) no-repeat;
    width: 117px;
    height: 27px;
    border: 0px;
}

.btnUndo {
    background: url(../../App_Themes/Basic/Images/btnRemove.png) no-repeat;
    width: 70px;
    height: 27px;
    border: 0px;
}

.btnClear {
    background: url(../../App_Themes/Basic/Images/btnClear.png) no-repeat;
    width: 57px;
    height: 27px;
    border: 0px;
}

.btnSubmitReportFormula {
    background: url(../../App_Themes/Basic/Images/btnSubmitFormulaReport.png) no-repeat;
    width: 157px;
    height: 27px;
    border: 0px;
}

.btnSelVar {
    background: url(../../App_Themes/Basic/Images/btnSelect.png) no-repeat;
    width: 70px;
    height: 27px;
    border: 0px;
}

.margin-0 {
    margin: 0;
}
.margin-1 {
    margin: 1px;
}
.pageTitle {
    color: #F68B33;
    font: bold 12pt Arial,Helvetica,sans-serif;
    margin: 0px 0 0;
    padding: 5px;
    text-decoration: none;
}

.pageHeader {
    color: #F68B33;
    font: bold 12pt Arial,Helvetica,sans-serif;
    background: #058fd0;
    border: 1px solid #058fd0;
    padding: 5px;
}

.pageTitle1 {
    color: #F68B33;
    font: bold 16pt Arial,Helvetica,sans-serif;
    margin: 5px 0 0;
    padding: 0;
    text-decoration: none;
}

.pattern_bottomh1 {
    background: url(../../App_Themes/Basic/Images/pattern_headingbottomline.png) repeat;
    height: 6px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.paddingBottom8 {
    padding-bottom: 8px;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.50;
}

.updateProgress {
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF;
    position: absolute;
    width: 180px;
    height: 65px;
}

.errorMsg {
    color: #ff3300;
    font-size: 11px;
    font-weight: bold;
}

.successMsg {
    color: #009900;
    font-size: 12px;
    font-weight: bold;
}

.welcomeContainer {
    background: #fff;
    padding: 5px 8px;
    float: right;
    font-size: 11px;
    color: #646566;
}

    .welcomeContainer a {
        color: #646566;
        text-decoration: none;
    }

        .welcomeContainer a:hover {
            text-decoration: underline;
        }

.loginUser {
    padding: 0;
    margin: 0px 10px;
    text-align: right;
}

.userName {
    padding: 5px 0;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}

    .userName:hover {
        text-decoration: none;
        cursor: pointer;
        color: #e9e9e9;
    }

a.logout {
    background: url(../../App_Themes/Basic/Images/iconLogout.png) no-repeat top left;
    width: 11px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
}

    a.logout:hover {
        background-position: 0 -13px;
    }

a.help {
    background: url(images/iconHelp.jpg) no-repeat top left;
    width: 30px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
}

    a.help:hover {
        background-position: 0 -35px;
    }

a.faq {
    background: url(images/faq.jpg) no-repeat top left;
    width: 30px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
}

    a.faq:hover {
        background-position: 0 -35px;
    }

.progressMsg {
    color: maroon;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    background-color: black;
    z-index: 99;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    min-height: 100%;
    width: 100%;
}

.loading {
    font-family: Arial;
    font-size: 10pt;
    border: 5px solid #67CFF5;
    width: 200px;
    height: 100px;
    display: none;
    position: fixed;
    background-color: White;
    z-index: 999;
}

.modalLoading {
    position: fixed;
    top: 0;
    left: 0;
    background-color: gray;
    z-index: 99;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    min-height: 100%;
    width: 100%;
}

.loading {
    font-family: Arial;
    font-size: 10pt;
    border: 5px solid #67CFF5;
    width: 200px;
    height: 100px;
    display: none;
    position: fixed;
    background-color: White;
    z-index: 999;
}

.errorDiv {
    font-family: Arial;
    font-size: 10pt;
    border: 5px solid #67CFF5;
    width: 1000px;
    top: 0;
    height: 800px;
    position: fixed;
    background-color: gray;
    z-index: 999;
}

.errorContainer {
    border: 1px solid #b04032;
    background: #f4d3ca;
    padding: 10px;
    visibility: hidden;
    top: 150px;
    position: absolute;
    width: 980px;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #58595b;
    height: 400px;
    z-index: 999;
}

.paddingRight {
    padding-right: 5px;
}

.red {
    color: #ae3f2b;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
}

.errorDataGrid {
    margin-top: 5%;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
}

.checkBoxList {
    max-height: 30px;
    height: auto !important;
    height: 30px;
    width: 260px;
}

.label {
    font-size: 11px;
    color: #414042;
    padding-right: 10px;
    font-weight: 700;
}

.label1 {
    font-size: 12px;
    color: #414042;
    padding-right: 10px;
    font-weight: 700;
    text-align: right;
}

.chkBoxList {
    font-size: 12px;
    color: #414042;
    padding-bottom: 10px;
    font-weight: 700;
    text-align: left;
}

.gridStyle {
    font-size: 12px;
    color: #414042;
    padding-right: 10px;
    font-weight: 700;
    height: 45px;
    text-align: center;
}

.reportPopup {
    border: 1px solid #b04032;
    background: #f4d3ca;
    padding: 10px;
    visibility: collapse;
    top: 50%;
    left: 20%;
    position: absolute;
    width: 750px;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #58595b;
    height: 400px;
    z-index: 999;
}

.gridBg {
    background-color: #fff;
    margin: 0px 0px;
    border: #e2dfdf 1px solid;
}

    .gridBg tr td {
        padding: 2px !important;
        color: #000;
        border-right: #e2dfdf 1px solid;
        border-bottom: #e2dfdf 1px solid;
        text-align: center;
        font: normal 12px arial;
    }

    .gridBg tr:hover {
        background-color: #ffebdb;
    }

    .gridBg tr th {
        background-color: #058ed0;
        padding: 7px;
        font-family: Arial;
        font-weight: bold;
        color: #fff;
        text-align: center;
        font-size: 12px;
        border-right: #70c6ef 1px solid;
    }

    .gridBg tr td table {
    }

        .gridBg tr td table tr td {
            padding: 5px;
        }

    .gridBg .tdText {
        text-align: left;
        padding: 0 0 0 0px !important;
        color: #000;
        font-weight: normal;
    }

.alt {
    background: #eff8fd !important;
}
/*.GridBg tr:hover{background-color:#eff8fd;}*/
.chartContainer {
    Background: #ebebeb;
    padding: 15px 0;
}

.talignCenter {
    text-align: center;
}

    .talignCenter span table {
        width: 100%;
    }

        .talignCenter span table td table {
            width: auto;
        }

.graph872 {
    width: 872px;
    margin: 0 auto;
}

.gridScrollContainer1280 {
    width: 1180px;
    min-height: 150px;
    max-height: 250px;
    overflow: auto;
    margin: 10px auto;
}

.gridScrollContainer1366 {
    width: 988px;
    min-height: 150px;
    max-height: 250px;
    overflow: auto;
    margin: 10px auto;
}

.homeTab {
    width: 80%;
    height: 50%;
    margin: 25px auto 10px;
    text-align: center;
    border-top: #29aae1 42px solid;
    border-bottom: #29aae1 42px solid;
    border-left: #29aae1 1px solid;
    border-right: #29aae1 1px solid;
}

.homeEnter {
    background-color: #306ec1;
    border: 0;
    padding: 8px 20px;
    font-family: Arial;
    font-size: 14px;
    color: White;
    font-weight: bold;
    margin: 5px 0 15px;
}

/*TOP MENU CSS*/
.jqueryslidemenu {
    /*font: bold 12px arial;
background: #414141;*/
    width: 100%;
}

    .jqueryslidemenu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        /*Top level list items*/
        .jqueryslidemenu ul li {
            position: relative;
            display: inline;
            float: left;
            z-index: 999;
            background: url(../images/seperator_mainnavigation.png) no-repeat;
        }

            /*Top level menu link items style*/
            .jqueryslidemenu ul li a {
                display: block;
                color: #fff !important;
                font: bold 9pt Arial, Helvetica, sans-serif;
                text-decoration: none;
                margin: 0px;
                padding: 10px;
            }

            .jqueryslidemenu ul li ul li a {
                background: #058ed0; /*background of tabs (default state)*/
                border-right: 1px solid #ced2d7;
                color: #fff !important;
                /*display: block;
color: white;
padding: 8px 10px;
color: #2d2b2b;
text-decoration: none;
*/
            }

            * html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
                display: inline-block;
            }

                .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited {
                    color: white;
                }

                .jqueryslidemenu ul li a:hover {
                    background: transparent; /*tab link background during hover state*/
                    color: white;
                }

            .jqueryslidemenu ul li ul li a:hover {
                background: #047db7; /*tab link background during hover state*/
                color: white;
            }

            /*1st sub level menu*/
            .jqueryslidemenu ul li ul {
                position: absolute;
                left: 0;
                display: block;
                visibility: hidden;
            }

                /*Sub level menu list items (undo style from Top level List Items)*/
                .jqueryslidemenu ul li ul li {
                    display: list-item;
                    float: none;
                }

                    /*All subsequent sub menu levels vertical offset after 1st level sub menu */
                    .jqueryslidemenu ul li ul li ul {
                        top: 0;
                    }

                    /* Sub level menu links style */
                    .jqueryslidemenu ul li ul li a {
                        font: normal 9pt arial;
                        width: 200px; /*width of sub menus*/
                        padding: 6px;
                        margin: 0;
                        border-top-width: 0;
                        border-bottom: 1px solid #ced2d7;
                    }

.jqueryslidemenuz ul li ul li a:hover { /*sub menus hover style*/
    background: #eff9ff;
    color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {
    position: absolute;
    top: 14px;
    right: 7px;
}

.rightarrowclass {
    position: absolute;
    top: 6px;
    right: 10px;
}


/* CSS FOR MULTISELECT */
.ui-multiselect {
    padding: 2px 0 2px 4px;
    text-align: left;
    width: 173px !important;
}

.ui-corner-all {
    border-radius: 0px !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #f3f3f3 !important;
    border: 1px solid #89BAD3 !important;
}

.ui-widget {
    font: normal 12px Arial !important;
    color: #231F20 !important;
}



ul#mainMenu li {
    display: inline;
    height: 20px;
}

    ul#mainMenu li a {
        text-decoration: none;
    }

.vertical-list {
    float: left;
}

.SimpleEntertainmentMenu .AspNet-Menu-Selected {
    border: solid 1px #00ff00 !important;
}

.SimpleEntertainmentMenu .AspNet-Menu-ChildSelected {
    border: solid 1px #ff0000 !important;
}

.SimpleEntertainmentMenu .AspNet-Menu-ParentSelected {
    border: solid 1px #0000ff !important;
}

.main-menu {
    background: #008ed0;
    margin: 5px;
    float: right !important;
}

    .main-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
        float: right;
    }

        .main-menu ul > li {
            border-right: #ccc 0px solid;
        }

            .main-menu ul > li:last-child {
                border-right: 0 !important;
            }

            .main-menu ul > li > a {
                display: inline-block;
                font-family: Arial;
                font-size: 12px;
                font-weight: bold;
                color: #fff;
                padding: 8px 15px !important;
                position: relative;
            }

        .main-menu ul li > a:hover {
            background: #ff9933;
        }

        .main-menu ul > li > a.popout {
            background-image: none !important;
        }
        /*.main-menu ul li > a.popout:after {display:inline-block;content:"";position:absolute;width:12px;height:12px;background: url(images/arrow-down.png) no-repeat 0px 0 !important;}*/
        .main-menu ul.dynamic {
            background: #eeeff4;
            padding: 10px;
            border: #fff 1px solid;
            min-width: 78px !important;
        }

            .main-menu ul.dynamic > li > a {
                display: block;
                color: #323e4c;
                border-bottom: #fff 1px solid;
                padding: 8px 15px !important;
                position: relative;
            }

                .main-menu ul.dynamic > li > a:hover {
                    /*background: #d7d7d7;*/
                    background: #ff9933;
                }
        /*.main-menu ul.dynamic > li > a.popout:after {display:inline-block;content:"";position:absolute;height:12px;background: url(images/arrow-right.png) no-repeat 0px 0 !important;}*/

        .main-menu ul > li:last-child ul.dynamic {
            right: 0 !important;
            left: auto !important;
        }

            .main-menu ul > li:last-child ul.dynamic li ul.dynamic {
                position: absolute !important;
                top: 0;
                right: 100% !important;
                left: auto !important;
            }


.popUpBgContainer {
    background: #d7e1e6;
    padding: 5px 15px;
    border: #c7c7c7 2px solid;
}

.popUpContainer {
    background: #d7e1e6;
    padding: 0px 0px;
    border: 0px;
}

.closeBtn {
    background: url(../../App_Themes/Basic/Images/closeBtn.png) no-repeat 0 0;
    width: 24px;
    height: 21px;
    float: right;
    border: 0;
    margin: 0 0 5px 0;
    padding: 0;
}

    .closeBtn:hover {
        background: url(../../App_Themes/Basic/Images/closeBtn.png) no-repeat 0 -21px;
    }

.popupTitle {
    margin: 0;
    padding: 0;
    color: #008ed6;
    font: bold 16px Arial, Helvetica, sans-serif;

}

/*Logout page css*/
body.logoutBg {
    margin: 0px;
    padding: 0px;
}

.logoutMain {
    margin: 40px auto 0;
    font: normal 24px arial;
}

.logoutMainLgn {
    background: url("../../App_Themes/Basic/Images/loginBtn.png") no-repeat 0 0;
    width: 139px;
    height: 39px;
    margin: 20px auto 15px;
    display: block;
}

.logoutMainCloseApp {
    margin: 7px auto 0;
    display: inline-block;
    padding: 0;
}
/*Logout page css*/

.success {
    background: #f8fdf7 url(../../App_Themes/Basic/Images/success.png) no-repeat 15px 13px;
    border: #8ccb85 1px solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 18px 20px 17px 50px;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #277f1e;
    margin: 5px 0px 5px 0px;
    border-radius: 5px;
}

.fail {
    background: #fae6e7 url(../../App_Themes/Basic/Images/fail.png) no-repeat 15px 13px;
    border: red 1px solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 18px 20px 17px 50px;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: red;
    margin: 5px 0px 5px 0px;
    border-radius: 5px;
}

.inputMasterContainer {
    background: #fff url(../../App_Themes/Basic/Images/tabbackground.gif) repeat-x 0 0;
    width: 1000px;
    margin: 25px auto 100px;
    min-height: 500px;
    border: 1px solid #b9c1c6;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 5px 5px 5px 5px #dbdbdb; /* Layout width*/
}

.pageContainer1 {
    Background: #fff;
    padding: 0px 15px 15px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

/*Tab css*/
.dataTabs {
    margin: 0px 16px 0;
    border-bottom: #c2ccd2 2px solid;
}

    .dataTabs .shadetabs {
        padding: 0 !important;
    }

.tabContainer {
    width: 100%;
    margin-top: 10px;
    padding: 0 0px;
}

.tabsDataContainer {
    padding: 1px;
    min-height: 400px;
    background: #cee6fd;
}

.tabsDataContainer1 {
    padding: 1px;
    background: #cee6fd;
}

.tabsData {
    border: 1px solid #c2ccd2;
    padding: 15px 15px 10px;
}

.tabsDataSmall {
    border: 1px solid #c2ccd2;
    padding: 8px 4px;
}

.shadetabs {
    padding: 0 0 0 1px;
    margin: 0;
}

    .shadetabs li {
        display: inline-block;
        margin-right: 4px;
    }

        .shadetabs li a {
            text-decoration: none;
            color: #ffffff;
            padding: 10px 15px;
            outline: none;
            font: bold 16px Arial, Helvetica, sans-serif;
            -webkit-border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border: 0px solid #21a0dc;
            border-bottom: none;
            text-decoration: none;
            font: bold 16px Century Gothic;
            padding: 7px 15px 8px 15px;
            background: #3798e8 url(../../App_Themes/Basic/Images/topNavBg.gif) repeat-x;
            display: inline-block;
            text-align: center;
            margin: 0;
        }

            .shadetabs li a:hover {
                background: url(../../App_Themes/Basic/Images/topNavBgHover.gif) 0 0;
            }

            .shadetabs li a.selected {
                background: #f68b33;
                color: #ffffff;
                border: 0px solid #9cb1ce;
                border-bottom: none;
            }

                .shadetabs li a.selected:hover {
                }
/*Tab css*/

.resetDiv {
    float: right;
    position: absolute;
    right: 47px;
}

.reset {
    background: url(images/reset.png) no-repeat top left;
    width: 34px;
    height: 34px;
    display: inline-block;
    vertical-align: middle;
    border: 0;
    padding: 0;
    margin: 1px 5px 0 2px;
    cursor: pointer;
}

    .reset:hover {
        background-position: 0 -34px;
    }

.copyPasteCell {
    background: url(images/copydown.gif) no-repeat top left;
    width: 12px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    border: 0;
    padding: 0;
    margin: 0px;
    cursor: pointer;
}

.addRow {
    background: url(images/icon-add.png) no-repeat top left;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    border: 0;
    padding: 0;
    margin: 0px;
    cursor: pointer;
}

.removeRow {
    background: url(images/remove_icon.gif) no-repeat top left;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    border: 0;
    padding: 0;
    margin: 0px;
    cursor: pointer;
}

.popupStyle {
    display: none;
    z-index: 999;
    position: absolute;
    top: 15%;
    left: 15%;
    width: 800px;
    height: 700px;
}


.popupStyle1 {
    position: absolute;
    height: 300px;
    width: 400px;
    top: calc(50% - 300px/2); /* height divided by 2*/
    left: calc(50% - 400px/2); /* width divided by 2*/
    -ms-word-break: break-all;
    word-break: break-all;
}
.downloadData {
    background: url(images/datadownload.png) no-repeat top left;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.gridToExcel {
    background: url(images/gridtoexcel.png) no-repeat top left;
    width: 34px;
    height: 34px;
    display: inline-block;
    vertical-align: middle;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.excelToGrid {
    background: url(images/exceltogrid.png) no-repeat top left;
    width: 34px;
    height: 34px;
    display: inline-block;
    vertical-align: middle;
    border: 0;
    padding: 0; 
    margin: 0;
    cursor: pointer;
}
.downloadTemplate {
    background: url(images/downloadTemplate.png) no-repeat top left;
    width: 26px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    border-radius: 5px;
}

.fileBrowser {
    float: right;
    position: absolute;
    top: 100%;
}

.ontop {
    z-index: 999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    position: absolute;
    background-color: #cccccc;
    color: #aaaaaa;
    opacity: .4;
    filter: alpha(opacity = 50);
}


#popup {
    width: 300px;
    height: 200px;
    position: absolute;
    color: #000000;
    background-color: #ffffff;
    /* To align popup window at the center of screen*/
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -150px;
}
.ui-datepicker-prev span,
.ui-datepicker-next span {
    background-image: none !important;
}

.ui-datepicker-prev:before,
.ui-datepicker-next:before {
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    font-weight: normal;
    align-items: center;
    justify-content: center;
}

.ui-datepicker-prev:before {
    content: "\f100";
}

.ui-datepicker-next:before {
    content: "\f101";
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../../App_Themes/fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../../App_Themes/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../../App_Themes/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../App_Themes/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../App_Themes/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../App_Themes/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}