/* general */

html {
    overflow-x: hidden !important;
}

body, .page {
    background-color: #d3dcdf;
}

.clear {
    clear: both;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: #1571b7b3;
}

a:focus, a:hover {
    color: #1779c5b3;
}

a:link, a:visited, a:hover, a:active, a:focus {
    outline: 0 none !important;
}

.red {
    color: #ff0000;
}

.loader-overlay {
    background: #1571b7b3;
}

.checkbox-primary input[type="radio"]:checked+label::before, .checkbox-primary input[type="checkbox"]:checked+label::before {
    background-color: #1571b7b3;
    border-color: #1571b7b3;
}

.norounded {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.noborder {
    border: 0px !important;
}

.forcehide {
    display: none !important;
}

.bg-custom-gray {
    /*background-color: #f0f0f0 !important;*/
    background-color: #f1f4f5 !important;
}
.bg-custom-orange {
    background-color: #fef7f5 !important;
}

@media (max-width: 767px) {
    .no_mobile {
        display: none;
    }
}

.table-custom-cell-100 {
    width: 100px;
}

/* btn */

.btn-primary {
    /*
          background: #1571b7b3;
          border-color: #1571b7b3;
    */
    color: #fff !important;
}

.btn-outline.btn-primary {
    color: #62a8ea !important;
}

.btn-outline.btn-primary:focus, .btn-outline.btn-primary:hover {
    color: #fff !important;
}

.btn-theme,
.btn-theme:link,
.btn-theme:visited {
    background: #1571b7b3;
    border-color: #1571b7b3;
    color: #ffffff;
}
.btn-theme.btn-outline {
    background: #ffffff;
    color: #1571b7b3;
}

.btn-theme:focus,
.btn-theme:hover {
    background: #1779c5b3;
    border-color: #1779c5b3;
    color: #ffffff;
}

@media (min-width: 768px) {
    .btn .icon.wb-minus {
        margin: 0px 3px;
    }
}


/* navigation */

#toolbar-up.navbar-inverse {
    background-color: #1571b7b3;
}

.navbar-toolbar-right>li>a {
    font-size: 20px;
}

.navbar-toolbar-right li a .tag {
    font-size: 13px;
    background-color: #69140e !important;
}

.site-menubar-light .site-menu-item>a {
    /*color: #62a8ea;*/
    color: #1571b7b3;
}

.site-menubar-light .site-menu-item>a:focus, .site-menubar-light .site-menu-item>a:hover {
    color: #1779c5b3;
}

#site-navbar-collapse-languages-mobile {
    overflow-y: hidden !important;
}

.navbar-toolbar-mobile>li>a.nav-link {
    color: #fff !important;
}

@media (min-width: 768px) {
    .navbar-toolbar-mobile {
        display: none;
    }
}

.site-menu {
    float: left;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .site-menu>.site-menu-item>a {
        padding: 13px 10px;
    }
}

@media (max-width: 767px) {
    #toolbar-desktop-large {
        display: none;
    }
    .site-menubar {
        width: 155px !important;
    }
    .site-menubar-open .page, .site-menubar-open .site-footer {
        -ms-transform: translate(155px, 0);
        -webkit-transform: translate3d(155px, 0, 0);
        transform: translate3d(155px, 0, 0);
    }

    .site-menu>.site-menu-item>a>.site-menu-title {
        display: block;
        font-size: 16px;
        line-height: 16px;
        padding-bottom: 5px;
    }
    .site-menu>.site-menu-item>a>.site-menu-icon {
        font-size: 33px;
        margin-right: 0px;
    }
    .site-menu>.site-menu-item>a {
        padding: 5px;
        text-align: center;
    }
    .site-menu>.site-menu-item {
        margin-top: 5px;
    }

}

@media (min-width: 768px) {
    .site-menu > .site-menu-item > a {
        padding: 6px 20px;
    }
    .site-menu > .site-menu-item > a > .site-menu-icon {
        font-size: 33px;
    }
}



/*
@media (max-width: 991px) {
    #toolbar-desktop-large {
        display: none;
    }
}
*/

#toolbar-desktop-large.navbar-toolbar .nav-link {
    line-height: 25px !important;
}

@media (min-width: 992px) {
    #toolbar-up {
        display: none;
    }
    .site-navbar-small .site-menubar {
        top: 0;
        /*top: 4.286rem;*/
    }
    body.site-navbar-small {
        padding-top: 70px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .page-aside-fixed .page-aside {
        /*top: 125px;*/
    }
    /*
    .site-menu>.site-menu-item>a {
      padding: 13px 8px;
    }
    */
    #toolbar-up {
        display: none;
    }
    .site-navbar-small .site-menubar {
        top: 0;
        /*top: 4.286rem;*/
    }
    body.site-navbar-small {
        padding-top: 70px;
    }
    .navbar-toolbar-right>li>a {
        font-size: 20px;
        padding-left: 12px;
        padding-right: 12px;
    }
    /* ex-search top
    .navbar-toolbar-right>li:first-child>a {
      padding-left: 5px;
      padding-right: 5px;
    }
    .navbar-toolbar-right>li:last-child>a {
      padding-left: 5px;
      padding-right: 5px;
    }
    */
    .navbar-toolbar-right li a .tag {
        font-size: 10px;
        padding: 3px 5px;
    }
}

.navbar-brand-center {
    left: 120px;
}

.nav-mobile-icon {
    color: #ffffff;
    margin-left: 15px;
}
.nav-mobile-icon i {
    font-size: 33px;
}
.nav-mobile-icon:hover {
    color: #ffffff;
}

.site-navbar .navbar-header .navbar-brand {
    cursor: default;
}

.brand-menu-custom-item {
    margin-right: 20px;
}

.brand-menu-custom-item img {
    max-width: 150px;
    /*margin-top: -35px;*/
    margin-top: -50px;
    margin-left: 10px;
    /* IE6-9 */
    margin-top:0px\9;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .brand-menu-custom-item img {
        margin-top: 0px;
    }
}
@supports (-ms-accelerator:true) {
    /* IE Edge 12+ CSS styles go here */
    .brand-menu-custom-item img {
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    .site-menubar ul.site-menu li:first-child {
        display: none;
    }
    #notification-mobile {
        padding: 20px 20px 16px 10px !important;
    }
    #site-logout-mobile a {
        padding: 20px 10px 18px 0px !important;
    }
    #notification-mobile:link,
    #notification-mobile:visited,
    #notification-mobile:focus,
    #notification-mobile:hover {
        background: transparent;
    }
    #site-logout-mobile a:link,
    #site-logout-mobile a:visited,
    #site-logout-mobile a:focus,
    #site-logout-mobile a:hover {
        background: transparent;
    }
    .navbar-brand.navbar-brand-center {
        padding-left: 15px !important;
        padding-right: 0px !important;
    }
}

.navbar-toggler-left {
    margin-left: 5px;
}


/*sidebar navigation*/

.page-aside .list-group-item.active {
    color: #1571b7b3;
}

.page-aside .list-group-item.active>.icon {
    color: #1571b7b3;
}

.page-aside .list-group-item .icon {
    color: #1571b7b3;
}

.page-aside .list-group-item:hover>.icon, .page-aside .list-group-item:focus>.icon {
    color: #af5b5b;
}

.page-aside .list-group-item:hover, .page-aside .list-group-item:focus {
    color: #af5b5b;
    background-color: #f6f4f3;
}

.page-aside .list-group-item.active:hover, .page-aside .list-group-item.active:focus {
    color: #af5b5b;
    background-color: #f6f4f3;
}

.page-aside .list-group-item.active:hover>.icon, .page-aside .list-group-item.active:focus>.icon {
    color: #af5b5b;
}

.page-aside .list-group-item {
    padding: 10px 30px;
}

.page-aside span.list-group-item:hover, .page-aside span.list-group-item:focus {
    color: #76838f;
    background-color: #ffffff;
}

.page-aside span.list-group-item:hover>.icon, .page-aside span.list-group-item:focus>.icon {
    color: #a3afb7;
}


/* full fluid */

.full-fluid .page {
    max-width: 100% !important;
}

.full-fluid .site-menubar {
    padding-left: 20px !important;
    padding-right: 20px !important;
}


/*
@media (min-width: 1200px) {
  .full-fluid .site-menubar {
    padding-left: 10px !important;
  }
}
*/


/* login */

.page-login-v3 .brand-img {
    max-width: 180px;
}

.btn-login {
    background: #1571b7b3;
    border-color: #1571b7b3;
}

.btn-login:focus, .btn-login:hover {
    background: #1779c5b3;
    border-color: #1779c5b3;
}

.page-login-v3 {
    background: #e0dfd5 !important;
}

.page-login-v3::before {
    background: #e0dfd5 !important;
}

.page-login-v3 .page-copyright {
    color: #313638;
}

.page-login-v3 .page-copyright .social .icon {
    color: #313638;
}

.page-login-v3 .form-material .form-control, .page-login-v3 .form-material .form-control:focus, .page-login-v3 .form-material .form-control.focus {
    float: none;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1571b7b3), to(#1571b7b3)), -webkit-gradient(linear, left top, left bottom, from(#e4eaec), to(#e4eaec));
    background-image: -webkit-linear-gradient(#1571b7b3, #1571b7b3), -webkit-linear-gradient(#e4eaec, #e4eaec);
    background-image: -o-linear-gradient(#1571b7b3, #1571b7b3), -o-linear-gradient(#e4eaec, #e4eaec);
    background-image: linear-gradient(#1571b7b3, #1571b7b3), linear-gradient(#e4eaec, #e4eaec);
}

.page-login-v3 form .form-material label {
    color: #a3afb7 !important;
}


/* login social */

.loginbox-or {
    height: 20px;
    position: relative;
    text-align: center;
    margin-top: 20px;
}

.loginbox-or-line {
    background-color: #1571b7b3;
    height: 1px;
    left: 40px;
    position: absolute;
    right: 40px;
    top: 10px;
}

.loginbox-or-text {
    background-color: #fff;
    color: #999;
    height: 20px;
    left: calc(50% - 35px);
    margin: 0 auto;
    position: absolute;
    top: 0;
    width: 70px;
}


/* panel */

.pa-all a {
    display: inline-block;
    float: left;
}

.pa-all form {
    display: inline-block;
    float: left;
}


/* panel primary
.panel-primary .panel-heading {
  background-color: #f6be80;
}
.panel-primary .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f6be80;
}
.panel-primary .panel-heading .tag-pill {
  color: #f6be80;
}
.panel-primary .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #f6be80;
}
.panel-line.panel-primary .panel-heading {
  color: #f6be80;
  border-top-color: #f6be80;
}
.panel-line.panel-primary .panel-title {
  color: #f6be80;
}
.panel-line.panel-primary .panel-action {
  color: #f6be80;
}
.panel-bordered.panel-primary {
        border: 1px solid #f6be80;
}
*/

@media (min-width: 768px) and (max-width: 991px) {
    .icon-btn-mobile {
        display: none !important;
    }
    .btn-action-panel-new {
        display: none !important;
    }
}
@media (min-width: 320px) and (max-width: 767px) {
    .btn-action-panel {
        margin-left: 10px !important;
        margin-right: 0px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media (min-width: 320px) and (max-width: 479px) {
    .panel-actions-title-custom {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        display: block !important;
        margin: auto !important;
        padding: 0 30px 15px !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
        right: 0px !important;
        text-align: center;
    }
    .panel-actions-title-custom a {
        float: none;
    }
    .panel-actions-title-custom a:first-child {
        margin-right: 0px !important;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    .panel-actions-title-custom {
        position: absolute;
        top: 50%;
        right: 15px;
        padding: 0;
        -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        -o-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
    }
}
@media (min-width: 320px) and (max-width: 479px) {
    .pact-single-btn {

    }
    .panel-actions-title-custom.pact-single-btn {
        position: absolute !important;
        top: 40px !important;
        right: 15px !important;
        padding: 0 !important;
        -webkit-transform: translate(0%, -50%) !important;
        -ms-transform: translate(0%, -50%) !important;
        -o-transform: translate(0%, -50%) !important;
        transform: translate(0%, -50%) !important;
    }
}

.panel-activity {
    position: relative;
    border: 1px solid #e4eaec;
}
.box-btn-delete-activity {
    position: absolute;
    top: 0px;
    right: 0px;
}


/*
position: absolute;
top: 50%;
right: 30px;
padding: 0;
-webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
*/
/* FORM */

.form-control.focus, .form-control:focus {
    border-color: #1571b7b3;
}


/* tables */

.table a {
    text-decoration: none;
}

.table-hover a:hover {
    color: #1571b7b3 !important;
}

.padding-filter>div {
    margin-left: 15px;
    margin-right: 15px;
}

.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
    padding: 5px;
}

.table-noborder>tbody>tr>td, .table-noborder>tbody>tr>th, .table-noborder>tfoot>tr>td, .table-noborder>tfoot>tr>th, .table-noborder>thead>tr>td, .table-noborder>thead>tr>th {
    border: 0px;
}

.table-edit-client {
    /*
          width: 400px;
          max-width: 100%;
    */
}

/*
.RowTogglerFootable .footable-first-column {
  max-width: 100px;
}
*/
.RowTogglerFootable th, .RowTogglerFootable td {
    white-space: normal !important;
}
/*
@media (min-width: 414px) and (max-width: 479px) {
  .RowTogglerFootable .footable-row-detail-value {
      max-width: 160px;
  }
}
@media (min-width: 375px) and (max-width: 413px) {
  .RowTogglerFootable .footable-row-detail-value {
      max-width: 140px;
  }
}
@media (min-width: 320px) and (max-width: 374px) {
  .RowTogglerFootable .footable-row-detail-value {
      max-width: 70px;
  }
}
*/

.table-edit-client .editableform .form-control {
    max-width: 170px;
}

.footableBlockDetails .footable-row-detail-cell .footable-row-detail-inner .footable-row-detail-row .footable-row-detail-name {
    display: block;
}
.footableBlockDetails .footable-row-detail-cell .footable-row-detail-inner .footable-row-detail-row .footable-row-detail-value {
    display: block;
}
.footable .footable-row-detail-cell .footable-row-detail-inner .footable-row-detail-row .footable-row-detail-name {
    color: #37474f;
}
.footable .footable-row-detail-cell .footable-row-detail-inner .footable-row-detail-row .footable-row-detail-value strong {
    color: #37474f;
}

@media (min-width: 320px) and (max-width: 413px) {
    .RowTogglerFootable .footable-row-detail-name {
        display: block;
    }
    .RowTogglerFootable .footable-row-detail-value {
        display: block;
    }
}

/* adjust mobile */

@media (max-width: 479px) {
    /* adjust page */
    .page {
        min-height: calc(100% - 65px);
    }
    .page-content {
        padding: 10px 30px;
    }
    /* adjust footer */
    .site-footer-legal {
        margin-left: 0px;
    }
    .site-footer-right {
        margin-right: 0px;
    }
}


/* adjust commons elements */

.datepicker.dropdown-menu {
    z-index: 10000;
}

.ph-btn-back {
    float: left;
}

.page-content-table .table>tbody>tr>td:first-child, .page-content-table .table>tbody>tr>th:first-child, .page-content-table .table>thead>tr>td:first-child, .page-content-table .table>thead>tr>th:first-child {
    padding-left: 10px;
}

.page-content-table .table>tbody>tr>td:last-child, .page-content-table .table>tbody>tr>th:last-child, .page-content-table .table>thead>tr>td:last-child, .page-content-table .table>thead>tr>th:last-child {
    padding-right: 10px;
}

.sel-opt {
    background: #f3f7f9 !important;
}

.sel-opt:focus {
    background: #fff !important;
}

.tpilltabs>li>a>span.tag-pill {
    background: #62a8ea;
    color: #ffffff;
}

.tpilltabs>li>a.active>span.tag-pill {
    background: #ffffff;
    color: #62a8ea;
}

.ph-cat-tabs h3, .ph-cat-tabs button {
    display: inline-block;
}

.footable>tfoot .pagination>li.active>a, .footable>tfoot .pagination>li.active>a:focus, .footable>tfoot .pagination>li.active>a:hover {
    color: #fff !important;
    border-color: #62a8ea !important;
    background-color: #62a8ea !important;
}

.footable>tfoot .pagination>li.disabled>a, .footable>tfoot .pagination>li.disabled>a:focus, .footable>tfoot .pagination>li.disabled>a:hover {
    color: #ccd5db !important;
    border-color: #e4eaec !important;
    background-color: transparent !important;
}

.footable>tfoot .pagination a {
    color: #76838f !important;
    border: 1px solid #e4eaec !important;
    background-color: transparent !important;
}

.footable>tfoot .pagination a:focus, .footable>tfoot .pagination a:hover {
    color: #89bceb !important;
    border-color: #e4eaec !important;
    background-color: #f3f7f9 !important;
}

.textareintervento textarea {
    height: 111px !important;
}
.uploadintervento .dropify-wrapper, .toggleUploader_upload .dropify-wrapper {
    height: 111px !important;
}

.toggleUploader_upload {
    display: none;
}

.toggleUploader_uploaded_bis {
    float: left;
}
.toggleUploader_upload_bis {
    float: left;
}

.toggleUploader_upload_bis .dropify-wrapper {
    height: 111px !important;
}

.uploadedThumb {
    max-height: 85px;
    max-width: 100%;
    margin-top: 5px;
}
.toggleUploader_uploaded_bis .uploadedThumb {
    height: 111px;
    max-height: 111px;
}

/* dashboard */

.quick-dashboard-link:hover .card .counter {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.quick-dashboard-link .counter-icon .tag {
    font-size: 41%;
}

.memobtncontainer {
    float: right;
    width: 45px;
}

.tlbox .checkbox-custom > input {
    display: inline-block;
}
.tlbox .checkbox-custom > label {
    display: inline-block;
    max-width: calc(100% - 60px);
}
.tlbox .memobtncontainer {
    display: none;
}
.tlbox:hover .memobtncontainer {
    display: inline-block;
}

.memodata {
    display: inline-block;
    width: 75px;
}

.tlbox .checkbox-custom > label:hover {
    cursor: default;
}
.tlbox .checkbox-custom > label > span:hover {
    cursor: default;
}
.tlbox .checkbox-custom > input:hover {
    cursor: pointer;
}


/* attività - taskboard */

.taskboard-stage {
    width: 30% !important;
}

@media (max-width: 991px) {
    .taskboard-stage {
        width: 100% !important;
        display: block !important;
    }
}

.addMember-list {
    width: 200px;
}

@media (max-width: 479px) {
    .app-taskboard .page {
        height: -webkit-calc(100% - 65px) !important;
        height: calc(100% - 65px) !important;
    }
}

.list-task .list-group-item {
    padding-top: 0;
    padding-bottom: 0;
}
@media (min-width: 992px) {
    .panel-body-dashboard-lri {
        min-height: 280px;
    }
}
.list-task .list-group-item .checkbox-custom input {
    border: 0px;
}

/*calendario*/

.app-calendar .page-main {
    margin-left: 260px;
}

@media (max-width: 1199px) {
    .app-calendar .page-main {
        margin-left: 220px;
    }
}

@media (max-width: 767px) {
    .app-calendar .page-main {
        margin-left: 0px;
    }
}


/* adjust commons elements & fix */

@media (max-width: 767px) {
    .RowTogglerFootable td {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    td.btns-customers-actions {
        min-width: 85px;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .RowTogglerFootable tbody td:first-child {
        padding-left: 0px !important;
    }
}

.footable-row-detail-row {
    font-size: 15px;
    word-wrap: break-word;
}
.footableHalf .footable-row-detail-row {
    width: 50% !important;
    float: left;
}
.footable-row-detail-row::after {
    clear: both;
}

.btnunderint a{
    width: 155px;
}

.rowfilter {
    margin-right: 5px;
    margin-left: 5px;
}

.slidePanel-right {
    width:100% !important;
}
.modal-backdrop{
    z-index:1309 !important;
}
tr.clicked{
    background-color: #ffccbc;
}
@media (min-width: 481px) {
    .rowfilter {
        margin-right: 15px;
        margin-left: 15px;
    }
}

@media (max-width: 480px) {
    .page-content {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}
@media (min-width: 481px) and (max-width: 767px) {
    .page-content {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}