/****** SetupStatus ***************/


.BackgroundColorWhiteImgNotIMP {
    background-color: #ffffff !important;
}

    .BackgroundColorWhiteImgNotIMP:hover {
        background-color: #b80071 !important;
    }
.side_navigation1 > li > a {
    font-size: 13px;
}

.BackgroundColorImgNotIMP {
    background-color: #ff00aa !important;
}

    .BackgroundColorImgNotIMP:hover {
        background-color: #b80071 !important;
    }

.margin-1-1 {
    margin-left: 1px;
    margin-right: 1px;
}

.Menu_SS {
    background-color: #ff00aa;
    padding: 10px 0px 10px 0px;
    text-align: center;
    font-weight: bold;
    color: white;
    padding-right: 10px;
}

    .Menu_SS > a {
        color: white !important;
    }

        .Menu_SS > a:hover {
            color: white !important;
        }

            .Menu_SS > a:hover > svg {
                color: white !important;
            }


.MainDiv_SS {
    /*border: 1px solid #43a2a2;*/
    padding: 8px;
    width: 183px;
    border-radius: 7px;
    text-align: center;
    background-color: white;
    box-shadow: 5px 7px 10px 0px #808080bf;
}

.DivInner_SS {
    border: 1px solid #43a2a2;
    background-color: #43a2a2;
    width: 150px;
    border-radius: 80px;
    height: 150px;
    text-align: center;
    padding: 18px 0px 0px 0px;
    text-align: center;
    box-shadow: 1px 1px 5px 1px #808080bf;
}

.DivDetails_SS {
    width: 150px;
    text-align: center;
    font-weight: bold;
    color: #2f4050;
}
/****** SetupStatus ***************/
a h3:hover {
    color: #1ab394;
}
/******AccountUI ***************/
.FixedHeight {
    max-height: 200px;
    overflow: auto;
    list-style-type: none;
    border: 1px solid black;
    padding: 0;
}

    .FixedHeight li {
        text-decoration: none;
    }


header.positionleft, div.positionleft {
    left: 0px;
    padding-left: 0px;
}

/*****POPUP Master file****/
.bodyPopup {
    background: #ffffff;
}

/*********AgentUI***********/
.search_filter_each .filter_selectA {
    width: 130px;
}

.dashIn-opt .filter_selectA {
    width: 210px;
}

input.filter_inputA {
    width: 140px;
}

input.filter_inputC {
    width: 100px;
}

.ag_status {
    width: 8%;
}

.ag_type {
    width: 10%;
}

.ag_action {
    width: 7%;
}

.ag_amount {
    width: 10%;
}

.ag_amount_small {
    width: 8%;
}

.ag_date {
    width: 10%;
}

.ag_date_big {
    width: 12%;
}

.ag_FY {
    width: 13%;
}

.ag_FY_big {
    width: 17%;
}
/****SAUI************/
a:focus {
    outline: none;
}

.outerT-dash table td.validated {
    color: purple;
}

.outerT-dash table td.processing {
    color: orange;
}
/********SA Dashboard Status****************/
.sa_validate_btn {
    font-size: 16px;
    display: inline-block;
    border: 0;
    border-radius: 4px;
    background: #ff7400;
    color: #fff;
    font-size: 12px;
    padding: 5px 19px;
}

    .sa_validate_btn:hover,
    .sa_validate_btn:focus {
        background: #cc5c00;
    }

.status_details li.submitted p {
    color: #007F00;
}

.status_details li.submitted .status_round {
    box-shadow: 0 0 0 7px rgba(0,127,0,0.16);
    background: #007F00;
}

.status_details li.failed p {
    color: #D14D4D;
}

.status_details li.failed .status_round {
    box-shadow: 0 0 0 7px rgba(209,77,77,0.16);
    background: #D14D4D;
}

.status_details li.validated p {
    color: #553FAA;
}

.status_details li.validated .status_round {
    box-shadow: 0 0 0 7px rgba(85,63,170,0.16);
    background: #553FAA;
}

.status_details li.nottosubmit p {
    color: #979797;
}

.status_details li.nottosubmit .status_round {
    box-shadow: 0 0 0 7px rgba(151,151,151,0.16);
    background: #979797;
}

.status_details li.processing p {
    color: #0179C1;
}

.status_details li.processing .status_round {
    box-shadow: 0 0 0 7px rgba(1,121,193,0.16);
    background: #0179C1;
}

.infoTable th, .infoTable td {
    border-bottom: 0px solid #e7eaec;
}

.dashIn-opt .filter_select_sa {
    width: 210px;
}

.sa_button_block {
    padding-top: 25px;
}

.sa_date {
    width: 7%;
}

.sa_action {
    width: 6%;
}

.sa_amount {
    width: 12%;
}

/***Other tax information****/
.saConfig .common_block {
    min-height: 216px;
}

.saConfig .block_header {
    margin-bottom: 10px;
}

.saConfig .half_height {
    min-height: 127px;
}

.saConfig .half_height_b {
    min-height: 75px;
}

.saConfig .height_c {
    min-height: 372px;
}

.saConfig .height_d {
    min-height: 75px;
}

.saConfig .height_g {
    min-height: 261px;
}

.saConfig .height_e {
    min-height: 240px;
}

.saConfig .height_f {
    min-height: 273px;
}

.saConfig .sa_middle_col .half_height:last-child {
    margin-bottom: 0;
}

/***Tax relief****/
.saTaxRelief .common_block {
    min-height: 256px;
}

.saTaxRelief .block_header {
    margin-bottom: 10px;
}

.saTaxRelief .half_height {
    min-height: 127px;
}

.saTaxRelief .height_b {
    min-height: 225px;
}

.saTaxRelief .height_c {
    min-height: 274px;
}

.saTaxRelief .sa_middle_col .half_height:last-child {
    margin-bottom: 0;
}

.saTaxRelief textarea {
    height: 81px;
}

/******Capital gains******/
.saCapitalGain .common_block {
    min-height: 256px;
}

.saCapitalGain .block_header {
    margin-bottom: 10px;
}

.saCapitalGain .half_height {
    min-height: 127px;
}

.saCapitalGain .height_b {
    min-height: 225px;
}

.saCapitalGain .height_c {
    min-height: 439px;
}

.saCapitalGain .height_d {
    min-height: 713px;
}

.saCapitalGain .sa_middle_col .half_height:last-child {
    margin-bottom: 0;
}

.saCapitalGain textarea {
    height: 148px;
}


.sainfoTable .green_btn {
    color: #FFFFFF;
}
/***Tax CalculationSummary**/
.saTaxCalcSummary .common_block {
    min-height: 256px;
}

.saTaxCalcSummary .block_header {
    margin-bottom: 10px;
}

.saTaxCalcSummary .sa_middle_col .half_height:last-child {
    margin-bottom: 0;
}

/******************/
.sidebar_nav .saSidebar_nav {
    width: 225px;
}

.green_heading_small {
    margin-top: 0;
    font-size: 14px;
    color: #1ab394;
    margin: 30px 0 15px;
}

.green_heading_small {
    margin-top: 0;
    font-size: 14px;
    color: #ff00aa!important;
}

.popup_form_row .sapopup .add_form_label {
    min-width: 240px;
}

.sapopup .popup_form_row .add_form_cell {
    /* width: 280px;*/
}

.sapopup .popup_form_col {
    width: 100%;
}

.sapopup .popup_form_col_half {
    width: 50%;
}

.sapopup_table table {
    color: #7d7d7d;
}

    .sapopup_table table td {
        padding: 10px;
    }

        .sapopup_table table td:last-child {
            border-right: 0;
        }

    .sapopup_table table tr:last-child td {
        border-bottom: 0;
    }

.saform_action_btn {
    margin-top: 32px;
}
/***************End of SA*******************/

/***************Generic table column width classes*******************/
.col_th_xs {
    width: 5%;
}

.col_th_s {
    width: 7%;
}

.col_th_m {
    width: 10%;
}

.col_th_m2 {
    width: 12%;
}

.col_th_l {
    width: 15%;
}

.col_th_xl {
    width: 20%;
}

.col_th_xxl {
    width: 30%;
}

.col_th_xxxl {
    width: 35%;
}
/***************End of Generic table column width classes*******************/
.companyvat_popup .add_form_label, .companyreg_popup .add_form_label,
.companytrd_popup .add_form_label {
    min-width: 170px;
}
/*One column layout*/
.one_col_layout .form_col {
    width: 100%;
}

    .one_col_layout .form_col .add_form_label {
        min-width: 150px;
    }

    .one_col_layout .form_col .extrawidth {
        min-width: 200px;
    }

    .one_col_layout .form_col .add_form_cell {
        width: 240px;
    }

.add_form_cell {
    width: 425px;
}

.one_col_layout .form_col .fullwidth {
    width: 100%;
}

.one_col_layout .form_col .width_300 {
    width: 300px;
}

.one_col_layout .form_col .width_500 {
    width: 500px;
}


.form_col_inline {
    margin: 5px 0px;
}
/*One column layout elements inline*/
.one_col_layout .form_col_inline {
    width: 100%;
}

.one_col_layout .add_form_row_inline {
    float: left;
    margin: 5px;
}

.one_col_layout .form_col_inline .add_form_label {
    min-width: 80px;
}

.one_col_layout .form_col_inline .add_form_cell {
    width: 100px;
}


/*Two column layout*/
.two_col_layout {
    width: 100%;
}

    .two_col_layout .form_col_half {
        width: 50%;
    }

        .two_col_layout .form_col_half .add_form_label {
            min-width: 300px;
        }

        .two_col_layout .form_col_half .fullwidth {
            width: 100%;
        }

/*Three column layout*/
.three_col_layout .form_col {
    width: 33%;
}

    .three_col_layout .form_col .add_form_label {
        min-width: 100px;
    }

    .three_col_layout .form_col .add_form_cell {
        width: 230px;
    }


/*Recurring Invoice - One column layout elements inline*/
.ri_one_col_layout .form_col_inline {
    width: 100%;
}

.ri_one_col_layout .add_form_row_inline {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.ri_one_col_layout .form_col_inline .add_form_label {
    min-width: 80px;
}

.ri_one_col_layout .form_col_inline .add_form_cell {
    min-width: 80px;
    width: auto;
}


.popup_form_row .nowidth {
    width: 0px;
}

.add_customer_table_customise {
    margin-top: 5px;
}

    .add_customer_table_customise table > tbody > tr > th, .add_customer_table_customise table > tbody > tr > td {
        padding: 5px;
    }

.varform_action_btn {
    margin-top: 10px;
}

.green_heading_lm {
    font-size: 18px;
    color: #1ab394;
    margin: 10px 0 10px;
}

span.takingsheetSubTitle {
    margin-top: 0;
    font-size: 16px;
    color: #1ab394;
}

.form_action_btn_lm {
    margin-top: 40px;
    text-align:center;
}

.exp_tick_lm {
    margin: 10px 0;
}

.docpreview {
    border: solid 1px #eeeeee;
    padding: 4px;
    width: 100%;
    height: 470px;
    overflow: auto;
}

.supplierpopup .add_form_label {
    min-width: 130px;
}

.invoiceitems {
    min-height: 60px;
    max-height: 160px;
    float: left;
    overflow-y: auto;
}

.invoiceitems1 {
    min-height: 60px;
    max-height: 200px;
    float: left;
    overflow-y: auto;
}

.supplierbillitems {
    max-height: 150px;
    overflow-y: auto;
    clear: left;
}

.popup_form_row .add_form_cell {
    width: 300px;
}

/*Messi popup*/
.messi-content table {
    width: 100%;
}

    .messi-content table td {
        font-weight: normal;
        color: #7d7d7d;
        vertical-align: top;
        padding: 8px 0;
        border-bottom: 1px solid #e7eaec;
    }

.messi-actions a {
    margin: 3px;
}
/*Messi popup End*/
.add_customer_table_wrap table tbody tr.rowFinal td {
    position: static;
    font-weight: 600;
    height: 52px;
    background: #d0d0d0;
}

table.autowidth {
    width: auto;
}

.common_block_auto_height {
    min-height: 0px;
}

.common_block_less_padding {
    padding: 25px 35px;
}
/***********TABS*********************/

/*.ajax_customtab .ajax__tab_header {
    font-family: Frutiger Linotype, Trebuchet MS, Tahoma, Arial;
    font-weight: normal;
    font-size: 15px;
    display: block;
    background:#f1f1f1;
    border-bottom:1px solid #ccc;
   
}*/

    .ajax_customtab .ajax__tab_header .ajax__tab_outer {
        /*background: url(../../Commonv2/images/tab.png) no-repeat left top;*/
        border-color: #222;
        color: #222;
      
        /*margin-right: 3px;*/
       
    }

    .ajax_customtab .ajax__tab_header .ajax__tab_inner {
        /*background: url(../../Commonv2/images/tab.png) no-repeat right top;*/
        border-color: #666;
        color: #333;
        padding: 15px;
         line-height:20px;
    }

/*.ajax_customtab .ajax__tab_hover .ajax__tab_inner {
    color: #000000;
   
     padding:15px;
         background:#ddd;
         line-height:20px;
}*/

.ajax_customtab .ajax__tab_active .ajax__tab_outer {
    /*background: url(../../Commonv2/images/tab.png) no-repeat 0pt -40px;*/
    border-bottom-color: #ffffff;
}



/*.ajax_customtab .ajax__tab_active .ajax__tab_inner {
  
    color: #fff;
    border-color: #333;
    padding: 15px;
    line-height: 20px;
    background: #43A2A2;
}*/


.ajax_customtab .ajax__tab_body {
    font-family: Frutiger Linotype, Trebuchet MS, Tahoma, Arial;
    font-weight:normal;
    padding: 8px;
    background-color: #fcfcfc;
}

.chk_group span {
    display: inline-block;
    width: 24%;
    vertical-align: top;
    padding-right: 5px;
}

.chk_group input {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.chk_group label {
    font-weight: 400;
    color: #7d7d7d;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    padding: 10px;
}

.generalInfoex .row > div {
    padding-right: 30px;
}

td.numbg {
    vertical-align: top;
    padding: 8px 10px;
    width: 60px;
}

.yodlee_section {
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-right: 10px;
}

.generalInfoex .row > div {
    padding-right: 30px;
}

.generalInfoex .row > div {
    padding-right: 30px;
}

.yodlee_section span {
    font-size: 30px;
    color: #aaa;
    padding: 15px;
    display: inline-block;
}

td.infoTable {
    vertical-align: top;
}

/*********** UI Fixes *********************/
.noBlueBorderParent img {
    border: none !important;
    border-width: 0px !important;
}

.noBlueBorderParent a {
    outline: none !important;
    text-decoration: none !important;
}

.aeContributionEditor .add_form_cell {
    width: 300px !important;
}

.aeContributionEditor .add_form_label {
    min-width: 163px !important;
}

.aeEligibilityCriteriaEditor .add_form_label {
    min-width: 150px !important;
}

.groupRightEditors .outerT-dash table td {
    height: auto !important;
}

.rptTrialBal .availdetail {
    border-bottom-style: solid;
    border-color: #E4E0D3;
    border-width: 4px;
}

.rptTrialBal .availdetail-2 {
    border-bottom-style: solid;
    border-left-style: solid;
    border-color: #E4E0D3;
    border-width: 4px;
    border-left-color: #D1D1D1;
}

.rptTrialBal .outerT-dash > table > tbody > tr:nth-child(odd) > td {
    background-color: white;
}

/*********  End of UI Fixes  *************/
.vertical-align-top {
    vertical-align: top;
}

.fa_left {
    width: 25%;
}

.fa_right {
    width: 75%;
}

table.infoTable-no-width {
    min-width: 0px;
}

.fa_right td input[type="text"] {
    min-width: 80px;
}

.outerT-dash_Print table {
    width: 100%;
    table-layout: auto;
}

.well {
    padding: 5px;
    box-shadow: inset 2px 2px 1px rgba(0,0,0,.05);
    margin: 2px;
    border: 1px solid #C1C1C1;
    width: 200px;
}

.selectedItem {
    background-color: yellow;
}

.wellheader {
    text-align: center;
    padding: 3px;
}

.wellcontent {
    text-align: center;
    padding: 3px;
    font-size: 13px;
    height: 30px;
}

.pl_graph_bottom_box {
    width: 33%;
    display: inline-block;
    text-align: center;
}

td.homeasoffice_header {
    background-color: #999999;
    color: White;
    height: 25px;
    font-weight: bold;
    font-size: 12px;
}

.serieName {
    font-size: 90%;
}

div.ajax__calendar_body {
    width: auto;
}

div.ajax__calendar_footer {
    height: auto;
}



.finanDrop {
    background-color: #ff00aa;
    color: #fff;
    width: 230px;
}

    .finanDrop:hover {
        background-color: #b80071;
        color: #fff;
    }

.fa_cs_processing {
    color: #A2CA6D;
}

.fa_cs_pending {
    color: #A2CA6D;
}

.fa_cs_failed {
    color: #D14D4D;
}

.fa_cs_draft {
    color: #333333;
}

.fa_cs_hmrc_submission {
    color: #D14D4D;
    font-size: 13px;
    font-weight: normal;
}

tr.rowFinal th, tr.rowFirst th {
    position: static;
    font-weight: 600;
    height: 52px;
    background: #fff;
}

.profit_table tr.profit_table_title td {
}

.profit_table tr.alternate > td {
    background: #fff;
}

.outerT-dash table > tbody > tr.alternate > td {
    background: #fff;
}

td.ledgertd {
    width: 175px;
}

div.profit_row_title {
    max-width: 250px;
}

div.profit_row_padding {
    padding-left: 15px;
}

.tblAltColors > tbody > tr:nth-child(odd) > td {
    background: #eaeaea;
}

.tblAltColors > tbody > tr:nth-child(even) > td {
    background: #f3f3f4;
}

.tblAltColors > tbody > tr > td {
    padding: 8px 8px;
}

input.business_search_input {
    width: 400px;
    height: 33px;
    border: solid 1px #e1e1e1;
}

.infoTable td a.logoCompany img {
    max-height: 100px;
}

/*********  UI Global Changes  *************/
.popup_header h2 {
    font-weight: bold;
}

/*.add_form_label {
    font-weight: bold;
}*/



.add_form_cell input, .add_form_cell select, .add_customer_table input, .add_customer_table select {
    border-radius: 3px;
    border: 1px solid silver;
}

.page_title h2 {
    font-weight: bold;
}
.form_action_btn_lm {
    margin-top: 5px;
    text-align:center;
}

.popup_form_row .add_form_row, .add_form_row {
    margin-bottom: 5px;
}

.popup_header {
    padding-bottom: 5px;
    margin-bottom: 8px;
}

.modal-body {
    padding-top: 5px;
    padding-bottom: 5px;
}
/*********  End of UI Global Changes  *************/

.form_action_btn {
    margin-top: 10px;
}

input[type="text"].input_date {
    width: 120px;
}

.ajax_customtab_payroll .ajax__tab_body {
    border: none;
}

.altRow > table, .altRow > table > tbody, .altRow > table > tbody > tr, .altRow > table > tbody > tr > td {
    cursor: pointer;
}

    .altRow > table > tbody > tr:nth-child(odd) > td {
        background: #eaeaea;
    }

    .altRow > table > tbody > tr:nth-child(even) > td {
        background: #f3f3f4;
    }

.labelh3 {
    font-weight: 600;
    color: #676a6c;
    font-size: 14px;
}

.labelh4 {
    font-weight: 200;
    color: #676a6c;
    font-size: 13px;
    padding-left: 20px;
}

.anchorh4 {
    font-weight: 200;
    color: #676a6c;
    font-size: 13px;
    cursor: pointer;
}

.anchorh3 {
    font-weight: 600;
    color: #676a6c;
    font-size: 14px;
    cursor: pointer;
}

.hdh3 {
    font-weight: bold;
    color: #43a2a2;
    font-size: 16px;
}

.popup_form_col_TD {
    width: 50%;
}

.popup_form_col {
    width: 70%;
}

.popup_form_col_ED {
    width: 85%;
}

/*.outerT-dash table th, 
.outerT-dash table td {
padding: 0px 10px 0px 10px;
}*/


.d_float {
    float: right;
}

.dashOpt-e {
    margin-left: 0px;
}

.dashOpt-e1 {
    margin-left: 5px;
}

.td_width {
    width: 100px;
}

.pull-full {
    width: 100%;
}

.separation_margin_t {
    margin-top: 45px;
}

.dv_clear {
    clear: both;
}

.exp_tick_width {
    width: 180px;
}

.pay_ytd1 {
    width: 11%;
}

.saCapitalGain .quater_height {
    min-height: 85px;
}

.wrap {
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

#plprofit_table_wrap .profit_row_title {
    width: 250px;
}

#plprofit_table_wrap .profit_table tr td.profit_reg_price {
    width: 180px;
}

td.numbCT {
    vertical-align: top;
    padding: 8px 10px;
}
/***********TABS*********************/

.ajax_customtabadmin .ajax__tab_header {
    font-family: Frutiger Linotype, Trebuchet MS, Tahoma, Arial;
    font-weight: bold;
    background: url(../../Commonv2/images/tab-line.png) repeat-x bottom;
    font-size: 12px;
    display: block;
}

    .ajax_customtabadmin .ajax__tab_header .ajax__tab_outer {
        background: url(../../Commonv2/images/tab.png) no-repeat left top;
        border-color: #222;
        color: #222;
        padding-left: 10px;
        margin-right: 3px;
    }

    .ajax_customtabadmin .ajax__tab_header .ajax__tab_inner {
        background: url(../../Commonv2/images/tab.png) no-repeat right top;
        border-color: #666;
        color: #666;
        padding: 3px 10px 2px 0px;
    }

.ajax_customtabadmin .ajax__tab_hover .ajax__tab_inner {
    color: #000000;
    cursor: pointer;
}

.ajax_customtabadmin .ajax__tab_active .ajax__tab_outer {
    background: url(../../Commonv2/images/tab.png) no-repeat 0pt -40px;
    border-bottom-color: #ffffff;
}

.ajax_customtabadmin .ajax__tab_active .ajax__tab_inner {
    background: url(../../Commonv2/images/tab.png) no-repeat right -40px;
    color: #000000;
    border-color: #333;
}

.ajax_customtabadmin .ajax__tab_body {
    font-family: Frutiger Linotype, Trebuchet MS, Tahoma, Arial;
    font-size: 10pt;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: -12px;
    padding-bottom: 0px;
    background-color: #ffffff;
    border: solid 1px #d7d7d7;
    border-top-width: 0;
}

.skin-blue {
    color: #43a2a2;
}

.fa-icon {
    color: #fff;
}

    .fa-icon:hover {
        color: #2f4050;
    }


/*Dropdown Styles*/
.dropdown-submenu {
    position: relative;
    display: inline-block;
}

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
    }


.trend-tbl {
    width: 50%;
    float: left;
    margin-bottom: 35px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    right:-5px;
    background-color: #ffffff;
    border-radius:5px;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    width:200px;
}

    /* Links inside the dropdown */
    .dropdown-content a {
        color: black;
        padding: 5px 10px;
        text-decoration: none;
        display: block;
     
    }


.add_item2 { width: 100%; display: block; border-bottom: 1px dashed #cccccc;}

.add_item2 ul  { width: 100%; margin: 0px; padding: 0px;

}

.add_item2 ul li  { list-style: none;  color: #494949; display: inline-flex; cursor: pointer!important; font-size: 12px;

}

.add_item2 ul li a {  color: #494949;  cursor: pointer!important; text-decoration: none; font-size: 12px;
}

.add_item2 ul li a:hover {color:darkcyan;

}



        /* Change color of dropdown links on hover */
        .dropdown-content a:hover {

              cursor:pointer;
        }
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
       cursor:pointer!important;
}
/* To pull dropdown menu right */
.dropdown:hover .right, .right {
    right: 0;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

/* CSS Menu Hover Styles */
.top-level-menu > li {
    position: relative;
}

.top-level-menu li:hover > ul {
    /* On hover, display the next level's menu */
    display: inline;
}

.top-level-menu a:hover {
    color: #000000;
}

.second-level-menu {
    position: absolute;
    top: 30px;
    left: 0;
    width: 150px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    box-shadow: 14px 8px 36px 16px rgba(0,0,0,0.2);
    z-index: 1;
}

    .second-level-menu > li {
        position: relative;
        background: #f1f1f1;
        width: 180px;
    }

/*Trend Table for Invoice & Supplier*/
.trend-tbl {
    width: 50%;
    float: left;
    margin-bottom: 35px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
/*For CompanyDashbord page for NationalMinimulWage*/
.tdNationalWage td, .tdNationalWage td a {
    color: red !important;
}

.FA_Green {
    padding: 8px 0px 0px 7px;
    color: #1ab394;
}

    .FA_Green:hover {
        color: #43a2a2;
    }

/*For CUSTOM SITEMAP - navigation links */
.navlink, .navlink a {
    font-size: 14px;
    color: #9999a1;
    font-weight: normal;
    /*font: normal 10px 'Open Sans', sans-serif;*/
}
.btn .fa-floppy-o {
    display: none;
}
.btn {
    border-radius: 18px !important;
    outline:none !important;
}

    .navlink a:hover {
        color: #43a2a2;
    }

.common_block.pl_block1 {
    padding: 15px 25px 30px;
    border: rgba(0,0,0,0.1);
    border-style: solid;
    border-width: thin;
    border-radius: 10px;
    /*box-shadow: 0 0 5px 5px #43a2a226;*/
}

/*-- Tutorial video Play--------*/
#modaldialog {
    max-width: 800px;
    margin: 30px auto;
}

#modalbody {
    position: relative;
    padding: 0px;
}

.close {
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    opacity: 1;
}
.close_bs {
    right: 6px !important;
    font-size: 3rem !important;
    color: #000 !important;
}


.addinvtotal{
    float:right; width:30%; margin:20px; 
}

.addinvtotal1{
   display:inline-flex;  text-align:right; width:100%; margin-bottom:10px;
}

.invtotal
{
    border-top:1px solid black; font-size:24px!important;
      border-bottom:2px double black; font-size:18px;
      padding:10px 0;
}



.totalfig{width:100px;background: white;border: none!important; text-align:right; color:grey;}

 /*.helpvideoIcon {
            background: url(../images/help_video_icon.png) no-repeat scroll 99%;
            width: 18px;
            height: 21px;
            position: absolute;
            margin-top: 5px;
            margin-left: 5px;
        }*/
 /* .popup_form_row .add_form_row, .add_form_row{ */
	/* margin-bottom :15px; */
/* } */
.manually_add_btn_new{
	font-size:12px;
	padding :5px 19px;
	margin-top:30px;
}
.outerT-dash_Print_New table {
    width: 67%;
    table-layout: auto;
}

 #slidediv a {
            font-weight: bold;
            font-size: 15px;
            margin-left: 19px;
            color: #ff00aa;
        }

#slidediv a:hover {
	color: grey;
}
.Label_Color{
	margin-top: 5px;
	font-weight: normal;
	color: #7d7d7d;
}
		
		 .white2 td { background-color:#fff !important;
    }



.datecell{width:110px !important;}

.word-wrap{
    word-break:break-word !important;

}

.bg-seagreen {
    background-color: #ff00aa !important;
    border-radius:18px !important;
    color:#fff !important;
}
.font-weight-normal{
    font-weight:normal !important;
}

.mt-5{margin-top:5px!important;}
.mt-10{margin-top:10px !important;}


.mb-5{margin-bottom:5px !important;}
.mb-10{margin-bottom:10px !important;}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
     font-weight: normal!important; 
}

@media only screen and (max-width: 1100px) and (min-width:768px)  {
  .main_content {
     margin-top: 50px!important;
  }
}


@media only screen and (max-width:768px)  {
  .main_content {
     margin-top: 150px!important;
  }
}




/* -------------NEW UI CSS for TAB-25-09-2020------------*/

.ajax_customtab .ajax__tab_active .ajax__tab_inner {
    color: #ff00aa !important;
    border-bottom: 2px solid #ff00aa !important;
    background: none;
    cursor: pointer;
}

.ajax_customtab .ajax__tab_inner {
    /*border-bottom: 3px solid #ddd !important;*/
    background: none;
    padding: 15px 25px 10px 25px !important;
    color: #7d7d7d !important;
    font-weight: bold;
    cursor:pointer;
}

.ajax_customtab .ajax__tab_header {
    background: none;
    border-bottom: 1px solid #ddd;
}

.ajax_customtab .ajax__tab_hover .ajax__tab_inner {
    background: #fff !important;
    color: #ff00aa !important;
    border-bottom: 2px solid #ff00aa !important;
}

/*.ajax_customtab .ajax__tab_body {
    border: none !important;
}*/



.nav-tabs {
    border-bottom: 1px solid #ddd;
    padding: 24px 0;
}


    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:focus,
    .nav-tabs > li.active > a:hover {
        color: #b80071;
        cursor: default;
        background-color: #fff;
    }

    .nav-tabs > li > a:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 0%;
        height: 2px;
        background-color: #000;
        transition: all 0.5s linear;
    }

    .nav-tabs > li > a:hover:before {
        width: 100%;
        height: 2px;
        background-color: #b80071;
    }



    .nav-tabs > li > a {
        margin-right: 51px;
        border: none !important;
        position: relative;
        font-size: 16px;
        font-weight: 600;
        color: #808080;
    }


.sidenav-tabs > ul > a {
    padding: 20px 0;
}

.nav-stacked {
    margin-top: 50px;
}

    .nav-stacked li {
        padding: 8px 0;
    }

    .nav-stacked a {
        padding: 8px 0;
        font-size: 15px;
    }

    .nav-stacked i {
        padding-right: 10px;
        font-weight: bold;
        font-size: 18px;
    }

.sidenav-tabs > li.active > a,
.sidenav-tabs > li.active > a:focus,
.sidenav-tabs > li.active > a:hover {
    color: #ff00aa;
    cursor: default;
    background-color: #fff;
    font-weight: bold;
}

.tab-content {
    margin-top: 7px;
}

    .tab-content h3 {
        font-size: 20px !important;
        color: #ff00aa;
        font-weight: bold;
    }


td.marbottom li {
    margin: 50px 0;
}

.textbold {
    font-weight: bold !important;
}

/* -------------New Tab end------------*/

.input-icons i {
    position: absolute;
    right: 7px;
}

.input-icons {
    width: 100%;
}

.icon {
    padding: 10px;
    min-width: 40px;
    color: #7d7d7d;
}

.input-field {
    width: 100%;
    padding: 10px;
    text-align: left;
}

.confirm h3{
    background-color:#ff00aa !important;
    color:#fff;
    font-size:20px !important;
    text-align:center;
    padding:15px 0;
}

/*Start Rebranding css class - 19-04-2023*/

.header_dropdown > li > a:hover {
    color: #fff !important;
    background-color: #b80071 !important;
}



.input-group-addon-green {
    color: #7d7d7d !important;
    font-weight: 600 !important;
}

.input-group-addon_teal {
    color: #7d7d7d !important;
    font-weight: 600 !important;
}

.pnlsearchbar_AllOthers {
    /* background-color: #FFA500; */
    background-color: #ff00aa!important;
    padding: 20px 10px 5px 10px;
    box-shadow: none;
    border-radius: 10px;
    border-color: #ddd;
    text-align: center;
    color: #ffffff;
    padding: 40px;
}

.modalPopup .header {
    background-color: #ff00aa !important;
    height: 50px;
    color: White;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
}

.report_icon :hover {
    color: #333!important;
}

bg-seagreen:hover {
    background-color: #b80071 !important;
}

/*End Rebranding css class*/

/* Leave management */

.box_inner1 h3 {
    float: left;
    text-align: left;
    color: #ffffff!important;
    font-size: 80px;
}

.boxhead h2 {
    font-weight: 600;
    color: #ffffff;
    position: absolute;
    bottom: 20px;
    margin-left: 10px;
}

.boxstyle:hover {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 43%), 0 2px 10px 0 rgb(0 0 0 / 8%);
}


.redback {
    background-color: #F08080 !important;
}

.tealback {
    background-color: #43a1a2 !important;
}

.yellowback {
    background-color: #F4D47D !important;
}

.blueback {
    background-color: #81D5F5 !important;
}


.boxstyle {
    border-radius: 10px;
    padding: 20px;
    margin-right: 20px;
    margin-top: 20px;
    transition: 0.3s ease-out;
    height: 250px;
    width:100%;
}




.boxstyle:hover ul li {
    color: #fff !important;
}



    .box_inner i {
        font-size: 75px;
        float:right;
    }

.redicon {
    color: #CC5E5E;

}

.blueicon {
    color: #299fcc;
  
}

.yellowicon {
    color: #cba02b;

}

.greenicon {
    color: #126b68;

}



.pointer {
    cursor: pointer;
}



.linkColor {
    color: #ffffff !important;
}

    .linkColor:hover {
        color: #ffffff !important;
    }


@media only screen and (max-width: 1400px) and (min-width: 480px) {

    .box_inner1 h3 {
        font-size: 80px!important;
    }
}
/*Leave management css class*/

/*Start tooltip css class - 19-07-2023*/

.tooltipp {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}

    .tooltipp .tooltiptext {
        visibility: hidden;
        min-width: 350px;
        background-color: #fff;
        color: #333;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: 150%;
        left: -82px;
        margin-left: -60px;
        border: 1px solid #b80071 !important;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.19);
    }

        .tooltipp .tooltiptext::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 140px;
            /*margin-left: -8px;*/
            border-width: 8px;
            border-style: solid;
            border-color: transparent transparent #b80071 transparent !important;
        }

    .tooltipp:hover .tooltiptext {
        visibility: visible;
    }

/*end tooltip css class - 19-07-2023*/

/* Start - CSS for Attachment Drag and Drop Functionality*/

.drag_center {
    text-align: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.drop-zone {
    /*border: 2px dashed #ccc;
        border-radius: 5px;*/
    min-height: 380px;
    padding: 100px 20px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .drop-zone:hover {
        background-color: #f0f0f0;
    }


.ptcremove {
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    margin-right: 5px;
}

.mb-20 {
    margin-bottom: 20px;
}


.ptccsvicon:hover .ptccsvicond {
    display: block important;
}


.drop-zone {
    min-height: 380px;
    padding: 100px 20px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
    border: 2px dashed #ccc;
    border-radius: 5px;
}

    .drop-zone:hover {
        background-color: #f0f0f0;
    }

.Successbox {
    min-height: 380px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
}

.iframe-container {
    width: 100%;
    height: 450px;
}

    .iframe-container iframe {
        width: 100%;
        height: 100%;
        border: none;
    }

.box__file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0 !important;
    overflow: hidden !important;
    z-index: -1;
}

/* End - CSS for Attachment Drag and Drop Functionality*/

@media only screen and (max-width: 1320px) and (min-width: 900px) {

    .nav-stacked a {
        font-size: 13px!important;
    }
}

/* CSS start for Azure ID:17955 - 13-08-2025 */
.alert-info {
    color: #B80071 !important;
    background-color: #FFE0F0 !important;
    border-color: #FFE0F0 !important;
}

    .alert-info .fa {
        font-size: 16px !important;
    }

.alert-danger {
    color: #C64F4F !important;
    background-color: #FED8D8 !important;
    border-color: #FED8D8 !important;
}

.alert-dismissible .close {
    font-size: 26px !important;
    position: relative;
    top: -6px !important;
    right: -21px;
    color: inherit;
    z-index: revert !important;
}

.alert-success {
    color: #438051 !important;
    background-color: #D2FFD5 !important;
    border-color: #D2FFD5 !important;
}

.alert-warning {
    color: #FF7700 !important;
    background-color: #FFF5CE !important;
    border-color: #FFF5CE !important;
}
.tableDashboard {
    padding: 10px 25px !important;
    /*border-top: 1px solid #eaeaea;*/
}