@media only screen and (max-width:539px) {
    .sidebar-welcome.row.sidebarSlide-cont,.sidebar-label.row {
        display: none;
    }
    .edit-profile-content .row.content-box>div {
        margin:0 2% 2%;
    }
    .main-content > .row > .col-md-8 {
        margin:0 1%;
    }
}

@media only screen and (min-width:540px) and (max-width: 767px) {
    .main-content > .row > .col-md-8 {
        margin:0 2%;
    }
}

@media only screen and (min-width:768px) {
    .sidebar {
        height: 100%;
        width: 50px;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #2a2a2a;
        overflow-x: hidden;
        transition: 0.5s;
        /* padding:10px 0 0 0; */
    }
    .sidebar.slided {       
        width: 250px;
    }
    .btn-toggle {
        visibility: hidden;
    }
    .sidebar .sidebarSlide-cont{
        display: none
    }
    .sidebar.slided .sidebarSlide-cont{
        display: inline;
    }  
    main {
        margin-left:50px;
        max-height: 100%;
        overflow-y: scroll;
        height:100%;
    }  
    main.slided {
        margin-left:250px;
    }
    .edit-profile-content .row.content-box>div.ml-2{
        margin-left: 2%;
    }
    .addItem-tabContent .form-group label{
        float: right;
        text-align: right;
    }
    .edit-dept-content,.edit-employee-content {
        width:60%;        
    }
    .intervention-actions {
        width:30%;        
    }
    .intervention-form,.edit-search-form {
        width: 80%;        
    }
}

@media only screen and (min-width:768px) and (max-width: 990px) {
    .addItem-tabContent .form-group label{
        float: none; 
    }
}

@media only screen and (min-width:991px) and (max-width: 1023px) {

}

@media only screen and (min-width:1024px) and (max-width: 1199px) {

}

@media only screen and (min-width: 1200px) {
    
}


