/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 28/dez/2018, 12:40:35
    Author     : Carlos Braga
*/

@font-face {
    font-family: 'dax-regular';
    src: url(fonts/dax-regular.ttf);
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'dax';
    src: url(fonts/dax-italic.ttf);
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'dax';
    src: url(fonts/dax-light.ttf);
    font-style: normal;
    font-weight: 300;
}
@font-face {
    font-family: 'dax';
    src: url(fonts/dax-medium.ttf);
    font-style: normal;
    font-weight: 500;
}
@font-face {
    font-family: 'dax';
    src: url(fonts/dax-mediumitalic.ttf);
    font-style: italic;
    font-weight: 500;
}
@font-face {
    font-family: 'dax';
    src: url(fonts/dax-bold.ttf);
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-family: 'dax';
    src: url(fonts/dax-extrabold.ttf);
    font-style: normal;
    font-weight: 800;
}

body {
    font-family: 'dax';
    overflow-x: hidden;
}

.page_header_logo {
    width: 96px;
    height: 58px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    /*margin: 0 8px;*/
}
ul.header_menu_items_container li {
    padding: 3px 18px !important;
    font-weight: 300;
}
ul.header_menu_items_container li.selected {
    font-weight: 600;
    background: rgba(51, 51, 51, 0.65);
}



div.landeiro_orders_item_container.this_cat_is_active {
    display: flex;
    position: relative;
}



.landeiro_orders_left_bar_container {
    width: 230px;
    border-right: 2px solid #333;
    height: 100%;
}
.landeiro_orders_left_bar_item {
    font-size: 18px;
    padding: 18px 12px;
    border-bottom: 1px solid #ddd;
    font-weight: 300;
}
.landeiro_orders_left_bar_item.input_ref_search {
    padding: 0;
    position: relative;
    border-bottom: 2px solid #000;
}
.landeiro_orders_left_bar_item.input_ref_search button.md-button.md-ink-ripple {
    margin: 0;
    min-width: auto;
    color: #fafafa;
    background: #a32a29;
    position: absolute;
    right: 0px;
    font-size: 22px;
    padding: 12px 14px;
    border-radius: 0;
}
input.landeiro_orders_input_ref_search {
    border: 0px solid #a32a29;
    border-radius: 0px;
    font-size: 18px;
    width: 100%;
    text-align: center;
    padding: 12px 45px 12px 6px;
}
.landeiro_orders_left_bar_item.this_cat_is_active {
    background: #a32a29;
    color: #fff;
}





.landeiro_oreders_item_inputs_qty_extra_wrapper {
    /* display: none; */
    /*height: 120px;*/
}
.landeiro_oreders_item_inputs_qty_extra_wrapper.this_comment_is_showing {
    display: block;
}
.landeiro_orders_item_wrapper {
    /*padding: 4px;*/
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}
.landeiro_orders_item_wrapper:nth-child(4n) {
    border-right: 0px solid #000;
}
.landeiro_orders_item_inner_wrapper {
    padding: 8px 8px;
    /*border-radius: 5px;*/
    background: #fafafa;
    min-height: 92px;
}
.landeiro_orders_item_wrapper.selected .landeiro_orders_item_inner_wrapper {
    background: #005faf;
}
.landeiro_oreders_item_title.in_search {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    min-height: 76px;
}
.landeiro_oreders_item_title > div:first-child {
    font-size: 16px;
    font-weight: 800;
}
.landeiro_orders_item_wrapper.selected .landeiro_oreders_item_title, .landeiro_orders_item_wrapper.selected .landeiro_oreders_item_ref {
    color: #fff;
}
.landeiro_oreders_item_ref {
    font-size: 12px;
    color: #666;
    font-weight: 600;
}
.landeiro_oreders_item_ref span {
    font-weight: 300;
}
.landeiro_oreders_item_title_wrapper {
    display: block;
}
button.remove {
    background: #a32a29;
    color: #fff;
}
button.add {
    background: #1c5518;
    color: #fff;
}
button.remove, button.add {
     min-width: 36px; 
    margin: 0 3px;
    line-height: 60px;
}
button.remove.md-button[disabled] {
    background: rgba(163, 42, 41, 0.15);
    color: #fff;
    cursor: not-allowed;
}
button.add.md-button[disabled] {
    background: rgba(28, 85, 24, 0.15);
    color: #fff;
    cursor: not-allowed;
}
.landeiro_oreders_item_inputs_qty_first_line input {
    line-height: 30px;
}
input[type='number'] {
    -moz-appearance:textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.landeiro_oreders_item_inputs_qty_first_line input {
    width: 100px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #333;
    margin: 0 3px;
    line-height: 56px;
}
.landeiro_oreders_item_inputs_qty_wrapper {
    margin: 8px 0 0;
}
.landeiro_oreders_item_inputs_qty_first_line {
    margin: 0 9px;
}
button.clear_button.md-button.md-ink-ripple {
    border: 1px solid #a32a29;
    color: #a32a29;
    min-height: 36px;
    line-height: 60px;
    background: #3d0c0b;
    min-width: 36px;
    margin: 0 -6px 0 0;
    width: 100%;
}
button.obs_button.md-button.md-ink-ripple {
    background: #2878b0;
    color: #fff;
}
.md-button.remove.md-default-theme:not([disabled]).md-focused, .md-button.remove:not([disabled]).md-focused, .md-button.remove.md-default-theme:not([disabled]):hover, .md-button.remove:not([disabled]):hover {
    background: rgba(163, 42, 41, 0.7);
}
.md-button.add.md-default-theme:not([disabled]).md-focused, .md-button.add:not([disabled]).md-focused, .md-button.add.md-default-theme:not([disabled]):hover, .md-button.add:not([disabled]):hover {
    background: rgba(28, 85, 24, 0.7);
}
.landeiro_oreders_item_inputs_qty_second_line {
    margin: 8px;
    padding: 0 0px 0 0px;
    /* border-left: 1px solid #ccc; */
}
.landeiro_orders_confirmation_main_wrapper {
    overflow: auto;
    margin: 0 8px 0;
    padding: 0 0px 0 0;
}
.landeiro_oreders_item_inputs_qty_extra_wrapper textarea {
    width: calc(100% - 0px);
    border: 1px solid #000;
    border-radius: 3px;
    margin: 0 0 6px 0px;
    height: 75px;
}

.landeiro_orders_main_wrapper {
    height: calc(100% - 0px);
    overflow: auto;
    /*padding: 12px 0;*/
}
.landeiro_orders_letters_wrapper {
    padding: 0 18px;
    text-align: center;
    background: #4087c3;
    color: #fff;
    position: sticky;
    width: 100%;
    left: 0;
    top: 0;
}
.landeiro_orders_main_form_container {
    border-left: 2px solid #000;
}
.landeiro_orders_main_form_wrapper {
    border-bottom: 2px solid #000;
    /*margin: 0 0 10px;*/
}
.landeiro_orders_main_observations_field_title {
    margin: 6px 8px 6px;
    border-bottom: 1px solid #005faf;
    padding: 0 0 3px;
}
.landeiro_orders_letters {
    padding: 6px 0;
    font-weight: 300;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
}
div.landeiro_orders_item_container.this_cat_is_active .landeiro_orders_item_wrapper:first-child {
    padding: 18px 0 0;
}
.landeiro_orders_letters:last-child {
    border-right: 0px solid;
}
/*::-webkit-scrollbar {
  width: 36px;
}
::-webkit-scrollbar-thumb {
    background: #a32a29;
    border-radius: 3px;
}
::-webkit-scrollbar-track {
    background: #ccc;
    border-radius: 0;
    box-shadow: inset 0px 0px 12px 3px #999;
}*/
button.confirm_order_button.md-button.md-ink-ripple {
    width: calc(100% - 16px);
    background: #005faf;
    color: #fff;
    line-height: 60px;
}
.landeiro_orders_left_bar_controls_wrapper {
    margin: 0 8px;
}
textarea.landeiro_orders_main_observations_field {
    width: calc(100% - 0px);
    margin: 0 0px;
    border: 1px solid #333;
    border-radius: 3px;
    height: 75px;
}
.landeiro_orders_main_observations_field_title {
    margin: 6px 0px 6px;
    border-bottom: 1px solid #005faf;
    padding: 0 0 3px;
}
md-tabs.landeiro_orders_tabs_wrapper {
    border-radius: 0;
}
md-tabs.landeiro_orders_tabs_wrapper md-tabs-canvas {
    height: 40px;
}
md-tabs.landeiro_orders_tabs_wrapper md-tabs-canvas md-pagination-wrapper {
    background: #282828;
    height: 40px;
}
md-tabs.landeiro_orders_tabs_wrapper md-tabs-canvas md-pagination-wrapper md-tab-item {
    color: #fff;
    padding: 8px 18px;
}
md-tabs.landeiro_orders_tabs_wrapper md-tabs-canvas md-pagination-wrapper md-tab-item.md-tab.md-active {
    color: #fff;
    background: rgba(255, 255, 255, 0.25);
}
md-tabs.landeiro_orders_tabs_wrapper md-tabs-canvas md-pagination-wrapper md-ink-bar {
    color: rgb(250, 250, 250);
    background: rgb(250, 250, 250);
}
.landeiro_orders_body_container {
    height: calc(100% - 59px);
}
.landeiro_orders_tabs_container {
    position: relative;
}
.landeiro_orders_client_small_info {
    position: relative;
    padding: 6px;
    text-align: left;
    color: #a32a29;
    font-size: 13px;
}
.landeiro_orders_client_small_info_number, .landeiro_orders_client_small_info_estimated_date_delivery_date {
    font-weight: 600;
}
.landeiro_orders_client_small_info_estimated_date_delivery_title {
    border-top: 1px solid #005faf;
    padding: 3px 0 0;
    margin: 3px 0 0;
}
.landeiro_orders_client_small_info .landeiro_orders_client_small_info_company_name {
    font-weight: 800;
    font-size: 16px;
}
.landeiro_orders_confirmation_wrapper {
    margin: 0 6px;
}
.landeiro_orders_confirmation_name {
    font-size: 18px;
    font-weight: 400;
    color: #005faf;
}
.landeiro_orders_confirmation_ref {
    font-size: 14px;
    color: #666;
}
button.landeiro_orders_confirmation_remove.md-button.md-ink-ripple {
    background: #fff;
    border: 1px solid #a32a29;
    color: #a32a29;
    font-size: 30px;
    min-width: 24px;
    min-height: 24px;
    border-radius: 50%;
    line-height: 24px;
    margin: 0 6px;
    height: 36px;
}
.landeiro_orders_confirmation_big_wrapper {
    border-bottom: 1px solid rgba(163, 42, 41, 0.3);
    padding: 0 0 6px 0px;
    border-bottom: 1px solid rgba(163, 42, 41, 0.3);
    margin: 6px 0px 0;
}
.landeiro_orders_confirmation_title {
    margin: 0 8px 6px;
    font-weight: 800;
    color: #005faf;
    border-bottom: 2px solid #333;
}
.landeiro_orders_confirmation_qnty {
    color: #005faf;
    font-size: 16px;
    font-weight: 800;
}
.landeiro_oreders_item_inputs_options_wrapper {
    margin: 0 6px 8px;
    height: 172px;
}
.landeiro_oreders_item_inputs_options_wrapper > div {
    margin: 0 3px 6px;
    border-radius: 5px;
    background: rgba(0, 95, 175, 0.45);
    padding: 6px 6px;
    max-width: calc(20% - 6px) !important;
    height: 80px;
}
.landeiro_oreders_item_inputs_options_wrapper > div.selected {
    background: #005faf;
}
.landeiro_oreders_item_inputs_options_wrapper > div div {
    color: #fafafa;
    font-size: 12px;
    font-weight: 300;
}
.landeiro_oreders_item_inputs_options_wrapper > div div:first-child {
    font-size: 14px;
    font-weight: 500;
}


.landeiro_oreders_item_inputs_qty_extra_wrapper md-chips {
    border: 1px solid #333;
    min-height: 30px;
    border-radius: 3px;
}
.landeiro_oreders_item_inputs_qty_extra_wrapper md-chips .md-chips {
    box-shadow: 0 0;
    min-height: 60px;
    padding: 0
}
.landeiro_oreders_item_inputs_qty_extra_wrapper md-chips .md-chips.md-focused {
    border-bottom: 0;
}
.md-chips .md-chip-input-container:not(:first-child) {
    margin: 8px 8px 8px 8px;
}
.md-chips.md-removable md-chip {
    background: rgb(0, 95, 175);
    color: rgb(250, 250, 250);
    font-size: 14px;
    height: auto;
    line-height: 18px;
    font-weight: 300;
    padding: 0;
}
.md-chips.md-removable md-chip .md-chip-content {
    padding-right: 6px;
    white-space: normal;
    overflow: unset;
    text-overflow: unset;
    word-break: break-word;
    padding: 6px 30px 6px 6px;
}
.md-chips md-chip .md-chip-remove md-icon {
    color: #a32a29;
    min-height: 14px;
}
.md-chips md-chip .md-chip-remove {
    background: #fafafa;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin: 3px;
}
.landeiro_orders_confirmation_observation_wrapper {
    text-indent: 20px;
    padding: 0 0 0 16px;
    font-size: 14px;
    margin: 0 60px 0px 0;
    word-break: break-word;
}
.landeiro_orders_confirmation_container {
    max-height: calc(100vh - 577px);
    border-top: 2px solid #000;
    padding: 6px 0 0;
}










/* POPUP CLIENTE */
.client_popup_items_title {
    font-weight: 600;
    margin: 0 12px 0 0;
    line-height: 24px;
    font-size: 16px;
}
.client_popup_items_text {
    line-height: 24px;
    font-size: 16px;
}
.client_popup_separator {
    border-bottom: 1px solid #eee;
    margin: 12px 0;
}
.client_popup_container {
    padding: 12px 16px;
}
.client_popup_items.order_details .client_popup_items_text {
    background: #eee;
    padding: 12px;
}
.saleman_info_wrapper {
    width: 300px;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}
.saleman_info_name {
    font-size: 18px;
    font-weight: 500;
}





/* CONFIRM ORDER POPUP */
md-dialog.confirm_order_popup md-table-container {
    padding: 0 12px;
}
md-dialog.confirm_order_popup table.md-table td.md-cell {
    font-size: 16px;
    padding: 18px 0;
}