@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');


/* RESET
---------------------------------- */

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

* {
    max-width: 100%;
}


/*
*{
    max-width:100%!important;
    box-sizing: border-box;
    overflow-y: auto;
}*/
table {
    overflow-y: auto;
}


html,
body {
    position: relative;
}

ins {
    background-color: #ffff99;
    color: black;
    text-decoration: none;
}

mark {
    background-color: #ffff99;
    color: black;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

.log-floating-button {
    position: fixed;
    left: 0;
    bottom: 100px;
    background: white;
    font-size: 2rem;
    color: #69d4be;
    cursor: pointer;
    padding: 1rem 2rem;
    border-radius: 2px;
    box-shadow: 0 0 14px -1px #c3c3c3;
}

/* COLORI
---------------------------------- */

/*
- Grigio scuro #333333 (testo)
- Grigio chiaro #DDDDDD
- Verde acido #B9C01D
- Azzurro #2394C4 (link)
- Azzurro scuro #186687 (link)
*/


/* BASE
----------------------------------*/
html,
body {
    width: 100%;
    min-height: 100%;
}

body {
    color: #5d5d5d;
    font-family: Lato, sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    /*background: #3a3939;*/
    flex-grow: 1;
}


html {
    display: flex;
}



/* TIPOGRAFIA
---------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
    line-height: 1.5em;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 15px;
}

h5,
h6 {
    font-size: 13px;
}

h6 {
    color: #676767;
    text-transform: uppercase;
}

p {

    line-height: 1.3em;
}

small {
    color: #999999;
    font-size: 12px;
}

blockquote {
    border-left: 5px solid #DDDDDD;
    margin: 0 0 18px;
    padding: 0 0 0 15px;
}

.blockquote-right {
    border-left: 0 none;
    border-right: 5px solid #EEEEEE;
    float: right;
    padding-left: 0;
    padding-right: 15px;
}

ul,
ol {
    margin: 0px 0px 10px 30px;
    padding: 0;
}

ul.unstyled,
ol.unstyled {
    list-style: none outside none;
    margin-left: 0px;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-weight: normal;
    font-size: 14px;
}

.macrogroup-row {
    padding: 10px;
    font-weight: bold;
    text-transform: uppercase;
    background: orange;
}

.sort-product,
.sort-handle {
    cursor: pointer;
}

.search-box {
    margin: 10px;
    text-align: right;
}

h1 small {
    font-size: 18px;
    color: #fff;
    font-weight: 300;
}

p.lead {
    font-size: 20px;
    font-weight: 200;
    line-height: 27px;
    margin-bottom: 18px;
}

.ag-left {
    text-align: left;
}

.ag-right {
    text-align: right;

}

.td.ag-right {
    white-space: nowrap;
}

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

.right {
    float: right;
}

.left {
    float: left;
}

.indented-element,
.sortable-contents .indented-element {
    padding-left: 25px;
}

.disabled-element {
    color: #999999;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-direction-column {
    flex-direction: column;;
}

/* LINKS
---------------------------------- */

a {
    color: #19bd9b;
}

a:hover {
    color: #19bd9b;
    text-decoration: none;
}

/* STRUTTURA
-----------------------------------------*/

#wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

header {
    margin: 0px;
    padding: 15px 20px;
    background: #f1f2f6;
}

footer {
    margin: 0px;
    padding: 5px;
    border-top: 1px solid #e5e5e5;
    background: #f1f2f6;
}

.pagination-pager-selector {
    position: relative;
    right: 15px;
}


header p,
footer p {
    margin: 0px;
}

.logo-header {
    width: 240px;
    height: 50px;
    background: transparent url(../images/layout/logo-header.png) no-repeat center center;
    background-size: contain;
}


#wrapper-not-logged {
    background: #f8f8f8;
    width: 100%;
    height: 100%;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
}

#content-wrapper {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex: 1;
    margin: 0px;
}

.close-left-menu {
    display: none;
}

#content-wrapper-box {
    display: block;
    position: relative;
    background: transparent;
    color: #d2d2d2;
    padding: 0;
    width: 490px;
    height: auto;
    text-align: left;
    border: 1px solid #e5e5e5;
}

#page-header {
    color: #ffffff;
    margin: 0px;
    background: #383c4c;
    padding: 10px;
    display: flex;
    min-height: 44px;
    /*box-sizing: border-box;*/
    margin-bottom: 0;
    height: 47px;
    overflow: hidden;
}

#page-header-title,
#page-header-actions {
    flex-grow: 1;
}

#page-header-title {
    padding-top: 0;
    align-items: center;
    display: flex;
}


#page-header-actions {
    text-align: right;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#page-header h1 {
    conf font-size: 22px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    margin: 0px;
    font-weight: normal;
}


#page-header h1 small {
    margin-left: 10px;
    text-transform: none;
    font-weight: 500;
}

.complete-item {
    color: #F44336;
}

.uncomplete-item {
    color: #4CAF50;
}

#column-left {
    padding: 0;
    background: #212638;
    color: #fff;
    width: 60%;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    display: none;
}


#main {
    flex-grow: 1;
    padding: 0;
    background: #fff;
    display: flex;
    flex-direction: column;
    padding-bottom: 15px;
}


#column-right {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
    padding: 0;
    background: #212638;
    flex-grow: 0;
    color: #fff;
    position: relative;
    display: block;
}

.btn,
.table-admin a.btn {
    border-radius: 2px;
    background: #fff;
    border: 1px solid #19bd9b;
    color: #19bd9b;
    font-size: 15px;
    line-height: 15px;
    padding: 11px 16px 10px 16px;
    text-decoration: none;
    display: inline-block;
    width: auto;
    font-weight: normal;
    white-space: nowrap;
    box-sizing: border-box;
}


.btn .fas,
.btn .fa {
    font-size: 14px;
    margin-right: 5px;
}

.btn-alternate {
    background-color: #f1f1f1;
    color: #5d5d5d;
}

.btn-secondary {
    background-color: #f1f1f1;
    color: #5d5d5d;
}

.btn-danger {
    background-color: #fff;
    color: #F44336;
    border-color: #F44336;
}

.pointer {
    cursor: pointer;
}

.btn:hover {
    cursor: pointer;
    text-decoration: none;
    color: #ffffff;
    background: #19bd9b;
}


.btn-danger:hover {
    background: #F44336;
}

input.btn:focus {
    border-color: #19bd9b;
}

input.btn-danger:hover {
    border-color: #F44336;
}

.btn-icon:hover {
    text-decoration: none;
    background-color: #19bd9b !important;
    color: #fff !important;
}

/* FORM
---------------------------------- */

form {
    width: 100%;
    /*overflow: hidden;*/
}


input,
select,
textarea,
button {
    font-family: Open Sans, sans-serif;
    color: #40494d;
}

input,
select,
textarea {
    border: 1px solid #d8d8d8;
    padding: 5px;
    width: 100%;
    background-color: #ffffff;
    box-sizing: border-box;
}


.veryshort-field {
    width: 10%;
}

.short-field {
    width: 25%;
}

.medium-field {
    width: 50%;
}

.long-field {
    width: 75%;
}

.verylong-field {
    width: 93%;
}

.maxlong-field {
    width: 100%;
}

table input,
table select,
table textarea {
    border: 1px solid #e7e7e7;
    background: #fff;
}

option {
    padding: 0px 5px;
}

select,
.input-file {
    line-height: 13px;
}

.input-file {
    box-shadow: none;
    width: auto;
}

input[type=radio],
input[type=checkbox] {
    vertical-align: top;
    width: auto;
}

label {
    width: auto;
    display: block;
    color: #5a5863;
    padding: 0 5px 0px 0px;
    font-size: 13px;
    font-weight: 700;
    min-width: 170px;
}

.lb-inline {
    display: inline;
    margin-right: 5px;
}

.lb-checkbox,
.lb-radio {
    font-weight: normal;
}

.lb-text {
    font-size: 14px;
}

.form-submit {
    padding: 15px;
}

.form-submit .btn {
    margin-right: 5px;
}

.form-submit .btn:last-child {
    margin-right: 0px;
}

.form-fieldset {
    background-color: transparent;
    border: none;
    padding: 0;
    /*margin-bottom: 8px;*/
    background: #fff;
    width: 100%;
}

.form-fieldset legend {
    color: #383c4c;
    text-transform: uppercase;
    background-color: rgba(25, 189, 155, 0.65);
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    line-height: 40px;
    padding: 0px 15px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    float: left;
}

.main-box-internal-padding {
    padding: 0 10px;
}

.form-fieldset legend a {
    text-decoration: none;
    color: #383c4c;
}

.form-fieldset .form-fieldset-int {
    padding: 15px;
    clear: both;

}

.form-fieldset-int .form-field-error,
.form-field-help,
.form-field-info {
    order: 3;
    font-size: 12px;
}

.form-field-w-unit input,
.form-field-w-unit select,
.form-field-w-unit textarea {
    margin-right: 5px;
}

.form-field-w-flag label {
    display: inline-block;
    width: auto;
}



/* MESSAGGI
---------------------------------- */
.message {
    margin: 0;
    padding: 10px;
    color: #5d5d5d;
}

.message-error {
    background-color: #CE453E;
    color: #FFFFFF;
    line-height: 18px;
}

.message-ok {
    background-color: #A9D673;
    ;
}

.message-alert {
    background-color: #F2D268;
}

.message-info {
    background-color: #e7e7e7;
}

.form-field-flag {
    width: 20px;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.form-field-border-error {
    border-bottom: 1px solid #ce453e;
}

.form-field-flag.lb-vtop {
    vertical-align: top;
}

.form-field-error {
    color: #CE453E;
    display: block;
}

.form-field-help,
.form-field-info {
    font-size: 0.9em;
    display: block;
    color: #696969;
    font-style: italic;
    font-weight: 500;
    font-size: 12px;
    line-height: 13px;
    margin: 3px 0 0 0;
}


.form-field-help .fas,
.form-field-info .fas {
    color: #19bd9b;
    font-size: 13px;
    margin-right: 5px;
}

label .lang-flag {
    display: none;
}

.autogrow {
    resize: none;
    min-height: 50px;
    height: 50px;
    padding: 5px;
    overflow: hidden;
    box-sizing: border-box;
}


/* LOGIN */

#login-form-container {
    background: #2e2c38;
    padding: 30px 50px;
    box-sizing: border-box;
}

#login-logo-container {
    background: #fff;
    padding: 20px 50px;
}

#login-form-container label {
    text-align: left;
    font-weight: normal;
    padding: 8px 0 0 0;
    color: #d2d2d2;
}


#login-form-container form {
    display: inline-block;
    padding: 0;
    width: 100%;
}

#login-form-container input:not([type=submit]) {
    border: none;
    padding: 9px;
    background: #fff;
    border-radius: 1px;
}

#login-submit,
#login-form-container .btn,
#login-form-container .btn:hover {
    color: #19bd9b;
    text-decoration: none;
    padding: 11px 16px 10px 16px;
    box-sizing: border-box;
    background: transparent;
}

#login-form-container .message-info {
    background-color: #4e4c58;
    color: #fff;
}

#login-form-container .btn-alternate,
#login-form-container .btn-alternate:hover {
    color: #19bd9b;
    background: transparent;
}


#login-submit {
    width: 184px;
}


#login-form-container label {
    display: inline-block;
    width: 120px;
    min-width: 120px;
    float: left;
}

#login-form-container input:not([type=submit]) {
    width: 270px;
}

.login-logo {
    width: 100%;
    height: 46px;
    background: transparent url(../images/layout/logo-header.png) no-repeat center center;
    background-size: contain;
}


#user-recovery-password-submit {
    float: right;
}

#user-box {
    width: 100%;
    background: #e7770b;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

#user-box-avatar {
    width: 36px;
    height: 36px;
    padding-right: 20px;
    flex-grow: 0;
    font-size: 36px;
}

#user-box-username {
    flex-grow: 1;
}

#user-box-username a,
#user-box-username a:hover {
    color: #fff;
    text-decoration: none;
}

#login-form-container .form-submit {
    padding: 0px;
}


/* MENU */

#menu-top-mobile {
    /* padding: 0 20px 20px 20px; */
    background-color: #fff;
    display: none;
    position: absolute;
    z-index: 20;
    right: 10px;
    top: 20px;
    width: 60%;
    ;
    /* float: right; */
}

.slicknav_btn {
    width: 100% !important;
    border: none !important;
    background: #eaeaea url(../images/layout/espand-icon.png) no-repeat 98% center !important;
    padding: 10px !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0px !important;
}

.slicknav_menu {
    background: transparent !important;
    padding: 0px !important;
    font-size: 14pt !important;
}

.slicknav_menu .slicknav_menutxt {
    color: #707173 !important;
    text-shadow: none !important;
}

.slicknav_menu .slicknav_icon {
    display: none !important;
}

.slicknav_nav a {
    padding: 10px !important;
    margin: 1px 0 0 0 !important;
    background-color: #2e83ba;
}

.slicknav_nav a a {
    padding: 10px !important;
    margin: 0 !important;
}

.slicknav_nav a:hover {
    border-radius: 0px !important;
    background-color: #4293c8 !important;
    color: #fff !important;
}

.user-menu-container {
    float: right;
    display: inline-block;
    margin: 0px;
}

.user-menu-container a {
    color: #575757;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
    display: block;
}

.user-menu-container a .fas {
    display: block;
    font-size: 24px;
    color: #19bd9b;
}

.user-menu-container a#menu-account .fas,
.user-menu-container a#menu-users .fas {
    font-size: 22px;
}


#menu-top_menu {
    margin: 0;
    padding: 0;
    display: flex;
    margin: 0px auto;
    align-items: center;
}

#menu-top_menu li {
    padding: 0 12px;
    vertical-align: bottom;
    height: 50px;
    width: 100px
}

#menu-top_menu .fas,
#menu-top_menu .fa {
    margin-bottom: 5px;
}

#menu-top_menu a {
    padding: 0px;
    padding-top: 5px;
    line-height: 12px;
}

#menu-top_menu a:hover {
    opacity: 0.5;
}

.menu li {
    list-style-type: none;
    float: left;
    padding: 0px;
    margin: 0px;
}

.slicknav_nav .fas {
    display: none;
}

.group-name {
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}

.groups-box {
    margin: 10px;
}

.order-title {
    background: whitesmoke;
    padding: 8px;
    font-weight: bold;
    text-transform: uppercase;
}

#page-header-actions .btn,
.group-row .btn {
    background-color: transparent;
    color: #19bd9b;
    margin-left: 0px;
    padding: 5px 10px;
    line-height: 16px;
    position: relative;
    top: -1px;
}

td.hidden-td {
    text-align: right;
    width: 4%;
    border: none;
    background: #ffffff;
    vertical-align: middle;
}

i.fa.fa-exclamation-triangle {
    color: #FFC107;
}

legend .btn,
.btn-small {
    background-color: transparent;
    margin-left: 10px;
    padding: 4px 10px;
    font-size: 14px;
    line-height: 14px;
    text-transform: none;

}

legend .btn {
    color: #212638;
    border-color: #212638;
    top: 8px;
    position: relative;
    float: right;
}

legend .view-actions {
    display: inline-block;
    float: right;
    padding: 4px 0px 4px 10px;
    position: relative;
    top: 8px;
}

legend .view-actions {
    line-height: 1px;
}

legend .view-actions .flag-icon {
    margin-left: 5px;
    border: 1px solid #fff;
}

legend .btn:hover {
    background: #212638;
}

/* TABELLE */

thead tr {
    border: none;
}

tr {
    background: #fdfdfd;
}

tr:hover {
    background: #e6e6e6;
}

form {}

th,
td {
    border-top: none;
    font-size: 14px;
    padding: 8px 6px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #e6e6e6;
}

.invoice-totals {
    width: 40%;
    float: right;
    margin-top: 50px;
    font-size: 16px;
}

.invoice-totals .column-container {
    padding-bottom: 5px;
}

th {
    vertical-align: bottom;
}

thead th,
.filters-row td {
    border: none;
}

tr.table-footer {
    background: #212638;
    color: white;
    font-weight: bold;
    height: 10px;
}

.table-footer td {
    border-color: #464646;
}

thead th {
    vertical-align: middle;
}

th {
    background-color: #69d4be;
    color: #383c4c;
    font-size: 13px;
    font-weight: 600;
}

.rebate-box {
    margin-top: 10px;
    padding: 8px;
    border: 1px solid;
}

.rebate-box.active {
    border-color: green;
    color: green;
}

.fa-times {
    cursor: pointer;
}



a .fa-times {
    color: #5d5d5d;
}

.highlight {
    background: #fff27c;
}

.rebate-box.passive {
    border-color: red;
    color: red;
}

th a,
th a:hover {
    color: #383c4c;
    text-decoration: none;
    position: relative;
    display: block;
}


/* TABELLE LISTE */
.table {
    background-color: transparent;
    border-spacing: 0;
    max-width: 99.99%;
    font-size: 1em;
    width: 99.99%;

}

th.global-selector{
    width: 20px;
}

.table-admin {
    border: none;
}

.table-admin a.btn,
.filters-row .btn {
    font-size: 12px;
    padding: 3px 6px;
    line-height: 14px;
    background-color: transparent;
    color: #383c4c;

    border-color: #383c4c;
}


.table-admin th a.btn {
    /*color: #5a5863;*/
}


.filters-row td {
    background: #cecece;
}


.table-admin .filters-last-column {
    width: 1%;
    min-width: 1%;
    max-width: 1%;
    text-align: center;
}


.table-admin .last-column {
    text-align: right;
}


.filters-row input,
.filters-row select {
    font-size: 12px;
    padding: 3px;
    height: 25px;

}

td.td-action,
td.td-identifier {
    width: 22px;
    text-align: center;
    vertical-align: middle;
}

.table-admin th .icon-sort {
    margin-left: 5px;
    right: 0px;
}

.table-admin th .fa-sort-up {}

/* paginazione */

.pagination {
    text-align: center;
    margin-top: 10px;
}

.invoice-status-box {
    color: #777777;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    margin: 10px 0;
    border: 1px solid #777777;
    padding: 6px 13px;
    /*width: 200px;*/
    text-align: center;
}

.invoice-status-box.presented {
    color: #4caf5a;
    border-color: #4caf5a;
}

.invoice-status-box.preparing {
    color: #ffc107;
    border-color: #ffc107;
}

.invoice-status-box.closed {
    color: #F44336;
    border-color: #F44336;

}

.invoice-status-box.paid,
.invoice-status-box.accepted {
    color: #4caf5a;
    border-color: #4caf5a;
}

.invoice-status-box.not_paid,
.invoice-status-box.declined {
    color: #F44336;
    border-color: #F44336;
}

.invoice-status-box.partially_paid,
.invoice-status-box.sent {
    color: #ffc107;
    border-color: #ffc107;
}

.fa-file-pdf::after {
    background: red;
    width: 30px;
    height: 30px;
}

#column-left.short_menu {
    width: 130px;
    min-width: 130px;
}

.fa.partially_paid,
.fa.waiting,
.fa.sent {
    color: #ffc107;
}

.fa.not_paid,
.fa.declined {
    color: #F44336;
}

.fa.paid,
.fa.accepted {
    color: #4caf5a;
}

.pagination ul {
    margin: 0px;
}

.pagination li {
    display: inline-block;
    list-style-type: none;
    padding-right: 5px;
}

.pagination a {
    padding: 4px 8px;
    text-decoration: none;
    border: 1px solid #ddd;
}

li.pagination-active {
    padding: 4px 10px;
    font-weight: bold;
}

.pagination-pager {
    text-align: right;
    width: 20%;
    float: right;
}

.pagination-links {
    text-align: center;
    width: 80%;
    float: left;
    margin-bottom: 0px;
}

.secondary-title {
    display: block;
    font-weight: 700;
    border-bottom: 1px solid #d8d9dc;
    margin-bottom: 10px;
}

.communication-add-row {
    margin-top: 5px;
}

.clean-list {
    margin-bottom: 30px;
}

.with-checkbox {
    list-style-type: none;
    margin-bottom: 10px;
}

#main .person-box td {
    background: white;
}

.with-checkbox .form-field-help {
    margin-left: 22px;
}

.enabled {
    color: #2ca769;
}

.disabled {
    color: #5d5d5d;
}

#template-edit .template-vars {
    display: block;
    margin: 10px 0;
    clear: both;
    float: none;
}

#template-edit label .lang-flag {
    margin-left: 5px;
}

#template-edit label {
    float: none;
    clear: both;
}

#template-edit .label-textarea,
.form-fieldset-int label.lb-100 {
    float: none;
    clear: both;
    width: 100%;
}

.form-fieldset-int label.lb-50 {
    width: 50%;
}

.form-field {
    margin-bottom: 20px;
}

.editor-mini-container {
    margin-left: 170px;
    display: block;
    width: 50%;
    position: relative;
    top: -10px;
}

.iblock {
    display: inline-block;
}

.logo-header {
    width: 100px;
    float: left;
}


.translate-input {
    width: 50%;
}

#column-left h2 {
    font-size: 18px;
    text-align: center;
    background: #383c4c;
    border-top: 66px solid #2d303e;
    font-weight: normal;
    line-height: 40px;
    text-transform: uppercase;
}

#column-left .menu {
    margin: 20px 0 0 0;
    display: inline-block;
    width: 100%;
    padding: 0 0 20px 0;
}

#column-left .menu li {
    padding: 0;
    margin: 0;
    width: 100%;
}

#column-left .menu li a {
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase;
    color: #ffffff;
    padding: 10px 5px 10px 20px;
    width: 100%;
    height: 44px;
    vertical-align: middle;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

#column-left .menu li a .fas {
    font-size: 16px;
}

#column-left .menu .menu-icon {
    min-width: 24px;
    text-align: center;
    margin-right: 5px;
}

#column-left .menu li:hover a #column-left .menu li.selected a {
    color: #19bd9b;
}

#column-left .menu li.selected a {
    background-color: #2d303e;
}


#main .form-field {
    display: flex;
    flex-flow: column;
}


#main .form-field.column-container {
    flex-flow: column;
}

.footer-center {
    text-align: center;
    font-size: 23px;
}

.footer-little-text {
    font-size: 11px;
    display: block;
}

td a {
    color: #5d5d5d;
}

input,
textarea,
select,
.chosen-container-single .chosen-single {
    outline: none;
    border: none;
    border: 1px solid #d8d9dc;
    font-size: 16px;
    color: #464646;
    font-weight: normal;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #696969;
}

select {
    padding-bottom: 4px;
}

.column-container {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;

}

.names {
    text-transform: capitalize;
}

.view-field {
    margin-bottom: 20px;
}

.view-row {
    display: flex;
    font-size: 14px;
    border-bottom: 1px solid #e6e6e6;
    align-items: center;
}

.view-row.atop {
    align-items: flex-start;
}

.view-row.b {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.view-row.nob {
    border: 0px;
}

.view-row.b:first-child {
    border-top: 1px solid #e6e6e6;
}

.view-label,
.view-content,
.view-actions {
    padding: 8px 10px;
}

.view-row.nop .view-label {
    padding-left: 0px;
}

.view-row.nop .view-content {
    padding-right: 0px;
}

.view-content.nop {
    padding-left: 0px;
}


.view-label,
.view-label-mini {
    font-weight: 700;
}

.view-label {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
}

.view-label.long {
    width: 158px;
    max-width: 158px;
    min-width: 158px;
}

.view-label-mini {
    display: inline-block;
    margin-right: 10px;
    color: #999999;
}

.view-content {
    flex-grow: 1;
}

.view-actions {
    text-align: right;
}

.view-row .fa {
    min-width: 14px;
    margin-right: 5px;
}

.view-row .fa:last-child {
    margin-right: 0px;
}

.view-row .view-actions {
    min-width: 50px;
}

.view-icon {
    margin-left: 5px;
    font-size: 16px;
    vertical-align: middle;
}

#view-customer-notes .fa {
    font-size: 32px;
    margin-top: 5px;
    opacity: 0.3;
}

#view-customer-notes {
    align-items: flex-start;
}

#view-customer-notes .view-label {
    min-width: 42px;
    width: 42px;
    text-align: center;
    padding-right: 0px;
}

.view-icons {}

/*
.view-label
{

}*/

/*
    border-top: none;
    font-size: 14px;
    padding: 8px 10px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #e6e6e6;*/


.view-field label {
    display: inline-block;
}

.ui-dialog {
    border-radius: 0;
    padding: 0;
    border: none;
}

.ui-button,
.ui-button-text {
    outline: none;
}

.ui-dialog-titlebar {
    border: none;
    border-radius: 0;
    background: #212638;
    color: white;
}

.products-container {
    padding-left: 50px;
}

.group-row {
    box-sizing: border-box;
    padding: 10px 6px 6px 6px;
    padding-left: 30px;
    text-transform: uppercase;
    align-items: center;
    margin-top: 25px;
}

.group-row:first-child {
    margin-top: 0px;
}

.companies-bar {
    margin-top: 15px;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.companies-bar a {
    display: inline-grid;
    color: white;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 10px
}

.products-table th,
.nobg-table th {
    background: white;
    font-size: 13px;
    border: none;
    padding-bottom: 1px;
    color: #5a5863;
}

.products-table tr.selected {
    background: yellow;
}

.remove-btn,
.edit-btn {
    cursor: pointer;
}

.remove-btn {
    color: #CE453E;
}

.action-col {
    align-self: center;
}

.btn-row {
    display: flex;
}

.btn {
    text-transform: none;
}

.center-elements {
    align-items: center;
}

.toggle-macro {
    cursor: pointer;
}

.btn-row .btn,
.btn-row .remove-btn {
    margin-left: auto;
}

.col {
    box-sizing: border-box;
    margin: 0px;
    width: 100%;
}

.col-p {
    padding-right: 15px;
}

.col-pl {
    padding-left: 15px;
}

.col-p7 {
    padding-right: 7px;
}

.col-pl7 {
    padding-left: 7px;
}

#main .right-label {
    flex-flow: row;

}

#main .flex-field {
    display: flex;
    flex-flow: row;

}

.chosen-container-single .chosen-drop {
    border-radius: 0;
}

.body-row {
    margin-top: 10px;
}

.chosen-container-single .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single {
    border-radius: 0;
    background: none;
    box-shadow: none;
    height: inherit;
    padding: 2px;
}

.col-1 {
    width: 100%;
}

.nomargin {
    margin: 0 !important;
}

.column-container-m {
    border-bottom: 1px solid #f1f2f6;
}

.column-container-grow {
    height: 100%;
}

#customer-col2,
#customer-col2 .form-fieldset-int,
#customer-col2 th,
#customer-col2 td {
    background-color: #f1f2f6;
}

#customer-col2 td {
    border: 1px solid #d2d2d2;
}

#customer-col2 tr:hover td {
    background-color: #d2d2d2;
}

.view-row.b:hover {
    background: #e6e6e6;
}

.brands-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.active {
    color: #19bd9b;
}

.blocked {
    color: #CE453E;
}

.form-fieldset legend.blocked {
    background-color: #CE453E;
    color: #fff;
}

.view-box .form-field {
    flex-direction: row !important;
}

.brand-box img {
    max-height: 150px;
    max-width: 150px;
    margin: 0px auto;
}

.brand-box .fa {
    font-size: 50px;
    margin: 0px auto;
}

.brand-image {
    height: 150px;
    text-align: center;
    display: flex;
    align-items: center;
}

.brand-image.empty {
    background-color: #f1f2f6;
    border-radius: 2px;
    color: rgba(93, 93, 93, 0.5);
}

.brand-box {
    margin-right: 40px;
    width: 150px;
    height: 100%;
}

.brand-box p {
    margin-top: 15px;
    font-weight: bold;
    text-align: center;
}


.separator-box {
    padding-left: 10px;
    /*border-left: 5px solid #19bd9b;*/
    margin-bottom: 20px;
    padding-bottom: 10px;
}


.separator-box:first-child {
    margin-top: 20px;
}

.separator-box:last-child {
    margin-bottom: 0px;
}

.mobile {
    display: none;
}

.nomobile {
    display: none;
}

.slicknav_btn {
    width: 100% !important;
    border: none !important;
    background: #f1f2f6 url(../images/layout/espand-icon.png) no-repeat 98% center !important;
    padding: 10px !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0px !important;
}

.slicknav_menu {
    background: transparent !important;
    padding: 0px !important;
    font-size: 14pt !important;
}

.slicknav_menu .slicknav_menutxt {
    color: #707173 !important;
    text-shadow: none !important;
}

.slicknav_menu .slicknav_icon {
    display: none !important;
}

.slicknav_nav a {
    padding: 10px !important;
    margin: 1px 0 0 0 !important;
    background-color: #383c4c;
}

.slicknav_nav a a {
    padding: 10px !important;
    margin: 0 !important;
}

.slicknav_nav a:hover {
    border-radius: 0px !important;
    background-color: #69d4be !important;
    color: #5a5863 !important;
}

.search-product {
    margin-left: 5px;
}

.card {
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.card-mid {
    width: 50%;
}

.card-header {
    padding-bottom: 5px;
    display: flex;
}

.card-header h3 {
    font-weight: bold;
    font-size: 16px;
    flex-grow: 1;
    vertical-align: center;
}

.card-actions {
    text-align: right;
}

.view-actions .fa,
.card-actions .fa {
    min-width: 16px;
}

.card-contents {}

.card-contents .view-row {
    border-bottom: none;
    padding-top: 5px;
}


.card-contents {
    flex-grow: 1;
}

.card-footer {
    padding-top: 10px;
    vertical-align: bottom;
}

tr.expand-row {
    background: #91e4d3b3;
}

.deletebox {
    display: none;
}

.card-footer .fa {
    margin-right: 10px;
}

.preline {
    white-space: pre-line;
}

.chosen-container .chosen-results {

    max-height: 150px !important;

}

.space-between {
    display: flex;
    justify-content: space-between;
}

#customer-col1 
{
    width: 60%;
}

#page-header-actions a.btn:not(:last-child),
#page-header-actions span.btn:not(:last-child) {
    margin-right: 10px;
}

tr.table-foot th {
    background: #383c4c;
    height: 8px;
    padding: 5px 10px;
    color: white;
    border: 1px solid grey;
}

#customer-col2 {
    width: 50%;
}

.person-box td {
    vertical-align: middle;
}

.left-menu-mobile-btn {
    background: url(../images/layout/espand-icon.png) no-repeat 0% center !important;
    width: 50px;
    height: 50px;
    display: none;
}

@media(max-width:1280px) and (min-width: 1025px) {
    #customer-view {
        flex-direction: column;
    }

    #customer-col1 {
        width: 100%;
    }

    #customer-col2 {
        width: 100%;
    }

    div#providers-box .column-container {
        flex-direction: column;
    }

    div#providers-box .col {
        width: 100% !important;
    }
}

@media(max-width:1024px) {
    .no-mobile {
        display: none;
    }

    .mobile {
        display: block;
    }

    #menu-top-mobile {
        display: inline-block;
    }

    table {
        display: block;
        overflow-y: auto;
    }

    .col-pl {
        padding-left: 0;
    }

    .col-p {
        padding: 0;
    }

    .products-container {
        padding-left: 0px;
    }

    h1 {
        font-size: 18px;
    }

    .left-menu-mobile-btn {
        display: block;
    }

    #customer-col1 {
        width: 100%;
    }

    #customer-col2 {
        width: 100%;
    }

    .close-left-menu {
        display: block;
        background: #2c303e;
        padding: 10px;
        text-align: center;
        font-size: 1.1rem;
        cursor: pointer;
    }

    #column-left h2 {
        border-top: none;
    }

    .short-field,
    .medium-field,
    .long-field,
    .verylong-field,
    .veryshort-field {
        width: 100%;
    }
}

@media (max-width:1300px) {
    #menu-top_menu li {
        padding: 0 6px;
        width: 90px;
    }

    header {
        padding-bottom: 14px;
    }
}

@media (min-width: 1025px) {

    .form-field-help:not(.block),
    .form-field-info:not(.block) {
        display: inline-block;
        margin-left: 10px;
        max-width: 500px;
        vertical-align: top;
    }

    .form-field-help.textarea-help,
    .form-field-info.textarea-help {
        max-width: 250px;
    }

    .invoice_number {
        min-width: 30px;
    }

    #column-left {
        width: 270px;
        min-width: 270px;
        max-width: 270px;
        flex-grow: 0;
        position: static;
        display: block;
    }

    .column-container {
        flex-direction: row;
    }

    #main .form-field.column-container {
        flex-flow: column;
        flex-direction: row;
    }


    .col col-2,
    .col-2 {
        width: 50%;
    }

    .col-3 {
        width: 33.333%;
    }

    .col-4 {
        width: 25%;
    }

    .col-40 {
        width: 40%;
    }

    .col-5 {
        width: 20%;
    }

    .col-60 {
        width: 60%;
    }

    .col-66 {
        width: 66.66%;
    }

    .col-75 {
        width: 75%;
    }

    .col-30 {
        width: 30%;
    }

    .col-40 {
        width: 40%;
    }

    .col-m {
        border-right: 1px solid #f1f2f6;
    }

    .col-m:last-child {
        border-right-width: 0px;
    }

    .nomobile-i {
        display: inline-block;
    }

    .nomobile-b {
        display: block;
    }

    .nomobile-f {
        display: flex;
    }
}


@media (min-width: 1600px) {

    .form-field-help:not(.block),
    .form-field-info:not(.block) {
        max-width: 750px;
    }

    .form-field-help.textarea-help,
    .form-field-info.textarea-help {
        max-width: 400px;
    }
}


@media (min-width: 1700px) {

    .form-field-help:not(.block),
    .form-field-info:not(.block) {
        max-width: 850px;
    }

    .form-field-help.textarea-help,
    .form-field-info.textarea-help {
        max-width: 450px;
    }
}

.cloned {
    padding-right: 15px;
}

.fastsearch-box input {
    border: 2px solid #69d4be;
    border-bottom: none;
}

.logo-box {
    display: flex;
    width: 100px;
    height: 100px;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    background: #ffffff0a;
}

a.year_selected {
    width: 100%;
    background: #00897b;
}

.logo-box img {
    width: 100px;
    max-width: 100px;
    max-height: 100px;
}

.total-box {
    font-size: 23px;
    border: 2px solid grey;
    text-align: center;
    /* color: green; */
}

.total-box.active {
    color: #4caf5a;
    border-color: #4caf5a;
}

.total-box.passive {
    color: #F44336;
    border-color: #F44336;

}

.td-status-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70%;
    margin: 0 auto;
}

.td-status-box.invoice {
    width: 100%;
}

.td-status-box i {
    width: 20px;
}

.td-status-box span {
    flex-grow: 1;
}

.macro-box {
    padding-bottom: 50px;
    overflow: initial !important;
}

.toggle-macro {
    margin-right: 1px;
}

.vm-align {
    vertical-align: middle;
}

.hidden {
    display: none;
}


#user-recovery-password .message {
    margin-bottom: 30px;
}

#invoice_num {
    display: inline-block;
    height: 30px;
    box-sizing: border-box;
    padding-top: 7px;
}

#new_product_chosen {
    margin-right: 5px;
}


.invoice-product-row .amount_total,
.invoice-product-row .amount,
.invoice-product-row .tax {
    padding-top: 10px;
    font-size: 16px;
}

.invoice-product-row .delete-product {
    padding-top: 15px;
}

.invoice-product-row .hide-price {
    padding-top: 13px;
}

#accountancy-link-all {
    text-align: center;
    padding: 15px 0px;
    display: block;
    font-size: 15px;
    line-height: 16px;
    text-decoration: none;
    text-transform: uppercase;
}

#accountancy-link-all .fa {
    margin-right: 5px;
}

label .flag-icon {
    margin-left: 5px;
}

#template-edit .form-field {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

#template-edit .editor-mini-container {
    top: 0px;
    margin-left: 0px;
}

.communication-add-row .remove-row,
.dest-row .view-actions {
    font-size: 15px;
}

.weekend {
    background: #68bdee;
}

.btn-quotation_order-invoice {
    color: #212638;
    border-color: #212638;
    float: right;
}

.btn-quotation_order-invoice:hover {
    border-color: #19bd9b;
}

.box-indent {
    padding-left: 50px;
    margin-bottom: 30px;
}

#quotation-decline_description {
    color: #5d5d5d;
    text-transform: none;
    font-weight: normal;
    text-align: left;
    margin-top: 10px;
}

.amounts {
    display: inline-block;
    width: 250px;
    text-align: right;
}

.ui-autocomplete {
    z-index: 300;
}

.rebate-row {
    display: inline;
}

.rebate-row:hover {
    display: block;
}

.rebate-row:hover .fa {
    display: none;
}

.rebate-row:hover span {
    display: inline;
}

#dash-loader-msg
{
    margin: 0px auto;
    padding: 10pt;
    display: flex;
    justify-content: space-between;
    width: 175pt;
    align-items: center;
}

#dash-loader-msg i
{
    font-size: 25px;
}

.dash-box {
    background: #ececec;
    margin: 20px;
    min-width: 250px;
    /* padding: 18px; */
}

.dash-item {
    font-size: 1.4rem;
}

.dash-icon {
    font-size: 1.5rem;
    color: #19bd9b;
}

.dash-desc {
    font-weight: bold;
    padding: 0;
    font-size: 15px;
    margin-top: -7px;
    color: #19bd9b;
}

.dash-action {
    cursor: pointer;
    color: white;
}

.dash-box h2 {
    background: #19bd9b;
    color: white;
    display: flex;
    padding: 9px;
    font-size: 17px;
    align-items: baseline;
    justify-content: space-between;
}

.dash-content {
    padding: 16px;
}

.dash-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.monoline {
    white-space: nowrap;
}

.note-active {
    color: red;
}

.note-overflow {

    max-height: 250px;
    overflow-y: auto;

}

.summed {
    background: yellow;
    color: black;
}

.table-footer td.summed {
    color: black;
}

.reset-sum {
    display: none;
}

.sum-result {
    display: none;
}

.mass-actions-list {
    margin-top: 20px;
}

.tool-row .icon {
    font-size: 18px;
    color: #69d4be;
    margin: 0 3px;
}

.tool-row {
    padding: 4px;
    background: #f4f4f4;
    margin: 2px;
}

.tool-row .action-box .fa {
    margin-left: 5px;
}

img.worker-picture {
    max-width: 150px;
    max-height: 150px;
    display: block;
    margin: auto;
    background: grey;
}

.right-inputs input {
    text-align: right;
}

.row.expired {
    background: #d84040;
    color: white;
}

.row.notSelectable {
   opacity: 0.6;
    color:#666;
    cursor: not-allowed;
}

.dash-caret {
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 2rem;
    cursor: pointer;
    color: #5d5d7c;
}

.scroller {
    background: #69d4be;
    padding: 5px;
    font-size: 2rem;
    color: white;
    min-width: 32px;
    cursor: pointer;
    text-align: center;
    opacity: 0.7;
    border-radius: 100px;
}

.scroller:hover {
    background: #3f907f;
}

.sepa10 {
    clear: both;
    height: 10px
}

.box_search {
    background: #cecece;
    margin: auto;
    width: 400px;
    padding: 20px
}

.single_advance_amount{
    background: none;
    border:none;

}

.single_advance_amount.changed{
    background: #fff;
    border:inherit;
    font-weight: bold;

}

.single_advance_amount.db{
    background: none;
    border:none;
    font-weight: bold;

}
#invoices table td{
    word-break: break-word;
    line-height: 1.2rem !important;
}
#invoices table td p{
    line-height: 1.2rem !important;
}

.table-admin input[type=checkbox]
{
    transform: scale(1.3);
}

.companies-list-dropdown
{
    display: flex;
    margin: 0px;
    width: 50%;
    flex-wrap: wrap;
    list-style-type: circle;
}

.companies-list-dropdown li
{
    width: 23%
}

.view-row .companies-list-dropdown
{
    width: 100%;
    justify-content: unset;
}

.view-row .companies-list-dropdown li
{
    width: 40%;
}

.reside-not-deducted-amount
{
    border: 1px solid red;
    margin-top: 60px;
    width: 90%;
    font-size: 14pt;
    padding: 5pt;
    text-align: center;
}

.reside-not-deducted-amount strong
{
    font-size: 20pt;
}

.product-desc {
    margin: 5pt 0;
}

.products-table tr:hover, .invoice-product-row:hover {
    background: initial;
}

.product-data-row .col input {
    width: 90%;
}

.product-data-row{
    padding: 5pt;
    margin: 3pt 0;
    justify-content: space-between;
}

.product-data {
    margin: 5pt 0;
    background: #f7f4f4;
    padding: 5pt;
}

.help_tooltip{
    display: inline-block !important;
    background: #19bd9b;
    border-radius: 0px;
    padding: 5px;
    color: white !important;
    font-weight: normal;
}

input#filter-xml_export, input#filter-sdi_pdf_export{
    margin: 0 auto;
    position: relative;
    display: block;
}