/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the
 * later versions of this theme.
 *
 * We advise that you use use this CSS to override
 * ViolanteERP styles.
 *
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of ViolanteERP.
 */

/*
 * INDEX
 *
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
/*
body.container {
    min-height: 960px;
}
*/
tbody tr td.details-control{
    font-size: 0px;
}
tbody tr td.details-control::before{
    font-size: 22px !important;
}
.page-footer {
    background-color: #194D7B;
}
/*
.smart-style-4 .page-title {
    margin-left: 30px;
}

.smart-style-4 #ribbon {
    display: inline;
}

.smart-style-4 .ribbon-button-alignment {
    display: inline;
}

.smart-style-4 #ribbon {
    left: 0;
    top: 21px;
}
*/
#header > div {
    height: 48px;
}
#logo-group > span{
    margin: 0;
    padding: 0;
}
#logo img {
    width: auto;
    padding: 0;
    height: 48px;
}
.smart-style-1 #header {
    background-image: none;
    background-color: #edd0a8;
}
.smart-style-1 .btn-header > :first-child > a {
    background: #6d583d;
    border: 1px solid #170302;
    color: #170302 !important;
    cursor: pointer !important;
}
.smart-style-1 .page-footer, .smart-style-1 .superbox-show, .smart-style-1 aside {
    background: #170302;
}
.login-info {
    display: block;
    font-size: 12px;
    height: 39px;
    color: #fff;
    border: none;
    border-width: 1px 0;
    box-shadow: inset 1px 1px 0 rgb(0 0 0 / 10%), inset 0 -1px 0 rgb(0 0 0 / 7%);
    width: 100%;
    margin: 0 !important;
    border-bottom: 1px solid #525151;
}
#extr-page #header {
    margin: 0;
    height: 51px;
    border-bottom: 1px solid #eee !important;
    overflow: hidden;
    padding: 0;
    border-width: 0;
    min-height: 28px;
    background: #edd0a8 !important;
}
#extr-page #header #logo img {
    width: auto;
}
#extr-page #header #logo {
    margin-top: 0px;
    margin-left: 0;
}
.smart-style-4 #header > :first-child {
    background: #fff;
}
@media (max-width: 979px) {
    .smart-style-4 #header {
        background: #fff;
    }
}

.smart-style-4 aside {
    background: #8a3c52;
}
.smart-style-4:not(.menu-on-top) nav ul li a:hover {
    background: #82B6E4;
}
.smart-style-4 nav ul li.open > a, .smart-style-4 nav ul ul {
    background: #143356
}
.smart-style-4 aside .minifyme {
    background: #82B6E4;
}
.smart-style-4 aside .minifyme:hover {
    background: #82B6E4;
}

.smart-form fieldset {
    padding-top: 5px;
}

/*
 * Glyphicons
 */
.bs-glyphicons {
    padding-left: 14px;
    padding-right: 7px;
    padding-top: 14px;
    padding-bottom: 1px;
    list-style: none;
    overflow: hidden;
}
.bs-glyphicons li {
    float: left;
    width: 25%;
    height: 124px;
/*    padding: 10px;*/
    margin: 0 -1px 0 0;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
/*    border: 1px solid #ddd;*/
    padding-top: 1px;
}
.bs-glyphicons .glyphicon {
 /*   margin-top: 5px;*/
    margin-bottom: 1px;
    font-size: 24px;
}
.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
}
/*
.bs-glyphicons li:hover {
    background-color: #97cfff;
}
*/

.glyphicon img{
    opacity: 0.9;
}

.glyphicon img:hover{
    opacity: 1;
}

.glyphicon img:active{


    padding: 2px 2px 2px 2px;
}

@media (min-width: 600px) {
    .bs-glyphicons li {
        width: 10%;
    }
}

@media (min-width: 600px) and (max-width: 800px) {
    .bs-glyphicons li {
        width: 16%;
    }
}

@media (min-width: 800px) and (max-width: 960px) {
    .bs-glyphicons li {
        width: 14%;
    }
}

/* Progress Bar */
/* todo bug
body {
    overflow:hidden;
}
*/
#progress-cover {
    position:absolute;
    padding:0;
    /*margin:0;*/
    /*margin-left: -14px;*/ /* problemi su modal */
    /* left:0; */
    top:0;
    width: 100%;
    height: 100%;
    background:rgba(255,255,255,255);
    z-index: 9;
}
.progress {
    height: 80px;
    width: 80px;
    position: absolute;
    margin-left: 47%;       /* 50% - dimensione del loader */
    margin-top: 100px;
    background-color: #ffffff;
    box-shadow: none;
    z-index: 99;
}
.progress > svg {
    height: 100%;
    display: block;
}
@keyframes rotating {
    from {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}
.rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
    transform-origin: 50% 50%;
}
/* End Progress Bar */
/* select2 Error */
a.select2ErrorClass, ul.select2ErrorClass, input.select2ErrorClass, textarea.select2ErrorClass, select.select2ErrorClass {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #cc0000 !important;
    background-color: #f3d8d8 !important;
    background-image: url(http://goo.gl/GXVcmC) !important;
    background-position: 50% 50% !important;
    background-repeat: repeat !important;
}
label.select2ErrorClass {
    color: red;
    font-size: 11px;
    /*    font-style: italic;*/
    display: block;
}
/* End select2 Error */
/* Print Style */
@media print {
    .visible-print  { display: inherit !important; }
    .hidden-print   { display: none !important; }
}
/* End Print Style */

div.alert.alert-block{
    margin: 0px -10px 5px -10px !important;
    padding: 5px 15px 0px 15px !important;
    border: 1px #ccc solid !important;
    background-color: #efefef !important;
}
div.alert.alert-block a.close{
    width: 100%;
    text-align: right;
    margin: -5px -10px 0px 0px;
    color: #77021d;
}

.modal-xl{
    width: 1200px;
}

div.servizi-wrap, div.edit_servizi-wrap {
    max-height: 350px;
    overflow-x: hidden;
    width: 100%;
    padding: 0px 10px 0px 10px;
    margin: 0px 0px 10px -10px;
}







/********************************************/
/*              VIOLANTE ERP                */
/********************************************/
textarea.form-control{
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 37px;
    padding-top: 5px;
    width: calc(100% - 47px);
}
.select2-container .select2-choice abbr {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 32px;
    top: 8px;
    font-size: 16px;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    outline: 0;
}

.select2-search-choice-close::before {
    color: #acacac;
    content: "\f057";
}

.select2ErrorClass{
    color: #cc0000;
}

.img-thumbnail {
    max-height: 100px;
}

a.unclickable{
    cursor: not-allowed;
}
table .btn{
    margin-bottom:3px;
}
.select2-container .select2-choice > .select2-chosen {
    margin-right: 56px;
}
.smart-form .row {
    margin: 0px -14px;
}
input.has-button{
    width: calc(100% - 36px) !important;
}

.table-input{
    max-width: 200px;
    margin-bottom: 2px;
}
.table-input.last{
    margin-bottom: 0px;
}

.tooltip.fade.in{
    opacity: 0.9;
}
.smart-form .tooltip {
    padding: 5px;
    background: transparent;
}
.tooltip-inner {
    background-color: #3276b1;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #3276b1;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #3276b1;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #3276b1;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #3276b1;
}
.avere.alert{
    position: absolute;
    top: 6px;
    right: 19px;
}
.media:first-child {
    margin-top: 25px;
}

.detail-title{
    margin: 5px 0;
    border-bottom: 1px solid #acacac;
    padding: 2px 0;
}

.select-with-add-btn{
    width: calc(100% - 35px);
}

.smart-style-4 nav > ul > li > a {
    padding-top: 16px;
    padding-bottom: 16px;
}
.smart-style-4 nav ul li a {
    color: #bbc0cf;
    -webkit-transition: background-color .2s ease-in-out 0s;
    transition: background-color .2s ease-in-out 0s;
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 11px;
}

#login-form .tooltip {
    padding: 5px;
    color: #fff;
    background-color: #275b89;
    border-color: #1f496d;
}
#login-form .txt-color-teal {
    color: #fff !important;
}
#login-form .tooltip-top-right::after {
    border-top: 4px solid #275b89 !important;
}

.scroll-modal-content{
    max-height: 300px;
    overflow-y: scroll;
}

#print_button{
    position: absolute;
    margin: 7px;
    right: 230px;
    z-index: 1;
}

#print_button{
    position: absolute;
    margin: 7px;
    right: 230px;
    z-index: 1;
}

#print_button{
    position: absolute;
    margin: 7px;
    right: 230px;
    z-index: 1;
}


/* RICERCA */
.content-articolo-ricerca{
    border: 1px solid #C2C2C2;
    border-radius: 3px;
    padding: 10px 5px !important;
    margin: 5px 0;
}
.content-articolo-ricerca:hover {
    background: #fafafa;
}
.span-taglia{
    font-size: 16px;
    letter-spacing: 0px;
}
.span-colore{
    font-size: 16px;
    letter-spacing: 0px;
}
.span-collezione{

}
.span-codice{
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0px;
    border: 2px solid #ccc;
    padding: 4px 6px;
    border-radius: 16px;
    float: right;
}
.span-prezzo{
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
    float: right;
    line-height: 2em;
}
.span-codice_articolo{
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -1px;
    word-wrap: break-word;
}
.content-articolo-descrizione{
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
    height: 42px;
    overflow: hidden;
}
input.input-lg.has-button {
    width: calc(100% - 52px) !important;
}
/* ./ricerca */


/* eventi */
    .btn-group.btn-group-justified.btn-select-tick{
        height: 30px;
    }
    .checkbox-hide-in-future{
        color: #fff !important;
        float: right;
        line-height: 1em !important;
        font-size: 12px !important;
        width: 50%;
        top: 8px;
        left: -8px;
    }
    .form-hide-in-future{
        position: absolute;
        bottom: 20px;
        right: 0;
    }

/* ./eventi */


.show-stat-microcharts.totali_pagamenti > div {
    border-right: 1px solid #DADADA !important;
    border-top: 0px !important;
    margin: 0px 0px 20px 0px !important;
    height: 65px;
    overflow: hidden;
    padding: 7px 9px;
}
.show-stat-microcharts.totali_pagamenti > div:last-child {
    border-right: 0px !important;
}
.easy-pie-title {
    width: auto;
}
.smaller-stat span.label {
    width: auto;
}


.dataTables_wrapper .dt-toolbar select.form-control{
    display: inline-block;
}