.max-60vw {
    max-width: 60vw;
}

.max-40vw {
    max-width: 40vw;
}

.max-30vw {
    max-width: 30vw;
}

.w-95 {
    width: 95%;
}

.vw-80 {
    width: 80vw;
}

.vw-60 {
    width: 60vw;
}

.vw-40 {
    width: 40vw;
}

.vw-45 {
    width: 45vw;
}

.vw-50 {
    width: 50vw;
}

.vw-20 {
    width: 20vw;
}

.button-class {
    width: 200px;
}

.div-45 {
    margin: 0px !important;
    width: 45%;
}

.w-45 {
    width: 45%;
}

.max-10vh {
    height: 10vh;
}

.margin-5px {
    margin: 5px;
}

.card-img-top-wrapper {
    position: relative;
    text-align: center;
}

.card-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background: darkgray;
    text-align: center;
    vertical-align: middle;
    background-blend-mode: multiply;
}

.card-img-top-wrapper:hover .card-overlay {
    opacity: .6;
}

.card-overlay i {
    position: relative;
    font-size: 80px;
}

.table-autocomplete-widget a {
    margin-right: 1em;
}

.responsive-box {
    border: solid 1px darkgray;
    background-color: #f8f9fa;
}

.responsive-box-rigth {
    border: solid 1px darkgray;
}

.responsive-box-left {
    border: solid 1px darkgray;
}

.sezione-documenti .card-overlay {
    min-height: 120px;
    /*max-width: 130px;*/
}

.anteprime-documenti {
    max-height: 25vh;
    overflow: auto;
    width: 100%;
}

.modal-content {
    max-height: 80vh;
}

.modal-body {
    overflow: scroll;
}

.dataTables_filter {
    width: 100%;
    text-align: center !important;
}

.dataTables {
    width: 100%;
}

.dataTable thead tr {
    background-color: white;
}

tr th input {
    max-width: 120px;
}

@media only screen and (min-device-width: 10px) and (max-device-width: 800px) {
    .login-style {
        max-width: 100vw;
    }
}

@media only screen and (min-device-width: 801px) {
    .login-style {
        max-width: 30vw;
    }
}