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


.mobile {
    display: none;
}

* {
    outline-color: #f1882c;
}

.nomobile {
    display: none;
}

.td-action {
    width: 12px;

}

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

.rebate-box.active {
    border-color: #4caf50;
    color: #4caf50;
}

.rebate-row {
    display: inline;
}

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

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

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

.note-active {
    color: #d54a4a;
}

.highlight {
    background: #fff27c;
}

td .fa-times,
td .fa-eye,
td .fa-send {
    color: #4a4a4a;
    cursor: pointer;
}

tr.table-footer td {
    height: 10px;
    /* font-size: 9px; */
    padding: 3px 10px;
}

tr.table-footer {
    background: #131313 !important;
    color: white !important;
}

/* 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;
}

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;
    width: 100%;
}

th.plus-box {
    width: 20px;
    background: #da570b;
}

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

input,
select {
    vertical-align: middle;
}

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

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


/* BASE
----------------------------------*/
html,
body {
    width: 100%;
    position: relative;
    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;
    color: #797979;
}

h4 {
    font-size: 15px;
}

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

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

p {
    margin: 0 0 9px;
    line-height: 1.5em;
}

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;
}

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;
}

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

.right {
    float: right;
}

.left {
    float: left;
}

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

.disabled-element {
    color: #999999;
}

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

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

a {
    color: #f1882c;
}

a:hover {
    color: #818285;
    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: 20px 40px;
    background: #fff;
}

footer {
    margin: 0px;
    padding: 20px 40px;
    border-top: 1px solid #e5e5e5;
    background: #eaeaea;
}


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

.logo-header {
    width: 200px;
    height: 46px;
    background: transparent url(../images/layout/logo-originaltour.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;
}

#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: #ff7800;
    margin: 0px;
    background: #131313;
    padding: 10px;
    display: flex;
    min-height: 64px;
    box-sizing: border-box;
    margin-bottom: 10px;
    height: 35px;
    align-items: center;
}

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

.pointer {
    cursor: pointer;
}

#page-header-actions {
    text-align: right;
}

.empty-val {
    font-size: 0.7rem;
    color: #cacaca;
}

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


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


#column-left {
    width: 270px;
    min-width: 270px;
    max-width: 270px;
    padding: 0;
    background: #222222;
    color: #fff;
    flex-grow: 0;
}

#main {
    flex-grow: 1;
    padding: 0 20px 20px 10px;
    background: #f8f8f8;
}


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

.btn,
.table-admin a.btn {
    border-radius: 1px;
    background: #2a2a2a;
    color: #fff;
    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;
    vertical-align: middle;
    border: none;
}


.btn .fa {
    font-size: 18px;
    float: left;
    margin: 0 7px 0 0;
}

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

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

.btn:hover {
    cursor: pointer;
    text-decoration: none;
    color: #fff;
}


.btn-icon:hover {
    text-decoration: none;
}

.btn-not-linked,
.btn-not-linked:hover
{
    cursor: default;
    background-color: #afacac!important;
}

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

form {}


input,
select,
textarea,
button {
    font-family: Lato, 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%;
}

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

.chosen-container-active.chosen-with-drop .chosen-single {
    border-color: #ccc;
    border-color: orange;
    outline: 0;
    outline: thin dotted \9;
    -moz-box-shadow: 0 0 8px orange;
    box-shadow: 0 0 8px orange
}

.active-result.highlighted {
    background: orange;
}

option {
    padding: 0px 5px;
}

input:focus,
textarea:focus,
select:focus {}

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 {
    display: block;
    padding-bottom: 3px;
    font-weight: 600;
}

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

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


.form-fieldset {
    background-color: #f7fbfc;
    border: 1px solid #f2f3f5;
    padding: 15px;
    margin-bottom: 10px;
    background: #fff;

}

.form-fieldset legend {
    color: #2e2c38;
    text-transform: uppercase;
    border-bottom: 1px solid #f1882c;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    padding: 0 0 5px 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    top: 0px;
    align-items: center;
    height: 30px;
}

.legend {
    color: #2e2c38;
    text-transform: uppercase;
    border-bottom: 1px solid #f1882c;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    padding: 0 0 5px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}
.form-fieldset legend a {
    text-decoration: none;
}

.form-fieldset .form-fieldset-int {
    padding: 20px 0 0 0;
    clear: both;
    width: 100%;
}

.form-fieldset-int label {
    vertical-align: top;
    color: #5a5863;
    font-weight: 700;
    width: 170px;
    display: table-cell;
    float: left;
}

.form-fieldset-int .field-text {
    vertical-align: top;
    display: table-cell;
}


.form-fieldset-int .form-field-error,
.form-field-help,
.form-field-info {
    margin-left: 170px;
}

.nomargin-errors .form-field-error {
    margin-left: 0 !important;
}

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

.message-error {
    background-color: #CE453E;
    color: #FFFFFF;
}

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

.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-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: #ff7800;
    font-style: italic;
    font-weight: 500;
    font-size: 12px;
    line-height: 13px;
    margin: 3px 0 0 0;
}


.form-field-help .fa,
.form-field-info .fa {
    color: #ff7800;
    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;
}

.td-number {
    text-align: right;
    min-width: 70px;
}

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


/* 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: #fff;
    text-decoration: none;
    padding: 11px 16px 10px 16px;
    box-sizing: border-box;
}

#login-form-container .btn-alternate,
#login-form-container .btn-alternate:hover {
    color: #5d5d5d;
}


#login-submit {
    width: 184px;
}


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

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

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


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

#user-box {
    width: 100%;
    background: #222222;
    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;
}



/* MENU */

#menu-top-mobile {
    padding: 0 20px 20px 20px;
    background-color: #fff;
}

.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;
}

.fa {
    color: #4a4a4a;
}

.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 .fa {
    display: block;
    font-size: 24px;
    color: #ff7800;
}

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


#menu-top_menu {
    margin: 0;
    padding: 0;
    display: table;
    margin: 0px auto;
}

/*
.user-menu-container.nomobile
{
    float: none;
    display: block;
    clear: both;
}

.nomobile #menu-top_menu
{
    display: block;
    width: 100%;   
    margin-top: 70px;
}*/

#menu-top_menu li {
    padding: 0 3px;
    display: table-cell;
    float: none;
    vertical-align: bottom;
    height: 43px;
    width: 98px;
}

#menu-top_menu a {
    padding: 0px;
    font-size: 10px;
}

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

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

.slicknav_nav .fa {
    display: none;
}

#page-header-actions .btn {
    background-color: #ff973c;
    color: #000;
    margin-left: 10px;
}


/* TABELLE */

thead tr {
    border: none;
}

tr {
    background: #fdfdfd;
}

tr:nth-child(2n+2) {
    background: #f1f1f1;
}

th,
td {
    border-top: none;
    font-size: 14px;
    padding: 8px 10px;
    text-align: left;
    vertical-align: middle;
}


thead th {
    vertical-align: middle;
}

th {
    background-color: #ea5e0d;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}

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


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

.table-admin {
    border: 1px solid #e5e5e5;
}

.table-admin a.btn,
.filters-row .btn {
    font-size: 12px;
    padding: 3px 6px;
    line-height: 14px;
    background-color: #ea5e0d;
    color: #fff;
    border: none;
}


.table-admin th a.btn {
    background-color: #f7c9a1;
    color: #5a5863;
}


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


.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 {
    margin-bottom: 3px;
    font-size: 12px;
    padding: 3px;
    height: 25px;
    border: none;
}

.filters-row .between
{
    width: 90%;
}

.filters-row .between:nth-child(1) 
{
    margin-right: 10px;
}

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

.table-admin th .icon-sort {
    position: absolute;
    right: -10px;
}

.table-admin th .fa-sort-up {
    top: 7px;
}

/* paginazione */

.pagination {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin: 10px 0px 10px 0px;
}

.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-links {
    text-align: center;
    width: 80%;
    float: left;
    margin-bottom: 0px;
}

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

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

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

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

.enabled {
    color: #4caf50;
}

.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;
}

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

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

.form-fieldset-int label,
#template-edit .label-textarea {
    width: 170px;
    display: table-cell;
    float: left;
}

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

#template-edit .template-vars {
    margin-left: 170px;
}

.form-fieldset-int .form-field-error {
    margin-left: 170px;
}


.ranges_table .form-field-error,
.services-table .form-field-error,
.participants-table .form-field-error {
    margin: 0;
}

.services-table td {
    vertical-align: middle;
    white-space: nowrap;
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.services-table textarea {
    width: 200px;
}

.iblock {
    display: inline-block;
}

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

#template-edit .multilanguage .template-vars,
.multilanguage .form-fieldset-int .form-field-error,
.multilanguage .editor-mini-container {
    margin-left: 202px;
}


.translate-input {
    width: 50%;
}

.hidden {
    display: none;
}

.expand {
    color: #6d965d;
    cursor: pointer;
}

.form-field-inline {
    display: inline-block;
}

.form-field-inline label {
    width: 80px;
}

.column-container {
    display: flex;
    justify-content: space-between;


}

.invoice-status-box {
    color: #777777;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    margin: 10px 0;
    border: 1px solid #777777;
    padding: 6px;
    /*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;
}

.column {
    padding-right: 10px;
    box-sizing: border-box;
}

.column:last-child {
    padding-right: 0;
}

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

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

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

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

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

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

.monoline {
    white-space: nowrap;
}

.column {
    width: 50%;
}

.form-fieldset-int .form-field-inline:first-child label {
    width: 170px;
}

@media (min-width: 1280px) {

    .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;
    }
}


@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;
    }
}





.remove-range-row {
    cursor: pointer;
}

.plus-icon {
    cursor: pointer;
    font-size: 25px;
}

.btn-delete {
    background: #F44336;
}

.actions-menu ul {
    margin: 0;
}

.actions-menu li {
    background: #2a2a2a;
    float: none;
}

.actions-menu li:hover {
    background: #ffa557;
}

.actions-menu .fa {
    vertical-align: middle;
    margin-right: 30px;
    font-size: 20px;

}

.actions-menu a {
    text-decoration: none;
    color: white;
    display: block;
    padding: 14px 25px;
}

.actions-menu li .selected {
    background: #ea5e0d;
}

.btns-div {
    display: flex;
}

.btns-div .btn {
    margin-left: auto;
}

.actions-menu span.fa {
    width: 18px;

}

.config_cog_link {
    color: white;
    font-size: 24px;
}

.select-nation {
    font-size: 21px;
    vertical-align: middle;
    color: #6f9063;
    cursor: pointer;
}

ul.list {
    margin: 0;
    max-height: 400px;
    overflow-y: scroll;
}

span.listname-box {
    display: inline-block;
    max-width: 300px;
}

.list input[type='checkbox'] {

    float: right;
}

ul.list li {
    list-style: none;
    padding: 6px;
    background: #efefef;
    margin-top: -1px;
    border: 1px solid #ddd;
}

.list-filter {
    outline: none;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}

.short-col {
    width: 200px;
    display: block;
}

.ranges_table input {
    text-align: right;
}

.choose-customer {
    cursor: pointer;
    color: #6d965d;
    margin-left: 20px;
}

.uppercase {
    text-transform: uppercase;
}

.accepted {
    color: #9E9E9E;
}

.confirmation_required {
    color: #FFC107;
}

.confirmed {
    color: #03A9F4;
}

.invoiced {
    color: #4caf50;
}

.service_amount {
    width: 45px;
}

.service-row input,
.service-row textarea,
.participants-table td {
    vertical-align: top;
}

table input,
table select,
table textarea {
    min-width: 80px;
}

table.table-admin input,
table.table-admin select,
table.table-admin textarea {
    min-width: 50px;
}

.ui-sortable tr:not(.no-sort) {
    cursor: move;
}

.confirm-service {
    color: #d54a4a;
    cursor: pointer;
}

.unconfirm-service {
    color: #4caf50;
    /*cursor: pointer;*/
}

.body-row {
    padding: 8px;
    min-height: 200px;
    margin-top: 20px;
}

.dash-number {
    font-size: 3rem;
    background: #ff881f;
    padding: 13px 20px;
    border-radius: 1px;
    color: white;
}

.icon {
    font-size: 4rem;
    color: lightgray;
}

.dash-title {
    justify-content: space-between;
    display: flex;
    text-transform: uppercase;
    align-items: center;
}

.check-label {
    display: inline-block !important;
    float: none !important;

}

.fa-info-circle {
    color: #ea5e0d;
    font-size: 18px;
    vertical-align: middle
}

.end-row td {
    background: #222;
    font-weight: bold;
    color: white;
    line-height: 8px;
    white-space: nowrap;
}

.cross-add {
    background: #ea5e0d;
    padding: 7px;
    color: white;
    cursor: pointer;
    margin-left: 10px;
}


.dash-box .form-fieldset-int p {
    display: flex;
    justify-content: space-between;
}

.form-submit {
    margin-bottom: 10px;
}

td .form-field-error {
    margin-left: 0 !important;
}

h3 p {
    font-size: 12px;
    color: #ff7800;
    margin-top: -8px;
}

.dash-box .form-fieldset-int p {
    border-bottom: 1px solid #6767670d;
    padding-bottom: 4px;
}

.dash-box .form-fieldset-int p:last-child {
    border-bottom: none;
}

td p {
    margin: 0;
}

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

.ui-button {
    outline: none;
}

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

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

.ui-dialog .form-field-error {
    margin: 0;

}

.fa-circle.not_paid {
    color: #d54a4a;
}

.fa-circle.paid {
    color: #6d965d;
}

.fa-circle.partially_paid {
    color: #ffeb3b;
}


.row {
    display: flex;
    box-sizing: border-box;

}

.col-2 {
    width: 50%;
}

.col-3 {
    width: 33.333%;
}

.col-4 {
    width: 25%;
}

.col {
    flex-grow: 2;
}

.btn-small,
.legend .btn
{
    padding: 5px 10px;
    font-size: 12px;
    text-transform: uppercase;
}

td {
    vertical-align: top;
}

.contact-row {
    display: flex;
    align-items: center;
}

.contact-row div {
    margin: 4px;
}

.contact-row .contact-name {
    font-weight: bold;
    min-width: 120px;
}

.docs_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 10px;
}

.docs_box .fa {
    font-size: 2rem;
}

.doc_box {
    width: 150px;
    text-align: center;
    margin: 10px;
}

.drop-doc .fa {
    color: #d54a4a;
    font-size: 15px !important;
    cursor: pointer;
}


.airport-block {
    border-bottom: 1px dashed orange;
    margin-bottom: 10px;
}

.airport-block:last-child {
    border-bottom: 0;
}

#edit-airports-modal .nations-list 
{
    max-height: 300px;
}

.nation-name-box 
{
    display: inline-block;
    width: 94%;
}

.nations-list.list li:hover 
{
    background: #ffffff;
}

.nations-list.list li:hover span 
{
    font-weight: bold;
}

.flex-table *:last-child 
{
    text-align: right;
}

.flex-table *:first-child 
{
    text-align: left;
}

.flex-table * 
{
    width: 30%;
    text-align: left;
}

.self-invoices-box,
#passive_movements-without-passive_balance-box,
#edit-passive_movements-without-passive_balance-box
{
    margin-top: 70px;
}

.deadlines .col-3 {
    margin-right: 10px;
}

.mr-10
{
    margin-right: 10px;
}

#passive_movements-without-passive_balance-box,
#edit-passive_movements-without-passive_balance-box
{
    width: 100%;
    overflow-x: visible; 
    max-height: 400px; 
    overflow-y: scroll;
}

#passive_balance-box,
#edit-passive_balance-box
{
    margin-top: 30px;
}