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


/* 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; */
    color: #41474d;
    font-family: Lato, sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    background: #f1f3f8;
    flex-grow: 1;
}


html {
    display: flex;
}


/* SOVRASRITTI BOOTSTRAP
----------------------------------*/
.card{
    /* --ct-card-spacer-y: .5rem;
    --ct-card-spacer-x: .5rem; */

}


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

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

h1 {
    font-size: 30px;
}

h2 {
    /* font-size: 24px; */
    color:#6c757d;
}

h3 {
    font-size: 18px;
}

h4 {
 
}

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: 15px;
    /* 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-center {
    text-align: center;
}

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

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

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

.bc-grid table .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, .btn {
     transition: all .3s ease-in-out;
}

a:hover {
    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; */

    padding: 0 12px;
    background-color: var(--ct-bg-topbar);
    -webkit-box-shadow: var(--ct-box-shadow);
    box-shadow: var(--ct-box-shadow);
    min-height: 70px;
    position: fixed;
    left: 270px;
    top: 0;
    right: 0;
    z-index: 1000;
}

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: 120px;
    height: 38px;    
    margin: 20px auto 20px;
    background: transparent url(../images/layout/logo-header-white.png) no-repeat center center;
    background-size: contain;
    position:relative;
}


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

.products.index #page-header h1 {
    line-height: 45px;
/*     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: #CD3244;
}


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

#column-left {
    padding: 0;
/*     background: #333a45; */
    background: #234361;
    
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    display: none;
    z-index: 2;
}


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


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

.float-left{
    float:left;
}

.float-right{
    float:right;
}

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

*[aria-expanded=true] .fa-chevron-right {
    display: none;
}

*[aria-expanded=false] .fa-chevron-down {
    display: none;
}

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

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

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

.pointer {
    cursor: pointer;
}

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


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

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


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

.chosen-container{
    width:100%!important;
}

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 {
    font-weight: 500;
    /* width: auto;
    display: block;
    color: #5a5863;
    padding: 0 5px 0px 0px;
    font-size: 13px;
    font-weight: 700;
    min-width: 170px; */
}

strong label {
    font-weight: 600;
    margin-right: 5px;
}

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


.ui-dialog .ui-dialog-content{
    font-family: Nunito,sans-serif;
    font-size:15px;
    padding: 20px;
}

.modal-footer{
    border-top:1px solid #dee2e6;
    color:#6c757d;
    padding: 12px;

  
    justify-content: flex-start;
    display: flex;
}

.ui-widget{
    font-family: Lato, sans-serif!important;
    font-size:14px!important;
}

legend {
    color: #09B080;
    text-transform: uppercase;
    /* background-color: rgba(25, 189, 155, 0.65); */
    font-size: 20px;
    font-weight: normal;
    text-align: left;
    line-height: 24px;
    /* padding: 0px 15px; */
    display: block;
    width: 100%;
    box-sizing: border-box;
    float: left;
}

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

.form-fieldset .form-fieldset-int {
    padding: 15px 0;
    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;
    margin-bottom:8px;
    padding: 10px;
    color: #5d5d5d;
}

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

.message-ok {
    background-color: #09B080;
    ;
}

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

.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 */

/* body.authentication-bg  {
	background: linear-gradient(-45deg, #fff4aa, #c9a6c8, #87c0d5, #69d4be);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	height: 100vh;
 
} */

  
  body.authentication-bg  {
    margin:0;
  }
  
  .bg {
    animation:slide 33s ease-in-out infinite alternate;
    background-image: linear-gradient(-60deg, #8691a0 50%, #69d4be 50%);
    bottom:0;
    left:-50%;
    opacity:.5;
    position:fixed;
    right:-50%;
    top:0;
    z-index:-1;
  }
  
  .bg2 {
    animation-direction:alternate-reverse;
    animation-duration:20s;
  }
  
  .bg3 {
    animation-duration:21s;
  }
  

  

  
  @keyframes slide {
    0% {
      transform:translateX(-25%);
    }
    100% {
      transform:translateX(25%);
    }
  }

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


#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: 30px;
    background: transparent url(../images/layout/logo-login.png) no-repeat center center;
    background-size: contain;
}




#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 */


.side-nav .side-nav-link {
    color: var(--ct-menu-item);
    display: block;
    padding: 10px 30px;
    font-size: .9375rem;
    position: relative;
    -webkit-transition: color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;
    transition: color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;
    list-style: none;
}


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


#menu-top_menu .scrollable-menu.show {
    height: auto;
    max-height: 400px;
    overflow-x: hidden;
}

#menu-top_menu .scrollable-menu.show::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;        
}    

#menu-top_menu .scrollable-menu.show::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: lightgray;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.75);        
}


.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 {
    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: #8391a2;
}

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



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

.nav-link{
    position:relative;    
}

.notify{
     /* display: block; */
     margin-top: 13px;
     font-size: 16px;
     /* float: left; */
     margin-left: 8px;
}
.nav-user .account-user-name{
    float: left;
    margin-top: 9px;
}

.nav-user .account-user-name:hover,
.nav-link:hover{
    color:#19bd9ba6;
}



.notify.on{
    color:#F44336;
    animation: ring 1.5s ease 3;
}


@keyframes ring {
    0% {
        transform: rotate(35deg);
    }
    12.5% {
        transform: rotate(-30deg);
    }
    25% {
        transform: rotate(25deg);
    }
    37.5% {
        transform: rotate(-20deg);
    }
    50% {
        transform: rotate(15deg);
    }
    62.5% {
        transform: rotate(-10deg);
    }
    75% {
        transform: rotate(5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.notification-list .noti-icon-badge {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    background-color: #fa5c7c;
}

.slicknav_nav .fas {
    display: none;
}

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

.groups-box {
    margin: 10px;
}

.nav-user{
    color:#6c757d;
}

.order-title {

    padding: 8px;
    font-weight: bold;
    text-transform: uppercase;
}


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

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

}

legend .btn {
    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;
}


/* TABELLE */

thead tr {
    border: none;
}

tr {
    background: #fdfdfd;
}

tr:hover {
    /* background: #e6e6e6; */
}



form {}

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

.table.products-table>:not(caption)>*>*{
    /* padding:.45rem .9rem!important */
}

.table.products-table .form-switch .form-check-input{
    margin-left: -0.5em;
}

.invoice-totals {

    font-size: 16px;
    border:1px soloid red;      
}

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

th {
    vertical-align: bottom;
}

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


tr.table-footer td,
.table-footer,
div.table-responsive > table > tbody > tr.table-footer > td {
    --ct-table-accent-bg: #234361!important;
    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 {
    color: #383c4c;
    text-decoration: none;
    position: relative;

}


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


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


.table-striped>tbody>tr.filters-row td {
    --ct-table-accent-bg: #ffffff!important;
}


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


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

.table>:not(caption)>*>*{
    padding: 8px 2px;
}



.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: #fff;
    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.draft {
    color: white;
    background-color: #8d8d8d;
}

.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 {
    background: #CD3244;
  
}

.invoice-status-box.partially_paid,
.invoice-status-box.preparing {
    background: #ffc107;
    color:white;
}

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

.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: 16px;
    text-decoration: none;
    font-weight: normal;
    text-transform: inherit;
    color: #E6E6E6;
    padding: 10px 5px 10px 20px;
    height: 44px;
    vertical-align: middle;
    box-sizing: border-box;
    position: relative;
    text-align: revert;
}

.menu-sub ul li a{
    font-size: 14px!important;
}

/* #column-left .menu li a {
    color: #8391a2;
    display: block;
    padding: 10px 30px;
    font-size: .9375rem;
    position: relative;
    -webkit-transition: color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;
    transition: color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;
    list-style: none;
} */

.side-nav-item a:hover, .side-nav-item a:hover .fas{
    cursor: pointer;
    color: #09B080!important;
}


.side-nav-item a span:not(.nav-item-title) {
    display: inline-block;
    line-height: 1.0625rem;
    margin: 0 10px 0 0;
    font-size: 1.1rem;
    vertical-align: middle;
    width: 20px;
}

#context-menu .side-nav-item a span{
    color:#316DF0!important;

}

.company-selected{
    border: 5px solid #19bd9b
}

.side-nav-item a.show, .side-nav-item a.show .fas,
.side-nav-item a.selected, .side-nav-item a.selected .fas{
    color: #ffffff!important;
}

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

.side-nav{
    display: inline-block;
    width: 100%;

}

.menu-sub{
    display:block;
    padding-left:10px;
}

#menu-top_menu  li a{
    text-transform:lowercase;
} 







#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: #8b8b8b;
    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;

}

.add-description{
    color:#09B080;
    margin-top:2px;
    transition: all .3s ease-in-out;

}

.add-description:hover{
    cursor:pointer;
    color:#07976f;
}

.names {
    text-transform: capitalize;
}

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

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

#no-anticipo{
    padding-left:0!important;
    margin-top: 7px!important;
    margin-left: -1.612em!important;
}

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


.ui-widget-header,
.ui-state-default:hover, .ui-widget-content .ui-state-default:hover{
    background: #09B080;
    color: white;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.ui-datepicker-year{
    border:none;
}

.ui-datepicker-year{
    border:none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    background: #09B080;
    color:#fff;
}

.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:#09B080;
    color: white;
    padding: 1rem 1rem!important;
}

.ui-dialog .ui-dialog-title{
    font-size: 1.125rem!important;
    line-height: 1.5!important;
    font-family: Lato, sans-serif!important;
}

.ui-dialog .ui-dialog-titlebar-close{
    -webkit-box-sizing: content-box!important;
    box-sizing: content-box!important;
    width: 1em!important;
    height: 1em!important;
    padding: 0.25em 0.25em!important;
    color: var(--ct-btn-close-color)!important;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffff'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") center/1em auto no-repeat;    border: 0!important;
    border-radius: 0.25rem!important;
    
    opacity: 1!important;
}

.ui-dialog .ui-dialog-titlebar-close{
    right: 0.9em;
}

.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 {
display: none;
    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; */
}



.edit-product:hover{
    cursor:pointer;
    color:#0acf97;
}

.ui-dialog-buttonset{
    border-top: 1px solid #dee2e6;
    padding: 12px;
    justify-content: flex-end;
    display: flex;   
    flex-wrap: wrap;
    width: 100%;
}

/* .ui-dialog-buttonset button{
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
    background: #19bd9b;
    transition: all .3s ease-in-out;
} */



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

.modal-body{
    background: #fff;
    padding:1rem;
}
.remove-btn,
.edit-btn {
    cursor: pointer;
}

.remove-btn {
    color: #CE453E;
}

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

.btn-row {
    display: flex;
}

.btn {
    text-transform: none;
}

.btn-show-name {
    float: right;
    border: 1px solid #d2d2d2;
    font-size: 11px;
    padding: 2pt;
}

.datepicker.form-control{
    padding:.45rem .9rem!important;
}

.btn-light:hover{
    background-color:#e6e6e6;
    border-color:#e1e1e1;
}

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


.btns-view-header{
    
}

.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.25rem;
    background: none;
    box-shadow: none;
    height: inherit;
    /* line-height: 20px; */
    padding: 0.45rem 0.9rem;
}

.mod-link{
    color:#09B080;
}

.mod-link:hover{
    color:#09b080;
}

/* 
.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: #09B080;
}

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

@media(max-width: 1023px){
    .nomobile {
        display: none !important;
    }
}

.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; */
    /* text-transform: uppercase; */
    display: flex;
    flex-direction: column;
}

.card-container-smooth .card{
    transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);    
}

.card-container-smooth .card:hover{
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}


.bagde-tool .card-header {
    background-color:#eef2f7;
    padding: 13px;
    border-radius: 14px!important;
    display: flex;

}
.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: #234361!important;
    height: 8px;
    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;
}

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

    .mobile-i {
        display: initial !important;
    }

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

    #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 {
        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-80 {
        width: 80%;
    }

    .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: #09B080;
}

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

.total-box {
    font-size: 16px;
    border: 1px solid rgb(184, 184, 184);
    text-align: center;
    border-radius: 15px;
    padding: 4px 0;
    line-height: 24px;
    color:#858484;
}


.total-box.active {
    border-color: #0acf97;
    background: #0acf97;
    color:white;
}

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

}

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

.app-search{
    margin: 0 auto;
}

.search-click  {
    overflow: hidden;
    outline: none;
    position: relative;
    /* width: 100%; */
    /* left: 0%; */
   
}
.container-search:focus-within {
    width: 50%;
    
}

.container-search{
    border: 1px solid #ccc;
    padding: 10px;
    position: relative;
    width: 20%;
    margin: 0 auto;
    border-radius: 5px;
    transition: all 0.5s;
}

 .container-search span.search-icon{
    left: 17px!important;
    top: 9px!important;
}

/* .container-search:focus-within .search-icon{
    left:60px!important;
 
} */



.search-click input {
    margin: 0 auto;
    /* width: 30%; */
    
    transition: all 0.5s;
}


#context-menu .side-nav-item a{
    color:#316DF0!important;
}

.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-color:#ecedf1;
}

#wrapper.holiday {
    background: #ff4e72 !important;
    color: white;
}

.btn-quotation_order-invoice {
    /* color: #212638;
    border-color: #212638; */
    float: right;
    margin-bottom:10px;
}

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

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

#quotation-decline_description {

    text-transform: none;
    font-weight: normal;
    text-align: left;
    margin-top: 10px;
}


.descr{
    font-weight: normal;
    font-style: italic;
    display: block;
    color:#919598;
    margin-left: 10px;
}

.hide-price.form-switch.ag-center .form-check-input{
    margin-left: 2.5em!important;
}

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

}

.accordion-button:not(.collapsed){
    background-color: transparent;
    color:#19bd9ba6;

    /* background-color: #19bd9ba6;
    color:white;
    border:none; */
}




.summed {
    background-color: var(--ct-highlight-bg) !important;
    color: black;
}

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

.reset-sum {
    display: none;
}

.sum-result {
    background-color: var(--ct-highlight-bg) !important;
    display: none;
    user-select: all;
}

.mass-actions-list {
    margin-bottom: 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;
    background: grey;
    border-radius: 10%;
}

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

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

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

.withholding_row td {
    border: 1px solid #e6e6e6;
 }

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

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

.invoices_active .table-footer td{
    --ct-table-accent-bg: #333a45!important;  
    color:white!important;
}

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

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

.companies-list-dropdown li
{
    margin-left:30px;
}

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

.help_tooltip{
    display: inline-block !important;
    color: #19bd9b;
    border-radius: 0px;
    margin-right: 2px;
    /* line-height: 13px; */
    font-weight: normal;
    font-size: 11px;
}


.btn-remove-invoice-contract{
    margin-top: 8px;
}

.help_tooltip:hover, .add-data:hover {
    cursor:pointer;
}

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

.transaction-notes
{
    background-color: #ffffde;
    box-shadow: 4px -4px 6px #dedede;
    border: 1px dotted #dedede;
}

#banks-transactions-table .td-column
{
    cursor: pointer;
}

#banks-transactions-table .td-action
{
    vertical-align: baseline;
}


#banks-transactions-table .amount-commissions
{
    font-size: 13px;
    font-style: italic;
}


#documents-wrapper .container-search{
    margin: initial;
    border: none;
    padding: 0pt;
    width: 25%;
    margin: 0;
}

#documents-wrapper .container-search input {
    margin: 0;
}

.last-update-datetime-badge {
    display: block;
    font-size: 12px;
}

.badge-records-update-btn {
    text-align: left;
    margin-top: 10px;
}

.badge-record-virtual {
    display: flex;
    justify-content: space-around;
    width: 43%;
    padding: 5pt;
    background: #b0b5b785;
    margin: 0pt 10pt 10pt 20pt;
    border-radius: 13pt;
}

.badge-record.not-real {
    font-weight: bold;
}

span.badge-record-absence {
    position: absolute;
    top: -5px;
}

@media(max-width: 1023px){
    .badge-record-virtual{
        width: 34%;
    }
}

.bank-company-row {
    background: none;
    box-shadow: none;
}

.badge-record span {
    font-weight: bold;
}

/* Notifications */

#badge-notifications{
    position: absolute;
    top: 18px;
    margin-left: -5px;
    border-radius: 10px;
    background: red;
    color: white;
    font-size: 11px;
}

 #notifications-wrapper .icon{
    cursor: pointer;
    margin-right: 50px;
    line-height: 60px

}
 #notifications-wrapper .icon span{
    background: #f00;
    padding: 7px;
    border-radius: 50%;
    color: #fff;
    vertical-align: top;
    margin-left: -25px
}
 #notifications-wrapper .icon img{
    display: inline-block;
    width: 26px;
    margin-top: 4px
}
 #notifications-wrapper .icon:hover{
    opacity: .7
}

#notifications-wrapper .logo{
    flex: 1;
    margin-left: 50px;
    color: #eee;
    font-size: 20px;
    font-family: monospace
}

#notifications-wrapper {
    width: 500px;
    display: flex;
    justify-content: space-between;
    max-height: 100vh;
    border-radius: 5px 0px 5px 5px;
    background-color: #fff;
    min-height: 50vh;
    max-height: 90vh;
    height: fit-content;
}

#offcanvas-notifications-close{
    margin-top: auto;
}

#notifications-wrapper .notifications-list{
    overflow-y: auto;
    height: 100%;
}

#notifications-wrapper h3
{
    color: initial;
}

#notifications-wrapper .notify-title
{
    font-size: 13px;
}

#notifications-wrapper .notifications-item{
    display: flex;
    border-bottom: 1px solid #eee;
    padding: 5pt 5px;
    margin-bottom: 0px;
    cursor: pointer;
    color: initial;
}

#notifications-wrapper .notifications-item:hover{
    background-color: #eee
}

#notifications-wrapper .notifications-item img{
    display: block;
    width: 50px;
    height: 50px;
    margin-right: 9px;
    border-radius: 50%;
    margin-top: 2px
}

#notifications-wrapper .notifications-item .text h4{
    color: #777;
    font-size: 16px;
    margin-top: 3px
}

#notifications-wrapper .notifications-item.read .text p{
    color: #7d7c7c;
}

#notifications-wrapper span.notify-date {
    font-size: 10px;
}

#notifications-wrapper .text h4 {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#notifications-wrapper .text {
    width: 80%;
    margin-right: 5pt;
}

#notifications-wrapper .notifications-item{
    display: flex;
    border-bottom: 1px solid #eee;
    padding: 5pt 5px;
    margin-bottom: 0px;
    cursor: pointer
}

.notifications-item.unread:after {
    display: inline-block;
    content: '';
    background: var(--ct-success);
    width: 16px;
    height: auto;
    border-radius: 20px;
    height: 15px;
    margin-top: 25px;
    left: 4px;
}

#notifications-wrapper #mark-all
{
    margin-left: auto;
}

@media (max-width: 1023px){
    #notifications-wrapper {
        height: 100vh;
        max-height: 100vh;
    }
}

@media (min-width: 1024px){
    #notifications-wrapper{
        border-radius: 10px !important;
    }
}

#invoice-advance .invoice_row td {
    vertical-align: middle;
    padding: 6px 5px;
}

#invoice-advance .invoices_list {
    max-height: 570px;
    overflow-y: auto;
}

#calendar-absences td {
    min-width: 190px;
}

.worker-absences-list{
    margin: 0;
}

.worker-absences-list p {
    margin: 0;
}

.absence-remote {
    background: #ceceff45 !important;
}

.absence-sick {
    background: #ff424245 !important;
}

.absence-permission{
    background: #fef1a445 !important;
}

.absence-holiday{
    background: #9f3de445 !important;
}

span.absence-timing {
    display: block;
}

#calendar-absences .absence.pending {
    position: relative;
}

/*
#calendar-absences .absence.pending:after {
    content: '';
    display: block;
    height: 87%;
    background: var(--bs-yellow);
    position: absolute;
    top: 0px;
    padding: 5px;
    margin-top: 4px;
    margin-left: -3px;
}
*/
.bc-grid table thead th.holiday,.bc-grid table thead th.weekend.holiday{
    background:#ff4e72 !important;
    color: white;
}

.bc-grid table .holiday-name {
    display: none;
    font-size: 11px;
}


.arrow {
    padding: 15px;
    background: #dedede;
    border-radius: 100%;
    transition: 0.5s;
    margin-left: 10pt;
}

.arrow:hover {
    background: var(--ct-success);
    color: white;
}

.arrow.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.arrows-container {
    margin-bottom: 10pt;
}

.worker-picture-small, .worker-picture-listing{ 
    max-width:30px;
    max-height:30px;
    vertical-align:middle;
    margin-right:10px;
    border-radius:10px;
}

.worker-picture-thumb{
    height: 30px;
    width: 27px;
    vertical-align:middle;
    margin-right:10px;
    border-radius:10px;
}

.dash-caret {
    position: absolute;
    right: 18%;
    bottom: 5%;
}

.dash-link{ 
    color: initial; 
}

th.th-note {
    width: 170px;
}

/* Scadenze */


.deadline-value {
    font-size: 12px;
    margin: 0;
}

.deadline-value li {
    border-radius: 5px;
    padding: 5px;
}

.deadline-value li {
    box-shadow: 1px 2px 0px 0px #dedede;
    margin: 0 0 10px 0;
    list-style-type: none;
}

.deadline-value li a{
    color: #5d5d5d;
}

.deadline-value li a {
    text-overflow: ellipsis;
    white-space: pre;
    width: 150px;
    overflow: hidden;
    display: block;
    margin: auto 0;
}

.deadline-value li a:hover{
    color: #5d5d5d;
    font-weight: bold;
}

.deadline-type-invoices_passive .deadline-value li {
    background-color: #ffc2eb;
}
.deadline-type-assets .deadline-value li {
    background-color: #bbffed;
}
.deadline-type-subscriptions .deadline-value li {
    background-color: #6dff9e;
}
.deadline-type-provider_contracts .deadline-value li {
    background-color: #c1ceff;
}
.deadline-type-financing_fees .deadline-value li {
    background-color: #8bdfff;
}
.deadline-type-taxes .deadline-value li {
    background-color: #ffffd2;
}
.deadline-type-workers_documents .deadline-value li {
    background-color: #ffe0cc;
}

#deadline-wrapper th {
    border-bottom: 1px solid #dedede;
}

#deadline-wrapper td {
    height: 150px;
}

#deadline-wrapper .no-month {
    color: #bfb8b8;
}

#deadline-wrapper td,#deadline-wrapper th{
    padding: 10px;
    min-width: 150px;
}

#deadline-wrapper .day-weekend .col {
    background-color: #d4d4d433;
    height: 100%;
}

#deadline-wrapper .day-holiday span{
    background: red;
    padding: 4pt;
    color: white;
    border-radius: 20px;
    display: inline-block;
    width: 30px;
    text-align: center;
}

span.deadline-title-value {
    display: inline-block;
    width: 120px;
    text-align: left;
    margin-left: 10px;
}

td.deadline-title {
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
}

#table-cost-revenue tr td,#table-cost-revenue tr th {
    padding: 10px !important;
}

.weekend {
    background: var(--ct-color-gmg-light) !important;
    color: white;
}

.weekend td {
    color: white;
}

#calendar-absences #absences-planning-month td {
    min-width: 145px;
    padding: 0;
    height: 60px;
}

#calendar-absences #absences-planning-weekly td{
    padding: 0;
}

#calendar-absences #absences-planning-month td ,#calendar-absences #absences-planning-weekly td,.worker-absences-list li,.table-absences td.td-worker{
    vertical-align: middle;
    height: 70px;
}

.worker-absences-list.multiple li {
    height: 35px;
    font-size: 11px;
    line-height: 0;
}

#absences-planning-month .table-absences td, #absences-planning-month .table-absences th{
    border-right: none;
}

#absences-planning-month .absence-timing,#absences-planning-weekly .absence-timing{
    margin-top: 3px;
}

.table-absences  td.td-worker {
    min-width: 280px !important;
    vertical-align: middle;
}

#absences-planning-month table td {
    vertical-align: middle;
}

#absences-planning-month table th {
    padding: 20px;
}

.worker-absences-list{
    list-style-type: none;
}

.worker-absences-list li{
    display: flex;
    align-items: center;
    justify-content: center;
}

.worker-absences-list li{
    padding: 5px 0px;
}


#absences-planning-month  .absences-box {
    overflow-x: scroll;
    margin-bottom: 15pt;
}

.maintenance_request .td-column.status{
    font-size: 15pt;
}

.left-filters-box.deadlines-type .form-check-input{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23000000'/%3e%3c/svg%3e");
}

#deadline-type-invoices_passive:checked {
    background-color: #ffc2eb;
    border-color: #ffc2eb;
}

#deadline-type-assets:checked {
    background-color: #bbffed;
    border-color: #bbffed;;
}

#deadline-type-subscriptions:checked {
    background-color: #6dff9e;
    border-color: #6dff9e;
}

#deadline-type-provider_contracts:checked {
    background-color: #c1ceff;
    border-color: #c1ceff;
}

#deadline-type-financing_fees:checked {
    background-color: #8bdfff;
    border-color: #8bdfff;
}

#deadline-type-taxes:checked {
    background-color: #ffffd2;
    border-color: #ffffd2;;
}

#deadline-type-workers_documents:checked {
    background-color: #ffe0cc;
    border-color: #ffe0cc;
}

@media only screen and (max-width: 768px) {
    .responsive-flex-row {
        flex-direction: column;
        gap : unset !important;
    }

    .responsive-w-50 {
        width: 100% !important;
    }
}

/* 
 * Overwrite chosen droèdown
 */
 .chosen-container .chosen-results {
    max-height: 70vh !important;
 }