body {
    color: #333;
    font-size: 13px;
}
.main-content {
    padding-top: 20px;
}
.card-header {
    font-size: 16px;
}
.page-container {
    background: #b6c6d2;
}
.container-fluid {
    padding-right: 5px;
    padding-left: 5px;
}
.card-body {
    padding: 0.85rem;
}
footer { color: #eee }
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #b9b9b9 !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #b9b9b9 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color:  #b9b9b9 !important;
}

.margin_bottom_0 {
    margin-bottom: 0;
}
.margin_bottom_10 {
    margin-bottom: 10px;
}
.margin_bottom_20 {
    margin-bottom: 20px;
}

.margin_top_10 {
    margin-top: 10px;
}
.margin_top_20 {
    margin-top: 20px;
}

.text-striked{
    text-decoration: line-through;
}

.validation-danger{
    border-color: rgb(255, 41, 41) !important;
    border-width: 2px !important;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.has-sub .fa-chevron-down {
    float: right;
    margin-top: 5px;
}
.ui-autocomplete-loading {
    background: white url("/images/loader.gif") right center no-repeat;
    background-size: 8%;
}
.ui-widget-content {
    background: #e5e5e5;
}
.tab-pane {
    padding-top: 20px;
}
.datatable{
    width: 100% !important;
}
#login-container {
    background: white url("/images/login_background.jpg") right center no-repeat;
    background-size: cover;
}
.menu-sidebar .logo {
    background: #ffffff;
}
.form-control {
    font-size: 14px;
    border: 1px solid #a7a7a7;
}
label {
    font-weight: 500;
}
.anteprima{
    border: 1px solid #999999;
}

.btn-xs{
    padding: .15rem 0.5rem;
    font-size: .625rem;
    line-height: 1.5;
    margin-bottom: .2rem;
}
.overlay{
    background: rgba(39,62,84,0.82);
    overflow: hidden;
    height: 100%;
    z-index: 2;
}
.navbar-sidebar .navbar__list li a {
    color: #333;
    font-size: 13px;
}
.menu-sidebar .navbar__list .navbar__sub-list {
    padding-left: 20px;
}
.menu-sidebar .navbar__list .navbar__sub-list li a {
    padding: 8px 0;
}
.navbar-sidebar {
    padding: 15px;
    padding-bottom: 0;
}
.menu-sidebar {
    width: 210px;
}
.page-container {
    padding-left: 210px;
}
.header-desktop {
    left: 210px;
}
.navbar-sidebar .navbar__list li a i {
    margin-right: 8px;
}
.au-btn--submit {
    min-width: 45px;
}
.header-desktop3 {
    background: #fff;
}
.header__navbar ul li a {
    color: #333;
    border-left: 1px solid rgba(82, 82, 82, 0.4);
    font-size: 13px !important;
}
.header__navbar .header3-sub-list li a {
    color: #555555;
}
.header3-wrap .header__navbar {
    left: 52%;
}
.header__tool .notifi-dropdown::before {
    left: 224px;
}
.header__tool .notifi-dropdown {
    left: -224px;
    top: 54px;
    min-width: 348px !important;
    overflow-y: scroll !important;
    height: 420px !important;
}
.header__logo {
    display: block;
    width: 26%;
}
.header__navbar ul li a i {
    margin-right: 2px;
}
#termine_ricerca {
    width: 100%;
    min-width: 175px;
}
#ajax_search_result {
    display: none;
    width: 400px;
    min-height: 30px;
    position: absolute;
    top: 50px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}
#ajax_search_result hr {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    border-top: 1px solid rgba(0,0,0,.25);
}
.account-item--style2 .account-dropdown {
    top: 68px;
}
.account-dropdown:after {
    right: 12px;
}
.header-mobile-2.header-mobile .navbar-mobile {
    top: 62px;
}
.account-item--style2 .content a {
    color: #777;
}
.account-item--style2 .content a:hover {
    color: #1f73b3;
}
.table td, .table th {
    padding: .3rem;
}
.overview-box .icon {
    margin-right: 10px;
}
.overview-box .icon i {
    font-size: 38px;
}
.overview-box .text h4 {
    color: #fff;
    line-height: 1;
    margin-bottom: 5px;
}
.noti__item .quantity {
    height: 20px;
    width: 20px;
    line-height: 20px;
    font-size: 11px;
}
.btn-group-sm>.btn, .btn-sm {
    min-width: 32px;
}
table.table-bordered.dataTable th, table.table-bordered.dataTable td {
    font-size: 12px;
}
#map {
    height: 100%;
    min-height: 500px;
}
@media (min-width: 576px){
    .jumbotron {
        padding: 1.5rem 1.5rem; /* bootstrap -> 4rem 2rem */
    }
}

.hidden{
    display: none;
}
@media (min-width: 768px){
    .cd-breadcrumb.triangle li {
        max-width: 16.4%;
    }
    .cd-breadcrumb.triangle li span {
        line-height: 14px;
        padding-top: 2px;
    }
    .cd-breadcrumb.triangle li:first-of-type > * {
        padding-left: 1.0em;
    }
}
@media (min-width: 992px){
    .header__navbar ul li a {
        padding: 27px 8px;
    }
}
@media (max-width: 991px){
    .main-content {
        padding-top: 35px;
    }
    .header-desktop {
        display: none;
    }
    .page-container {
        padding-left: 0;
    }
    .header-mobile .header-mobile__bar {
        padding: 5px 0;
    }
    .page-container {
        /*top: 75px;*/
        top: 0;
    }
    .noti-wrap .noti__item:last-child {
        margin-right: 40px;
    }
    .header__tool .notifi-dropdown {
        left: -145px;
    }
    .sub-header-mobile-2 .header__tool .notifi-dropdown {
        top: 57px;
    }
    .header__tool .notifi-dropdown::before {
        left: 144px;
    }
}


.ui-menu{
    z-index: 999999 !important;
}

.ui-datepicker{
    z-index: 10000 !important;
}


.cd_kanban_board > .cd_kanban_board_blocks .cd_kanban_board_block .cd_kanban_board_block_item .cd_kanban_board_block_item_title{
    padding-left: 0px !important;
}


.color-box {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #ff0000;
    position: relative;
    left: 0px;
    top: 4px;
    margin-right: 5px;
}

.da-programmare{
    background-color: #ff7332 !important;
}
.da-confermare{
    background-color: #ffee1f !important;
}
.confermato{
    background-color: #0c1eff !important;
}
.completato{
    background-color: #288221 !important;
}
.annullato{
    background-color: #797979 !important;
}

.notifi__item a {
    line-height: 1.3;
}
.tabella_notifiche a {
    color: #333;
}
.notifica_non_letta {
    background-color: #edf2fa;
}
.header-desktop .notifi-dropdown {
    overflow-y: scroll;
    max-height: 450px;
}

@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        max-width:1200px;
    }
}

/*spectrum color picker*/
.sp-colorize{
    height: 100% !important;
}
/*
.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.sticky:before,
.sticky:after {
    content: '';
    display: table;
}*/

/* icone tipo appuntamento */
.tipo-appuntamento-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
/*.visa{background-image:url(http://i.imgur.com/lXzJ1eB.png);}*/
/*.mastercard{background-image:url(http://i.imgur.com/SJbRQF7.png);}*/

.tipo-appuntamento-selector input:active +.drinkcard-ta{opacity: .9;}
.tipo-appuntamento-selector input:checked +.drinkcard-ta{
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
}
.drinkcard-ta{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:30px;
    height:30px;
    font-size: 15px;
    color: red;
    margin: 0;
    border: 1px solid #000000;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
    -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
    filter: brightness(1.8) grayscale(1) opacity(.7);
}
.drinkcard-ta:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
    -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
    filter: brightness(1.2) grayscale(.5) opacity(.9);
}

.dettagli_nota{
    font-size: 11px;
    color: #999999;
}
.emoticon {
    font-size: 22px;
}
.cd_kanban_board_block_item.border {
    border-width: 2px !important;
}
.cd_kanban_board_block_item_footer .badge { font-size: 100%; }
.sweet-help {
    font-size: 80% !important;
}
@media (max-width: 576px){
    .cd_kanban_board {
        width: 100%;
    }
    .cd_kanban_board > .cd_kanban_board_titles .cd_kanban_board_title {
        width: 270px !important;
        flex: none !important;
    }
    .cd_kanban_board > .cd_kanban_board_blocks {
        display: block;
        width: 1950px !important;
    }
    .cd_kanban_board > .cd_kanban_board_blocks .cd_kanban_board_block {
        flex: none;
        width: 270px;
        float: left !important;
        overflow-x: scroll;
        display: block;
    }

    #ajax_search_result {
        display: none;
        width: 349px;
        min-height: 30px;
        top: 136px;
        z-index: 100;
    }
    #termine_ricerca {
        min-width: 120px;
    }
    .noti-wrap .noti__item:last-child {
        margin-right: 0;
    }
    .account-item > .content {
        margin-left: 0;
        padding: 9px 0;
        padding-left: 12px;
    }
}

.padding_top_bottom_7{
    padding-bottom: 7px !important;
    padding-top: 7px !important;
}
ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 50px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #007bff;
    left: 22px;
    width: 16px;
    height: 16px;
    z-index: 400;
}