main{
    background-color: white;
    min-height: calc(100vh - 68px);
}

/* LOGIN */

.login.logo{
    display: block;
    margin: auto;
    width: 180px;
}
.login.card{
    box-shadow: 0 7px 14px 0 rgba(60,66,87,.12), 0 3px 6px 0 rgba(0,0,0,.12);
}
.login .btn-primary{
    background-color: #1e73be;
}
.login a{
    color: #3581c4
}
.login .form-control{
    height: auto;
    line-height: 2.2;
}

/* NAVBAR */

.navbar-logo{
    display: block;
    margin: auto;
    width: 150px;
}
.navbar{
    color:#fff;
    position: fixed;
    top:0;
    height: 68px;
    width: 100vw;
    z-index:10;
}
.main-content{
    margin-top: 68px;
}

/* LEFT MENU */

.left-menu-container{
    background-color: white;
    border-right: 1px solid #f1f1f1;
    border-width: 0 2px 0 0;
    overflow: hidden;
    min-width: 300px;
    z-index: 4;
    position: fixed;
    height: calc(100vh - 68px);
}
@media only screen and (max-height: 2000px) {
    .left-menu-container {
      position: static !important;
      height: auto;
      overflow: visible;
    }
    .left-menu-filler{
        display: none;
    }
  }
.left-menu-filler{
    height: calc(100vh - 68px);
    min-width: 360px;
}
.left-menu-content{
    position: sticky;
    top: 0;
}
.leftbar-menu-item{
    font-size: 1.2rem;
    color: #4d4d4c;
    font-weight: bold;
}
.leftbar-menu-item:hover{
    background-color: #1e73be33;
}
.leftbar-menu-item:active{
    background-color: #1e73be33;
    color: white;
}
.leftbar-menu-item .material-icons, .navbar-nav .material-icons{
    color: #cb210e;
}
.leftbar-menu-item .material-icons, .navbar-nav .icon-text {
    color: #4d4d4c; font-weight: 700;
}
.filter-panel{
    background-color: #f7f7f7;
}
.filter-panel .form-group label{
    color: #4d4d4c;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: bold;
}

/* GENERAL */

#app_container{
    max-width: 100vw;
}
.blade-title{
    margin-left:15px;
}
.widget{
    margin: 15px;
    padding: 15px 15px 45px 15px;
    box-shadow: 0 7px 14px 0 rgba(60,66,87,.12), 0 3px 6px 0 rgba(0,0,0,.12);
}
.moved-to-the-side
.table{
    width: 100% !important;
}

/* TABLE */

#pratice_table thead,
#client_table thead,
#study_table thead,
#files_table thead{
    background-color: #f7f7f7;
    color: #4d4d4c;
    text-transform: uppercase;
    font-size: 0.8rem;
}
#pratice_table td,
#study_table td {
    text-align: center;
}
#pratice_table td.p_details{
    text-align: left;
    font-weight: bold;
}
#pratice_table td.p_validator span{
    display: block;
    height: 40px;
    width: 40px;
    margin: auto;
    background-color: #1e73be;
    color: white;
    padding: 0.5rem;
    border-radius: 51%;
}
#pratice_table td .material-icons{
    cursor: default;
    font-size: 1.7rem;
}
.custom-select{
    width: auto !important;
}
#pratice_table_wrapper {
    overflow-x: scroll !important;
    /* padding: 60px 0; */
}

#pratice_table th{
    text-align: center;
}


/* DETAIL */

#conformity_icon .material-icons, 
#comunal_conformity_icon .material-icons, 
#catastal_conformity_icon .material-icons,
#practice_validation_icon .material-icons{
    font-size: 3rem;
}

.widget .form-check-input{
    width: 0px;
    height: 0px;
    overflow: hidden;
}

.widget .form-check-label{
    padding: 8px 12px;
    border: 3px solid #bbb;
    border-radius: 6px;
    animation: 0.1s;
    margin: 3px;
}

.widget input[type=radio]:enabled ~ .form-check-label{
    cursor: pointer;
}

.widget input[type=radio]:enabled ~ .form-check-label:hover{
    background-color: #1e73be22;
}

.widget input[type=radio]:checked ~ .form-check-label{
    background-color: #9bc225;
    font-weight: bold;
    color: white
}

.file-uploader {
   position: relative;
}
.required_label {
    color: red;
}

.validation_status {
    position:absolute; top: -15px; right: 0px;
}

.validation_status .material-icons {
    font-size: 12px !important;
}

.validation_status.valid {
    background: green; color: #fff; padding:5px 10px; border-radius: 5px; font-size: 11px;
}

.validation_status.rejected {
    background: red; color: #fff; padding:5px 10px; border-radius: 5px; font-size: 11px;
}

.file-approved{
    background: rgba(40, 167, 69, 0.2) !important;
}

.file-rejected{
    background: rgba(223, 53, 69, 0.2) !important;
}

.file-rejected .jFiler-item-title {
    text-decoration:line-through;
}

.material-icons,
.icon-text {
    vertical-align: middle;
    font-weight: 500;
}

.nav-item a:hover{
    text-decoration: none;
    color: #4d4d4c;
}

.table-close{
    background: rgb(180, 5, 5);
}

/* Select 2 */

.select2-container .select2-selection--single {
    height: 38px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da !important;
}

/* File manager */

.fm-context-menu ul:nth-child(4) {
    display: none !important;
}
/* 
.fm-context-menu ul:nth-child(2) {
    display: none !important;
}*/

.fm-navbar div.btn-group:nth-child(4) {
    display: none !important;
} 

/* .fm-navbar button[title~="Griglia"] {
    display: none !important;
}
.fm-navbar button[title~="Tabella"] {
    display: none !important;
}
.fm-navbar button[title~="Incolla"] {
    display: none !important;
}
.fm-navbar button[title~="Taglia"] {
    display: none !important;
}
.fm-navbar button[title~="Copia"] {
    display: none !important;
} */

.fm .fm-body {
    border-top: 1px solid #dee2e6 !important;
    border-bottom: none !important;
}
.fm-tree {
    border-right: 1px solid #dee2e6 !important;
}


.table-info, .table-info>td, .table-info>th, .fm-breadcrumb .breadcrumb.active-manager {
    background-color: #f7f7f7 !important;
}

.btn-hidden {
    display: none !important;
}

.checkbox label {
    margin-bottom: 0px;
}

  .checkbox label:after,
.radio label:after {
  content: '';
  display: table;
  clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
  border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: 1em;
    line-height: 0;
    top: 50%;
    left: 15%;
}

.radio .cr .cr-icon {
  margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
  display: none;
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon,
.radio label input[type="radio"]+.cr>.cr-icon {
  opacity: 0;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon,
.radio label input[type="radio"]:checked+.cr>.cr-icon {
  opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled+.cr,
.radio label input[type="radio"]:disabled+.cr {
  opacity: 1;
}

#error_driving_intervention,
#error_trailed_intervention
{
    position: relative;
    top: -15px;
}

.sub_heading {
    padding: .75rem 0;
    margin-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
/* .progress {

    display: none;
    position: absolute;
    width: 30%;
    border: 1px solid #ddd;
    padding: 1px;
    border-radius: 3px;
    left: 67%;
    top: 196px;
    max-width: 30%;
    background: #6d6a6a;
}

.bar {
    background-color: #007bff;
    width: 0%;
    height: 20px;
    border-radius: 3px;
    position: absolute;
    top: 195px;
    left: 67%;
    max-width: 30%;
}

.percent {
    position: absolute;
    display: inline-block;
    top: 192px;
    left: 80%;
    color: #fff;

} */

#fecibility-process{
    position: relative;
    top: 25%;
    display: none;
    background: #fff !important;
}

#fprocess-bar{
    background-color: #50A1E9 !important;
}

.blockOverlay {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

.practice_validation_not_completed{
    background: grey; color: #fff; padding: 10px; font-size: 2rem !important;
}
.practice_validation_in_progress{
    background: #1e73be; color: #fff;padding: 10px;font-size: 2rem !important;
}

.download{
    float: right;
}

.download-study{
    float: right;
    position: relative;
    right: 13px;
    bottom: 47px;
}

.icon-disabled{
    font-size: 27px;
    color: #ececec;
    margin: 0 auto;
    padding: 11px;
    width: 45px;
    height: 45px;
    background-color: #d0d0d0;
    border-radius : 4px;
}

/* .disabled-div{
    
} */


.icon-active{
    font-size: 27px;
    color: #fff;
    margin: 0 auto;
    width: 45px;
    height: 45px;
    padding: 11px;
    background-color: #cb210e;
    border-radius : 4px;
}

.icon-cancel{
    font-size: 27px;
    color: #fff;
    margin: 0 auto;
    width: 45px;
    height: 45px;
    padding: 11px;
    background-color: #df1717;
    border-radius : 50%;
}

.icon-cancel::before{
    position: relative;
    left: 2px;
    bottom: 1px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #f7f7f7 !important; color: #212529 !important;
}

/* .active-div{
    
} */

.form-control:disabled, .form-control[readonly] {
    background-color: #f7f7f7 !important;
    opacity: 0.8 !important;
}