/* Gestione blocchi base */
body {
    font-family: 'Open Sans', sans-serif;
    color: #FFF;
    background-image: linear-gradient(#444, #222);
}

body .ui-body-a, body .ui-body-c, body .ui-overlay-c {
    text-shadow: 0 0 0;
}

.bodyDark {
    color: #FFF;
    background-image: linear-gradient(#444, #222);
}

.bg-black {
    color: #FFF;
    background-image: linear-gradient(#111, #000);
}

.titleBlock {
    font-family: 'Open Sans Condensed', sans-serif;
}

.textCondens {
    font-family: 'Open Sans Condensed', sans-serif;
}

.mapBlock {
    font-family: 'Open Sans Condensed', sans-serif;
    color: #FFF;
    background-image: linear-gradient(#111, #000);
    /*box-shadow: 15px 15px 20px 0 rgba(150, 150, 150, 0.2), 10px 10px 20px 0 rgba(200, 200, 200, 0.39);*/
    /*min-height: 15em;*/
    min-width: 8em;
}

.smaller {
    font-size: 0.6rem;
}

/* QR CODE*/

.rCAll {
    border-radius: 10px;
}

.rCTop {
    border-radius: 10px 10px 0 0;
}

.rCBot {
    border-radius: 0 0 10px 10px;
}

.labelTopDx {
    padding: 0.1em 0.4em;
    width: auto;
    min-height: 0;
    top: 0;
    left: auto;
    bottom: auto;
    color: #FFFFFF;
    background: #2200DE;
    background: rgba(33,0,200,.7);
    -webkit-border-top-right-radius: inherit;
    border-top-right-radius: inherit;
    -webkit-border-top-left-radius: inherit;
    border-top-left-radius: inherit;
    -webkit-border-bottom-left-radius: inherit;
    border-bottom-left-radius: inherit;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}
/* END: gestione blocchi base */

/* ----------- gestione sidenav ----------- */
@media (max-width: 576px) {
    .modal-dialog.modal-dialog-slideout {
        width: 70%
    }
}

@media (max-width: 600px) {
    .modal-dialog.modal-dialog-slideout {
        width: 65%
    }
}

.modal-dialog-slideout {
    min-height: 100%;
    margin: 0 auto 0 0;
    background: #fff;
}

.modal.fade .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(-100%,0);
    transform: translate(-100%,0);
}

.modal.fade.show .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    flex-flow: column;
}

.modal-dialog-slideout .modal-content {
    border: 0;
}
/* ----------- END SideNav ----------- */

/* Gestione switch*/
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
    display: none;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/* zona blocchi Sx/DX */
.divSx {
    float: left;
    padding: 0;
    margin: 0;
}

.divDx {
    float: right;
    padding: 0;
    margin: 0;
}

.divCenter {
    float: none;
    text-align: center;
    padding: 0;
    margin: 0 auto 0 auto;
}

.clearDiv {
    clear: both;
}

.stdFont {
    color: Black;
    text-shadow: 0 0px 0 #111;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* @end */

/* classi x controlli tabellari */

.rowStyle {
    /*background-color: #DEE2EA;*/
    background-image: -webkit-gradient(linear,left top,left bottom,from( #fff ),to( #f1f1f1 ));
    background-image: -webkit-linear-gradient( #fff,#f1f1f1 );
    background-image: -moz-linear-gradient( #fff,#f1f1f1 );
    background-image: -ms-linear-gradient( #fff,#f1f1f1 );
    background-image: -o-linear-gradient( #fff,#f1f1f1 );
    background-image: linear-gradient( #fff,#f1f1f1 );
    border: 1px solid #CDCDCD;
}

.alternatingRowStyle {
    /*background-color: White;*/
    border: 1px solid #CDCDCD;
    background-image: -webkit-gradient(linear,left top,left bottom,from( #ddf ),to( #e1f1ff ));
    background-image: -webkit-linear-gradient( #ddf,#e1f1ff );
    background-image: -moz-linear-gradient( #ddf,#e1f1ff );
    background-image: -ms-linear-gradient( #ddf,#e1f1ff );
    background-image: -o-linear-gradient( #ddf,#e1f1ff );
    background-image: linear-gradient( #ddf,#e1f1ff );
}

/* END classi x controlli tabellari*/

/* area semafori*/
.sVe {
    text-align: left;
    background: #009036;
    background: rgba(0,255,80,.6);
    /*padding: 0px 4px 0px 4px;*/
    color: Yellow;
}

.sGi {
    text-align: left;
    background: #ffec00;
    background: rgba(255,220,0,.6);
    /*padding: 0px 4px 0px 4px;*/
}

.sRo {
    text-align: left;
    background-color: #e2001a;
    background: rgba(240,0,10,.6);
    /*padding: 0px 4px 0px 4px;*/
}

.sBl {
    text-align: left;
    background: #3690FF;
    background: rgba(0,80,255,.6);
    /*padding: 0px 4px 0px 4px;*/
    color: Yellow;
}

.sGr {
    text-align: left;
    background-color: #bcbcbc;
    background: rgba(180,180,180,.6);
    /*padding: 0px 4px 0px 4px;*/
}
/*end semafori */