/* 
* verde sfumatura: #00BA56, #00612D
* verde scuro: #00612D
* verde chiaro: #00883F
* rosso: #BC4747, #B74545
* nero: #333333
*/

/*******************************************
 * SCROLLBAR
*******************************************/

/* width */
::-webkit-scrollbar {
  width: 5px;
	height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #333; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #00883F; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #00612D; 
}

/* Track */
.tm-shoulder-nav-all::-webkit-scrollbar-track {
  background: #fff; 
}
 
/* Handle */
.tm-shoulder-nav-all::-webkit-scrollbar-thumb {
  background: #B74545; 
}

/* Handle on hover */
.tm-shoulder-nav-all::-webkit-scrollbar-thumb:hover {
  background: #7D2F2F; 
}

/* Track */
.messages::-webkit-scrollbar-track {
  background: #fff; 
}
 
/* Handle */
.messages::-webkit-scrollbar-thumb {
  background: #fff; 
}

/* Handle on hover */
.messages::-webkit-scrollbar-thumb:hover {
  background: #fff; 
}
/******************************************************/

::selection {
    background: rgb(183 69 69 / 50%);
    color: #fff;
    text-shadow: none;
}

* {
    font-family: 'Poppins', 'sans-serif';
    font-size: 13px;
}

/*form input[type=text],
form input[type=number]{
    text-transform: uppercase !important;
}*/

.tm-upper-icon-link {
    border-radius: 100px;
    color: rgba(255,255,255,0.60) !important;
    padding: 3px;
}
.tm-upper-icon-link-single {
    padding: 10px;
}
.tm-upper-icon-link:hover,
.tm-upper-icon-link:active {
    background-color: #fff;
    color: #00612D !important;
}

.tm-prospect-form .uk-form-label {
    font-size: 11px;
}

.tm-padding {
    padding: 20px;
}

.tm-bg-dark {
    background-color: #00612D;
}

.tm-loader {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 200000;
}

.tm-home-separator {
    opacity: .2
}

.tm-color-black {
    color: #333333;
}
.tm-text-medium {
    font-weight: 600;
}
.tm-text-light {
    font-weight: 200 !important;
}

.tm-home-bg {
    background-image: url("../../assets/img/bg-splash.jpg");
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    min-height: 100vh;
}

.tm-card-border {
    border-radius: 12px;
}
.tm-card-border-top {
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
}
.tm-card-border-top-right {
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
}
.tm-card-border-red {
    border-top: solid 2px #B74545;
}

.uk-input,
.uk-select,
.uk-textarea {
    border-radius: 5px;
}

.tm-input,
.tm-select,
.tm-textarea {
    background-color: #f2f2f2;
    border-radius: 5px;
    border-color: #f2f2f2;
}

.tm-shoulder-nav {
    background-color: #00883F;
    /* width: 240px; */
    height: 100vh;
    overflow: hidden;
    width: 90%;
    max-width: 245px;
}
@media (max-width: 639px) {
    .tm-shoulder-nav,
    .uk-breadcrumb {
        display: none!important;
    }
}
.tm-shoulder-nav-all {
    max-height: calc(100vh - 64px);
    overflow: auto;
}
.adm-wrapper-page {
    max-height: calc(100vh - 64px);
    overflow: auto;
    color: #333333;
}

.tm-company-logo {
    width: 90%;
    max-width: 90px;
    border: solid 3px #00612D;
}

.tm-nav-link {
    display: block;
    padding:10px 15px 10px 10px;
    text-decoration: none;
    color: #fff;
    
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
} 
.tm-nav-link:hover {
    text-decoration: none;
    background-color: #007435;
    color: #fff !important;
    color: rgba(255,255,255,1);
}

.tm-nav-link-active {
    text-decoration: none !important;
    display: block;
    padding:10px;
    background-color: #00612D;
    color: #fff !important;
}

.tm-padding-top {
    padding: 10px 10px 12px 0px;
}

.tm-icon-top-usr {
    /*background: #00883F;
    padding:8px;
    color: rgba(255,255,255,0.60) !important;*/
    background: #00883F;
    padding: 0px;
    color: rgba(255, 255, 255, 0.60) !important;
    display: table-cell;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
}

.tm-alert-block-icon {
    padding: 10px;
}
.uk-alert-default {
    color: #333333;
}
.uk-alert-default .tm-alert-block-icon {
    background-color: #00612D;
    color: #fff;
}
.uk-alert-warning .tm-alert-block-icon {
    background-color: #faa05a;
    color: #fff;
}
.uk-alert-danger .tm-alert-block-icon {
    background-color: #B74545;
    color: #fff;
}

.tm-block-title {
    font-size: 16px;
    font-weight: 500;
    color: #111111;
}

.tm-blocco-descr {
    display: none; 
}

.tm-card-hilight {
    background: rgba(0,136,63,0.07);
    /*border: solid 1px #00883F;*/
    color: #00883F;
    padding-left: 5px;
    padding-right: 5px;
}
.tm-card-hilight-yellow{
    background: rgba(249,255,0,0.07);
    /*border: solid 1px #00883F;*/
    color: #BC9E00;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11px;
}

.tm-card-not {
    background: #f8f8f8;
    border: solid 1px #e5e5e5;
}

.tm-srv-card-icon {
    background-color: #00612D;
    color: #fff;
    padding: 10px;
}
.tm-srv-card-icon-grey {
    background-color: #d2d2d2;
}

.tm-text-pedice {
    bottom: 0px;
}

.tm-nav-sub {
    cursor: pointer;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #00612D;
}
.tm-nav-sub:hover {
    color: rgba(255,255,255,0.60);
}
.tm-nav-sub-active {
    background-color: #054020;
    color: #16D36E !important;
}

.tm-card-srv-home {
    width: calc(100% / 10);
    cursor: pointer;
}

.tm-var-item {
    background-color: #FFFF00;
    padding: 0px 4px;
}
.tm-var-item-done {
    background-color: #D2FFD3;
    padding: 0px 4px;
}

.tm-wrapper-hiddens {
    display: none;
}

.tm-text-muted {
    color: #DEDEDE;
}

.uk-notification-message-sollecito {
    color: #fff;
    background: #262a2e;
    text-align: center;
}
.uk-notification-center-center {
    left: 50%;
    margin-left: -175px;
    top: 50%;
    margin-top: -50px;
    bottom: auto;
}

.mce-container {
    border-radius: 5px;
}

.input-td>td {
    padding: 5px 12px !important;
}

/*************************************
* SMS 
*************************************/

.chat {
  width: 250px;
  /*border: solid 1px #EEE;*/
  display: flex;
  flex-direction: column;
  padding: 10px;
    height: 510px;
    background-image: url("../img/iphone.svg");
    background-size: 100%;
    background-repeat: no-repeat;
}

.chat-wrapper {
    padding: 160px 30px 30px;
}

.messages {
  display: flex;
  flex-direction: column;
    overflow: scroll;
}

.message {
  border-radius: 20px;
  padding: 8px 15px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
  word-break: break-word;
}

.yours {
  align-items: flex-start;
}

.yours .message {
  margin-right: 15%;
  background-color: #eee;
  position: relative;
}

.yours .message.last:before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: -7px;
  height: 20px;
  width: 20px;
  background: #eee;
  border-bottom-right-radius: 15px;
}
.yours .message.last:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: -10px;
  width: 10px;
  height: 20px;
  background: white;
  border-bottom-right-radius: 10px;
}

.mine {
  align-items: flex-end;
}

.mine .message {
  color: white;
  margin-left: 25%;
  background: linear-gradient(to bottom, #00D0EA 0%, #0085D1 100%);
  background-attachment: fixed;
  position: relative;
}

.mine .message.last:before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: -8px;
  height: 20px;
  width: 20px;
  background: linear-gradient(to bottom, #00D0EA 0%, #0085D1 100%);
  background-attachment: fixed;
  border-bottom-left-radius: 15px;
}

.mine .message.last:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: -10px;
  width: 10px;
  height: 20px;
  background: white;
  border-bottom-left-radius: 10px;
}

.sms-preview-wrapper {
    padding-left:0px;
    background-image: url(../../assets/img/demo-bg.svg);
    background-position: center right;
    background-repeat: no-repeat;
}

.tm-divisore-testo {
    position: relative;
}

.tm-divisore-testo::after {
    content: attr(data-divisore);
    position: absolute;
    z-index: 1;
    top: -10px;
    width: auto;
    padding-right: 10px;
    padding-left: 10px;
    left: 0px;
    line-height: 20px;
    background: white;
    text-align: center;
    color: #00883F;
}

@media (max-width: 690px) {
    .chat {
        height: 560px;
    }
    .sms-preview-wrapper {
        background-image: url(../../assets/img/demo-bg-responsive.svg);
        background-position: center bottom;
        background-size: contain;
    }
}

/*************************************
* UKit EDIT 
*************************************/

.uk-form-custom {
    margin-left: 40px;
}

@media (max-width: 1200px) {
    .uk-form-custom {
        margin-left: 30px!important;
    }
}

em {
    color: inherit;
}

.uk-link, a {
    color: #B74545;
}
.uk-link:hover, a:hover {
    color: #B74545;
}

.uk-open>.uk-modal-dialog {
    border-radius: 5px;
}
.uk-modal-footer{
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.uk-text-xsmall {
    font-size: 12px;
}

.uk-button {
    border-radius: 5px;
    text-transform: capitalize
}
.mce-btn,
.mce-textbox {
    border-radius: 5px;
}

.uk-text-primary {
    color: #B74545 !important;
}

.uk-text-secondary {
    color: #00883F !important;
    font-size: .8rem !important;
}

.uk-background-primary {
    background-color: #b74545;
}

.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus,
.mce-textbox:focus {
    border-color: #B74545 !important;
}

.uk-button-primary {
    background-color: #B74545;
}
.uk-button-primary:hover {
    background-color: #9E3030;
}
.uk-button-primary:active,
.uk-button-primary.uk-active {
    background-color: #9E3030;
}

.uk-button-secondary {
    background-color: #fff;
    color: #B74545;
    border: solid 2px #B74545;
}
.uk-button-secondary:hover {
    background-color: #fff;
    color: #821D1D;
    border: solid 2px #821D1D;
}
.uk-button-secondary:active,
.uk-button-secondary.uk-active {
    background-color: #fff;
    color: #821D1D;
    border: solid 2px #821D1D;
}

.uk-button-green,
.tm-icon-button,
.mce-primary {
    background-color: #00883F !important;
    color: #fff;
}
.uk-button-green:hover, 
.tm-icon-button:hover,
.mce-primary:hover {
    background-color: #00612D !important;
    color: #fff;
}
.uk-button-green:active,
.mce-primary:hover,
.uk-button-green.uk-active,
.tm-icon-button.uk-active {
    background-color: #00612D !important;
    color: #fff;
}

.uk-button-green-border {
    background-color: #fff;
    color: #00883F;
    border: solid 2px #00883F;
}
.uk-button-green-border:hover {
    background-color: #fff;
    color: #00612D;
    border: solid 2px #00612D;
}
.uk-button-green-border:active,
.uk-button-green-border.uk-active {
    background-color: #fff;
    color: #00612D;
    border: solid 2px #00612D;
}

.uk-alert {
    border-radius: 5px;
    padding: 8px;
    line-height: 15px;
}
.uk-alert-default {
    border: solid 1px #E1E1E1;
}
.uk-alert-warning {
    border: solid 1px #faa05a;
}
.uk-alert-danger {
    background: rgba(183,69,69,0.13);
    border: solid 1px #B74545;
    color: #B74545;;
}
.uk-alert-primary {
    background: rgba(0,136,63,.08);
    color: #00883f;
}

.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{
    font-size: 0.675rem;
    margin: 0 8px 0 calc(12px - 4px);
}
.uk-breadcrumb>*>* {
    font-size: 0.675rem;
}

.uk-tab>*>a {
    font-size: .775rem;
    text-transform: capitalize;
    font-weight: 500;
}
.uk-tab>.uk-active>a {
    border-color: #00612d;
}

.uk-text-small {
    font-size: 12px;
}

.uk-table th {
    font-size: .675rem;
}

a.uk-link-heading:hover,
.uk-link-heading a:hover,
.uk-link-toggle:hover .uk-link-heading {
    color: #00883F;
}

.uk-label {
    border-radius: 500px;
    text-transform: capitalize;
    font-size: .8rem;
}

.uk-label-muted {
    background: #ccc;
}

.uk-tooltip {
  background: rgba(0,0,0,.7);
}

.tm-home-ico {
    padding: 10px 0 30px 0;
}

.uk-button-small {
    font-size: .8rem;
}

.uk-container-xxsmall {
    max-width: 450px;
}

.uk-text-medium,
strong {
    font-weight: 600;
    font-size: .8rem;
}

.uk-nav-header {
    font-size: 0.7rem;
}

.uk-subnav-pill a:hover {
    border-radius: 5px;
}

.uk-subnav-pill>.uk-active>a {
    background-color: #00883f;
    color: #fff;
    border-radius: 5px;
}

.uk-modal-title {
    font-size: 1.5rem;
}

.uk-subnav>* {
    padding-left: 10px;
}

/* Focus */
.uk-radio,
.uk-checkbox {
    padding: 10px;
    border-color: #e5e5e5;
}
.uk-radio:focus,
.uk-checkbox:focus {
  border-color: #B74545;
}
.uk-form-custom input[type=file],
.uk-form-custom select {
    margin-left: -40px;
}

.uk-table-hover > tr:hover,
.uk-table-hover tbody tr:hover {
  background: rgba(255,255,221,.5);
}

/*
 * Checked
 */
.uk-radio:checked,
.uk-checkbox:checked,
.uk-checkbox:indeterminate {
  background-color: #B74545;
}
/* Focus */
.uk-radio:checked:focus,
.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus {
  background-color: #B74545;
}

/*
 * Success
 */
.uk-form-success,
.uk-form-success:focus {
    color: #00883F;
    border-color: #00883F;
}
.uk-alert-success {
    color: #00883F;
}
.uk-label-success {
    background-color: #00883F;
}
.uk-notification-message-success {
    color: #00883F;
}
.uk-text-success {
    color: #00883F !important;
}

/*
 * Progress bar
 */
.uk-progress {
    height: 3px;
}
.uk-progress::-webkit-progress-value {
    background-color: #00883F;
    transition: width 0.6s ease;
}
.uk-progress::-moz-progress-bar {
    background-color: #00883F;
}
.uk-progress::-ms-fill {
    background-color: #00883F;
    transition: width 0.6s ease;
    /* 1 */
    border: 0;
}

/* TINY MCE */
.tox-promotion {
    display: none !important;
}
.mce-tab:focus {
    color: #15883f;
}
.mce-floatpanel {
    z-index: 100000 !important;
}

/* UI Components */
.ui-autocomplete {
    max-height: 200px !important;
    overflow-y: auto !important;
    /* prevent horizontal scrollbar */
    overflow-x: hidden !important;
  }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #262a2e !important;
    background: #262a2e !important;
    color: #ffffff;
}