﻿/* Scrollbar */
::-webkit-scrollbar
{
    -webkit-appearance: none;
    width: 8px;
    height: 7px;
}

::-webkit-scrollbar-thumb
{
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
/* Scrollbar */

/* JStree modal fix */

.modal-body i.jstree-checkbox
{
    position: relative;
}

/* JStree modal fix */

/* Step scroller */

.step-scroller .dot.loaded
{
    right: 10%;
    bottom: 50px;
    -webkit-transition: bottom .6s .25s;
    transition: bottom .6s .25s;
}

.step-scroller .dot
{
    background-color: #dd5347;
    border-radius: 50%;
    bottom: -90px;
    box-shadow: 0 14px 59px -7px rgba(0,0,0,0.85);
    cursor: pointer;
    height: 55px;
    width: 55px;
    position: fixed;
    right: 20px;
    -webkit-transition: bottom .6s;
    transition: bottom .6s;
    z-index: 9;
}

.step-scroller .caret
{
    border-bottom: solid 3px #fff;
    border-right: solid 3px #fff;
    display: inline;
    height: 5px;
    margin: 22px 23px;
    opacity: 1;
    padding: 3px;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: top .6s, -webkit-transform .6s;
    transition: top .6s, transform .6s;
    width: 5px;
}

.step-scroller .plus1
{
    border-bottom: solid 3px #fff;
    /* border-right: solid 3px #fff; */
    display: inline;
    height: 2px;
    margin: 22px 20px;
    opacity: 1;
    padding: 3px;
    position: absolute;
    top: -5px;
    -webkit-transition: top .6s, -webkit-transform .6s;
    transition: top .6s, transform .6s;
    width: 10px;
    box-sizing: unset;
}

.step-scroller .plus2
{
    border-top: solid 3px #fff;
    /* border-right: solid 3px #fff; */
    display: inline;
    height: 0px;
    width: 10px;
    margin: 22px 18px;
    opacity: 1;
    padding: 3px;
    position: absolute;
    right: 5px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: top .6s, -webkit-transform .6s;
    transition: top .6s, transform .6s;
    box-sizing: unset;
}

/* Step scroller */

.loginLogo
{
    height: 60px;
}

/* Lista prestazioni */

.widget-stats
{
    width: 20%;
    min-height: 180px;
    cursor: pointer;
}

/* Lista prestazioni */

/* Parametri prestazione */

.result-list > li
{
  overflow: initial !important;
}

.stringContainer textarea
{
    height: 50px;
}

.boolContainer .checkbox-css
{
    display: inline-block;
}

.boolContainer .checkbox-css,
.boolContainer .checkbox-css label::before,
.boolContainer .checkbox-css label::after
{
    width: 50px!important;
    height: 50px!important;
}

/* Parametri prestazione */

#interventoForm .result-list li
{
    width: 350px;
}

.deviceTableIcons
{
    border: 0em;
    height: 1.5em;
}

@media only screen and (min-width:768px)
{
    .navbar-brand-centered {
        position: absolute;
        left: 50%;
        display: block;
        /*width: 160px;*/
        text-align: center;
        /*background-color: #eee;*/
    }

    /*.navbar>.container .navbar-brand-centered, 
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -80px;
    }*/
}

@media only screen and (max-width: 568px)
{
    .page-header-fixed
    {
        padding-top: 60px;
    }

    /* Lista prestazioni */

    .widget-stats
    {
        width: 100%;
    }

    /* Lista prestazioni */

    #interventoForm .result-list li
    {
        width: 100%;
    }
}

@media (min-width: 1920px)
{    
    .service .icon
    {
        /*width: 45px;
        height: 45px;*/
        font-size: 20px;
        /*line-height: 40px;*/
    }
}