.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
    position: relative;
}

#sidebar {
    min-height: 100%;
    min-width: 280px;
    max-width: 280px;
}

#sidebar.active {
    margin-left: -280px;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

@media (max-width: 768px) {
    #sidebar {
        margin-left: -280px !important;
    }

    #sidebar.active {
        margin-left: 0 !important;
    }

    .content-box {
        width: 100% !important;
    }
    #content{
        margin-left: 0px !important;
    }
    .sidebar-cloud{
        left: 0px !important;
    }
    .content-box-cloud{
        margin-bottom: 70px !important;
    }

}

#sidebar {
    color: #fff;
    transition: all 0.3s;
}

#sidebar .sidebar-header {
    padding: 20px;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li.nav-title:not(:first-child) {
    padding-top: 2rem;
}

#sidebar ul li > a {
    padding: 0;
    color: #252F44;
    font-weight: 400;
    display: block;
    font-size: 0.875em;
    line-height: 40px;
}

#sidebar ul li > a.active {
    color: #1a9eda;
}

#sidebar ul li > a:hover, #sidebar ul li > a:focus {
    color: #1a9eda;
    text-decoration: none;
}

#sidebar ul li > span {
    color: #252F44;
    font-size: 0.875em;
    font-weight: 500;
    line-height: 40px;
}

#sidebar ul li ul li a {
    color: #252F44;
    font-weight: 400;
    display: block;
}

#sidebar ul li ul li a:hover {
    color: #1a9eda;
    text-decoration: none;
}

#sidebar ul li ul li.active > a, a[aria-expanded="true"] {
    color: #1a9eda!important;
}

#sidebar ul li ul li a.link-label {
    font-weight: 500 !important;
}

#sidebar ul li ul li a.active {
    color: #1a9eda;
}

#logo_sidebar, #sidebarCollapse {
    display: inline-block;
}

#content_box, #header-sidebar {
    width: 100%;
}

header {
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 1000 !important;
}

#header-sidebar {
    height: 74px;
}

#content {
    width: 100%;
    min-height: 100vh;
    transition: all 0.3s;
    margin-left: 310px;
}

.pad-top {
    padding-top: 75px;
}

.content-box {
    padding-top: 2.0rem;
    width: 66%;
}

.content-box h2 {
    color: #252F44;
    font-size: 1.500em;
    font-weight: 500;
}

.content-box h3 {
    color: #252F44;
    font-size: 1.250em;
    font-weight: 400;
}

.content-box ul li {
    color: #252F44;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.800em;
}

.content-box p {
    color: #252F44;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.800em;
}

.navbar-light .navbar-toggler {
    border-color: #fff !important;
}

.border-top {
    border-top: 1px solid #ddd;
}

.border-container {
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
}

.sidebar-cloud{
    background-color: #fff;
    z-index:999;
    color: #252e44 !important;
    position: fixed;
    left: 50px;
    padding-top: 130px !important;
    max-height: calc(130vh - 9rem);
    overflow-y: auto;
}
.sidebar-cloud .nav-header {
    font-weight: 600;
    padding: 0 0 20px;
    font-size: 23px;
    line-height: 1;
}

.sidebar-cloud .navbar-collapse ul > li > .nav-link {
    fiont-size: 14px;
    font-weight: 600;
}

.sidebar-cloud .nav-link.active {
    color: #1a9eda!important;
}

li.nav-item.nav-li.active > span.nav-link{
    border-left-color: #1a9eda!important;
}

.sidebar-cloud .nav-link {
    color: #252e44 !important;
    font-size: 14px !important;
    padding: 0.5rem 30px !important;
    display: flex !important;
    align-items: center !important;
    border-left: 1px solid #E6EAED !important;
    border-left-color: rgb(230, 234, 237) !important;
    line-height: inherit !important;
}
.sidebar-cloud .nav-link.classeuno{
    font-weight: 600 !important;
}
.sidebar-cloud .nav-link.classedue{
    font-weight: 500 !important;
}
.sidebar-cloud .nav-link.classetre{
    font-weight: 400 !important;
}

.sidebar-cloud .li-collapse {
    padding-left: 60px !important;
    padding-right: 10px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.sidebar-cloud.navbar-collapse ul > li > .nav-link {
    font-weight: 600;
}

.border_bottom_yellow {
    border-bottom: 5px solid #FFBF18;
    display: inline-block;
}

/*settings-custom-component .form-control {*/
/*    width: 25%;*/
/*    min-width: 110px;*/
/*    text-align: center;*/
/*}*/

.box-form-control {
    width: 25% !important;
    min-width: 110px;
    text-align: center;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* responsive rules */
@media (max-width: 576px) {
    .card-body {
        height: 95px;
    }

    #disk_vm_box .card-body {
        height: 130px;
    }
    #content{
        margin-left:0px;
    }
    .sidebar-cloud{
        left: 0px;
    }
    .embed-box{
        width: 100% !important;
    }
}


.extradisk-btn {
    background: white;
    border: 2px solid #1a9eda!important;
    font-size: 24px;
    padding: 0;
    color: #1a9eda;
    line-height: 32px;
    width: 40px !important;
    height: 40px !important;
    border-radius: .25rem;
}

.extradisk-btn:hover, .extradisk-btn:active, .extradisk-btn:focus {
    background: white;
    border-color: #1a9eda!important;
    color: #1a9eda!important;
}


.md-accordion .fa-angle-down {
    float: right;
}

.md-accordion a:not(.collapsed) .rotate-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
a[aria-expanded="true"] .rotate-icon{
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.md-accordion p, p.lead {
    line-height: 1.8;
    font-weight: 400;
    font-size: 100%;
}

.overview-card-header {
    border-top: 2px solid #EBF3F9;
    padding: 20px 0;
}

.text-center {
    text-align: center !important;
}

.table.borderless td, .table.borderless thead th {
    border: 0px;
}

.td-bkg-color {
    background-color: #EBF3F9;
}

.progress-white {
    background-color: #fff !important;

}

.title-configuratore {
    font-size: 28px;
    font-weight: 500;
    color: #252e44;
}

.dip{
    line-height:normal!important;
}
input[type=number]::-webkit-inner-spin-button{
    opacity: 1;
}
.subtitle-configuratore {
    font-size: 16px !important;
    color: #5F6368 !important;
    font-weight: 400 !important;
}

.price-color {
    color: rgb(37, 46, 68);;
}

.accordion-p {
    font-size: 14px !important;
}

#confronto_funzionalita td {
    color: #252F44;
}

#confronto_funzionalita td.padding-td {
    padding-left: 80px;
}

label.subtitle-configuratore {
    color: #252F44 !important;
}


/*
.custom-range::-moz-range-thumb {
    width: 2rem !important;
    height: 2rem !important;
    background-image:url("/images/logo.svg")!important;
}*/

.competitor-logo{
    max-height: 40px;
    max-width:100%;
}

.progress-white{
    height:35px !important;
    border-radius:0 !important;
}

.progress-white .progress-bar{
    border-radius:0 10px 10px 0 !important;
}

#disk_vm_num.form-control.text-center:disabled{
    background-color: #fff !important;
}

.number-input-container{height:34px;display:flex;flex-flow:column nowrap}
.number-input-container .number-input-holder{display:flex;flex-flow:row wrap;justify-content:flex-start}
.number-input-container .number-input-form-holder{flex:2}
.number-input{box-shadow:none;box-sizing:border-box;padding:0 10px;line-height:34px}
.number-input-postfix,.number-input-prefix{height:34px;line-height:34px}
.number-input-minus,.number-input-plus{margin-left:10px}
.number-input-prefix{padding-right:5px}
.number-input-postfix{padding-left:5px}
.number-input-postfix{padding-left:5px}
.number-input-container button{width:34px;height:34px;box-shadow:none;line-height:5px;background:#fff;border-radius:5px}
.number-input-container button:focus, button.extradisk-btn:focus{outline:0;background-color:#fff;border-color:#ccc}
.number-input-hint{font-size:.8em;color:#b3b3b3}

.sidebar-cloud-content{
    padding-bottom: 100px;
}

.navbar-light .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 170, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

#menuToggle:focus{
    outline:0 !important;
    background-color:#fff !important;
}

.rwd-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}
.rwd-video iframe,
.rwd-video object,
.rwd-video embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
}

.embed-box{
    width: 90%;
}

.font-box{
    font-weight: 500 !important;
    font-size: 16px !important;
}

.listamenu{
    list-style:none;
}

.sidebar-cloud .nav-link.classeuno.active_border{
    border-left:solid 2px  #1a9eda!important;
    left:-2px;

}
.sidebar-cloud .nav-link.classetre{
    padding-left:5px !important;
}

.sidebar-cloud .nav-link{
    border-left:none !important;
}

.sidebar-cloud .menuprincipale{
    border-left:2px solid #e6eaed ;
}
.chiusuramenumobile{
    font-size: 2rem !important;

}
.chiusuramenumobile:hover{
    color:#1a9eda!important;
}
.sidebar-cloud .nav-link:hover{
    color:#1a9eda!important;
}
.text-competitor-price{
    font-size:12px;
}
#cod_id{
    text-transform:lowercase;
}
.swal2-styled{
    line-height : 10px;
}
.swal2-popup .swal2-close:hover {
    color: #1a9eda!important;
}
button:focus{
    outline:none !important;
}
.swal2-popup .swal2-styled:focus {
    box-shadow: none !important;
}
.swal2-popup .swal2-styled.swal2-confirm{
    background-color:#1a9eda!important;
}
h5.mt-1{
    font-size:1.3215rem !important;
    font-weight:600;
    color:#252F44 !important;
}
.swal2-popup .swal2-footer{
    color:#7c8ea0 !important;
}
.swal2-popup .swal2-styled.swal2-confirm{
    background-color: #1a9eda!important;
    border-color: #1a9eda!important;
    color: white !important;
    border: 1px solid transparent !important;
    padding: 8.52px 16px !important;
    font-size: 14px !important;
    line-height: 21px !important;
    border-radius: 0.25rem !important;
    display:block !important;
}

.swal2-popup .swal2-title{
    color:#252F44 !important;
    font-size:1.3215rem !important;
    font-weight:600 !important;
}
.swal2-popup .swal2-validation-message{
    background:white !important;
    color:#ff4338!important;
    font-weight:400 !important;
    line-height:1.5!important;
    font-size:16px !important;

}
.swal2-popup .swal2-validation-message::before{
    display:none !important;
}
.swal2-popup .swal2-file.swal2-inputerror, .swal2-popup .swal2-input.swal2-inputerror, .swal2-popup .swal2-textarea.swal2-inputerror{
    border-color:#ff4338 !important;
}
.col-form-label-sm {
font-size:15px !important;
    color:#7c8ea0 !important;

}
.btn-demo{
    color:white!important;
}