.aims_login {
    padding: 50px;
    background: rgba(0,150,219,0.2);
}
.aims_login_bg .login_section {
    margin: 0px;
    float: right;
}
.aims_v2  {
    margin: 0px;
}
.aims_v2 .login_section .login_image_section, .aims_v2 .login_section .login_form_section {
    height: 100%;
    display: table;
    text-align: center;
}
.aims_v2 .login_section .login_image_section {
    background-color: #ffffff;
}
.aims_v2 .login_section .login_form_section {
    background-color: #0096DB;
}
.aims_v2 .login_section .login_img_content, .aims_v2 .login_section .login_form_content {
    display: table-cell;
    vertical-align: middle;
}
.aims_v2 .login_section .login_img_content img {
    width: 100%;
    max-width: 250px;
}
.aims_v2 .login_section .login_form_content {
    color: #ffffff;
    font-size: 13px;
}
.form_content {
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
}
.aims_v2 .login_section .form_login {
    max-width: 375px;
    margin: 0 auto;
    background: rgba(0,0,0,0.7);
    text-align: left;
    color: #ffffff;
}
.login_form_content {
    text-align: center;
}
.aims_v2 .login_section .form_login i {
    margin-right: 2px;
    font-size: 12px;
}
.aims_v2 .login_section .form_login label {
    margin-bottom: 2px;
}
.aims_v2 .login_section .form_login input {
    width: 100% !important;
    border: 1px solid #0096db;
    color: #666666;
    font-weight: bold;
    padding: 5px 10px;
    margin-bottom: 5px;
    border-radius: 2px;
}
.aims_v2 .login_section .form_login input[type="submit"] {
    background-color: #0096db;
    color: #ffffff;
    text-transform: uppercase;
    margin: 5px 0;
    border: 2px solid #0096db;
    padding: 3px 10px;
}
.aims_v2 .login_section .form_login input[type="submit"]:hover {
    background-color: #ffffff;
    color: #0096db;
}
.aims_v2 .login_section .forgot_div {
    text-align: center;
    color: #0096db;
    margin-top: 5px;
}
.aims_v2 .login_section .forgot_div button {
    color: #0096db;
    font-size: 13px;
    background-color: transparent;
    border: none;
}
.aims_v2 .login_section .forgot_div button:hover, .aims_v2 .login_section .forgot_div button:active, .aims_v2 .login_section .forgot_div button:focus {
    background-color: transparent;
    box-shadow: none;
    text-decoration: underline;
}
.aims_v2 .lblerrormsg {
    color: #F74000;
    text-align: center;
}
#contactus .modal-dialog {
    width: 80%;
}
#contactus .modal-body {
    text-align: center;
}
#contactus .modal-header {
    text-align: center;
    padding: 8px;
}
.contact_div {
    text-align: center;
    margin: 5px 0;
}
.contact_header {
    background-color: #377099;
    padding: 6px;
    color: #ffffff;
}
.contact_header h5 {
    margin: 0px;
}
#contactus .modal-header h4 {
    font-size: 16px;
}
.contact_content {
    padding: 10px;
}
.modal-body p {
    margin: 0px;
}
#contactus .modal-header .close {
                color: #ffffff;
                opacity: 1;
                text-shadow: none;
                font-size: 24px;
}
.content-wrapper {
                font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.content-wrapper {
                -webkit-transition: -webkit-transform .3s ease-in-out, margin .3s ease-in-out;
                -moz-transition: -moz-transform .3s ease-in-out, margin .3s ease-in-out;
                -o-transition: -o-transform .3s ease-in-out, margin .3s ease-in-out;
                transition: transform .3s ease-in-out, margin .3s ease-in-out;
                margin-left: 230px;
                z-index: 820;
}
.content-wrapper {
                min-height: 100%;
                background: #ffffff;
                z-index: 800;
}
.fixed .content-wrapper {
                padding-top: 50px;
}
.content {
                padding: 10px;
                margin-right: auto;
                margin-left: auto;
                padding-left: 15px;
                padding-right: 15px;
}
.form-control {
    padding: 0px 12px !important;
}
body.aims_v2 {
                font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.content-header {
                position: relative;
                padding: 10px 15px 0 15px;
}
.content-header>h1 {
                margin: 0;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    background-color: #377099;
    border-radius: 3px;
    padding: 5px;
}
.content-header>h1>small {
                font-size: 14px;
                display: inline-block;
                padding-left: 4px;
    color: #3F484B;
                font-weight: 300;
}
p {
    margin: 0px;
}
.content-header {
    margin-bottom: 15px;
}
/*==================== Employee Profile CSS Starts ====================*/
.emp_img {
    text-align: center;
}
input[type="image"].emp_image {
    width: 65px !important;
    height: 65px;
    border-radius: 5px;
}
.emp_inv input {
    border: none;
    background-color: #ffffff;
    margin-left: 5px;
}
/*.HRA_table {
    padding: 0px 15px;
}*/
.HRA_table input {
    border: 1px solid #000000;
    padding: 3px 5px;
}
.white_content_FileUpload {
    display: none;
}
.popupHeader img {
    width: 20px;
    float: right;
}
.popupHeader img:hover {
    cursor: pointer;
}
.HRA_table table {
    margin-bottom: 10px;
}
.HRA_table th, .HRA_table td {
    padding: 3px 5px;
}
.emp_inv_det p {
    margin: 0px;
}
.app_title {
    display: inline-block;
    padding: 14px 0px 0px 15px;
    color: #ffffff;
}
.app_title h4 {
    margin: 0px;
}
.emp_label.updte_profile_pic {
    font-size: 12px;
    font-weight: normal;
}
.emp_name {
    color: #377099;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
}
.emp_label {
    font-weight: bold;
    color: #333333;
}
.emp_label_text {
    color: #333333;
}
.edit_image {
    text-align: center;
    border: 1px solid #377099;
    margin-bottom: 5px;
    border-radius: 2px;
    padding: 5px 10px;
    max-width: 500px;
    margin: 0 auto;
}
.edit_image p {
    display: inline;
    margin: 0 10px;
}
.edit_image p:hover, .edit_image p:active, .edit_image p:focus {
    cursor: pointer;
}
.edit_image i {
    margin-right: 5px;
    color: #377099;
}
.aims_login_bg {
    background: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1)), url('/Images/login_bg_3.jpg') no-repeat center center;
    background-size: cover;
    padding: 135px 100px;
}
.aims_logout_bg {
    background: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1)), url('/Images/login_bg_3_blur.png') no-repeat center center;
    background-size: cover;
    padding: 185px 100px;
}
.logo_sec {
    background: rgba(255,255,255, 0.8);
    padding: 25px;
    max-width: 375px;
    text-align: center;
}
.logo_sec img {
    width: 130px;
}
.edt_optn_close {
    float: right;
}
.edt_optn_close p {
    margin: 0px;
}
.edt_optn_close p:hover, .edt_optn_close p:active, .edt_optn_close p:focus {
    opacity: 0.8;
}
.header {
    margin: 0px 0px 15px 0;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    background-color: #377099;
    border-radius: 3px;
    padding: 5px;
}
.emp_link_button {
    color: #377099;
}
.emp_button {
    color: #ffffff;
    background-color: #377099;
    border-radius: 3px;
    padding: 4px 25px !important;
    margin: 3px 0;
    border: none !important;
}
.thank_you_msg {
    font-size: 40px;
}
.login_again_link {
    margin-top: 15px;
}
.login_form_section img {
    max-width: 175px;
}
.login_again_link a {
    background-color: #377099;
    color: #ffffff;
    padding: 8px 25px;
    border-radius: 5px;
    font-size: 14px;
}
.edt_sve_tbl {
    text-align: center;
    width: 100%;
}
.emp_button:hover, .emp_button:active, .emp_button:focus {
    opacity: 0.8;
}
/*==================== Employee Profile CSS Ends ====================*/
/*==================== Employee Payslip CSS Starts ====================*/
.emp_payslip {
    text-align: center;
}
.yr_select {
    border: 1px solid #377099;
    min-width: 150px;
    border-radius: 2px;
    padding: 3px 6px;
}
.emp_grid {
    width: 60%;
    margin: 0 auto;
    margin-top: 10px;
    min-width: 280px;
    border: 1px solid #333333;
}
.emp_grid th {
    background-color: #377099;
    color: #ffffff;
    padding: 5px 10px;
    border: 1px solid #000000;
    text-align: center;
}
.emp_grid td {
    padding: 2px 10px;
}
/*==================== Employee Payslip CSS Ends ====================*/
@media (max-width: 767px) {
                .aims_v2 .login_section .login_image_section {
        height: 25%;
                }
    .aims_v2 .login_section .login_form_section {
        height: 75%;
                }
    .aims_v2 .login_section .login_img_content img {
        max-width: 100px;
    }
                .content-wrapper {
                                margin-left: 0;
                }
                .fixed .content-wrapper {
                                padding-top: 100px;
                }
}
.it_actuals {
    padding-top: 0px;
}
.it_form_no_border {
    border: none !important;
    margin-top: 5px;
}
.it_form_no_border td {
    padding: 2px;
}
.it_form_no_border input {
    border: 1px solid #cccccc;
    padding: 2px 5px;
    border-radius: 2px;
}
.right_align {
    text-align: right;
}
.error_msg {
    color: #fe0000;
    font-weight: bold;
}
.warning_img {
    width: 50px;
}
.capitalize {
    text-transform: capitalize;
}
.issues_grid_table {
    width: 100%;
}
.fld_width_200 input, .fld_width_200 select {
    width: 200px !important;
}
.fld_width_135 input, .fld_width_135 select {
    width: 135px !important;
}
.fld_m_l_5 input, .fld_m_l_5 select {
    margin-left: 5px;
}
.fld_m_lr_5 input, .fld_m_lr_5 select {
    margin: 0px 5px;
}
#menubar a {
    text-transform: capitalize;
}
.it_form_no_border th {
    text-align: center;
}
.headerRow td {
    padding: 3px 10px;
}
.edt_sve {
    background-color: #054c7f;
    color: #ffffff;
    border: none;
    padding: 5px 15px;
    border-radius: 3px;
}
.select_period {
    text-align: center;
    margin-bottom: 10px;
}
.select_period #contentholder1_lblTo {
    margin-left: 15px;
}
.select_period .emp_button {
    margin-left: 15px;
}
.chart_div .header {
    margin: 0px;
    font-size: 16px;
    color: #ffffff;
    background-color: #377099;
    padding: 5px 10px;
    border-radius: 0px;
}
.chart_content {
    padding: 10px 25px 25px 25px;
    text-align: center;
}
.chart_div {
    border: 1px solid #377099;
    border-radius: 3px;
    margin-bottom: 15px;
}
.search_clear_div {
    text-align: center;
    margin: 10px 0;
}
.search_clear_div input.emp_button {
    width: 100px;
}
.issue_tracker select {
    padding: 2px 6px !important;
}
.popupHeader {
    background-color: #377099;
    text-align: center;
    padding: 5px 10px;
}
.inner_popup {
    text-align: center;
    padding: 5px 15px 15px 15px;
}
#fgt_pwd {
    color: #333333;
}
#fgt_pwd .modal-header {
    text-align: center;
}
.buttons_div {
    margin: 10px 0px;
}
.popup_div {
    position: fixed;
    top: 10%;
    left: 24%;
    z-index: 100002 !important;
    border: 1px solid #377099;
    border-radius: 3px;
    background-color: #ffffff;
    width: 800px;
    max-height:750px!important;
    overflow: auto;
}

.popup_divothergrid {
    position: fixed;
    top: 20%;
    left: 25%;
    z-index: 100002 !important;
    border: 1px solid #377099;
    border-radius: 3px;
    background-color: #dfb5b5;
    width: 800px;
    max-height: 750px !important;
    overflow: auto;
}





.popup_div_tax {
   
    top: 10%;
    left: 10%;
    z-index: 100002 !important;
    border: 1px solid #377099;
    border-radius: 3px;
    background-color: #ffffff;
    max-height: 750px !important;
    overflow: auto;
}
.popup_div6 {
    position: fixed;
    top: 60%;
    left: 25%;
    z-index: 100002 !important;
    border: 1px solid #377099;
    border-radius: 3px;
    background-color: #ffffff;
    width: 1000px;
    max-height: 200px!important;
    overflow: auto;
}

.popup_divletout {
    position: fixed;
    top: 60%;
    left: 25%;
    z-index: 100002 !important;
    border: 1px solid #377099;
    border-radius: 3px;
    background-color: #ffffff;
    
    max-height: 200px!important;
    overflow: auto;
}


.popup_div1 {
   position: absolute;
    margin-left: auto;
    margin-right: auto;
    top: 30%;
    left: 10%;

    z-index: 100002 !important;
    border: 1px solid #377099;
    border-radius: 3px;
    background-color: #ffffff;
  
   
    
}
.popup_divnew {
    top: 5%;
    left: 20%;
    width: 1010px!important;
     max-height:550px!important;
      overflow: auto;
}


.popup_div5 {
    position: fixed;
    top: 10%;
    z-index: 100002 !important;
    border: 1px solid #377099;
    border-radius: 3px; 
    background-color: #ffffff;
    width: 1000px;
    max-height: 300px!important;
    overflow: auto;
}

.align_left {
    text-align: left;
}
input[type="image"] {
    padding: 0px !important;
    border: none !important;
    width: 20px !important;
}
.purchase_req_details td:last-child {
    text-align: center;
}
.purchase_req_details input {
    max-width: 125px;
}
.inv_dec input[disabled] {
    background-color: transparent;
}
.bold_font {
    font-weight: bold;
}
.pull-left {
    width: 10%;
}
.pull-left.info {
    width: 90%;
}
.float_left {
    float: left;
}
.float_right {
    float: right;
}
.m_t_0 {
    margin-top: 0px !important;
}
.inv_dec input, .inv_dec select, .inv_dec textarea {
    background-color: transparent;
    margin: 0px !important;
}
.HRA_table input, .HRA_table select, .HRA_table textarea {
    padding: 2px 5px;
    width: 100% !important;
}
table input, table select, table textarea {
    margin-bottom: 0px !important;
} 
select, textarea, button.multiselect, input:not([type='checkbox']) {
    margin-bottom: 5px !important;
    border: 1px solid #377099;
    border-radius: 2px;
    padding: 3px 6px;
    line-height: normal;
    height: 28px;
}
.issue_tracker input, .issue_tracker select {
    margin: 0px;
    width: 70%;
    border: 1px solid #377099;
    border-radius: 2px;
    padding: 3px 6px;
    line-height: normal;
}
.issue_tracker_data input, .issue_tracker_data select {
    width: 100%;
}
.issue_list input, .issue_list select {
    margin: 0px;
    width: 100%;
}
.employee_table, .emp_id_div {
    width: 60%;
    margin: 0 auto;
}
.employee_table p {
    margin: 0px;
}
.inner_popup .gridview {
    width: 50%;
    margin: 0 auto;
    border: 1px solid #333333;
}
.inner_popup .gridview th {
    text-align: center;
    background-color: #377099;
}
.particulars_div {
    background-color: #377099;
    padding: 4px 15px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
}
.employee_table .yr_select {
    width: 100%;
    height: 30px;
}
.employee_table input, .employee_table select, .employee_table textarea{
    margin-bottom: 5px;
}
.emp_data {
    border: 1px solid #377099;
    border-radius: 5px;
    padding: 15px 0;
}
.total_records {
    text-align: center;
    color: #377099;
    margin-top: 15px;
}
.grdHeader th {
    background-color: #377099;
    color: #fff;
    padding: 5px;
    font-weight: normal;
    border: 1px solid #000000;
}
.note_text {
    color: #fe0000;
    margin-top: 15px;
}
.issue_tracker input[type=file], input[type=file] {
    display: inline-block !important;
    padding: 1px;
}
.claim_table td {
    padding: 2px;
}
.claim_table {
    width: 75%;
    margin: 0 auto;
}
.white_font {
    color: #ffffff;
}
.custom_width input[type="file"] {
    width: 65%;
}
.custom_padding {
    padding: 4px 5px;
}
.link_blue {
    display: block;
    margin-bottom: 5px !important;
    padding: 4px;
    line-height: normal;
    min-height: 28px;
    border: 1px solid #377099;
    border-radius: 2px;
    overflow: hidden;
}
.link_blue:hover, .link_blue:active, .link_blue:focus {
    color: #337ab7;
    text-decoration: underline;
}
.custom_width input[type="submit"] {
    text-align: center;
    width: 32% !important;
    margin: 0px;
    padding: 4px 5px !important;
}
.custom_width span {
    display: block;
}
.claim_table input, .claim_table select {
    width: 100%;
}
.claim_table tr td:nth-child(2) input {
    border: none;
}
.claim_table tr td:first-child {
    text-align: center;
    width: 50px;
}
.pa_death tr td:first-child {
    text-align: left;
    width: auto;
}
.pa_death tr td:last-child {
    text-align: center;
    width: 150px;
}
.claim_update tr td:nth-child(2) input {
    background-color: transparent !important;
}
.claim_update tr td:nth-child(4) {
    text-align: center;
}
.claim_table tr td:last-child {
    text-align: center;
    max-width: 100px;
}
.table_100 {
    width: 100%;
}
.issues_grid td {
    padding: 5px;
}
.popup_table td {
    padding: 2px;
}
.popup_table {
    margin: 0 auto;
}
.pagination {
    text-align: center;
    margin-top: 10px;
    font-size: 15px;
    color: #377099;
    word-spacing: 5px;
}
.ajax__calendar_header {
    background-color: #377099 !important;
    color: #ffffff !important;
}
.ajax__calendar_container {
    padding: 0px !important;
    border: 1px solid #377099 !important;
}
.ajax__calendar .ajax__calendar_footer {
    border-top: none !important;
    background-color: #377099 !important;
    color: #ffffff !important;
    padding: 5px !important;
    height: 25px !important;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {
    color: #ffffff !important;
    text-decoration: underline !important;
}
.issue_list {
    border: 1px solid #377099;
    border-radius: 3px;
}
.issue_box {
    padding: 15px;
}
.issues_grid {
    max-height: 500px;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 15px;
    overflow: auto;
    max-width:100%;
}
input[type=checkbox], input[type=radio] {
    width: 12px;
}
.claim_grid {
    text-transform: uppercase;
    font-size: 13px;
    margin-top: 15px;
    max-width:100%;
}
.emp_button:hover, .emp_button:focus {
    color: #ffffff;
    text-decoration: none;
}
input[type="submit"].width_100 {
    width: 100% !important;
}
.pagination {
    width: 100%;
    margin: 5px 0px !important;
}
.center_align {
    text-align: center;
}
.width_auto {
    width: auto !important;
}
.issue_tracker_data {
    margin-top: 15px;
}
input[disabled] {
    background-color: #f1f1f1;
}
.purchase_req_upload input[type="file"] {
    width: 60%;
}
.m_t_10 {
    margin-top: 10px;
}
.button_div {
    margin-top: 15px;
}
.clear {
    clear: both;
}
.panel_box {
    padding: 5px;
}
.panel_box table {
    width: 100%;
}
.panel_box input {
    width: auto;
    margin-right: 5px;
}
.autocomplete_completionListElement {
    visibility: hidden;
    margin: 0px!important;
    color: windowtext;
    cursor: default;
    overflow: auto;
    height: 200px;
    text-align: left;
    list-style-type: none;
    font-size: 10px;
    border: solid 1px #377099;
    line-height: 20px;
    padding: 5px;
}
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem {
   color: black;
    list-style-type: none;
    /*padding: 1px;*/
}
/* AutoComplete item */
.AutoExtender {
    font-size: 12px;
    font-weight: normal;
    border: solid 1px #377099;
    line-height: 20px;
    padding: 20px;
    background-color: White;
    margin-left: 0px;
    /*max-height: 180px;*/
    overflow: auto;
    list-style-type: none;
    height: 160px;
}
.AutoExtenderList {
    cursor: pointer;
    list-style-type: none;
    text-align: left;
}
.AutoExtenderHighlight {
    cursor: pointer;
}
.panel_box label {
    margin-left: 5px;
    font-weight: normal;
}
.DivBackground {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    opacity: 0.7;
    z-index: 1001;
    background-color: black;
    display: none;
}
.PopupContent {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    top: 0%;
    left: 0%;
    z-index: 1002;
    bottom: 0;
    height: 250px;
    right: 0;
    display: none;
    margin-top: 170px;
    margin-bottom: 50px;
    border: solid 1px black;
    background-color: white;
    border-radius: 6px;
    padding: 15px;
}
.PopupContent1 {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    top: 0%;
    left: 0%;
    z-index: 1002;
    bottom: 0;
    height: 234px;
    right: 0;
    display: none;
    margin-top: 170px;
    margin-bottom: 50px;
    border: solid 1px black;
    background-color: white;
    border-radius: 15px;
}
.black_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    z-index: 100;
    bottom: 0;
    right: 0;
    background-color: #000000;
    opacity: .70;
}
.labelcolorStyle1 {
    font-family: Calibri;
    font-weight: normal;
    font-size: 14px;
    color: #9C1747;
}
.ModalPopupBG {
    background-color: rgba(205, 208, 208, 0.00);
    filter: alpha(opacity=50);
    opacity: 0.7;
}
.auto-style9 {
    height: 26px;
    width: 300px;
}
.curvedtextbox {
    border-radius: 25px;
    background: #316A9F;
    padding: 20px;
    width: 200px;
    height: 150px;
    background-color: #316A9F;
}
/*Calendar Control CSS*/
.cal_Theme1 .ajax__calendar_container {
    background-color: #DEF1F4;
    border: solid 1px #77D5F7;
}
.cal_Theme1 .ajax__calendar_header {
    background-color: #ffffff;
    margin-bottom: 4px;
}
.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev {
    color: #004080;
    padding-top: 3px;
}
.cal_Theme1 .ajax__calendar_body {
    background-color: #ffffff;
    border: solid 1px #77D5F7;
}
.cal_Theme1 .ajax__calendar_dayname {
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
    color: #004080;
}
.cal_Theme1 .ajax__calendar_day {
    color: #004080;
    text-align: center;
}
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active {
    color: #004080;
    font-weight: bold;
    background-color: #DEF1F4;
}
.cal_Theme1 .ajax__calendar_today {
    font-weight: bold;
}
.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
    color: #bbbbbb;
}
.auto-style18 {
    width: 299px;
}
.auto-style19 {
    width: 400px;
}
.hover1 {
    /*display: none;*/
    position: relative;
    top: -15px;
    background-color: black;
    color: white;
    left: 0px;
    width: 185px;
}
.pic {
    width: 190px;
    height: 190px;
    opacity: 1;
    filter: alpha(opacity=100);
    /*background: url(~/Images/Employee.png) no-repeat;*/
}
.pic:hover {
    opacity: 0.3;
    filter: alpha(opacity=30);
}
.pic:hover + .hover1 {
    display: block;
}
.auto-style20 {
    width: 190px;
    height: 460px;
}
.auto-style1{
    width: 5%;
}
.auto-style2 {
    color: #ffffff;
    font-size: 8pt;
    vertical-align: middle;
    text-align: right;
    width: 100%;
    /*height: 70px;*/
}
.auto-style3 {
    color: #ffffff;
    font-size: 8pt;
    vertical-align: middle;
    text-align: right;
    width: 828px;
    /*height: 70px;*/
}
.nameStyle {
    color: blueviolet;
    font: bold 12px arial,verdana;
}
.welcomeStyle {
    color: gray;
    font: bold 12px arial,verdana;
}
.DivBackground {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    opacity: 0.7;
    z-index: 1001;
    background-color: black;
    display: none;
}
.PopupContent_Logout {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    top: 0%;
    left: 0%;
    z-index: 1002;
    bottom: 0;
    height: 150px;
    right: 0;
    display: none;
    margin-top: 170px;
    margin-bottom: 50px;
    border: solid 1px black;
    background-color: white;
    border-radius: 15px;
}
.PopupContent_Master {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    min-width:945px;
    top: 0%;
    left: 0%;
    z-index: 1002;
    bottom: 0;
    height: 700px;
    right: 0;
    display: none;
    margin-top: 20px;
    margin-bottom: 50px;
    border: solid 1px black;
    background-color: white;
    border-radius: 10px;
}
.tblHeader {
    font-size:larger;
    width:100%;
}
.tblHeader tr td:nth-child(1) {
    vertical-align:top;
    font-weight:bold;
    width: 20%;
    text-align:left;
    padding-left:10px;
}
.tblHeader tr td:nth-child(2) {
    width: 80%;
    text-align:left;
}
.tblContent {
    font-size:larger;
    width:100%;
}
.tblContent tr td:nth-child(1) {
    vertical-align:top;
    font-weight:bold;
    width: 20%;
    text-align:left;
    padding-left:10px;
}
.tblContent tr td:nth-child(2) {
    width: 80%;
    text-align:left;
}
.chnge_pwd_div {
    text-align: center;
    padding: 60px;
}
.chnge_pwd_div p {
    margin: 0px;
    color: #333333;
}
.header_title, .pwd_change {
    margin-bottom: 15px;
}
.user_name {
    color: #054c7f;
}
.emp_label {
    font-weight: bold;
    color: #333333;
}
.emp_label_text {
    color: #333333;
}
.pwd_change {
    max-width: 400px;
    border: 1px solid #054c7f;
    border-radius: 3px;
    padding-bottom: 20px;
    margin: 0 auto;
    margin-top: 15px;
}
.pwd_change .header_title h5 {
    color: #ffffff;
    background-color: #054c7f;
    margin: 0px;
    padding: 6px;
    font-size: 16px;
    font-weight: bold;
}
.pwd_div input[type="submit"] {
    background-color: #054c7f;
    border: 2px solid #054c7f;
    border-radius: 2px;
    padding: 1px 25px;
    color: #ffffff;
    margin-top: 15px;
}
.pwd_div input[type="submit"]:hover, .pwd_div input[type="submit"]:active, .pwd_div input[type="submit"]:focus {
    opacity: 0.8;
}
.pwd_div table {
    margin: auto;
}
.pwd_div input {
    margin: 2px 5px;
    border: 1px solid #333333;
    border-radius: 2px;
    padding: 2px 5px;
}
.pwd_div td:first-child {
    float: right;
    margin-right: 5px;
}
.logout_section {
    text-align: center;
    background: rgba(255,255,255, 0.8);
    border-radius: 6px;
    padding: 50px;
    width: 40%;
    margin: 0 auto;
}
.logout_section img {
    width: 125px;
}
.logout_section h4 {
    margin: 15px 0px;
    color: #000000;
}
.popupHeader input[type="image"] {
    width: 20px;
    height: 20px;
    padding: 0px;
}
input[type="submit"] {
    width: auto !important;
}
.span_bold span {
    font-weight: bold;
}
.term_claim_table {
    width: 90%;
}
button.multiselect {
    text-align: left;
}
input.multiselect-search {
    margin-bottom: 0px !important;
    padding: 0px 5px !important;
}
.input-group-btn .btn-default {
    color: #377099;
    background-color: #ffffff;
    border: 1px solid #377099;
    padding: 3px 10px;
}
.input-group-btn .btn-default:hover, .input-group-btn .btn-default:active, .input-group-btn .btn-default:focus {
    color: #ffffff;
    background-color: #377099;
    border: 1px solid #377099;
}
.btn-group.open .dropdown-toggle {
    background: transparent !important;
    box-shadow: none !important;
    border: 1px solid #377099 !important;
}
.input-group .input-group-addon {
    padding: 5px 12px;
    color: #ffffff;
    background-color: #377099;
    border: 1px solid #377099;
}
.multiselect-container.dropdown-menu>li>a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #377099;
}
.multiselect-container.dropdown-menu {
    border: 1px solid #377099;
    box-shadow: none;
    width: auto;
    min-width: 100%;
    max-height: 350px;
    overflow-y: auto;
}
.multiselect.btn-default.active, .multiselect.btn-default:active, .multiselect.dropdown-toggle.btn-default:hover, .multiselect.dropdown-toggle.btn-default:focus, .open>.multiselect.dropdown-toggle.btn-default:hover, .open>.multiselect.dropdown-toggle.btn-default:focus {
    background-color: transparent;
    box-shadow: none;
    border: 1px solid #377099;
}
.multiselect-clear-filter:hover, .multiselect-clear-filter:active, .multiselect-clear-filter:focus {
    background-color: transparent;
    outline: none;
    box-shadow: none;
}
select[multiple], select[size] {
    height: 28px !important;
}
button.multiselect:hover, button.multiselect:active, button.multiselect:focus {
    background-color: transparent;
}
.pd_lr_0 {
    padding-left: 0px;
    padding-right: 0px; 
}
.HRA_table table {
    width: 100%;
}
.HRA_table table input {
    margin-bottom: 0px !important;
}
.pd_lr_0 {
    padding-left: 0px;
    padding-right: 0px; 
}
.HRA_table table {
    width: 100%;
}
.HRA_table table input {
    margin-bottom: 0px !important;
}
.ui-accordion .ui-accordion-content {
    padding: 10px !important;
    height: auto !important
}
.ui-accordion .ui-accordion-header {
    border: 1px solid #377099 !important;
    background: #377099 !important;
    color: #ffffff !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #377099 !important;
    background: #377099 !important;
}
.ui-widget-content {
    border: 1px solid #377099 !important;
}