html{overflow-x:hidden !important}
.cleared-filterTable{clear:both; height:15px}
.cleared-25{clear:both; height:25px}
.hide{display:none !important}
.righted{text-align:right !important}
.centered{text-align:center !important}
.lefted{text-align:left !important}
.sidebar .sidebar-heading{font-size:.8rem; margin-bottom:0}
.sidebar-dark .sidebar-heading{color:rgba(255,255,255,.9)}
.toggled.sidebar-dark .nav-item .nav-link{padding: .5rem 0 0 0rem !important}

.margin-row{margin:0 2%}
.margin-row{margin:0}
.btnBlockDx{text-align:right; position:relative; float:right; width:100%; margin-right:2%; top:15px}
.modifyTappa,
.deleteTappa{position:relative; z-index:999}

#pageLogin .copyright,
#pageLogin .copyright a,
#pageLostPsw .copyright,
#pageLostPsw .copyright a{color:#c1bebe}
#pageLogin .copyright a:hover,
#pageLostPsw .copyright a:hover{color:#fff; text-decoration:underline}
#boxLostPsw{color:#495057; text-align:right; font-size:.8rem}
#boxLostPsw a,
#boxLostPsw a:hover{color:#495057}
label.error1{margin-bottom:0}

.navbar-nav .nav-item,
.navbar-nav .nav-item-top{cursor:pointer !important}

.topbar.navbar-dark .navbar-nav .nav-item-top .nav-link {color:rgba(255, 255, 255, 0.8)}
.topbar.navbar-dark .navbar-nav .nav-item-top .nav-link:hover {color:#fff}
.topbar.navbar-dark .navbar-nav .nav-item-top .nav-link:active {color:#fff}
.topbar.navbar-light .navbar-nav .nav-item-top .nav-link {color:#d1d3e2}
.topbar.navbar-light .navbar-nav .nav-item-top .nav-link:hover {color:#b7b9cc}
.topbar.navbar-light .navbar-nav .nav-item-top .nav-link:active {color:#858796}
.topbar .nav-item-top .nav-link .img-profile {height:2rem; width:2rem}
.topbar .nav-item-top .nav-link {height:4.375rem; display:flex; align-items:center; padding:0 .75rem}
.topbar .nav-item-top .nav-link .img-profile {height:2rem; width:2rem}

.error1{color:#f00 !important}
.titleSection{margin-left:7.5%}
form,
.formFake{width:100%}
.specialEmpty{height:70px;}
.datetimepicker.dropdown-menu{padding:.5rem;}
.form-control[readonly]{background-color:#fff}
#listaTappe .form-control{font-size:.8rem !important}
.footer{padding-top:80px}

.specialTop{margin-top:35px}
.mb-4{margin-bottom:5px !important}
.navbar.mb-4{margin-bottom:1.5rem !important}
.fa-edit,
.fa-trash-alt,
.fas fa-key{cursor:pointer !important}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:38px}

.alert-dismissible .closeSpecial {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit;
}
button.closeSpecial {
    padding: 0;
    background-color: transparent;
    border: 0;
}
.closecloseSpecial {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
#viewAll{margin:0 5px 0 30px}

/*  Width Column table*/
table.dataTable tbody tr.odd{background-color:#f9f9f9}
#listaTappe,
#modifyIndirizzo{padding:0 1rem}
table.jsmartable{font-size:14px !important}
.widthData{width:135px; text-align:left}
.widthAzienda{width:240px; text-align:left}
#tableAziende .widthAzienda{width:400px !important; text-align:left}
.widthCitta{width:330px !important; text-align:left}
.widthDistanza{width:95px; padding-right:5px; text-align:right}
.widthMail{width:375px; text-align:left}
.widthName{width:400px !important; text-align:left}
.widthUnity{width:530px !important; text-align:left}
#tableAziende .widthUnity{width:400px !important; text-align:left}
.widthRole{width:330px; text-align:left}
.widthStatus{width:100px; text-align:center}
.widthValue{width:125px; text-align:right}
.widthDescrizione{width:375px !important; text-align:left}
.widthDestinazione{width:370px; text-align:left}
.widthMotivo{width:230px; text-align:center}
.widthMezzo{width:95px; text-align:center}
.widthRimborso{width:330px; text-align:center}
.widthAction{width:80px; text-align:center}

.select2-container{width:100% !important}
.select2-container .select2-selection--single{height:38px; border:1px solid #d1d3e2; border-radius:.35rem}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:38px; color:#6e707e}
.tableTappe,
.tableUtenti{width:100%}

.specialFilter{width:50%}
.maxWidthRow{width:100%}

.boxRiepilogoModifyTrasferte{margin:25px 0 45px 20px}
.boxRiepilogoModifyTrasferte span{float:right; margin-right:1rem}

@media (max-width:767px) {
    .sidebar-dark .nav-item .nav-link {left:0}
    .titleSection{margin-left:-.75rem}
    .specialTop{margin-top:0}
    .hideLarge {display:none !important}
}
@media (min-width:769px) {
    .sidebar .nav-item .nav-link {padding:.5rem 0 0 2rem !important}
}
@media (min-width:769px) {
    .hideLarge {display:none !important}
}
@media (max-width:991px) {
    .specialEmpty {display:none !important}
    #bodyTappe{font-size:.8rem}
}

@media (min-width: 992px){
    #boxLogin.col-lg-6 {
        flex:0 0 50%;
        max-width:50%;
        left:6rem;
    }
    .hideMin992{display:none}
    #pageLogin #login_form{top:20px; position:relative}
    #pageLogin .card-body.p-0 .row{height:360px !important}
}
/*
@media (max-width:1024px) {
    .hideSmall {display:none !important}
}
*/
@media (max-width:1023px) {
    .hideSmall {display:none !important}
    .specialFilter{width:100%}
}

.bg-login-image {
    background: url(../img/HiSkill_Square.png);
    background-size:unset;
    height:300px;
    width:304px;
    flex:none;
    top:30px;
    left:6rem;
}
/*
.form {
    padding:20px 10px;
}
*/

.form label {
    display:block;
    margin-bottom:10px;
    font-weight:600;
    color:#000;
    font-size:16px;
    margin-left:5px;
}
.form label b{color:red}

.form .form-group{margin-bottom:20px}
.form-control:focus{outline:inherit; box-shadow:inherit}
.giustificativi-form-row {
    justify-content: center;
}

.giustificativi-form-wrap {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

@media (min-width: 1025px) {
    .giustificativi-form-wrap {
        width: 75% !important;
        max-width: 75% !important;
        flex: 0 0 75% !important;
    }
}