/*  custom file biz */
/*START GENERAL INSTRUCTIONS*/
body {
    color: #000;
}

a {
    color: #df1625;
}
a:hover {
    color: #000;
}

.red.btn {
    background-color: #df1625;
}

.red.btn:hover,
.red.btn:focus,
.red.btn:active,
.red.btn.active {
    background-color: #fd4540;
}

span[class^="icon-"] {
    font-weight: bold;
}

.portlet.light > .portlet-title > .caption > i {
    font-weight: 900!important;
    color:#000;
}
.form-group {
    margin-bottom: 20px;
}
.input-group {width:100%;}
.has-error .form-control {
    border-color: #ff0000;
}
.has-error .help-block,
.has-error .help-inline,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
    color: #ff0000;
}

.form-control.disabled_style1[disabled],
.form-control.disabled_style1[readonly],
fieldset[disabled] .form-control.disabled_style1 {
    cursor: initial;
    background-color: #fff;
}

.label.label-sm {
    font-size: 10px;
    padding: 1px 6px 2px 6px;
}
.gif-chart {padding-top:20px;}
.gif-chart-target {padding-top:80px;}

.portlet-dashboard.type1 .portlet-title {border-bottom:1px solid #000 !important}
.portlet-dashboard.type1 .label{background-color:#000;}
.portlet-dashboard.type1 .portlet-title .caption-subject{color:#000 !important}

.portlet-dashboard.type2{background-color:#C9F7F5 !important;}
.portlet-dashboard.type2 .portlet-title {border-bottom:1px solid #45B6AF !important}
.portlet-dashboard.type2 .label{background-color:#45B6AF;}
.portlet-dashboard.type2 .portlet-title .caption-subject{color:#45B6AF !important}

.portlet-dashboard.type3{background-color:#FFF4DE !important;}
.portlet-dashboard.type3 .label{background-color:#FEB019;}
.portlet-dashboard.type3 .portlet-title {border-bottom:1px solid #FEB019 !important}
.portlet-dashboard.type3 .portlet-title .caption-subject{color:#FEB019 !important}

.portlet-dashboard.type4{background-color:#FFE2E5 !important;}
.portlet-dashboard.type4 .label{background-color:#F64E60;}
.portlet-dashboard.type4 .portlet-title {border-bottom:1px solid #F64E60 !important}
.portlet-dashboard.type4 .portlet-title .caption-subject{color:#F64E60 !important}

.portlet-dashboard.type5 .label{background-color:#8950FC;}
.portlet-dashboard.type5 .portlet-title {border-bottom:1px solid #8950FC !important}
.portlet-dashboard.type5 .portlet-title .caption-subject{color:#8950FC !important}

.portlet-dashboard.type6{background-color:#EEE5FF}
.portlet-dashboard.type6 .label{background-color:#8950FC;}
.portlet-dashboard.type6 .portlet-title {border-bottom:1px solid #8950FC !important}
.portlet-dashboard.type6 .portlet-title .caption-subject{color:#8950FC !important}

.portlet-dashboard .caption-subject{font-size:15px!important;}

.portlet-dashboard.target{min-height:490px;}


.portlet-dashboard .label.data {font-size:20px;display: block;}
.table-responsive {
    /*padding-top: 23px;*/
}
.tabs-container{background-color: #FFF;}
.tabs-body{border: 1px solid; border-color:#fff #dee2e6 #dee2e6 #dee2e6;border-top-radius:0!important;}
.tab-pane{margin-top:20px;}
.nav-tabs {margin-bottom:0;background-color: #f5f5f5;}
.nav-tabs .nav-item .nav-link{background-color:#FFF;margin-bottom:-1px;border:1px solid #dee2e6;    color: #495057;}
.nav-tabs .nav-item .nav-link:hover{color: #df1625;}

.nav-tabs .nav-item.active .nav-link {
    color: #df1625;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    border-bottom:none;
}


.portlet.light > .portlet-title > .caption {
    color: #000;
}

.portlet.light .caption-subject {
    font-weight: 800 !important;
}
.breadcrumb {
    padding:0 0 15px 15px;
}

.form .form-body h3.form-section {font-size:16px;font-weight: 800;text-transform:uppercase;padding:10px 0}

.form .form-body h3.form-section i {

    font-weight: 900!important;
    color: #000;
    font-size: 15px;
    float: left;
    display: inline-block;
    margin-right: 5px;
}

.choose-step .btn {width:100%;padding:30px;margin:30px 0;white-space: normal;min-height: 170px;}
.choose-step .btn p.title{font-size:28px;}
.choose-step .btn p.text{font-size:14px;margin-top:20px;}
.buyer-block{margin-top: 40px;border-top: 1px solid #ccc;padding-top: 40px!important;}
@media (min-width: 768px) {
    .text-right-sm {
        text-align: right;
    }
}
.btn {
    margin-left: 10px;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .btn-nomargin {
        margin-left: 0;
        margin-top: 15px;
    }
}
.modal-footer .btn {
    margin-bottom: 0px;
}

@media (min-width: 992px) {
    .modal-dialog {
        width: 860px;
    }
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 740px;
    }
}

.modal-open {
    overflow-y: hidden !important;
    /*sovrascrive istruzione components-rounded.css*/
}

/* non permette lo zoom automatico su iphone al clic su un tag del form*/
select,
textarea,
input {
    font-size: 16px;
}

input[type="file"] {
    font-size: 14px;
}

@media (max-width: 767px) {
    .portlet .portlet {
        padding-right: 0;
        padding-left: 0;
    }
}
/* start jstree */
@media (max-width: 767px) {
    .jstree {
        overflow-x: auto;
    }
}
@media (min-width: 768px) {
    .jstree-default .jstree-icon:empty {
        margin-top: 10px;
    }
}
.jstree-default .jstree-anchor {
    line-height: 33px;
    height: 50px;
    background: #f1f1f1;
    padding: 3px 20px 0px 5px;
    display: inline-block;
    margin-bottom: 5px;
}
.jstree-default .jstree-anchor .btn {
    margin-top: 5px;
}

.jstree-default > .jstree-container-ul > .jstree-node {
    padding-bottom: 10px;
}

.jstree-default .jstree-hovered {
    background: #ddd;
}

.jstree-default .jstree-clicked {
    background: #ccc;
}

.jstree-default .jstree-themeicon-custom {
    background: #fff;
    border-radius: 100%;
    margin-right: 10px;
}

@media (max-width: 768px) {
    .jstree-default-responsive .jstree-closed > .jstree-ocl {
        background-color: #f1f1f1;
        border-radius: 20px;
        margin-right: 10px;
    }
}
.jstree-anchor > div {
    display: inline-block;
    height: 33px;
    line-height: 33px;
}

.jstree-node.nocheckbox > a > .jstree-checkbox {
    display: none;
}

/* end jstree */
/* modal loader caricamento file */
#jquery-loader-background {
    background-color: #000;
}

#jquery-loader {
    color: #000;
    padding: 40px;
    background-color: white;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    width: 450px !important;
    height: auto !important;
    left: 50% !important;
    margin-left: -225px;
    border: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border-radius: 6px;
}
@media (max-width: 479px) {
    #jquery-loader {
        left: 2% !important;
        width: 96% !important;
        margin-left: 0;
    }
}

.loader_container {
    position: relative;
    padding-top: 30px;
}

.loader-2 {
    position: relative;
    top: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
}
.loader-2:after {
    content: '';
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    border: 0px solid #df1625;
    transform: translate(-50%, -50%);
    animation: loading 1000ms ease-out forwards infinite;
}

@keyframes loading {
    0% {
        border: 0px solid #df1625;
    }
    20% {
        border: 8px solid #df1625;
        width: 0%;
        height: 0%;
    }
    100% {
        border: 8px solid #df1625;
        width: 100%;
        height: 100%;
    }
}

.loader_container .txt_loader {
    text-align: center;
    margin-bottom: 10px;
}

/* end modal loader caricamento file */
/*END GENERAL INSTRUCTIONS*/
.btn-danger {background-color: #df1625;}
.modal .costTitle{font-weight: bold;color:#df1625;margin:0px;}
.modal .costTitle span{margin:10px;}
.modal .costTable{margin:0;padding:0;width:100%;}
.modal .costTable td, .modal .costTable th{padding:5px;}



/*START HEADER*/
@media (max-width: 991px) {
    .page-head {
        background: #eee;
    }
}

.top-menu {
    font-size: 14px;
}

.page-header .page-header-top .page-logo {
    width: 185px;
}

@media (max-width: 480px) {
    .page-header .page-header-top .top-menu {
        display: inline;
        /*sovrascrive istruzioni layout.css*/
        clear: initial;
        /*sovrascrive istruzioni layout.css*/
        margin-top: 0px;
        /*sovrascrive istruzioni layout.css*/
    }
    .page-header .page-header-top .page-logo .logo-default {
        width: 230px;
        margin-top: 20px!important;
    }
    .page-head .page-title {
        display: inline-block;
        float: left;
        padding: 19px 0 0 0!important;
    }
    .portlet-title .add-new {width:100%;float:left}
    .portlet-title .add-new .btn{width:100%;margin:0;}
}
.page-header .page-header-top .page-logo .logo-default {
    margin-top: 25px;
}

.top-menu .nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
}
@media (max-width: 480px) {
    .top-menu .nav > li > a {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.nav > li > a:focus,
.nav > li > a:hover {
    background-color: #fff;
}

.top-menu .nav li span.txt {
    position: relative;
    display: block;
    padding: 15px 3px;
    line-height: 20px;
}
@media (max-width: 991px) {
    .top-menu .nav li span.txt {
        padding: 15px;
    }
}
/*
.top-menu li a i.fa-user {
    background: #df1625;
    color: #fff;
    border-radius: 13px;
    width: 25px;
    display: inline-block;
    height: 25px;
    padding: 5px;
}
*/
.dropdown-user a .username,.dropdown-user a i{color:#df1625!important;}
.dropdown-user .dropdown-menu {
    width: 210px!important;
}
.choose-step .btn-circle{background-color:#0054a4!important;color:#FFF;}
.choose-step .btn-circle:hover{background-color:#1965ad!important;}
.task-filter label{line-height: 34px!important;}
.net-taxable {background-color:#FFF4DE !important;}
@media (min-width: 768px) {
    .top-menu li a i.fa-user {
        margin-top: -5px;
    }
}

@media (max-width: 991px) {
    .page-breadcrumb {
        padding-top: 10px;
    }
}

@media (max-width: 767px) {
    .page-header .page-header-top .top-menu .navbar-nav > li {
        position: static;
    }

    .nav.pull-right > li > .dropdown-menu {
        right: 10px;
        left: auto;
        width: 96%;
    }

    .navbar-nav .open .dropdown-menu > li {
        border-bottom: 1px solid #ddd;
    }

    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu > li > a i.fa-times-circle {
        color: #df1625;
    }

    .navbar-nav .open .dropdown-menu > li.user > a span {
        text-decoration: underline;
    }
}
@media (max-width: 1200px) and (min-width: 992px) {
    .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
        padding: 16px 11px 15px 11px;
        font-size: 13px;
    }
}
/*END HEADER*/
/*START CONTENT*/
.page-content {
    background: #F6F6F6;
}

/*END CONTENT*/
/*START FOOTER*/
.page-prefooter {
    background-color: #fff;
    color: #000;
    padding: 20px;
}
.page-prefooter img {
    width: 160px;
}
.page-footer {
    background: #0054a4;
    color: #fff;
    padding-bottom: 65px;
    font-size: 14px;
}

.scroll-to-top >i {
    color:#FFF;
}

/*END FOOTER*/
/*START PAGE LOGIN*/
.login {
    background: #fff !important;
}
.login .content {
    position: relative;
    background-color: #df1625;
    margin-top: 0;
    overflow: visible;
    padding-top: 30px;
    padding-bottom: 40px;
}
.login .content .form-title {
    margin-top: 0px;
    margin-bottom: 40px;
}
.login .content h3 {
    color: #fff;
    font-size: 24px;
}
.login .content p {
    color: #fff;
}
.login .content .form-control {
    color: #333;
    border-color: #E5E5E5;
    background-color: #fff;
}
.login .content .has-error .form-control {
    background-color: #ebccd1;
}
.login .content .has-error .help-block {
    color: #fff;
}
.login .content .has-error .input-icon > i {
    margin-top: 13px;
}
.login .content .check {
    color: #fff;
    margin-left: 0;
}
.login .content .form-actions {
    border: none;
    padding-bottom: 0;
}
.login .content .btn-success {
    background-color: #CA110B;
    border: 1px solid #fff;
    float: right;
}
.login .content .form-actions .btn-back {
    background: none;
    text-align: left;
    padding: 10px 0 0 0 !important;
    color: #fff;
    text-decoration: underline;
    font-weight: normal;
}
.login .content .form-actions .btn-back:hover {
    background: none !important;
    color: #fff;
}
.login .content .forget-password {
    position: absolute;
    bottom: -30px;
    left: 0;
    text-decoration: underline;
}

/*END PAGE LOGIN*/
/*START PAGE UTENTE WEBMASTER DASHBOARD*/
.portlet-dashboard .portlet-body .scroller {
    height: 320px;
}
.portlet-dashboard .portlet-body .scroller table a {
    font-weight: 600;
}

.portlet-dashboard2 .portlet-body .scroller {
    height: 460px;
}

.portlet-dashboard .portlet-body .btn-search-link {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
}
.portlet-dashboard .portlet-body .btn-search-link .btn-search {
    background: #ccc;
    color: #fff;
    border-radius: 5px;
    padding: 3px 10px 1px;
    float: right;
    margin-right: 14px;
}
.portlet-dashboard .portlet-body .btn-search-link .btn-search span {
    font-weight: normal;
}

@media (max-width: 767px) {
    .js-portlet-mobi-1 {
        display: none;
    }

    .site-page-container .js-portlet-mobi-1 {
        display: block;
    }
}
.nav-tab-mobile {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    overflow: hidden;
}
.nav-tab-mobile li {
    float: left;
}
.nav-tab-mobile li a {
    border-radius: 4px;
    padding: 10px 12px;
    display: block;
}
.nav-tab-mobile li a:hover {
    text-decoration: none;
}

.nav-tab-mobile > li.active > a,
.nav-tab-mobile > li.active > a:hover,
.nav-tab-mobile > li.active > a:focus {
    background-color: #FB140C;
    border: none;
    border-radius: 4px;
    color: #fff;
}

.legend-icon {
    width: 10px;
    height: 10px;
    display: inline-block;
}

/*END PAGE  UTENTE WEBMASTER DASHBOARD*/
/*START PAGE UTENTE WEBMASTER TAGS*/
h4.form-section2 {
    font-size: 14px;
    margin-bottom: 25px;
}

/*END PAGE  UTENTE WEBMASTER TAGS*/
/*PAGE WEBMASTER LISTA UTENTI*/
table tr.disabled_row {
    background-color: #eee;
    color: #999;
}
table tr.disabled_row a {
    color: #999;
}

table tr.evidence_row {
    background-color: #e0ffff;
}

.table_legend {
    margin-top: 20px;
}
.table_legend span {
    border: 1px solid #ddd;
    display: inline-block;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;
}
.table_legend span.table_legend1 {
    background: #eee;
}
.table_legend span.table_legend2 {
    background: #e0ffff;
}

td.act-buttons{min-width: 226px;}

.portlet.light > .portlet-title > .nav-tabs > li.disabled {
    border: none !important;
}

.portlet.light > .portlet-title > .nav-tabs > li > span {
    margin: 0;
    padding: 12px 13px 13px 13px;
    font-size: 13px;
    color: #666;
    display: block;
}

.drag-img {
    margin-top: 10px;
    text-align: center;
    margin-bottom: 10px;
}
.drag-img img {
    width: 45px;
    display: inline-block;
}
.drag-img span {
    vertical-align: middle;
    display: inline-block;
}

/* END PAGE WEBMASTER LISTA UTENTI*/
/*PAGE WEBMASTER SITI PRODUTTIVI*/
/* END PAGE WEBMASTER SITI PRODUTTIVI*/
/*PAGE  UTENTE WEBMASTER FOTO*/
.mix-filter li:hover,
.mix-filter li.active {
    background: #FD150E;
}

.mix-grid .mix .mix-inner img {
    width: 100%;
}

.mix-grid .mix .mix-details {
    text-align: left;
    background: #FD150E;
}

.mix-grid .mix .mix-details p {
    padding: 0 10px;
}

.mix-grid .mix a.mix-link,
.mix-grid .mix a.mix-preview,
.mix-grid .mix a.mix-link:hover {
    color: #fff;
    left: 10px;
    bottom: 10px;
    padding: 0;
    background: none;
    border: none;
}

.mix-grid .mix a.mix-delete {
    color: #fff;
    right: 10px;
    bottom: 10px;
    position: absolute;
    border: 2px solid #fff;
    border-radius: 15px;
    padding: 4px;
    width: 29px;
    text-align: center;
}

.mix-grid .mix a.mix-link span[class^="icon-"] {
    font-size: 25px;
    font-weight: normal;
}

/*END PAGE  UTENTE WEBMASTER FOTO*/
/*START PAGE UTENTE WEBMASTER ESPORTA FOTO*/
.form-horizontal .text-left {
    text-align: left;
}

.label-datarange {
    left: -20px;
    position: absolute;
    top: 7px;
}

@media (max-width: 767px) {
    .input-daterange {
        position: relative;
        left: 20px;
        width: 95% !important;
    }
}
@media (max-width: 400px) {
    .input-daterange {
        max-width: 230px !important;
    }
    .input-daterange .form-control {
        padding-left: 5px;
        padding-right: 5px;
    }
}
/*END PAGE  UTENTE WEBMASTER ESPORTA FOTO*/
/*START PAGE UTENTE IMPIANTO STAZIONE DASHBOARD*/
@media (max-width: 767px) {
    .thumbnails-dashboard {
        overflow: auto;
    }
    .thumbnails-dashboard .thumbnails-dashboard-inner {
        width: 1700px;
    }
    .thumbnails-dashboard .thumbnails-dashboard-inner .mix {
        width: 210px;
        float: left;
    }
}
/*END PAGE UTENTE IMPIANTO STAZIONE DASHBOARD*/
/*START PAGE UTENTE IMPIANTO STAZIONE FOTO*/
.navbar-secondary {
    background-color: #fff;
    border: none;
}
.navbar-secondary .navbar-collapse {
    border: none;
    background: #df1625;
}
.navbar-secondary .navbar-nav > li > a {
    color: #fff !important;
}
.navbar-secondary .navbar-nav > .active > a {
    background-color: #CA110B;
}
.navbar-secondary .navbar-nav > li > a:focus,
.navbar-secondary .navbar-nav > li > a:hover,
.navbar-secondary .navbar-nav > .active > a:focus,
.navbar-secondary .navbar-nav > .active > a:hover {
    background-color: #d9120c;
}
.navbar-secondary .navbar-toggle {
    border-color: #CA110B;
    background-color: #f87a76;
}
.navbar-secondary .navbar-toggle .icon-bar {
    background-color: #CA110B;
}
a.download  {font-weight: bold;text-transform: uppercase;color:#35682d;}
a.download:hover {color:#df1625;text-decoration: none;}
a.download i {background-color: #35682d;;color: #FFF;padding: 10px;margin-right: 4px;border-radius: 25px;font-size: 20px;}
a.download:hover i{background-color:#df1625}
.table.big th.primary{text-align: center;}
.table.big th.secondary{min-width: 150px;background-color:#CCC;text-align: center;}
.table.big .cashed{background-color:#e1e8ef}
.table.big .tocash{background-color:#c7d0e4}
.table.big td{min-width: 150px;border:1px solid #CCC;}
.table.big td{min-width: 150px;border:1px solid #CCC;}
.table.big td.cashed{background-color:#e1e8ef}
.table.big td.tocash{background-color:#c7d0e4}
.table.big tr.last td{background-color:#EFF1FD!important;}

.table.bill tr td{border:none;}
.table.bill .content td{border-bottom:1px solid #CCC;}
.table.bill .head td{border-bottom:2px solid #000;font-weight:bold;}
.table.bill .total td{border-top:2px solid #000;margin-bottom:40px;font-weight:bold;}


.page-head .select-year {}
.page-head .select-agent {padding:0 0 14px 0!important;}

.page-head .select-year, .page-head .select-agent {
    float:right;
    display: inline-block;
    padding:14px 0!important;;
    width:100%;
}

.page-head .select-year div, .page-head .select-agent div{
    float:right;
    display: inline-block;
    width:auto;
    line-height: 34px;
    text-align: right;
    padding:0 10px;
}
.page-head .select-year  select, .page-head .select-agent  select {
    float:right;
    display: inline-block;
    width:auto;
}

.page-head .page-title > h2 {
    font-size: 15px;
}

@media (min-width: 768px) {
    .input-daterange {
        width: 100% !important;
    }
}
div.checker {
    float: left;
    margin-right: 5px !important;
}

div.radio-list2 {
    padding-left: 25px;
}
div.radio-list2 .radio-inline {
    padding-right: 20px;
    padding-left: 0px;
}

@media (max-width: 767px) {
    .radio-list > label.radio-inline2 {
        display: block;
        clear: both;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
    }
}
.modal-photo img {
    margin-bottom: 20px;
}

/*END PAGE UTENTE IMPIANTO STAZIONE FOTO*/