﻿body {
    padding-top: 50px;
    padding-bottom: 20px;

    font-family: 'Open-Sans', sans-serif
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.btn-home{
    width:100px;
    height: 100px;
}

.nodeco{}
.nodeco:hover
{
    text-decoration: none;
}

.webgrid-delcolumn
{
    width: 50px;
    min-width: 50px;
}

.webgrid-updcolumn
{
    width: 65px;
    min-width: 65px;
}

.delete, .edit, .save, .undo, .multi
{
    padding-top: 0px;
    padding-bottom: 0px;
}

.save, .undo
{
    padding-left: 2px;
    padding-right: 2px;
}

.multi
{
    padding-left: 1px;
    padding-right: 1px;
}

div.col-sm-nopad
{
    padding-left: 0;
    padding-right: 0;
}

div a button.btn-title, div button.btn-title, button.btn-title-right, div a.btn-title
{
    margin-top: 20px;
    margin-bottom: 10px;
}

button.btn-title-right, button.btn-margin-right, a.btn-margin-right
{
    margin-right: 5px;
}

.sweet-overlay
{
    z-index: 1051 !important;
}

.item-nomargin, .table-expanded.item-nomargin
{
    margin-bottom: 0;
}

.checkbox.item-nomargin {
    margin-top: 0;
    margin-bottom: 0;
}

.item-nopadding, .checkbox > label.item-nopadding,
.table > tbody > tr > td.item-nopadding
{
    padding: 0 0 0 0;
}

.item-noleftpad
{
    padding-left: 0 !important;
}

.item-middletitle
{
    margin-top: 5px;
    margin-bottom: 5px;
}

.row-middletitle
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.row-toptitle
{
    margin-top: 10px;
}

.input-group-addon .glyphicon
{
    width: 18px;
}

.lastupd
{
    
}

.vmiddle
{
    vertical-align: middle !important;
}

.lbl-ref
{
    font-size: 85% !important;
}

@media(min-width: 768px) 
{
    .lastupd 
    {
        padding-top: 25px;
    }

}

.progress-sectors
{
    margin-bottom: 10px;
}

.table-responsive
{
    overflow-x: initial;
}

.table-expanded
{
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: initial;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #DDD;
    -webkit-overflow-scrolling: touch;
}

.table-expanded>.table
{
    margin-bottom: 0;
}
.table-expanded>.table-bordered
{
    /*border: 0;*/
}
.table-expanded>.table>thead>tr>th, .table-expanded>.table>tbody>tr>td
{
    white-space: nowrap;
}
.table-expanded>.table>tbody>tr>td.wrappable
{
    white-space: normal;
}

.form-top
{
    margin-top: 20px;
}

.selectpicker-seats
{
    min-width: 70px;
}

.bg-active{
    background-color: #f5f5f5;
}

.progress-bar-stacked
{
    min-width: 3%;
    max-width: 97%;
}

.progress-bar-fill
{
    min-width: 3%;
    max-width: 100%;
}

hr
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.totalrow
{
    background-color: #e9e9e9 !important;
}
@media (max-width: 800px) {
    .progress-bar-stacked
    {
        min-width: 5%;
        max-width: 95%;
    }

    .progress-bar-fill
    {
        min-width: 5%;
        max-width: 100%;
    }
}

.progress-bar-muted
{
    background-color: #EEE;
    color: #333;
}

.login-body
{
    padding-top: 0px;
}

.login-header
{
    background-color: #fff;
}

.form-group .login-label
{
    margin-bottom: 5px;
}

.form-group .login-input
{
    width: 100%;
}

.form-group.login-form
{
    display: block;
    margin-bottom: 15px;
    height: 60px;
}

.row-bottommargin
{
    margin-bottom: 3px;
}

.input-group > .form-control > .checkbox, .form-control > .checkbox
{
    padding-top: 0px;
}

ul.pagination {
    margin-top: 0px;
    margin-bottom: 0px;
}

div.legend p
{
    font-size: 80%;
    padding: 5px;
    text-align: center;
    border: solid 1px #dddddd;
}

.autosizelabel-expander
{
    cursor: zoom-in !important;
}

.autosizelabel-compressor
{
    cursor: zoom-out !important;
}

.list-group-striped > li.list-group-item:nth-of-type(odd)
{
    background-color:#f9f9f9 !important;
}


.knob-title
{
    margin-top: 5px;
    margin-bottom: 10px;
}

.cursoraction
{
    cursor: pointer !important;
}
.cursordefault
{
    cursor: default !important;
}

.gly-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* TAB */

.nav.nav-tabs li > a
{
    color: #333;
}

.nav.nav-tabs li.active > a
{
    color:#700017;
    background-color: #eee;
}


/* FILE UPLOAD BOOTSTRAP => https://www.abeautifulsite.net/whipping-file-inputs-into-shape-with-bootstrap-3 */

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

/* DATEPICKER */
.datepicker
{
    margin-top: 0px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

div.datepicker.datepicker-dropdown.dropdown-menu
{
    z-index: 2000 !important;
}

.datepicker .day {
    font-size: 16px;
    padding-left: 8px;
    padding-right: 8px;
}

.datepicker th.switch {
    font-size: 18px;
}

/* TIME PICKER */
a.reset_time 
{
    float: none !important;
    color: #a94442;
    text-decoration: none;
}

a.reset_time:hover
{
    text-decoration: none;
}

a.reset_time > span
{
    margin-top: 10px;
}

div.reset_div 
{
    text-align: center;
}

/* STILI ANAMU */
.navbar
{
    border-bottom: solid 1px #eee;
}

.navbar-default
{
    background-color: #fff !important;
}

.bg-granata{
    background-color: #700017;
}

.panel-granata 
{
    border-color: #700017;
}

.panel-granata > .panel-heading, .btn-granata
{
    color: #fff;
    background-color: #700017;
    border-color: #700017;
}

.btn-granata:hover
{
    color: #999;
}

.btn-oro:hover
{
    color: #333;
}

.btn-darkgray, .btn-darkgray:hover {
    color: #fff;
    background-color: #777;
    border-color: #999;
}



.btn-swal-granata
{
    color: #fff !important;
    background-color: #700017 !important;
    border-color: #700017 !important;
}

.btn-swal-cancel
{
    color: #333 !important;
    background-color: #eee !important;
    border-color: #eee !important;
}

@media (min-width: 768px;)
{
    .btn-receipt-download
    {
        margin-top: -5px;
    }
}

.text-granata, .text-granata:hover, a.text-granata > span.text{
    color: #700017;
}


td button.btn-link, td a .glyphicon
{
    color: #700017;
}

.table th, .table th a
{
    color: #700017;
}

.pagination > li.disabled > a, .pagination > li.disabled > a:hover,
.pagination > li.disabled > span, .pagination > li.disabled > span:hover
{
    cursor: default;
}

.panel-heading .btn-default
{
    color: #466580;
    /*background-color: #efefef;*/
} 

@media (max-width: 399px)
{
    .hidden-xxs {
        display: none!important;
    }
}

.table > tbody > tr > td.planner-slsper,
.table > tbody > tr > td.planner-lastband
{
    vertical-align: middle;
    border-top-color: #333;
    border-bottom-color: #333;
}

.planner-day-head
{
    text-align: center;
}

.planner-today
{
    background-color: #fcf8e3;
}

.dropdown-menu .divider {
    margin: 3px 0;
}

.pagination-granata, .pagination-granata > li > a, .pagination-granata > li > span
{
    color: #700017;
}

.pagination-granata > li.active > a, .pagination-granata > li.active > a:hover,
.pagination-granata > li.active > span, .pagination-granata > li.active > span:hover
{
    color: #fff;
    background-color: #700017;
    border-color: #700017;
}

.pagination-granata > li.disabled > a, .pagination-granata > li.disabled > a:hover,
.pagination-granata > li.disabled > span, .pagination-granata > li.disabled > span:hover
{
    color: #700017;
    cursor: default;
}

.cursor-not-allowed
{
    cursor: not-allowed !important;
}

.cursor-pointer
{
    cursor: pointer !important;
}

td.bg-rose, tr.bg-rose > td, div.bg-rose, 
table > tbody > tr.info > td.bg-rose, 
table > tbody > tr.warning > td.bg-rose,
div.panel-heading.bg-rose
{
    background-color: #f5c5f5;
}

td.bg-green, tr.bg-green > td, tr.bg-rose > td.bg-green, div.bg-green,
table > tbody > tr.info > td.bg-green, 
table > tbody > tr.warning > td.bg-green,
div.panel-heading.bg-green, 
tr.bg-rose > td.bg-green
{
    background-color: #c1e27e;
}

td.bg-orange, tr.bg-orange > td, div.bg-orange,
table > tbody > tr.info > td.bg-orange, 
table > tbody > tr.warning > td.bg-orange,
div.panel-heading.bg-orange, 
tr.bg-rose > td.bg-orange
{
    background-color: #f0ad4e;
}

td.bg-maroon, tr.bg-maroon > td, div.bg-maroon,
table > tbody > tr.info > td.bg-maroon,
table > tbody > tr.warning > td.bg-maroon,
div.panel-heading.bg-maroon,
tr.bg-rose > td.bg-maroon 
{
    background-color: #96653c;
}

td.bg-red, tr.bg-red > td, div.bg-red,
table > tbody > tr.info > td.bg-red, 
table > tbody > tr.warning > td.bg-red,
div.panel-heading.bg-red, 
tr.bg-rose > td.bg-red
{
    background-color: #dd3333;
}

td.bg-violet, tr.bg-violet > td, div.bg-violet,
table > tbody > tr.info > td.bg-violet,
table > tbody > tr.warning > td.bg-violet,
div.panel-heading.bg-violet,
tr.bg-rose > td.bg-violet
{
    background-color: #bea8e4;
}

td.bg-yellow, tr.bg-yellow > td, div.bg-yellow,
table > tbody > tr.info > td.bg-yellow,
table > tbody > tr.warning > td.bg-yellow,
div.panel-heading.bg-yellow,
tr.bg-rose > td.bg-yellow {
    background-color: #FFD800;
}


table.table-striped > tbody > tr.bg-notprop
{
    background-color: #f2dede;
}

div.panel-heading.bg-danger
{
    background-color: #f2dede;
}

div.panel-heading.bg-info
{
    background-color: #d9edf7;
}

.text-violet, a.text-violet > span.text
{
    color: #8959dc;
}

.bold, a.bold > span.text
{
    font-weight: bold;
}

.detail-icon
{
    margin-top: 2px;
    margin-bottom: 0px;
}

.doc-opener 
{
    color: black;
}

.doc-opener:hover 
{
    color: #700017;
}

/* ELIMINO IL COMPORTAMENTO DI BOOTSTRAP CHE ACCODA L'HREF AD OGNI COLLEGAMENTO IN FASE DI STAMPA */
@media print {
  a[href]:after {
    content: none !important;
  }
}

.alert-muted {
    background-color: #eee;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}

.alert-violet {
    color: #8959dc;
    background-color: #d1bfef;
    border-color: #C4B8D8;
}

/* BOOTSTRAP CALLOUT => http://cpratt.co/twitter-bootstrap-callout-css-styles/ */
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}
.bs-callout-sm {
    padding: 5px 5px 5px 20px;
    margin-top: 0px;
}


.input-group > .location-ctl > .location-ddl > .btn 
{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

 .nested-group input:focus 
 {
    box-shadow: none;
}

.nested-group input:first-child 
{
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.nested-group input 
{
    margin-left: -5px;
    border-radius: 0;
}

.nested-group  button 
{
    margin-left: -5px;
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.noshadow
{
    text-shadow: none !important;
}

.textarea-viewer
{
    white-space: pre-line;
}

.contract-graph-container,
.mq-graph-container,
.prc-graph-container,
.type-graph-container
{
    position: relative;
}

.mq-graph-container {
    background-color: #f4fcff;
}

.type-graph-container {
    background-color: #fff7f9;
}

.prc-graph-container {
    background-color: #f5f5f5;
}

@media(min-width: 768px) {
    .contract-graph-container {
        height: 20vh;
    }

    .mq-graph-container {
        height: 30vh;
    }

    .type-graph-container {
        height: 30vh;
    }

    .prc-graph-container {
        height: 30vh;
    }

}

/* statistiche giornaliere */
.col-day-stat
{
    max-width: 5vh;
}

.col-stat-label
{
    width: 250px;
}