@charset "UTF-8";
/*

*{
  -webkit-transform: translateZ(0)!important;
}
*/
body {
    overflow-x: hidden;
}

*:focus, *:active {
    outline: none;
    box-shadow: none;
}

html, body {
    height: 100%;
}

a {
    cursor: pointer;
}

a:hover {
    text-decoration: none !important;
}

.main_content {
    padding: 0 10px;
}

@font-face {
    font-family: 'talldark-con';
    src: url("../font/talldark.eot");
    src: local("talldark"), url("../font/talldark.woff") format("woff"), url("../font/talldark.ttf") format("truetype");
}

@font-face {
    font-family: 'RobotoCondensed-Bold';
    src: url("../font/RobotoCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("../font/RobotoCondensed-Bold.woff") format("woff"), url("../font/RobotoCondensed-Bold.ttf") format("truetype"), url("../font/RobotoCondensed-Bold.svg#RobotoCondensed-Bold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url("../font/RobotoCondensed-Regular.eot?#iefix") format("embedded-opentype"), url("../font/RobotoCondensed-Regular.woff") format("woff"), url("RobotoCondensed-Regular.ttf") format("truetype"), url("../font/RobotoCondensed-Regular.svg#RobotoCondensed-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoCondensed-Light';
    src: url("../font/RobotoCondensed-Light.eot?#iefix") format("embedded-opentype"), url("../font/RobotoCondensed-Light.woff") format("woff"), url("../font/RobotoCondensed-Light.ttf") format("truetype"), url("../font/RobotoCondensed-Light.svg#RobotoCondensed-Light") format("svg");
    font-weight: normal;
    font-style: normal;
}

/*Header-comment*/
header {
    width: 100%;
    height: 115px;
    background-color: #03a87d;
    border-bottom: 7px solid #bcebf8;
    text-align: center;
}

header .container {
    position: relative;
}

header h1 {
    color: #ffffff;
    font-family: talldark-con;
    font-size: 67px;
    font-weight: 400;
    line-height: 97px;
    text-align: center;
}

header a.header_link {
    color: #ffffff;
    font-family: talldark-con;
    font-size: 67px;
    font-weight: 400;
    line-height: 97px;
    text-align: center;
}

header a.header_link:hover {
    text-decoration: none;
}

header .blue_mark {
    color: #bcebf8;
}

header .log_out {
    font-family: 'RobotoCondensed-Light', sans-serif;
    position: absolute;
    right: 0px;
    top: 44px;
    font-size: 18px;
    color: #ffffff;
    text-align: left;
}

header .log_out .caret {
    border-top: 8px solid #ffffff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

header .log_out .dropdown-menu {
    background-color: #bcebf8;
    color: #575151;
    font-size: 14px;
    position: absolute;
    right: 0px;
    left: auto;
}

header .log_out .dropdown-menu a:hover {
    background-color: #bcebf8;
    background-image: none;
}

header .log_out a {
    color: inherit;
}

header .log_out a:hover {
    color: inherit;
    text-decoration: none;
}

header .log_out a:focus {
    color: inherit;
    text-decoration: none;
}

/*Main-content*/
.main_content {
    background-color: #fbfafa;
    padding-bottom: 15px;
    height: 100% !important;
}

.main_content .check_points {
    width: 772px;
    margin: 0 auto;
    padding-top: 35px;
}

.main_content .check_points .pointer {
    width: 42px;
    height: 42px;
    border-radius: 21px;
    background-color: #bcebf8;
    margin-right: -1px;
    margin-left: -1px;
    float: left;
    position: relative;
}

.main_content .check_points .pointer .title {
    position: absolute;
    top: -20px;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 24px;
    left: -36px;
}

.main_content .check_points .pointer .inside_pointer {
    width: 26px;
    height: 26px;
    border-radius: 13px;
    background-color: #91b5bf;
    margin-left: 8px;
    margin-top: 8px;
    position: relative;
}

.main_content .check_points .pointer.active {
    background-color: #03a87d;
}

.main_content .check_points .pointer.active .inside_pointer {
    background-color: #32dbaf;
}

.main_content .check_points .pointer.active.start {
    background-color: #03a87d;
}

.main_content .check_points .pointer.active.start .inside_pointer {
    background-color: #d3d3d3;
}

.main_content .check_points .connector {
    display: block;
    height: 14px;
    float: left;
    background-color: #bcebf8;
    margin-top: 13px;
}

.main_content .check_points .connector .progress_points {
    height: inherit;
    background-color: #03a87d;
    width: 0px;
    -webkit-transition: width 1s;
    /* For Safari 3.1 to 6.0 */
    transition: width 1s;
}

.main_content .title_width {
    height: 30px;
    float: left;
    text-align: center;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 24px;
    color: #91b5bf;
    background-color: transparent;
    border: none;
    padding: 0px;
    margin: 0px;
}

.main_content .title_width:hover {
    text-decoration: none;
    opacity: .8;
}

.main_content .check_titles {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.main_content.home {
    padding-top: 40px;
}

.main_content .back_next_container {
    position: relative;
    margin-bottom: 60px;
    z-index: 999;
}

.main_content .back_next_container .back {
    left: 0px;
}

.main_content .back_next_container .back .left_arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 10px 7px 0;
    border-color: transparent #91b5bf transparent transparent;
    display: block;
    float: left;
    margin-right: 10px;
}

.main_content .back_next_container .next {
    right: 0px;
}

.main_content .back_next_container .next .right_arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 10px;
    border-color: transparent transparent transparent #91b5bf;
    display: block;
    float: right;
}

.main_content .back_next_container .back, .main_content .back_next_container .next {
    position: absolute;
    top: -30px;
    font-size: 18px;
    color: #91b5bf;
    font-family: "RobotoCondensed-Regular", sans-serif;
    width: 60px;
    display: block;
    line-height: 14px;
}

.main_content .back_next_container .back:hover, .main_content .back_next_container .next:hover {
    text-decoration: none;
}

.main_content .pay_info {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: none;
    padding: 0px;
    height: 125px;
    background-color: transparent;
    position: relative;
    margin-bottom: 25px;
}

.main_content .pay_info_label {
    color: #646262;
    font-size: 18px;
    line-height: 24px;
    font-family: "RobotoCondensed-Bold", sans-serif;
    background-color: #eceaea;
    padding: 5px 0px 5px 20px;
    text-align: center;
    margin-right: 16px;
}

.main_content .pay_info .green_side {
    height: 100px;
    width: 190px;
    background-color: #03a87d;
    padding-top: 24px;
    padding-left: 20px;
    float: left;
    color: #ffffff;
    text-shadow: none;
    line-height: 20px;
}

.main_content .pay_info .green_side table {
    width: 100%;
    font-size: 18px;
    line-height: 20px;
}

.main_content .pay_info .green_side table td:nth-child(1) {
    font-family: "RobotoCondensed-Bold", sans-serif;
    width: 50%;
}

.main_content .pay_info .green_side table td:nth-child(2) {
    font-family: "RobotoCondensed-Regular", sans-serif;
    width: 50%;
}

.main_content .pay_info .green_side table .green_title {
    width: 100%;
    text-transform: uppercase;
    color: #bcebf8;
}

.main_content .pay_info .totals {
    height: 100px;
    background-color: #eceaea;
    width: 250px;
    padding-top: 24px;
    padding-left: 20px;
    float: left;
    color: #646262;
}

.main_content .pay_info .totals table {
    width: 100%;
    font-size: 18px;
    line-height: 24px;
}

.main_content .pay_info .totals table td:nth-child(1) {
    font-family: "RobotoCondensed-Bold", sans-serif;
    width: 60%;
}

.main_content .pay_info .totals table td:nth-child(2) {
    font-family: "RobotoCondensed-Regular", sans-serif;
    width: 40%;
}

.main_content .pay_info .buttouns {
    height: 112px;
    background-color: #eceaea;
    width: 390px;
    padding-top: 12px;
    padding-left: 5px;
    float: left;
}

.main_content .pay_info .buttouns .grey_button {
    padding: 13px 25px;
    color: #ffffff;
    background-color: #918c8c;
    border: none;
    font-family: "RobotoCondensed-Bold", sans-serif;
}

.main_content .pay_info .buttouns .grey_button:hover {
    background-color: #787473;
}

.main_content .pay_info .buttouns .grey_button:active {
    background-color: #545351;
    outline: none;
}

.main_content .pay_info .buttouns .grey_button:focus {
    outline: none;
}

.main_content .pay_info .edits {
    height: 84px;
    background-color: #bcebf8;
    width: 49px;
    padding-top: 40px;
    float: left;
}

.main_content .pay_info .edits .edit_icon {
    background-image: url("../img/edits_counter.png");
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
}

.main_content .pay_info .edits .edits_counter {
    color: #918c8c;
    font-family: "RobotoCondensed-Light", sans-serif;
    padding-left: 2px;
    padding-top: 4px;
}

.main_content .pay_info .close_pay_info {
    position: absolute;
    right: -4px;
    display: block;
    font-size: 27px;
}

/*Main-content-end*/
/*Summary page*/
.main_content.summary {
    padding-top: 15px;
    padding-bottom: 15px;
}

.main_content.summary .back, .main_content.summary .next {
    top: 0px;
}

.main_content.summary tfoot tr td {
    background-color: #eceaea;
    padding: 20px 15px;
    color: #918c8c;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 14px;
    width: 16.66%;
}

.main_content.summary tfoot tr td .pay_sheet {
    width: 80%;
    background-color: #bcebf8;
    font-family: "RobotoCondensed-Light", sans-serif;
    display: block;
    margin: 0 auto;
    border: none;
    color: #545351;
    padding: 3px 0;
}

.main_content.summary tfoot tr td .pay_sheet:hover {
    background-color: #aed8e4;
    outline: none;
}

.main_content.summary tfoot tr td .pay_sheet:active {
    background-color: #95bbc6;
    outline: none;
}

.main_content.summary tfoot tr td .pay_sheet:focus {
    outline: none;
}

.main_content.summary .table_container {
    margin-bottom: 35px;
}

.main_content.summary th a {
    color: white !important;
    text-align: center;
    /*    background-color: #918c8c;*/
    font-family: "RobotoCondensed-Bold", sans-serif;
    font-size: 15px !important;
}

.main_content.summary .filters td {
    padding: 5px;
}

.main_content.summary .filters input {
    width: 80%;
    display: block;
    margin: 0 auto;
    border: none;
    border-radius: 0px;
    height: 12px;
    font-size: 12px;
    font-family: "RobotoCondensed-Regular", sans-serif;
}

.main_content.summary .top_details {
    width: 100%;
}

.main_content.summary .top_details tr td {
    width: 20.25%;
    vertical-align: top;
}

.main_content.summary .top_details tr td .left_title, .main_content.summary .top_details tr td .inline_title {
    color: #03a87d;
    font-family: "RobotoCondensed-Bold", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}

.main_content.summary .top_details tr td .inline_title {
    text-transform: none;
    margin-right: 5px;
}

.main_content.summary .top_details tr td .detail {
    color: #918c8c;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 16px;
    line-height: 17px;
}

.main_content.summary .top_details tr td:nth-child(1) {
    width: 22%;
}

.main_content.summary .top_details tr td:nth-child(4),
.main_content.summary .top_details tr td:nth-child(5) {
    text-align: right;
}

.main_content.summary .table-bordered td {
    border-left: 1px solid #ffffff;
}

.main_content.summary .table td {
    border-top: 1px solid #ffffff;
}

.main_content.summary tbody tr td {
    background-color: #eceaea;
    padding: 20px 15px;
    color: #918c8c;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 14px;
    width: 16.66%;
}

.main_content.summary tbody tr td .pay_sheet {
    width: 80%;
    background-color: #bcebf8;
    font-family: "RobotoCondensed-Light", sans-serif;
    display: block;
    margin: 0 auto;
    border: none;
    color: #545351;
    padding: 3px 0;
}

.main_content.summary tbody tr td .pay_sheet:hover {
    background-color: #aed8e4;
    outline: none;
}

.main_content.summary tbody tr td .pay_sheet:active {
    background-color: #95bbc6;
    outline: none;
}

.main_content.summary tbody tr td .pay_sheet:focus {
    outline: none;
}

.main_content.summary .margin_top_80 {
    margin-top: 80px;
}

.main_content.summary .reports_table {
    width: 660px;
    margin-left: auto;
    margin-right: auto;
}

.main_content.summary .reports_table thead td:nth-child(1), .main_content.summary .reports_table thead tr:nth-child(1) {
    text-align: left;
    padding-left: 15px;
}

.main_content.summary .reports_table td, .main_content.summary .reports_table th {
    width: 33.33%;
}

.main_content.summary .reports_table td:nth-child(2),
.main_content.summary .reports_table td:nth-child(3), .main_content.summary .reports_table th:nth-child(2),
.main_content.summary .reports_table th:nth-child(3) {
    text-align: center;
}

.main_content.summary .reports_table .download_link {
    color: inherit;
}

.main_content.summary .reports_table .download_link:hover {
    color: #787473;
}

.main_content.summary .reports_table .download_link:active {
    color: #545351;
}

.main_content.summary .reports_table tbody td {
    background-color: #eceaea;
    padding: 20px 15px;
    color: #918c8c;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 14px;
    width: 16.66%;
}

.main_content.summary .reports_table tbody td .pay_sheet {
    width: 80%;
    background-color: #bcebf8;
    font-family: "RobotoCondensed-Light", sans-serif;
    display: block;
    margin: 0 auto;
    border: none;
    color: #545351;
    padding: 3px 0;
}

.main_content.summary .reports_table tbody td .pay_sheet:hover {
    background-color: #aed8e4;
    outline: none;
}

.main_content.summary .reports_table tbody td .pay_sheet:active {
    background-color: #95bbc6;
    outline: none;
}

.main_content.summary .reports_table tbody td .pay_sheet:focus {
    outline: none;
}

.modal_container .right_side select {
    border: none;
    border-radius: 0px;
    height: 28px;
    color: #918c8c;
}

.modal_container .add_input.thin_green_button {
    text-align: center;
    line-height: 29px;
    margin-top: 15px;
}

.modal_container .add_input.thin_green_button:hover {
    color: white;
}

.modal_container .pull-right.remove_input.remove-cloned-row {
    text-align: center;
    line-height: 26px;
}

.table_title {
    position: relative;
    text-align: center;
    color: #918c8c;
    font-family: "RobotoCondensed-Bold", sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: -0.5px;
    margin-bottom: 15px;
}

.table_title .total {
    position: absolute;
    right: 0px;
}

.receivable_table {
    margin-bottom: 0;
    width: 100%;
}

.receivable_table thead td, .receivable_table thead th {
    text-align: center;
    background-color: #918c8c;
    font-family: "RobotoCondensed-Bold", sans-serif;
    font-size: 16px;
    padding: 20px 0px;
    color: #ffffff;
}

.receivable_table tbody tr td {
    padding: 5px;
    background-color: #918c8c;
    width: 16.66%;
}

.receivable_table tbody tr td input {
    width: 80%;
    display: block;
    margin: 0 auto;
    border: none;
    border-radius: 0px;
    height: 12px;
    font-size: 12px;
    font-family: "RobotoCondensed-Regular", sans-serif;
}

.receivable_table tfoot tr td {
    background-color: #eceaea;
    padding: 20px 15px;
    color: #918c8c;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 14px;
    width: 16.66%;
}

.receivable_table tfoot tr td .pay_sheet {
    width: 80%;
    background-color: #bcebf8;
    font-family: "RobotoCondensed-Light", sans-serif;
    display: block;
    margin: 0 auto;
    border: none;
    color: #545351;
    padding: 3px 0;
}

.receivable_table tfoot tr td .pay_sheet:hover {
    background-color: #aed8e4;
    outline: none;
}

.receivable_table tfoot tr td .pay_sheet:active {
    background-color: #95bbc6;
    outline: none;
}

.receivable_table tfoot tr td .pay_sheet:focus {
    outline: none;
}

/*Summary page end*/
/*Payroll data*/
.payroll_data_tabs {
    margin-bottom: 0px;
    border-bottom: none;
    /*  li:nth-child(2),
      li:nth-child(3),
      li:nth-child(4){
        margin-left: 2px;
      }*/
}

.payroll_data_tabs li {
    width: 310px;
    background-color: #918c8c;
    border: none;
}

.payroll_data_tabs li a {
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 18px;
    color: #ffffff;
    padding-left: 17px;
    border: none;
    border-bottom: 2px solid #918c8c;
    border-top: 1px solid #918c8c;
}

.payroll_data_tabs li a:hover {
    background-color: #918c8c;
    border: none;
    border-bottom: 2px solid #918c8c;
    border-top: 1px solid #918c8c;
}

.payroll_data_tabs li.active a {
    margin-right: 0px;
    border-radius: 0px;
}

.payroll_data_tabs li.active {
    border-top: 1px solid #918c8c;
    border-left: 1px solid #918c8c;
    border-right: 1px solid #918c8c;
}

.payroll_data_tab_content {
    border-bottom: 1px solid #918c8c;
    border-left: 1px solid #918c8c;
    border-right: 1px solid #918c8c;
    border-top: 1px solid #918c8c;
    background-color: #ffffff;
    width: 894px;
    padding: 17px 18px;
    margin-bottom: 40px;
    overflow: hidden;
}

.payroll_data_tab_content .right_side_block, .payroll_data_tab_content .left_side_block {
    width: 47%;
    min-height: 50px;
    float: left;
    margin-bottom: 40px;
}

.payroll_data_tab_content .right_side_block span.table_title_side, .payroll_data_tab_content .left_side_block span.table_title_side {
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 18px;
    color: #646262;
}

.payroll_data_tab_content .right_side_block .two_sides_table, .payroll_data_tab_content .left_side_block .two_sides_table {
    border-radius: 0px;
    margin-top: 10px;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 14px;
    color: #000000;
    border-bottom: none;
}

.payroll_data_tab_content .right_side_block .two_sides_table td:nth-child(1),
.payroll_data_tab_content .right_side_block .two_sides_table td:nth-child(3), .payroll_data_tab_content .left_side_block .two_sides_table td:nth-child(1),
.payroll_data_tab_content .left_side_block .two_sides_table td:nth-child(3) {
    width: 30%;
}

.payroll_data_tab_content .right_side_block .two_sides_table td:nth-child(2),
.payroll_data_tab_content .right_side_block .two_sides_table td:nth-child(4), .payroll_data_tab_content .left_side_block .two_sides_table td:nth-child(2),
.payroll_data_tab_content .left_side_block .two_sides_table td:nth-child(4) {
    width: 20%;
    text-align: right;
}

.payroll_data_tab_content .right_side_block .two_sides_table .result_tr .result_td, .payroll_data_tab_content .left_side_block .two_sides_table .result_tr .result_td {
    text-align: left !important;
}

.payroll_data_tab_content .right_side_block .two_sides_table .result_tr .result_td.number, .payroll_data_tab_content .left_side_block .two_sides_table .result_tr .result_td.number {
    text-align: right !important;
    border-radius: 0px;
}

.payroll_data_tab_content .right_side_block .table td, .payroll_data_tab_content .left_side_block .table td {
    border-top: 1px solid #c7c9cb;
}

.payroll_data_tab_content .right_side_block .table-bordered tbody:first-child tr:first-child > td:first-child, .payroll_data_tab_content .left_side_block .table-bordered tbody:first-child tr:first-child > td:first-child {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.payroll_data_tab_content .right_side_block .table-bordered tbody:last-child tr:last-child > td:first-child, .payroll_data_tab_content .right_side_block .table-bordered tbody:last-child tr:last-child > th:first-child, .payroll_data_tab_content .left_side_block .table-bordered tbody:last-child tr:last-child > td:first-child, .payroll_data_tab_content .left_side_block .table-bordered tbody:last-child tr:last-child > th:first-child {
    border-bottom-left-radius: 0px;
}

.payroll_data_tab_content .right_side_block .table-bordered td, .payroll_data_tab_content .left_side_block .table-bordered td {
    border-left: 1px solid #c7c9cb;
}

.payroll_data_tab_content .right_side_block table tr:nth-child(odd) td, .payroll_data_tab_content .left_side_block table tr:nth-child(odd) td {
    background-color: #ffffff;
}

.payroll_data_tab_content .right_side_block table tr:nth-child(even) td, .payroll_data_tab_content .left_side_block table tr:nth-child(even) td {
    background-color: #eeefef;
}

.payroll_data_tab_content .right_side_block .empty_td, .payroll_data_tab_content .left_side_block .empty_td {
    background-color: #ffffff !important;
    border-left: none !important;
}

.payroll_data_tab_content .right_side_block .result_td, .payroll_data_tab_content .left_side_block .result_td {
    background-color: #03a87d !important;
    color: #ffffff;
}

.payroll_data_tab_content .left_side_block {
    margin-right: 6%;
}

.data_large_table {
    border: none;
    border-radius: 0px;
    font-family: "RobotoCondensed-Regular", sans-serif;
}

.data_large_table td {
    border-left: 1px solid #dedfe0 !important;
    border-top: 1px solid #dedfe0 !important;
}

.data_large_table thead {
    background-color: #636466;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 14px;
    color: #ffffff;
}

.data_large_table thead a {
    color: #ffffff !important;
    font-weight: 500 !important;
}

.data_large_table thead td, .data_large_table thead th {
    text-align: center;
    border-radius: 0px !important;
    border: none;
}

.data_large_table tbody {
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 14px;
    color: #000000;
}

.data_large_table tbody tr:nth-child(odd) td {
    background-color: #ffffff;
}

.data_large_table tbody tr:nth-child(even) td {
    background-color: #eeefef;
}

.data_large_table:focus {
    box-shadow: none;
}

/*Payroll data end*/
/*New payroll with errors*/
.new_payroll_errors {
    padding-top: 40px;
    margin-bottom: 40px;
}

.new_payroll_errors .payroll_data_tabs li {
    position: relative;
}

.new_payroll_errors .payroll_data_tabs li.active .default_grey_button {
    height: 30px;
    width: 135px;
    border: none;
    color: #ffffff;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 18px;
    background-color: #918c8c;
}

.new_payroll_errors .payroll_data_tabs li.active .default_grey_button:hover {
    background-color: #787473;
}

.new_payroll_errors .payroll_data_tabs li.active .default_grey_button:active {
    background-color: #545351;
    outline: none;
}

.new_payroll_errors .payroll_data_tabs li.active .default_grey_button:focus {
    outline: none;
}

.new_payroll_errors .payroll_data_tabs li.active .default_grey_button.in_tab {
    position: absolute;
    top: 5px;
    right: 65px;
}

.new_payroll_errors .table_title {
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 18px;
    color: #646262;
    margin-bottom: 10px;
    display: block;
}

.new_payroll_errors .table_title a {
    font-size: 14px;
    text-transform: none;
    color: #918c8c;
}

.new_payroll_errors .edit_icon {
    background-image: url("../img/edits_counter.png");
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    background-color: transparent;
    border: none;
}

.new_payroll_errors .trash {
    background-image: url("../img/trash.png");
    width: 13px;
    height: 17px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    background-color: transparent;
    border: none;
    margin-top: 2px;
}

.checked_icon {
    background-image: url("../img/checked_icon.png");
    width: 13px;
    height: 16px;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    background-color: transparent;
    border: none;
    margin-top: 2px;
}

.data_input_block {
    height: 110px;
    background-color: #eceaea;
    margin-bottom: 30px;
}

.data_input_block .pay_date {
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 18px;
    padding-left: 21px;
    line-height: 50px;
    color: #646262;
    width: 350px;
    height: inherit;
    float: left;
}

.data_input_block .pay_date .date_title {
    vertical-align: middle;
}

.data_input_block .pay_date .text_label {
    width: 250px;
    margin-left: 38px;
}

.data_input_block .pay_date .datepicker {
    border: none;
    height: 25px;
    text-align: center;
    margin-left: 12px;
    font-family: "RobotoCondensed-Regular", sans-serif;
    color: #646262;
    padding: 1px;
}

.data_input_block .ture {
    margin-left: 15px;
    margin-right: 5px;
}

.data_input_block .production_period {
    width: 485px;
    height: inherit;
    float: right;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 18px;
    padding-left: 21px;
    line-height: 50px;
    color: #646262;
}

.data_input_block .production_period .date_title {
    vertical-align: middle;
}

.data_input_block .production_period .datepicker {
    border: none;
    height: 25px;
    text-align: center;
    margin-left: 12px;
    font-family: "RobotoCondensed-Regular", sans-serif;
    color: #646262;
    padding: 1px;
}

.data_input_block .datepicker {
    width: 135px;
    border: none;
}

.data_input_block .datepicker:focus {
    outline: none;
}

.datepicker-days td:hover {
    cursor: pointer;
    background-color: #f6f6f6;
    border-radius: 5px;
}

.datepicker-days .next:hover, .datepicker-days .prev:hover {
    cursor: pointer;
}

.default_grey_button {
    height: 30px;
    width: 135px;
    border: none;
    color: #ffffff;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 18px;
    background-color: #545351;
}

.default_grey_button:hover {
    background-color: #545351;
}

.default_grey_button:active {
    background-color: #545351;
    outline: none;
}

.default_grey_button:focus {
    outline: none;
}

.default_grey_button.in_tab {
    position: absolute;
    top: 5px;
    right: 65px;
}

.checkbox_container {
    position: absolute;
    top: 5px;
    right: 10px;
}

input[type=checkbox].css-checkbox, input[type=radio].css-checkbox {
    display: none;
}

input[type=checkbox].css-checkbox + label.css-label, input[type=radio].css-checkbox + label.css-label {
    padding-left: 45px;
    height: 31px;
    display: inline-block;
    line-height: 31px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 18px;
    vertical-align: middle;
    cursor: pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label, input[type=radio].css-checkbox:checked + label.css-label {
    background-position: 0 -32px;
}

label.css-label {
    background-image: url(../img/check_sprite.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

.help-block {
    color: #EEA4A7;
}

.caret.sort {
    vertical-align: middle;
    cursor: pointer;
    margin-left: 2px;
}

table thead th a .caret {
    right: -1px !important;
}

/*New payroll with errors end*/
/*Modal new payroll*/
.new_payroll_modal_class .modal_title {
    font-family: "RobotoCondensed-Bold", sans-serif;
    font-size: 22px;
    color: #918c8c;
    text-transform: uppercase;
    text-align: center;
}

.select_def {
    border: none;
    border-radius: 0px;
    width: 100%;
    font-family: "RobotoCondensed-Regular", sans-serif;
    margin-top: -3px;
}

.select_def:focus, .select_def:active {
    outline: none;
}

.modal_container {
    width: 96.7%;
    min-height: 50px;
    background-color: #eceaea;
    margin-top: 18px;
    padding: 25px 15px;
}

.modal_container .container_with_delete_inputs {
    margin-bottom: 0px !important;
}

.modal_container .left_side, .modal_container .right_side {
    width: 45%;
}

.modal_container .left_side .control-group, .modal_container .right_side .control-group {
    margin-bottom: 30px;
}

.modal_container .left_side .control-label, .modal_container .right_side .control-label {
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 18px;
    color: #595757;
    padding-top: 2px;
}

.modal_container .left_side input[type="text"], .modal_container .right_side input[type="text"] {
    border: none;
    border-radius: 0px;
    font-family: "RobotoCondensed-Regular", sans-serif;
}

.modal_container .left_side input[type="text"]:focus, .modal_container .right_side input[type="text"]:focus {
    box-shadow: none;
}

.modal_container .left_side .controls, .modal_container .right_side .controls {
    float: right;
    width: 270px;
    margin-left: 0px;
    vertical-align: middle;
}

.modal_container .left_side .controls input[type="text"], .modal_container .right_side .controls input[type="text"] {
    width: 95%;
}

.modal_container .left_side .delete_input, .modal_container .right_side .delete_input {
    position: relative;
    margin-bottom: 10px;
}

.modal_container .left_side .delete_input .remove_input, .modal_container .right_side .delete_input .remove_input {
    position: absolute;
    top: 1px;
    right: 2px;
    border: none;
    background-color: #ffffff;
    border-left: 2px solid #eceaea;
    width: 28px;
    height: 27px;
    color: #eceaea;
    text-transform: uppercase;
    font-family: "RobotoCondensed-Bold", sans-serif;
}

.modal_container .left_side {
    float: left;
}

.modal_container .right_side {
    float: right;
}

.modal_container .with_checkbox {
    position: relative;
    margin-bottom: 0px !important;
}

.modal_container .with_checkbox .checkbox_container {
    position: static;
    margin-left: 147px;
}

.modal_container .with_checkbox .checkbox_container label {
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 18px;
    color: #646262;
}

.large_button {
    width: 140px !important;
    height: 52px;
    border: none;
    font-family: "RobotoCondensed-Bold", sans-serif;
    font-size: 18px;
    color: #ffffff;
    float: right;
    margin-left: 10px;
    margin-top: 15px;
    margin-bottom: 20px;
    line-height: 52px;
    text-align: center;
}

.large_button:hover {
    color: #ffffff;
}

.large_button.grey {
    background-color: #918c8c;
}

.large_button.grey:hover {
    background-color: #787473;
}

.large_button.grey:active {
    background-color: #545351;
    outline: none;
}

.large_button.grey:focus {
    outline: none;
}

.large_button.green {
    background-color: #03a87d;
}

.large_button.green:hover {
    background-color: #018d6a;
}

.large_button.green:active {
    background-color: #047557;
    outline: none;
}

.large_button.green:focus {
    outline: none;
}

.thin_green_button {
    width: 170px;
    height: 30px;
    background-color: #03a87d;
    border: none;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 18px;
    color: #ffffff;
    float: right;
}

/*Modal new payroll end*/
/*Calculate page*/
.calculate_page {
    padding-top: 40px;
    padding-bottom: 15px;
}

.calculate_page .calculate_panel {
    background-color: #eceaea;
    width: 93.7%;
    height: 63px;
    padding: 7px 30px;
    margin-bottom: 15px;
}

.calculate_page .calculate_panel .text_description {
    width: 625px;
    height: 100%;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 18px;
    color: #646262;
    line-height: 60px;
    float: left;
}

.calculate_page .calculate_panel .navigation_buttons {
    width: 170px;
    height: 100%;
    float: left;
}

.calculate_page .calculate_panel .navigation_buttons .one_row {
    position: relative;
}

.calculate_page .calculate_panel .navigation_buttons .one_row label {
    margin-bottom: 2px;
}

.calculate_page .calculate_panel .navigation_buttons .one_row .checkbox_container {
    position: static;
    float: left;
}

.calculate_page .calculate_panel .navigation_buttons .one_row .make_active_button {
    border: none;
    width: 125px;
    height: 30px;
    float: right;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 18px;
    color: #646262;
    background-color: #ffffff;
}

.calculate_page .calculate_panel .navigation_buttons .one_row .make_active_button.active {
    color: #ffffff;
    background-color: #91b5bf;
}

.calculate_page .calculate_panel .review_link {
    display: block;
    float: right;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 12px;
    color: #646262;
    margin-right: 10px;
    margin-top: -3px;
}

.calculate_page .review_button {
    background-image: url("../img/review_icon.png");
    width: 48px;
    height: 40px;
    background-repeat: no-repeat;
    display: inline-block;
    float: right;
    border: none;
    background-color: transparent;
    margin-top: 6px;
}

.calculate_page .view_all {
    float: right;
    height: 30px;
    width: 108px;
    margin-top: -20px;
}

.calculate_page .view_all .review_button {
    float: none;
    margin-top: 4px;
    width: 31px;
    height: 30px;
    background-size: contain;
}

.calculate_page .view_all span {
    margin-top: 5px;
    margin-right: 16px;
    display: block;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 14px;
    color: #646262;
    float: right;
}

.calculate_page .receivable_table {
    margin-top: 30px;
}

.calculate_page .receivable_table tfoot td {
    padding: 12px 13px;
}

.view_all_table {
    margin-top: 0px !important;
}

/*Calculate page end*/
/*Set up users*/
.set_up_users .large_button {
    width: 310px;
    float: left;
    margin-left: 0px;
}

.set_up_users .checkbox_container {
    position: static;
    margin-bottom: 7px;
    margin-top: -5px;
    width: 31px;
    float: left;
    margin-left: 20px;
}

.set_up_users table {
    display: inline-table;
}

.set_up_users tbody td {
    padding-top: 20px;
}

.set_up_users tfoot .checkbox_container, .set_up_users tbody .checkbox_container {
    margin-top: 1px;
    margin-bottom: 0px;
}

.set_up_users tfoot td, .set_up_users tbody td {
    color: #646262;
}

.set_up_users tfoot td:nth-child(1), .set_up_users tfoot td:nth-child(4), .set_up_users tfoot td:nth-child(5), .set_up_users tbody td:nth-child(1), .set_up_users tbody td:nth-child(4), .set_up_users tbody td:nth-child(5) {
    text-align: center;
    width: 50px;
}

.set_up_users tfoot td:nth-child(2), .set_up_users tbody td:nth-child(2) {
    width: 395px;
}

.set_up_users tfoot td:nth-child(3), .set_up_users tbody td:nth-child(3) {
    width: 300px;
}

.set_up_users .table-bordered td {
    border-left: 1px solid #ffffff;
}

.set_up_users .table td {
    border-top: 1px solid #ffffff;
}

.set_up_users thead tr td:nth-child(4) {
    text-align: center;
    padding-left: 0px;
}

.set_up_users thead tr td:nth-child(5) {
    text-align: center;
    padding-left: 0px;
}

.set_up_users tfoot tr td, .set_up_users tbody tr td {
    font-family: "RobotoCondensed-Bold", sans-serif;
    font-size: 16px;
    line-height: 32px;
    padding: 10px 5px 6px 8px;
}

.set_up_users .edit_icon {
    background-image: url("../img/edits_counter.png");
    width: 27px;
    height: 27px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    background-color: transparent;
    border: none;
}

.set_up_users .trash {
    background-image: url("../img/trash.png");
    width: 22px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    background-color: transparent;
    border: none;
    margin-top: 2px;
}

.set_up_users .receivable_table thead td, .set_up_users .receivable_table thead th {
    padding: 0px;
    padding-top: 18px;
    text-align: left;
    padding-left: 8px;
}

.set_up_users .receivable_table thead th:nth-child(1) {
    padding-left: 0px;
}

.set_up_users .receivable_table thead td:nth-child(1), .set_up_users .receivable_table thead th:nth-child(1) {
    width: 10%;
}

/*Set up users end*/
/*Add new users*/
.add_new_users {
    padding-top: 20px;
}

.add_new_users .modal_container {
    margin-top: 0px;
}

.add_new_users .modal_container .control-label {
    margin-right: 10px;
}

.add_new_users .modal_container .left_side, .add_new_users .modal_container .right_side {
    width: 49%;
}

.add_new_users .modal_container .left_side .controls, .add_new_users .modal_container .right_side .controls {
    width: 280px;
}

.add_new_users .modal_container .left_side .controls {
    margin-right: 80px;
}

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

/*Add new users end*/
/*sales_page*/
.sales_page {
    padding-top: 40px;
}

.sales_page .sales_list {
    width: 370px;
    margin: 0 auto;
}

.sales_page .sales_list li {
    background-color: #eceaea;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 16px;
    list-style: none;
    height: 55px;
    clear: both;
    opacity: 1;
}

.sales_page .sales_list li:hover {
    opacity: .8;
}

.sales_page .checkbox_container {
    position: static;
    float: left;
    margin-left: 12px;
    margin-top: 12px;
}

.sales_page .sale_title {
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 16px;
    line-height: 54px;
    float: left;
    padding-left: 15px;
    margin-bottom: 10px;
    overflow: hidden;
    height: 55px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 295px;
}

.sales_page .sale_title a {
    color: inherit;
}

.sales_page .sale_title a:hover {
    text-decoration: none;
}

.active_title {
    color: #03a87d !important;
}

/*sales_page end*/
.variables_page {
    padding-top: 40px;
    margin-bottom: 40px;
}

.variables_page .one_row {
    margin-bottom: 35px;
}

.variables_page .one_row .add_variable_container {
    width: 310px;
    margin-right: 15px;
    height: 100px;
    float: left;
}

.variables_page .one_row .add_variable_container .title_for_add {
    height: 55px;
    width: 100%;
    background-color: #918c8c;
    margin-bottom: 3px;
    color: #ffffff;
    text-align: center;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 18px;
    line-height: 52px;
}

.variables_page .one_row .add_variable_container .delete_input {
    position: relative;
    margin-bottom: 10px;
}

.variables_page .one_row .add_variable_container .delete_input input {
    border-radius: 0px;
    box-shadow: none;
    border: none;
    background-color: #eceaea;
    width: 82.1%;
    height: 32px;
    padding-right: 72px;
}

.variables_page .one_row .add_variable_container .delete_input .add_button {
    position: absolute;
    top: 0px;
    right: 0px;
    border: none;
    background-color: #03a87d;
    width: 60px;
    height: 40px;
    color: #eceaea;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 18px;
}

.variables_page .one_row .add_variable_container .delete_input .add_button:hover {
    background-color: #018d6a;
}

.variables_page .one_row .add_variable_container .delete_input .add_button:active {
    background-color: #047557;
}

.variables_page .one_row .container_with_added_variables {
    float: left;
    width: 595px;
    min-height: 79px;
    background-color: #eceaea;
    padding: 10px;
}

.one_added_item {
    color: #ffffff;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 18px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-flex;
}

.one_added_item .item_title {
    padding-left: 25px;
    padding-right: 25px;
    background-color: #91b5bf;
    height: inherit;
    line-height: 26px;
}

.one_added_item .item_title.deleted {
    background-color: #efb5bf
}

.one_added_item .delete_item
{
    border: none;
    border-left: 1px solid #bcebf8;
    background-color: #91b5bf;
    color: #ffffff;
}

.one_added_item .restore_item {
    border: none;
    border-left: 1px solid #ffe1ec;
    background-color: #efb5bf;
    color: #ffffff;
}

.new_agent {
    padding-top: 40px;
    margin-bottom: 40px;
}

.new_agent .back_next_container {
    margin-bottom: 20px;
}

.set_up_users .checkbox_container {
    margin: 0 auto !important;
    float: none;
}

.new_usage {
    padding-top: 40px;
    margin-bottom: 40px;
}

.new_usage .receivable_table.main_table {
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 16px;
    color: #918c8c;
    border: none;
}

.new_usage .receivable_table.main_table td:nth-child(2), .new_usage .receivable_table.main_table td:nth-child(3), .new_usage .receivable_table.main_table td:nth-child(4), .new_usage .receivable_table.main_table td:nth-child(5) {
    width: 15%;
}

.new_usage .receivable_table.main_table td:nth-child(6), .new_usage .receivable_table.main_table td:nth-child(7) {
    width: 10%;
}

.new_usage .receivable_table.main_table td:nth-child(1), .new_usage .receivable_table.main_table td:nth-child(8), .new_usage .receivable_table.main_table td:nth-child(9) {
    width: 5%;
}

.new_usage .receivable_table.main_table .checkbox_container {
    position: static;
    float: left;
    margin-left: 3px;
    margin-top: 6px;
}

.new_usage .receivable_table.main_table input[type=checkbox].css-checkbox + label.css-label {
    padding-left: 35px;
}

.new_usage .receivable_table.main_table td {
    padding: 6px;
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    word-break: break-word;
}

.new_usage .receivable_table.main_table input, .new_usage .receivable_table.main_table select {
    width: 95%;
    border-radius: 0px;
    border: none;
    height: 24px;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 16px;
    color: #918c8c;
    margin-top: 9px;
}

.new_usage .receivable_table.main_table select {
    padding-top: 0px;
}

.new_usage .receivable_table.main_table input, .new_usage .receivable_table.main_table input.datepicker {
    height: 16px;
}

.new_usage .receivable_table.main_table input.datepicker {
    height: 22px;
}

.new_usage .receivable_table.main_table .datepicker {
    padding-left: 5px;
    width: 95%;
}

.new_usage .receivable_table.main_table input {
    width: 90%;
}

.new_usage .receivable_table.main_table .edit_icon {
    background-image: url("../img/edits_counter.png");
    width: 28px;
    height: 28px;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    background-color: transparent;
    border: none;
    margin-top: 5px;
}

.new_usage .receivable_table.main_table .trash {
    background-image: url("../img/trash.png");
    width: 19px;
    height: 27px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    background-color: transparent;
    border: none;
    margin-top: 6px;
}

.new_usage .receivable_table.main_table .trash.grey {
    background-image: url("../img/trash_grey.png");
}

.new_usage .agent_nav_button {
    width: 310px;
    height: 55px;
    background-color: #03a87d;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 18px;
    color: #ffffff;
    border: none;
    margin-bottom: 15px;
    line-height: 55px;
    text-align: center;
}

.new_usage .agent_nav_button:hover {
    background-color: #018d6a;
}

.new_usage .agent_nav_button:active {
    background-color: #047557;
}

.new_usage .agent_nav_button.left {
    float: left;
}

.new_usage .agent_nav_button.right {
    float: right;
}

.new_usage .receivable_table.main_table.agents td {
    width: 12%;
    vertical-align: middle;
}

.new_usage .receivable_table.main_table.agents td:nth-child(1), .new_usage .receivable_table.main_table.agents td:nth-child(9), .new_usage .receivable_table.main_table.agents td:nth-child(10) {
    width: 5%;
}

.new_usage .receivable_table.main_table.agents td {
    font-size: 12px;
}

.new_usage .receivable_table.main_table.agents td input, .new_usage .receivable_table.main_table.agents td select {
    font-size: 12px;
}

.new_usage .receivable_table.main_table.agents td select {
    width: 101%;
    padding-left: 0px;
    padding-top: 3px;
}

.new_usage .receivable_table.main_table.agents .checkbox_container {
    margin-left: 2px;
}

.new_usage .receivable_table.main_table.with_name
td:nth-child(2) input {
    width: 160px;
}

.pay_structures {
    font-size: 16px;
}

.pay_structures td:nth-child(1) {
    width: 16%;
    text-align: center;
}

.pay_structures td:nth-child(3) {
    width: 9%;
    padding-bottom: 10px;
}

.pay_structures td:nth-child(2) {
    width: 75%;
}

.pay_structures tfoot td {
    font-size: 16px;
}

.pay_structures .review_button {
    background-image: url("../img/review_icon.png");
    background-repeat: no-repeat;
    border: none;
    background-color: transparent;
    float: none;
    width: 31px;
    height: 30px;
    background-size: contain;
    display: block;
    margin: 0 auto;
}

.pay_structures .edit_icon {
    background-image: url("../img/edits_counter.png");
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    background-color: transparent;
    border: none;
    display: block;
    margin: 0 auto;
    margin-top: -3px;
}

.pay_structures .trash {
    background-image: url("../img/trash.png");
    width: 19px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    background-color: transparent;
    border: none;
    margin-top: 0px;
}

.pay_structures button {
    margin-bottom: 3px !important;
}

.receivable_table.pay_structures .sort-link {
    font-size: 16px !important;
    color: white !important;
    display: inline-block !important;
}

.receivable_table.pay_structures .sort-link .caret {
    right: -10px !important;
}

.receivable_table.pay_structures th:nth-child(3) {
    text-align: center;
}

.receivable_table.pay_structures tbody td {
    background-color: #eceaea;
    padding: 5px;
    color: #918c8c;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 14px;
}

.add_pay_structures {
    padding-top: 40px;
    margin-bottom: 40px;
    height: auto;
    padding-bottom: 15px;
}

.add_pay_structures .large_button {
    margin-top: 30px;
}

.add_pay_structures .overrides_title {
    float: left;
}

.add_pay_structures .trash.all {
    background-image: url("../img/trash.png");
    width: 22px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    margin-top: 2px;
    float: right;
    margin-right: 12px;
    margin-bottom: 15px;
}

.add_pay_structures .pay_structures_add_container {
    padding: 27px 20px;
    background-color: #eceaea;
}

.add_pay_structures .pay_structures_add_container .structure_information {
    float: left;
    width: 430px;
    min-height: 5px;
    padding-top: 20px;
}

.add_pay_structures .pay_structures_add_container .structure_information .with_checkbox {
    float: left;
    margin-left: 160px;
}

.add_pay_structures .pay_structures_add_container .structure_information .margin_b_5 {
    margin-bottom: 10px !important;
}

.add_pay_structures .pay_structures_add_container .structure_information .checkbox_container {
    position: static;
    text-align: right;
    float: right;
    margin-right: 10px;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 18px;
    color: #595757;
}

.add_pay_structures .pay_structures_add_container .structure_information .checkbox_container .css-label {
    padding-left: 40px;
}

.add_pay_structures .pay_structures_add_container .structure_information .control-label {
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 18px;
    color: #595757;
    padding-top: 2px;
    float: left;
}

.add_pay_structures .pay_structures_add_container .structure_information input[type="text"] {
    border: none;
    border-radius: 0px;
    font-family: "RobotoCondensed-Regular", sans-serif;
}

.add_pay_structures .pay_structures_add_container .structure_information input[type="text"]:focus {
    box-shadow: none;
}

.add_pay_structures .pay_structures_add_container .structure_information .controls {
    float: right;
    width: 270px;
    margin-left: 0px;
    vertical-align: middle;
}

.add_pay_structures .pay_structures_add_container .structure_information .controls input[type="text"] {
    width: 95%;
}

.add_pay_structures .pay_structures_add_container .add_structure {
    float: right;
    width: 430px;
    min-height: 5px;
}

.add_pay_structures .pay_structures_add_container .add_structure .container_with_added_variables {
    float: left;
    width: 410px;
    min-height: 100px;
    background-color: #ffffff;
    margin-bottom: 7px;
    padding: 10px;
}

.add_pay_structures .pay_structures_add_container .add_structure .delete_input {
    position: relative;
}

.add_pay_structures .pay_structures_add_container .add_structure .delete_input input {
    border-radius: 0px;
    box-shadow: none;
    border: none;
    background-color: #ffffff;
    width: 82.1%;
    height: 32px;
    padding-right: 72px;
    margin-bottom: 0px;
    font-family: "RobotoCondensed-Regular", sans-serif;
}

.add_pay_structures .pay_structures_add_container .add_structure .delete_input .add_button {
    position: absolute;
    top: 0px;
    right: 0px;
    border: none;
    background-color: #03a87d;
    width: 60px;
    height: 40px;
    color: #eceaea;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 18px;
}

.add_pay_structures .pay_structures_add_container .add_structure .delete_input .add_button:hover {
    background-color: #018d6a;
}

.add_pay_structures .pay_structures_add_container .add_structure .delete_input .add_button:active {
    background-color: #047557;
}

.add_pay_structures .main_block_with_tabs {
    background-color: #eceaea;
    padding: 27px 20px;
}

.add_pay_structures .main_block_with_tabs .block_title {
    text-align: center;
    text-transform: uppercase;
    color: #646262;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 18px;
    margin-bottom: 20px;
}

.add_pay_structures .main_block_with_tabs .payroll_data_tabs li {
    width: 224.5px;
}

.add_pay_structures .main_block_with_tabs .payroll_data_tab_content {
    width: 862px;
    margin-bottom: 0px;
}

.add_pay_structures .main_block_with_tabs .tab-pane {
    min-height: 250px;
}

.add_pay_structures .main_block_with_tabs .block_for_filter {
    color: #646262;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 18px;
    margin-bottom: 25px;
}

.add_pay_structures .main_block_with_tabs .block_for_filter input, .add_pay_structures .main_block_with_tabs .block_for_filter select {
    border-radius: 0px;
    border: none;
    font-family: "RobotoCondensed-Regular", sans-serif;
}

.add_pay_structures .main_block_with_tabs .block_for_filter input:focus, .add_pay_structures .main_block_with_tabs .block_for_filter select:focus {
    outline: none;
    box-shadow: none;
}

.add_pay_structures .main_block_with_tabs .block_for_filter input:active, .add_pay_structures .main_block_with_tabs .block_for_filter select:active {
    outline: none;
    box-shadow: none;
}

.add_pay_structures .main_block_with_tabs .block_for_filter input {
    width: 90px;
    margin-left: 5px;
    margin-right: 5px;
}

.add_pay_structures .main_block_with_tabs .block_for_filter select {
    width: 70px;
    height: 28px;
}

.add_pay_structures .main_block_with_tabs .block_for_filter span {
    vertical-align: text-top;
}

.add_pay_structures .main_block_with_tabs .block_for_filter .margin_left {
    margin-left: 29px;
}

.large_button.green.left_long {
    float: left !important;
    margin-left: 0px;
    width: 210px;
}

.data_large_table.agent {
    margin-top: 20px;
}

/****************************╨Э╨Р╨е╨г╨Щ ╨Т╨Ш╨Ф╨Р╨Ы╨Ш╨в╨Ш**********************************/
/****************************╨Э╨Р╨е╨г╨Щ ╨Т╨Ш╨Ф╨Р╨Ы╨Ш╨в╨Ш**********************************/
/****************************╨Э╨Р╨е╨г╨Щ ╨Т╨Ш╨Ф╨Р╨Ы╨Ш╨в╨Ш**********************************/
/****************************╨Э╨Р╨е╨г╨Щ ╨Т╨Ш╨Ф╨Р╨Ы╨Ш╨в╨Ш**********************************/
/****************************╨Э╨Р╨е╨г╨Щ ╨Т╨Ш╨Ф╨Р╨Ы╨Ш╨в╨Ш**********************************/
.test_height {
    min-height: 600px;
}

.modal_container.test {
    padding: 0px;
    width: 100%;
}

.new_payroll_modal_class.test {
    left: 48.5%;
    width: 990px;
}

.new_payroll_modal_class.test table tr td {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.new_payroll_modal_class.test input, .new_payroll_modal_class.test select {
    width: 87%;
    /*    padding: 0;*/
    margin-left: 4px;
    margin: 0 auto;
    display: block;
}

.new_payroll_modal_class.test select {
    height: 28px;
    line-height: 0px;
    /*    padding: 0;*/
    border-radius: 0px;
    width: 95%;
}

.new_payroll_modal_class.test .data_large_table {
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

.new_payroll_modal_class.test .errors_row td {
    background-color: #ffffff;
    padding-left: 3px !important;
    padding-right: 3px !important;
    color: orangered;
    font-size: 12px;
}

.payroll_data_tab_content .right_side_block.test, .payroll_data_tab_content .left_side_block.test {
    margin-bottom: 15px;
    line-height: 30px;
}

.notify_popup .left_side {
    float: none;
    margin: 0 auto;
    width: 60%;
}

.notify_popup .left_side .controls {
    width: 375px;
}

.notify_popup .left_side textarea {
    min-height: 100px;
}

.notify_popup .left_side textarea, .notify_popup .left_side input {
    border: none;
    width: 100% !important;
    border-radius: 0px;
    color: #646262;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 18px;
}

.notify_popup .left_side textarea:active, .notify_popup .left_side input:active {
    outline: none;
}

.notify_popup .left_side textarea:focus, .notify_popup .left_side input:focus {
    outline: none;
}

.hidden {
    display: none;
}

.new_scenario {
    margin-top: 25px;
    position: relative;
}

.new_scenario .remove_added_scenario {
    position: absolute;
    right: 15px;
    top: 10px;
    color: #646262;
}

.new_scenario .remove_added_scenario .icon-remove {
    color: #eceaea;
}

.pay_structures.test {
    margin-top: 30px;
}

.payroll_data_tabs li a.padstava_li {
    background-color: transparent !important;
    color: transparent !important;
    border-top: none !important;
    margin-right: 0px;
    margin-top: 0px;
    margin-left: -1px;
}

.payroll_data_tabs li.padstava_li {
    background-color: transparent !important;
    color: transparent !important;
    border-top: none !important;
    margin-right: 0px;
    margin-top: 1px;
    margin-left: -1px;
}

.padstava_left_right {
    display: none;
    opacity: 0;
    transition: opasity 2s;
}

.padstava_left_right.show {
    display: block;
    opacity: 1;
}

.main_content.sales_page {
    height: initial;
}

.home_link:hover {
    text-decoration: none;
}

/****************************╨Э╨Р╨е╨г╨Щ ╨Т╨Ш╨Ф╨Р╨Ы╨Ш╨в╨Ш**********************************/
/****************************╨Э╨Р╨е╨г╨Щ ╨Т╨Ш╨Ф╨Р╨Ы╨Ш╨в╨Ш**********************************/
/****************************╨Э╨Р╨е╨г╨Щ ╨Т╨Ш╨Ф╨Р╨Ы╨Ш╨в╨Ш**********************************/
/****************************╨Э╨Р╨е╨г╨Щ ╨Т╨Ш╨Ф╨Р╨Ы╨Ш╨в╨Ш**********************************/
/****************************╨Э╨Р╨е╨г╨Щ ╨Т╨Ш╨Ф╨Р╨Ы╨Ш╨в╨Ш**********************************/
.ui-menu-item {
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 14px;
    color: #ffffff;
    background-color: #C6C4C4;
}

.ui-menu-item:hover {
    background-color: #C6C4C4;
    border: none;
    font-size: 14px;
    color: #595757;
    font-weight: normal;
}

.new_table .table-bordered th, .new_table .table-bordered td {
    border-left: 1px solid #ffffff !important;
    border-right: 1px solid #ffffff !important;
}

.new_table .table-bordered th, .new_table .table-bordered td {
    border-top: 1px solid #ffffff !important;
    border-bottom: 5px solid #ffffff !important;
}

.new_table table {
    border-top: 1px solid #ffffff !important;
    border-bottom: 1px solid #ffffff !important;
}

.table_pay_structures.in_tab {
    border-radius: 0px;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 14px;
}

.table_pay_structures.in_tab input[type="checkbox"] {
    margin-top: -1px;
}

.table_pay_structures.in_tab thead tr td, .table_pay_structures.in_tab thead tr th {
    background-color: #eceaea;
    color: #918c8c;
    font-size: 14px;
    width: 175px;
    text-align: center;
    border-bottom: 6px solid #ffffff;
}

.table_pay_structures.in_tab thead tr td .fake_input, .table_pay_structures.in_tab thead tr th .fake_input {
    width: 90%;
    height: 21px;
    background-color: #ffffff;
    display: block;
    text-align: left;
    padding-left: 4px;
    margin: 0 auto;
}

.table_pay_structures.in_tab thead tr td input, .table_pay_structures.in_tab thead tr th input {
    padding-left: 3px !important;
}

.table_pay_structures.in_tab thead tr td input:focus, .table_pay_structures.in_tab thead tr th input:focus {
    box-shadow: none;
}

.table_pay_structures.in_tab thead tr td:nth-child(6), .table_pay_structures.in_tab thead tr th:nth-child(6) {
    width: 131px;
}

.table_pay_structures.in_tab thead tr td.two_inputs, .table_pay_structures.in_tab thead tr th.two_inputs {
    width: 65px;
}

.table_pay_structures.in_tab thead tr > td > select, .table_pay_structures.in_tab thead tr > td > input, .table_pay_structures.in_tab thead tr > th > select, .table_pay_structures.in_tab thead tr > th > input {
    width: 90%;
    border-radius: 0px;
    color: #918c8c;
    border: none;
    background-color: #ffffff;
    font-size: 14px;
    font-family: "RobotoCondensed-Regular", sans-serif;
    margin: 0 auto;
    height: 22px;
    padding: 0px;
}

.table_pay_structures.in_tab thead .multiselect {
    width: 120px;
    background-image: none;
    border: none;
    border-radius: 0px;
    color: #918c8c;
    font-size: 14px;
    font-family: "RobotoCondensed-Regular", sans-serif;
    background-color: #ffffff;
    padding: 1px;
    text-align: left;
    padding-left: 4px;
}

.table_pay_structures.in_tab thead .multiselect .caret {
    right: -1px;
    position: absolute;
    border-top: 6px solid #000000;
    border-right: 2px solid transparent;
    border-left: 4px solid transparent;
    top: 3px;
}

.table_pay_structures.in_tab thead .multiselect:hover {
    background-color: #ffffff;
}

.table_pay_structures.in_tab thead .add_button, .table_pay_structures.in_tab thead .cancel_button {
    background-image: url("../img/add_button.png");
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    display: block;
    float: left;
    border: none;
    background-color: transparent;
    margin-left: 25px;
    margin-right: 20px;
}

.table_pay_structures.in_tab thead .cancel_button {
    background-image: url("../img/cancel_button.png");
    margin-left: 0px;
}

.table_pay_structures.in_tab tbody .edit_icon {
    background-image: url("../img/edits_counter.png");
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    margin: 0 auto;
    background-color: transparent;
    border: none;
    margin-left: 8px;
    margin-right: 10px;
}

.table_pay_structures.in_tab tbody .trash {
    background-image: url("../img/trash.png");
    width: 22px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    margin-top: 2px;
}

.table_pay_structures.in_tab tbody .on_off_button {
    background-image: url("../img/on-off_button.png");
    width: 21px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    margin-top: 2px;
    margin-right: 13px;
}

.table_pay_structures.in_tab tbody td {
    background-color: #eceaea;
    color: #918c8c;
    font-size: 14px;
    width: 130px;
}

.table_pay_structures.in_tab .multiselect-container li a:hover {
    background-color: #918c8c !important;
    background-image: none !important;
}

.table_pay_structures.in_tab .multiselect-container li.active a {
    background-color: #918c8c !important;
    background-image: none !important;
}

.overrides_title {
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 16px;
    color: #918c8c;
    margin-bottom: 10px;
}

.table_pay_structures.in_tab.small {
    border-radius: 0px;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 14px;
}

.table_pay_structures.in_tab.small tr td {
    width: 110px;
}

.table_pay_structures.in_tab.small input[type="checkbox"] {
    margin-top: -1px;
}

.table_pay_structures.in_tab.small thead tr td:nth-child(1), .table_pay_structures.in_tab.small thead tr td:nth-child(2), .table_pay_structures.in_tab.small thead tr td:nth-child(3), .table_pay_structures.in_tab.small thead tr td:nth-child(4), .table_pay_structures.in_tab.small thead tr th:nth-child(1), .table_pay_structures.in_tab.small thead tr th:nth-child(2), .table_pay_structures.in_tab.small thead tr th:nth-child(3), .table_pay_structures.in_tab.small thead tr th:nth-child(4) {
    width: 168px;
}

.table_pay_structures.in_tab.first_check tr td {
    width: 222px;
}

.table_pay_structures.in_tab.first_check tr td:nth-child(6) {
    width: 130px;
}

.table_pay_structures.in_tab.first_check tr td:nth-child(1) {
    width: 23px;
}

.table_pay_structures.in_tab.first_check input[type="checkbox"] {
    margin-top: 2px;
    margin-left: 8px;
}

.table.table-bordered.table_pay_structures.in_tab.save {
    width: 60%;
}

.table.table-bordered.table_pay_structures.in_tab.save tr td:nth-child(1) {
    text-align: left;
    width: 30%;
}

.table.table-bordered.table_pay_structures.in_tab.save tr td:nth-child(2) {
    width: 44%;
}

.table.table-bordered.table_pay_structures.in_tab.save tr td:nth-child(3) {
    width: 24%;
    padding: 0px;
}

.table.table-bordered.table_pay_structures.in_tab.save .save_button {
    width: 100%;
    height: inherit;
    background-color: #03a87d;
    border: none;
    height: 106% !important;
    color: #ffffff;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 18px;
}

.multiselect-container.dropdown-menu input[type="checkbox"] {
    margin-top: 4px !important;
}

.multiselect-container.dropdown-menu .checkbox {
    text-align: left;
}

.login_form {
    background-color: #eceaea;
}

.login_form form {
    width: 300px;
    margin: 0 auto;
}

.login_form form input {
    display: block;
    width: 100%;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 16px;
}

.login_form form input:focus {
    box-shadow: none;
}

.login_form form input[type="submit"] {
    background-color: #03a87d;
    color: #ffffff;
    padding: 5px 15px;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 18px;
    border: none;
    float: right;
    display: block;
}

.add_new_users_buttons {
    margin-top: 15px;
}

.add_new_users_buttons.green {
    margin-right: -10px;
}

.large_button, .agent_nav_button {
    -webkit-transition: all 1s;
    /* For Safari 3.1 to 6.0 */
    transition: all 1s;
}

li.ui-menu-item, a {
    -webkit-transition: color .5s;
    /* For Safari 3.1 to 6.0 */
    transition: color .3s;
}

/*dropdown animation*/
.open > .dropdown-menu {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.open > .dropdown-menu li a {
    color: #000;
}

.dropdown-menu li a {
    color: #fff;
}

.dropdown-menu {
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(1, 0);
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
}

.dropup .dropdown-menu {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
}

.dropup > .dropdown-menu:after {
    border-bottom: 0;
    border-top: 6px solid rgba(39, 45, 51, 0.9);
    top: auto;
    display: inline-block;
    bottom: -6px;
    content: '';
    position: absolute;
    left: 50%;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

/*dropdown animation*/
.edit_icon, .on_off_button, .trash, .add_button, .cancel_button {
    transition: opacity .3s;
}

.edit_icon:hover, .on_off_button:hover, .trash:hover, .add_button:hover, .cancel_button:hover, .duplicate_icon:hover {
    opacity: 0.6;
}

.input_variables {
    width: 75.1% !important;
}

.agent_nav_button.fake {
    text-align: center;
    position: relative;
    line-height: 56px;
    cursor: pointer;
}

.agent_nav_button.fake .checkbox_fake_container {
    width: 100%;
    height: 0px;
    position: absolute;
    top: 55px;
    background-color: #32dbaf;
}

.agent_nav_button.fake .checkbox_fake_container.show {
    height: auto;
}

.agent_nav_button.fake .checkbox_fake_container ul {
    height: 0px;
    overflow: hidden;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 16px;
    text-align: left;
}

.agent_nav_button.fake .checkbox_fake_container ul a {
    color: #ffffff;
    -webkit-transition: nome;
    /* For Safari 3.1 to 6.0 */
    transition: nome;
}

.agent_nav_button.fake .checkbox_fake_container ul a:hover {
    text-decoration: none;
    color: #e8e8e8;
}

.agent_nav_button.fake .checkbox_fake_container ul a.active {
    color: #646262;
}

.agent_nav_button.fake .checkbox_fake_container ul.show {
    height: auto;
    padding-top: 7px;
    padding-bottom: 7px;
}

.pagination a {
    color: #918c8c;
    border-radius: 0px;
    border: 1px solid #918c8c;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.receivable_table.form_header {
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 16px;
    color: #918c8c;
    border: none;
    margin-bottom: 20px;
}

.receivable_table.form_header td {
    padding: 6px;
}

.receivable_table.form_header input, .receivable_table.form_header select {
    width: 116px;
    border-radius: 0px;
    border: none;
    height: 24px;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 16px;
    color: #918c8c;
    margin-top: 9px;
}

.receivable_table.form_header select {
    padding-top: 0px;
}

.receivable_table.form_header input, .receivable_table.form_header input.datepicker {
    height: 16px;
}

.receivable_table.form_header input.datepicker {
    height: 22px;
}

.receivable_table.form_header .datepicker {
    padding-left: 5px;
    width: 110px;
}

.receivable_table.form_header button {
    padding: 10px 15px;
    border: none;
    background-color: #03a87d;
    color: #ffffff;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 16px;
    margin-top: 2px;
}

.receivable_table.form_header button:hover {
    background-color: #018d6a;
}

.receivable_table.form_header button:active {
    background-color: #047557;
}

.new_usage .receivable_table.form_header td:nth-child(5) input, .new_usage .receivable_table.form_header td:nth-child(6) input {
    width: 75px;
}

.new_usage .receivable_table.form_header td:nth-child(1) input {
    width: 160px;
}

.error {
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 14px;
}

input.error {
    border: 1px solid red;
}

/**********************************************FIXED STYLES***********************************************************************/
/**********************************************FIXED STYLES***********************************************************************/
/**********************************************FIXED STYLES***********************************************************************/
.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child {
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
}

.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child {
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
}

.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child {
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
}

.table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child {
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
}

input {
    border-radius: 0px !important;
    box-shadow: none;
}

input:focus {
    outline: none;
    box-shadow: none !important;
}

.container.home.main_content.new_agent .data_input_block .production_period .datepicker, .container.home.main_content.new_agent .pay_date input {
    height: 20px;
    width: 125px;
}

.set_up_users .large_button {
    width: 310px !important;
}

.add_new_users input {
    border-radius: 0px;
    border: none;
}

.add_new_users input:focus {
    outline: none;
    box-shadow: none;
}

.add_new_users input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px white inset;
    /* Change the color to your own background color */
    -webkit-text-fill-color: #333;
}

.add_new_users input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px white inset;
    -webkit-text-fill-color: #333;
}

.add_new_users .add_new_users_buttons.green {
    margin-right: 0px;
}

.table.table-bordered.receivable_table.main_table.with_name .caret {
    margin-top: 16px;
    margin-left: 5px;
}

.table.table-bordered.receivable_table.main_table.with_name .checkbox_container {
    margin-left: 2px !important;
    float: none;
}

.table.table-bordered.receivable_table.main_table.with_name th {
    padding: 6px;
    line-height: 40px;
}

.table.table-bordered.receivable_table.main_table.with_name th a {
    color: #ffffff;
}

.table.table-bordered.receivable_table.main_table.with_name td:nth-child(2), .table.table-bordered.receivable_table.main_table.with_name td:nth-child(3), .table.table-bordered.receivable_table.main_table.with_name td:nth-child(4), .table.table-bordered.receivable_table.main_table.with_name td:nth-child(5), .table.table-bordered.receivable_table.main_table.with_name td:nth-child(6), .table.table-bordered.receivable_table.main_table.with_name td:nth-child(7) {
    line-height: 40px;
}

.table.table-bordered.receivable_table.main_table.profiles_admin table thead tr th {
    vertical-align: middle;
    padding: 6px !important;
}

.table.table-bordered.receivable_table.main_table.profiles_admin table thead tr th a {
    color: #ffffff;
}

.table.table-bordered.receivable_table.main_table.profiles_admin table tbody td:nth-child(7) {
    width: 15%;
    line-height: 20px;
}

.table.table-bordered.receivable_table.main_table.profiles_admin table tbody td:nth-child(2), .table.table-bordered.receivable_table.main_table.profiles_admin table tbody td:nth-child(3), .table.table-bordered.receivable_table.main_table.profiles_admin table tbody td:nth-child(4), .table.table-bordered.receivable_table.main_table.profiles_admin table tbody td:nth-child(5) {
    line-height: 20px;
    width: 13%;
}

.table.table-bordered.receivable_table.main_table.profiles_admin table tbody td:nth-child(1), .table.table-bordered.receivable_table.main_table.profiles_admin table tbody td:nth-child(8) {
    width: 7%;
    line-height: 20px;
}

.table.table-bordered.receivable_table.main_table.profiles_admin table tbody td:nth-child(9) {
    width: 7%;
    line-height: 20px;
}

.table.table-bordered.receivable_table.main_table.profiles_admin table tbody td:nth-child(6) {
    line-height: 20px;
}

.table.table-bordered.receivable_table.main_table.profiles_admin table tbody td a {
    color: #918c8c;
}

.table.table-bordered.table-striped.two_sides_table td {
    padding: 6px !important;
}

.data_large_table thead {
    background-color: #636466;
}

.users_list thead th {
    vertical-align: top;
    line-height: 22px;
}

.users_list thead th a {
    color: #ffffff !important;
    font-family: "RobotoCondensed-Bold", sans-serif;
    font-size: 16px !important;
}

.users_list thead th .checkbox_container {
    margin: -6px auto 6px !Important;
}

.users_list tbody tr td {
    color: #918c8c;
}

.sales_page.part .setting_index {
    margin-left: 12px !important;
}

.with_small_button input {
    padding-right: 12px !important;
    text-align: center;
}

.main_content.summary .back_next_container {
    margin-bottom: 60px;
}

.ui-datepicker {
    padding: 8px;
    background-color: #eceaea;
    font-family: "RobotoCondensed-Regular", sans-serif;
    border: 1px solid #ffffff;
}

.ui-datepicker .ui-datepicker-title {
    text-align: center;
}

.ui-datepicker td a {
    color: #918c8c;
}

.ui-datepicker td a:hover {
    color: #342f2f;
}

.ui-datepicker .ui-datepicker-next {
    float: right;
}

.ui-datepicker .ui-datepicker-next span {
    color: #918c8c;
    font-weight: bold;
    font-family: "RobotoCondensed-Bold", sans-serif;
}

.ui-datepicker .ui-datepicker-prev span {
    color: #918c8c;
    font-weight: bold;
    font-family: "RobotoCondensed-Bold", sans-serif;
}

.data_large_table tr td:last-child {
    border-right: 1px solid #dedfe0;
}

.data_large_table tr:last-child {
    border-bottom: 1px solid #dedfe0;
}

/**********************************************FIXED STYLES END***********************************************************************/
/**********************************************FIXED STYLES END***********************************************************************/
/**********************************************FIXED STYLES END***********************************************************************/
/****************************************************ALERTS*****************************************************************/
/****************************************************ALERTS*****************************************************************/
/****************************************************ALERTS*****************************************************************/
.alert {
    border-radius: 0px;
    font-family: "RobotoCondensed-Regular", sans-serif;
    box-shadow: none;
}

.alert.ui-pnotify-container.ui-pnotify-shadow {
    box-shadow: none;
}

/****************************************************ALERTS END*****************************************************************/
/****************************************************ALERTS END*****************************************************************/
/****************************************************ALERTS END*****************************************************************/
/**********************************************************AUTOCOMPLITE************************************/
/**********************************************************AUTOCOMPLITE************************************/
/**********************************************************AUTOCOMPLITE************************************/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
    /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
}

.ui-menu .ui-menu {
    position: absolute;
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
    /* support: IE7 */
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item {
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-menu {
    max-height: 300px;
    overflow-y: scroll;
}

.ui-menu li a {
    color: #ffffff;
}

.ui-menu li a:hover {
    color: #f1f1f1;
}

/**********************************************************AUTOCOMPLITE END************************************/
/**********************************************************AUTOCOMPLITE END************************************/
/**********************************************************AUTOCOMPLITE END************************************/
.uneditable-input {
    border-radius: 0px;
    box-shadow: none;
    width: 87%;
    padding: 0;
    margin-left: 4px;
    margin-right: 4px;
    height: 20px;
}

.errors_row td {
    empty-cells: hide;
}

.showSalesReport {
    border-radius: 0px;
    border: none;
    box-shadow: none;
    text-shadow: none;
    background-color: #03a87d;
    background-image: none;
    margin-top: 3px;
    -webkit-transition: background-color 1s;
    /* For Safari 3.1 to 6.0 */
    transition: background-color 1s;
}

.showSalesReport:hover {
    background-color: #03c28f;
}

.valOk, .valCancel {
    color: #918c8c;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 12px;
    text-decoration: underline;
}

.valOk:hover, .valCancel:hover {
    color: #7c7777;
    text-decoration: underline !important;
}

.valOk {
    float: left;
    margin-left: 5px;
}

.valCancel {
    float: right;
    margin-right: 5px;
}

.actions_buttons tbody tr, .action_buttons tbody tr {
    border-bottom: none !important;
}

.actions_buttons tbody tr td, .action_buttons tbody tr td {
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
}

#active {
    background-image: url("../img/checked_icon.png");
    width: 13px;
    height: 16px;
    display: block;
    margin: 2px auto;
}

#inactive {
    background-image: url("../img/close_info.png");
    width: 15px;
    height: 12px;
    display: block;
    margin: 7px auto;
}

/***************************************NEED TEST******************************************************/
table.add_override_table.form_header {
    border-top: none !important;
}

.main_content.add_pay_structures .multiselect {
    background-image: none;
    box-shadow: none;
    border-radius: 0px;
    background-color: #ffffff;
    border: none;
}

.multiselect {
    background-image: none;
    box-shadow: none;
    border-radius: 0px;
    background-color: #ffffff;
    border: none;
}

.btn-group.open .btn.dropdown-toggle.multiselect {
    background-color: #ffffff;
}

.btn-group.open .btn.dropdown-toggle.multiselect:focus {
    outline: none;
}

.multiselect-container.dropdown-menu {
    width: inherit;
}

.multiselect-container.dropdown-menu li > a {
    padding: 0;
    border-top: 1px solid transparent;
}

.multiselect-container.dropdown-menu li.active a {
    background-color: #918c8c !important;
    background-image: none;
    border-top: 1px solid #ffffff;
}

.multiselect-container.dropdown-menu li:hover a {
    background-color: #918c8c !important;
    background-image: none;
}

table.table.add_override_table.form_header tbody tr {
    background-color: #eceaea;
}

table.table.add_override_table.form_header tbody tr td {
    border-top: none;
}

.multiselect-container.dropdown-menu li input[type="checkbox"] {
    width: inherit;
}

/***************************************NEED TEST END******************************************************/
*::-moz-focus-inner {
    border: 0;
}

a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline: 0;
}

.add_new_scenario {
    margin-top: 50px !important;
    width: 220px !important;
}

select, input {
    border-radius: 0px;
    border: none !important;
}

select:focus, input:focus {
    outline: none;
}

.fixed_checkbox .css-label {
    display: block;
    margin: 0 auto;
    width: 0px;
}

.fixed_checkbox .checkbox-column {
    padding-left: 12px !important;
}

.fixed_add_remove_buttons table.add_override_table.form_header td:nth-child(6) {
    width: 112px;
}

.inlineErrors td {
    padding-top: 0px;
    padding-bottom: 0px;
    empty-cells: hide;
}

.table.table-bordered.table_pay_structures.in_tab.save .save_button.thin {
    height: 23px !important;
    padding-top: 0px;
}

.table.table-bordered.table_pay_structures.in_tab.table.table-bordered {
    border-right: none;
}

.edit_modal {
    margin-bottom: 0px;
}

.edit_form_container {
    margin-bottom: 0px;
}

.edit_modal_container {
    padding-bottom: 10px;
}

.fixed_margin {
    margin-top: 45px;
}

.overrides_table {
    margin-bottom: 0px;
}

.new_payroll_modal_class.test table.overrides_table tr td {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.new_payroll_modal_class.test table.overrides_table tr td input, .new_payroll_modal_class.test table.overrides_table tr td select {
    width: 100% !important;
}

.new_payroll_modal_class.test table.overrides_table tr td .multiselect.dropdown-toggle {
    border-radius: 0px;
    height: 28px;
    padding-top: 3px;
}

.new_payroll_modal_class.test table.overrides_table tr td .multiselect.dropdown-toggle:hover {
    background-color: #ffffff;
}

.new_payroll_modal_class.test table.overrides_table tr td .multiselect.dropdown-toggle :focus {
    outline: none;
}

.new_payroll_modal_class.test table.overrides_table tr td .btn-group.open .multiselect.dropdown-toggle {
    box-shadow: none;
}

.new_payroll_modal_class.test table.overrides_table tr td ul.multiselect-container.dropdown-menu input {
    width: inherit;
}

.table_pay_structures thead th {
    vertical-align: middle;
}

.table.table-bordered.table_pay_structures.in_tab.first_check.table.table-bordered .css-label, .table.table-bordered.table_pay_structures.in_tab.table.table-bordered .css-label {
    margin-left: 13px;
}

.grid-view .table.users_list th > .sort-link {
    display: inline-block;
}

.grid-view .table.users_list th > .sort-link .caret {
    right: -14px !important;
}

#sales-grid-duplicate .table tr.selected td {
    background: #03a87d !important;
}

.table.receivable_table.users_list thead tr th .css-label {
    margin-left: 25px;
}

.ui-datepicker-title {
    border-bottom: 1px solid grey;
    line-height: 23px;
    margin-bottom: 10px;
}

.repcodeInput {
    margin-bottom: 8px !important;
}

#clone_source {
    width: 268px;
}

.table.add_override_table.form_header.edit_modal, .table.add_override_table.form_header.overrides_table {
    font-family: "RobotoCondensed-Regular", sans-serif !important;
}

input, select, .multiselect, label {
    font-family: "RobotoCondensed-Regular", sans-serif !important;
}

.rates {
    margin-bottom: 5px !important;
    display: block !important;
}

.fixed_buttons {
    width: 120px;
}

table.action_buttons tbody tr td {
    padding-top: 0px;
    padding-bottom: 0px;
}

.thin_cell tbody tr td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.thin_cell_2 tbody tr td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.main_content.summary .transparent_bg_cell tbody tr td {
    background-color: transparent;
}

.fixed_modal_table {
    margin-bottom: 0px;
    padding-top: 0px !important;
}

.main_block_with_tabs.new_table.new_scenario .table .trash.batchDelete {
    margin-top: -25px;
    margin-right: 4px;
}

table.table_pay_structures.in_tab label {
    margin-bottom: 0px;
}

.main_content.summary tbody tr td .pay_sheet {
    width: 120px;
    margin-bottom: 7px;
}

.sort-link {
    display: inline-block !important;
}

.sort-link .caret {
    margin-top: 6px;
    margin-left: 5px;
}

.main_content.summary tbody tr td {
    padding-top: 6px;
    padding-bottom: 0px;
}

.modal-body {
    max-height: inherit;
}

button.multiselect {
    max-width: 213px;
    overflow: hidden;
}

.ui-corner-all, .accept_template.fake {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.table.table-bordered.table-striped.data_large_table.thin_cell {
    border-bottom: 1px solid #dedfe0;
}

.form-horizontal .controls {
    margin-left: 50px;
}

.set_up_users .table.table-bordered.receivable_table.users_list th .css-label {
    margin-top: -3px;
    margin-bottom: 14px;
}

.top_details tr td {
    background-color: transparent !important;
}

.receivable_table.users_list.table .caret {
    top: 0px !important;
}

.main_content.container > h4.span12 {
    text-align: center;
    font-family: "RobotoCondensed-Regular", sans-serif;
    font-size: 24px;
    color: #91b5bf;
    margin-top: 25px;
    margin-bottom: 25px;
}

.table.table-bordered.receivable_table {
    font-family: "RobotoCondensed-Regular", sans-serif;
}

.checkbox_fake_container .list_hidden {
    display: none;
}

.checkbox_fake_container.show .list_hidden {
    display: block;
}

.table.table-bordered.receivable_table.main_table.with_name tbody tr td .css-label, .table.table-bordered.receivable_table.main_table.profiles_admin.fixed_checkbox tbody tr td .css-label {
    margin-top: 5px;
}

.table.table-bordered.receivable_table.users_list tbody tr td .css-label {
    margin-top: 2px;
}

#profiles-grid_cis_active .sort-link {
    width: 65px;
}

#profiles-form .checkbox_container {
    margin-left: 138px;
}

.icon.pay_sheet {
    background-image: url("../img/paysheet_icon.png");
    width: 30px !important;
    height: 30px;
    background-size: cover;
    background-color: transparent !important;
    margin-left: 24px !important;
    margin-right: -10px !important;
}

.icon.pay_sheet {
    float: left !important;
}

.icon.pay_structure.pay_sheet {
    background-image: url("../img/payscructure_icon2.png");
    width: 30px !important;
    height: 30px;
    background-size: cover;
    background-color: transparent !important;
}

/**/
.styled_alert {
    width: 500px;
    left: 61%;
}

.styled_alert .modal-header h3, .styled_alert .modal-body {
    font-family: "RobotoCondensed-Regular", sans-serif;
    color: #918c8c;
}

.styled_alert .modal-body {
    font-size: 16px;
}

.styled_alert .modal-footer {
    padding-top: 0px;
    padding-bottom: 0px;
}

svg {
    width: 200px;
    height: 200px;
    display: inline-block;
    padding: 0px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.circle {
    fill: transparent;
    stroke: #03a87d;
    stroke-width: 5px;
    -webkit-animation: 1.8s circle infinite ease-in;
    animation: 1.8s circle infinite ease-in;
}

.add_new_button, .cancel_button {
    margin-top: 3px;
}

@keyframes circle {
    0% {
        stroke-dasharray: 0 400;
        stroke-dashoffset: 0;
    }
    25% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dasharray: 400 400;
        stroke-dashoffset: -400;
    }
}

.preloader {
    display: none;
    position: fixed;
    top: 20%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    z-index: 999999;
}

@-webkit-keyframes circle {
    0% {
        stroke-dasharray: 0 400;
        stroke-dashoffset: 0;
    }
    25% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dasharray: 400 400;
        stroke-dashoffset: -400;
    }
}

.overlay {
    width: 100%;
    height: 100%;
    background-color: #000000;
    position: absolute;
    opacity: .7;
    z-index: 9999;
}

.grey_button .trash.grey.batchDelete {
    margin-left: 14px !important;
}

html.fixed, body.fixed {
    overflow: hidden;
}

table.actions_buttons tbody tr td {
    padding: 2px;
}

.table.table-bordered.table_pay_structures.in_tab.save thead tr td:nth-child(3) {
    padding: 0px !important;
}

.block_for_filter.section span {
    line-height: 27px;
}

.main_content.summary .sort-link, .main_content.new_payroll_errors .sort-link {
    padding-right: 10px;
}

.main_content.summary .sort-link .caret, .main_content.new_payroll_errors .sort-link .caret {
    top: -1px !important;
}

#template-sections-edit-form label {
    font-size: 18px;
}

#template-sections-edit-form button {
    margin-bottom: 0px;
}

#template-sections-edit-form input {
    width: 98%;
}

.fixed_margin_35 {
    margin-top: 35px;
}

.commisions .width_210 div.btn-group, .commisions .width_210 select {
    width: 170px !important;
    height: 27px;
}

.commisions .width_160 input {
    width: 160px !important;
}

.overrides .width_210 div.btn-group {
    width: 123px !important;
    height: 27px;
}

.overrides .width_210 select {
    width: 123px !important;
    height: 27px;
}

.overrides .width_160 input {
    width: 160px !important;
    height: 19px;
}

.bonuses select {
    height: 27px;
}

.modal-body .overrides_table tbody tr td:nth-child(6) {
    display: none;
}

.modal_container .table.table-bordered.table-striped.data_large_table.thin_cell {
    border-bottom: 0px;
}

.modal_container .uneditable-input {
    margin-top: 3px;
}

.main_block_with_tabs.new_table.empty_scenario.section h4 {
    font-family: "RobotoCondensed-Regular", sans-serif;
    color: #918c8c;
    font-size: 18px;
}

.main_content.new_usage .large_button {
    margin-top: 15px !important;
}

.main_content.new_usage .large_button.green {
    margin-right: 3px !important;
}

.modal.hide.fade.new_payroll_modal_class.test .modal_container.edit_modal_container .tplOverridesForm .table.add_override_table.form_header.overrides_table .btn-group.open input[type="checkbox"] {
    width: inherit !important;
}

.modal.hide.fade.new_payroll_modal_class.test .modal_container.edit_modal_container .tplOverridesForm .table.add_override_table.form_header.overrides_table .btn-group.open label.checkbox {
    line-height: 26px;
}

.main_content.summary .tab-content.payroll_data_tab_content .table.data_large_table tbody tr td {
    padding: 8px !important;
}

/**/

/*# sourceMappingURL=styles.css.map */

.disabled_ab {
    background-color: #dadada !important;
}

.select-office-team {
    float: right;
    background-color: #eceaea;
    padding: 15px 15px 4px 15px;
}

.select-office-team select:nth-child(2) {
    margin-left: 10px;
}

.select-office-team form {
    margin: 0px;
}

.buttouns a {
    display: inline-block;
    width: 145px;
    margin-bottom: 10px;
}

.buttouns {
    float: right;
    width: 200px;
}

.buttouns button {
    width: 145px;
}

.sale_database_button , .sale_database_button:hover {
    display: inline-block;
    padding: 13px 25px;
    color: #ffffff;
    background-color: #918c8c;
    border: none;
    font-family: "RobotoCondensed-Bold", sans-serif;
}

.appVersion {
    float: right;
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
    clear: both;
}


.setting-form .multiselect {
    width: 150px;
    text-align: center;
    border: 1px solid #eceaea;
    border-radius: 0 !important;
}

.setting-form .btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.setting-form .multiselect-group>a>b {
    display: inline-block;
    width: 100%;
}

.setting-form .multiselect-container {
    width: auto;
}

.setting-form .multiselect-item a:hover, .setting-form .multiselect-item a:focus {
    background: none;
}

.setting-form .multiselect-item a b.caret {
    margin-top: 9px;
    margin-left: 7px;
}

.setting-form {
    margin-bottom: 0;
    text-align: right;
    margin-bottom: -50px;
}

.setting-form .multiselect-item a>b {
    margin-left: 8px;
    text-align: left;
}

.database_sales .pager, .master_report .pager {
    margin: 0;
    text-align: center;
}

.to_right {
    text-align: right !important;
}

.master_report table td {
    min-width: 75px;
}

.master_report .pagination {
    margin: 20px 0;
    z-index: 2;
    display: inline-block;
    position: relative;
}

.pagination_wrapper {
    height: 74px;
}

.master_report_btn {
    font-family: 'RobotoCondensed-Regular';
}

.database_sales .back_next_container, .master_report .back_next_container {
    margin-bottom: 0;
}

#payroll_list .pagination{
    margin: 0;
}

.master_report_select {
    padding: 5px 3px;
    background-color: #eceaea;
}


.setting-form .submit-but {
    height: 40px;
    margin-left: -8px;
    width: 38px;
    background-color: #eceaea;
    background-image: url(../img/add_button.png);
    background-position: center center;
    background-repeat: no-repeat;
}

#payroll_list {
    position: relative;
}

#payroll_list > .sale_database_button {
    position: absolute;
}

#payroll_list > .pager {
    height: 35px;
}


.database_sales>div {
    position: relative;
}

.database_sales>div:before {
    content: '';
    position: absolute;
    display: block;
    background-color: #fbfafa;
    height: 20px;
    bottom: 0;
    left: 0;
    right: 0;
}

.database_sales .suwala-doubleScroll-scroll-wrapper {
    position: fixed;
    bottom: 0;
}

.word_wrap_max_100 {
    word-wrap: break-word;
    word-break: break-all;
    max-width: 120px;
}

.one_added_item .edit_icon {
    padding: 0;
    margin: 0;
}
.one_added_item .edit_icon svg{
    width: 20px;
    height: 26px;
    border: none;
    border-left: 1px solid #bcebf8;
    background-color: #91b5bf;
    color: #ffffff;
    transform: rotate(0deg);
    fill: white;
    display: block;
}

#updateModal {
    max-width: 500px;
}

.payroll_label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
}