/* 
    Created on : 02-apr-2016, 14.10.00
    Author     : cceppi
*/
#header {
    display: block;
    height: 79px;
    margin: 0;
    padding: 0 13px 0 0;
    background-color: #f3f3f3;
    background-image: -moz-linear-gradient(top, #f3f3f3, #e2e2e2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e2e2e2));
    background-image: -webkit-linear-gradient(top, #f3f3f3, #e2e2e2);
    background-image: -o-linear-gradient(top, #f3f3f3, #e2e2e2);
    background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2);
    background-repeat: repeat-x;
    position: relative;
    z-index: 905;
}

#ribbon {
    min-height: 40px;
    background: #315EA2;
    padding: 0 13px;
    position: relative;
}

aside {
    display: block;
    background: #315EA2;
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI5NyUiIHN0b3AtY29sb3I9IiMzYTM2MzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmEyNzI1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);*/
    background: -moz-linear-gradient(left, #315EA2 93%, #153b75 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(93%, #315EA2), color-stop(100%, #153b75));
    background: -webkit-linear-gradient(left, #315EA2 93%, #153b75 100%);
    background: -o-linear-gradient(left, #315EA2 93%, #153b75 100%);
    background: -ms-linear-gradient(left, #315EA2 93%, #153b75 100%);
    background: linear-gradient(to right, #315EA2 93%, #153b75 100%);
    min-height: 100%;
}

.btn-primary {
    color: #fff;
    background-color: #315EA2;
    border-color: #153b75;
}

.minified nav > ul > li {
    border-bottom: 1px solid #1A1817;
    border-top: 1px solid #5077b2;
}

#logo img {
    width: 200px;
    height: auto;
    padding-left: 3px;
    padding-top: 7px;
}

.pagination {
    margin: 0px 0;
}

.well {
    padding: 10px;
    margin-bottom: 10px;
}

.table {
    margin-bottom: 10px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #FBFBFB;
}

.list-group-item a {
    display: block;
}

.list-group-item.active a {
    color: #fff;
    display: block;
}

.label-stato-incorso {
    background-color: #a90329;
}

.label-stato-chiuso {
    background-color: #fbb03f;
}

.label-stato-pagato {
    background-color: #85ce16;
}

.form-group {
    margin-bottom: 10px;
}

.btn-veicoli {
    color: #fff;
    background-color: #827a44;
    border-color: #7a7445;
}

.btn-allegati {
    color: #fff;
    background-color: #57889c;
    border-color: #4e7a8c;
}

.btn-note {
    color: #fff;
    background-color: #739e73;
    border-color: #659265;
}

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

.table.compact > tbody > tr > td, .table.compact > tbody > tr > th, .table.compact > tfoot > tr > td, .table.compact > tfoot > tr > th, .table.compact > thead > tr > td, .table.compact > thead > tr > th {
    padding: 1px 3px;
}


.color-liquido .irs-bar,
.color-liquido .irs-bar-edge {
    background: #57889C;
}

.color-solido .irs-bar,
.color-solido .irs-bar-edge {
    background: #71843F;
}

.page-title {
    margin: 12px 0 15px;
}

.smart-form .checkbox input + i:after {
    content: '\f00c';
    top: -1px;
    left: 1px;
    width: 14px;
    height: 14px;
    font: 400 12px/19px FontAwesome;
    text-align: center;
}

.smart-form .checkbox i, .smart-form .radio i {
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    outline: 0;
    border-width: 1px;
    border-style: solid;
    background: #FFF;
}

.smart-form {
    margin: 0;
    outline: 0;
    color: #333;
    position: relative;
}

.table.compact > thead > tr > th, .table > thead > tr > th {
    padding: 5px 7px !important;
}

.dropzone.dz-clickable {
    overflow-y: auto;
    overflow-x: hidden;
}

.dropzone {
    min-height: 100px;
    max-height: 100px;
    overflow: hidden;
    text-align: center;
}

@media (max-width: 979px) {
    .dropzone .dz-default.dz-message {
        background-size: 100%;
        width: auto;
        height: 43px;
        margin-left: 0px;
        margin-top: -23.5px;
    }
}

.widget-body {
    overflow: hidden;
}

.label-default.open {
    background-color: #00bb2d;
}

.label-default.closed {
    background-color: #1e90ff;
}

.label-default.suspended {
    background-color: #7d8471;
}

.label-default.deleted {
    background-color: #ff2800;
}

.label-default.obsolete {
    background-color: #8f00ff;
}

.label-default.urgent {
    background-color: #ff3a61;
}

.label-default.planned {
    background-color: #92a2a8;
}

.label-default.extra {
    background-color: #1966FF;
}

.label-default.fix {
    background-color: #dec615;
}

.label-default.pinkdark {
    background-color: #a8829f;
}

.label-default.blue {
    background-color: #3a758c;
}

.label-default.violet {
    background-color: #c25b67;
}

.label-default.orange {
    background-color: #8bb43a;
}

.label-default.acqua {
    background-color: #00a6b0;
}


.label-default.yellow {
    background-color: #c79121;
}

.fa-color-red {
    color: #ff2800;
    font-size: 14px;
}

.fa-color-orange {
    color: #ff8400;
    font-size: 15px;
}

.fa-color-blue {
    color: #1966FF;
    font-size: 15px;
}

.fa-color-black {
    color: #000000;
    font-size: 15px;
}

.fa-color-gray {
    color: #999999;
    font-size: 15px;
}

.fa-color-green {
    color: #00bb2d;
    font-size: 15px;
}

.bg-color-g-green {
    background-color: #00bb2d;
    border-color: #00bb2d;
}

.bg-color-g-green:hover, .bg-color-g-green:active, .bg-color-g-green:visited {
    background-color: #20ac43;
    border-color: #20ac43;
}

.bg-color-g-brown {
    background-color: #c9901e;
    border-color: #c9901e;
}

.bg-color-g-brown:hover, .bg-color-g-brown:active, .bg-color-g-brown:visited {
    background-color: #d59411;
    border-color: #d59411;
}

.bg-color-g-violet {
    background-color: #8337ee;
    border-color: #8337ee;
}

.bg-color-g-violet:hover, .bg-color-g-violet:active, .bg-color-g-violet:visited {
    background-color: #701ddc;
    border-color: #701ddc;
}

.bg-color-g-teal {
    background-color: #55c4d0;
    border-color: #55c4d0;
}

.bg-color-g-teal:hover, .bg-color-g-teal:active, .bg-color-g-teal:visited {
    background-color: #2c8892;
    border-color: #2c8892;
}

.bg-color-g-gold {
    background-color: #ffbf00;
    border-color: #ffbf00;
}

.bg-color-g-gold:hover, .bg-color-g-gold:active, .bg-color-g-gold:visited {
    background-color: #e7ad02;
    border-color: #e7ad02;
}

.bg-color-g-blue {
    background-color: #369bef;
    border-color: #369bef;
}

.bg-color-g-blue:hover, .bg-color-g-blue:active, .bg-color-g-blue:visited {
    background-color: #1973bf;
    border-color: #1973bf;
}

.bg-color-g-red {
    background-color: #ff2800;
    border-color: #ff2800;
}

.bg-color-g-red:hover, .bg-color-g-red:active, .bg-color-g-red:visited {
    background-color: #dc2401;
    border-color: #dc2401;
}


.btn-g {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;

}


.smart-accordion-default.table-cell.panel-group .panel-title a {
    display: block;
    padding: 0px 0px;
    text-decoration: none !important;
}

.smart-accordion-default.table-cell .panel-default > .panel-heading {
    background-color: transparent !important;
}

.smart-accordion-default.table-cell .panel-default {
    border-color: transparent !important;
    background-color: transparent !important;
}

.smart-accordion-default.table-cell .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
    font-family: "Open Sans";
    color: inherit;
    font-weight: normal;
}


@keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.animate-flicker {
    -webkit-animation: flickerAnimation .7s infinite;
    -moz-animation: flickerAnimation .7s infinite;
    -o-animation: flickerAnimation .7s infinite;
    animation: flickerAnimation .7s infinite;
}

.bg-color-red-gisa {
    background-color: #ff0000 !important
}

.tooltip-inner {
    max-width: 700px !important;
}

.table-hover > tbody > tr:hover {
    background-color: #ecf3f8 !important;
}

@media only screen and (max-width: 767px) {

    #logo img {
        width: 130px !important;
        height: auto;
        padding-left: 3px;
        padding-top: 3px;
    }

    #header {
        display: block;
        height: 52px;
    }

    #ribbon .breadcrumb li:last-child, #ribbon .breadcrumb > .active {
        color: #fff !important;
    }
}

#content {
    width: auto;
}
@media only screen and (min-width: 767px) and (max-width: 979px) {

    #content {
        width: calc(100% - 50px);
    }

}