.dashboard-stat.yellow-crusta .visual>i {
    opacity: .14;
    filter: alpha(opacity=16);
}

/*.content {
    padding-top: 20px;
}*/

p {
    margin: auto;
}

hr {
    margin: 10px auto;
}

body {
    padding-bottom: 30px;
}

::selection {
    background: #f9ff50;
    color: black;
}

.dashboard-stat {
    height: 95px;
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 5px -5px rgba(0,0,0,.2);
    box-shadow: 0 5px 5px -5px rgba(0,0,0,.2);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.dashboard-stat:hover {
    opacity: 0.7;
}

.dashboard-stat .visual {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    padding-top: 0;
    margin-bottom: 40px;
    font-size: 35px;
    line-height: 35px;
}

.dashboard-stat:hover .visual>i {
    transform: scale(1.2);
    -webkit-transform: rotateZ(1.2);
    -moz-transform: rotateZ(1.2);
}

.dashboard-stat .visual>i {
    margin-left: -15px;
    font-size: 90px;
    line-height: 110px;
    color: #FFF;
    opacity: .1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.dashboard-stat .details {
    position: absolute;
    right: 15px;
    padding-right: 15px;
}

.dashboard-stat .details .number {
    padding-top: 15px;
    text-align: right;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -1px;
    margin-bottom: 0;
    font-weight: 300;
    color: #FFF;
}

.dashboard-stat .details .desc {
    text-align: right;
    font-size: 14px;    
    line-height: 18px;
    letter-spacing: 0;
    font-weight: 300;
    color: #FFF;
    opacity: 1;
    filter: alpha(opacity=100);
    margin-top: 2px;
    padding-left: 20px;
}

.dashboard-stat .details .desc small {
    display: block;
}

.dashboard-stat:after, .dashboard-stat:before {
    content: " ";
    display: table;
}

.dashboard-stat:after {
    clear: both;
}

.blue {
    background-color: #3598dc!important;
}

.blue-steel {
    background-color: #4B77BE!important;
}

.blue-hoki {
    background-color: #67809F!important;
}

.green-jungle {
    background-color: #26C281!important;
}

.green-soft {
    background-color: #3faba4!important;
}

.yellow-crusta {
    background-color: #f3c200!important;
}

.yellow-casablanca {
    background-color: #f2784b!important;
}

.purple-wisteria {
    background-color: #9B59B6!important;
}

.red {
    background-color: #e7505a!important;
}

.status-green, .status-green *,  .status-green *:before {
    color: #26c281!important;
}

.status-yellow, .status-yellow *, .status-yellow *:before {
    color: #f3c200!important;
}

.status-orange, .status-orange *, .status-orange *:before {
    color: #f2784b!important;
}

.status-red, .status-red *, .status-red *:before{
    color: #f14e4e!important;
}

.status-blue, .status-blue *, .status-blue *:before{
    color: #3598dc!important;
}

.status-purple, .status-purple *, .status-purple *:before{
    color: #9B59B6!important;
}


.small-icon, .small-icon:before{
    font-size: 20px;
    line-height: 20px;
}

.text-center .glyphicons:before {
    margin: 0;
}

.text-stat .label {
    margin-right: 15px;
}
.bars, .chart, .pie {
    overflow: hidden;
    height: 228px;
    width: 100%;
}

.table-overflow.table-wrapper {
    overflow-x: auto;
}

.table-overflow.table-wrapper th, .table-overflow.table-wrapper td {
    white-space: nowrap;
}

.transit-chart-label {
    line-height: 1.3;
}

.transit-chart-label {
    line-height: 12px!important;
    font-size: 10px;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    height: 35px;
    vertical-align: middle;
}

.transit-icon::before {
    font-size: 20px;
    line-height: 50px;
    margin: 0;
    margin-bottom: 20px;
    margin-top: 15px;
    color: #fff;
}

span.transit-icon {
    background-color: #3598dc;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.legendColorBox > div{
    border: none!important;
    margin-right: 10px;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 0;
}

.traffic-map{
    height: 464px;
}

.transit-icons-row {
    margin-left: 15px; margin-right: 2px;
}

.btn.pull-right + .btn.pull-right {
    margin-right: 5px;
}

.input-group-addon {
    padding: 1px 16px;
    font-size: 13px;
    line-height: 15px;
    color: #666666;
    text-align: center;
    background-color: #f1f1f1;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    font-weight: 600;
}

.input-group-btn.ora-addon{width:70px;}

.label-margin {
    margin-top: 28px;
}

.no-resize {
    resize: none;
}

.padding-left{
    padding-left:20px;
}

.padding-right{
    padding-right:20px;
}

table.table tbody tr.even {
    background-color: #F9F9F9;
}

@media only screen and (max-width: 768px){
    .flip-scroll table {
        border-collapse: collapse;
        border-spacing: 0;
        display: block;
        position: relative;
        width: 100%;
        margin: 0;
    }

    .flip-scroll .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: transparent;
    }

    .flip-scroll thead {
        display: block;
        float: left;
    }

    .flip-scroll thead tr {
        display: block;
    }

    .flip-scroll tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }



    .flip-scroll tbody tr {
        border-left: 1px solid #ddd;
        display: inline-block;
        vertical-align: top;
        margin-left: -5px;
    }

    .flip-scroll th {
        border: 0!important;
        border-bottom: 1px solid #ddd!important;
        border-right: 1px solid #ddd!important;
        font-size: 13px!important;
        padding: 5px;
        width: auto!important;
        display: block;
        text-align: right;
        margin: 0;
    }
    .flip-scroll th, .flip-scroll td {
        height: 35px;
        border-bottom: 1px solid #e5e5e5!important;
    }

    .flip-scroll th:odd, .flip-scroll td:odd {
        background-color: #e5e5e5;
    }

    .flip-scroll th:last-child, .flip-scroll td:last-child {
        border-bottom: none!important;
    }

    .flip-scroll td {
        display: block;
        min-height: 1.25em;
        text-align: left;
        border-top: 0!important;
        border-left: 0!important;
        border-right: 0!important;
        border-bottom: 0;
    }

    .dashboard-stat .visual {
        height: 20px;
        margin-top: 0;
        padding-top: 10px;
    }

    .dashboard-stat .visual>i {
        margin-left: 15px;
        font-size: 40px;
        line-height: 42px;
    }

    .dashboard-stat .details .number {
        padding-top: 5px;
        text-align: right;
        font-size: 24px;
        line-height: 28px;
    }

    .dashboard-stat .details .desc {
        text-align: right;
        font-size: 14px;
        line-height: 20px;
        margin-top: 0;
    }

    span.transit-icon {
        width: 30px;
        height: 30px;
        margin-top: 5px;
        text-align: center;
        border-radius: 50%;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .transit-icon::before {
        line-height: 30px;
        font-size: 14px;
    }

    .transit-chart-label {
        height: 23px;
        vertical-align: middle;
        white-space: nowrap;
        display: inline-block;
        width: 100%;
        transform: rotateZ(-90deg);
        padding: 5px;
        float: right;
        margin-top: -110px;
    }
    .transit-icons-row {
        margin-left: 15px; margin-right: 8px;
    }

    .navbar-inverse {
        height: 70px;
    }

    /*    .sidebar {
            display: none;
        }*/

    .user-block {
        padding: 4px;
    }

    .user-block .nav.navbar-nav {
        width: auto;
        display: inline-block;
        margin: 7px 4px;
    }

    .brand-img {
        height: 55px;
    }

    body {
        padding-bottom: 0;
    }
}
@media only screen and (max-width: 430px) {

    .transit-chart-label {

        margin-top: -80px;
    }

}
.nowrap {
    white-space: nowrap;
}
.tooltips {
    cursor: pointer;
}

.nrsinfomar {
    color: #0C7398;
    font-weight: bold;
}
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main.main-full {
    width: 100% !important;
}

.table.table-mag > tbody > tr.tr-mercipericolose {
}
.table.table-mag > tbody > tr.tr-mercipericolose:nth-of-type(2n+1) {
}
.table.table-mag > tbody > tr.tr-sostaautonoma {
}
.table.table-mag > tbody > tr.tr-sostaautonoma:nth-of-type(2n+1) {
}

td.btn-semaforo.btn-xs {
    margin-top: 7px !important;
}

.form-validate .error {
    color: red;
}


.tablesorter-header {
    cursor: pointer;
    color: white;
    /*background: rgba(0, 0, 0, 0.075) !important;
   /* /*-webkit-background-size: 13px 13px;
    background-size: 13px;
    background-repeat: no-repeat !important;
    background-position: right center !important;*/
}

.tablesorter-header-sortable {
    cursor: pointer;
    color: white;
    background-image: url(/PCS_Template/assets/img/bg.gif) !important;
    -webkit-background-size: 19px 13px;
    background-size: 13px;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    
}

.tablesorter-header .table-treni {
    cursor: pointer;
    background-color: #05426c;
    /*background: rgba(0, 0, 0, 0.075) !important;
   /* /*-webkit-background-size: 13px 13px;
    background-size: 13px;
    background-repeat: no-repeat !important;
    background-position: right center !important;*/
}

.tablesorter-headerAsc {
    cursor: pointer;
    color: #0c7398;
    background-color: #ECECEC;
    background: rgba(0, 0, 0, 0.05) !important;
    background-image: url(/PCS_Template/assets/img/asc.gif) !important;
    -webkit-background-size: 13px 13px;
    background-size: 13px;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    padding-right: 20px;
}
.tablesorter-headerDesc {
    cursor: pointer;
    color: #0c7398;
    background-color: #ECECEC;
    background: rgba(0, 0, 0, 0.05) !important;
    background-image: url(/PCS_Template/assets/img/desc.gif) !important;
    -webkit-background-size: 13px 13px;
    background-size: 13px;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    padding-right: 20px;
}

/* Ensure sticky headers have proper text color */
.tablesorter-stickyHeader th,
.tablesorter-stickyHeader .tablesorter-header {
    color: white !important;
}

.validation-warning {
    border: 1px solid #FAD42E !IMPORTANT;
    background: #FBEC88 url(images/ui-bg_glass_55_fbec88_1x400.png) 50% 50% repeat-x !IMPORTANT;
    color: #363636 !IMPORTANT;
}
