@font-face {
    font-family: Alstom;
    src: url('../font/Alstom Regular.ttf');
}

body {
    color: #1E3246;
    background-color: #4B5A69;
    padding-top: 5px;
    padding-bottom: 20px;
    margin: 0px;
    font-family: Alstom, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 18px;
}



.btn-details,
.btn-details:hover,
.btn-details:active,
.btn-details:focus,
.btn-save,
.btn-save:hover,
.btn-save:active,
.btn-save:focus,
.btn-delete,
.btn-delete:hover,
.btn-delete:active,
.btn-delete:focus,
.btn-cancel,
.btn-cancel:hover,
.btn-cancel:active,
.btn-cancel:focus,
.newButton,
.newButton:hover,
.newButton:active,
.newButton:focus,
.btn-trash,
.btn-trash:hover,
.btn-trash:active,
.btn-trash:focus
.btn-search,
.btn-search:hover,
.btn-search:active,
.btn-search:focus,
.btn-addUser,
.btn-addUser:hover,
.btn-addUser:active,
.btn-addUser:focus,
.btn-clearFilter,
.btn-clearFilter:hover,
.btn-clearFilter:active,
.btn-clearFilter:focus,
.btn-task,
.btn-task:hover,
.btn-task:active,
.btn-task:focus,
.btn-duplicate,
.btn-duplicate:hover,
.btn-duplicate:active
.btn-duplicate:focus {
    border-radius: 50% !important;
    outline: none;
}

.navbar-inverse {
    background-color: #e9e9e9 !important;
    border-color: #e9e9e9 !important;
}


.navSpecial {
    width:100px;
}
.alignCenter {
    width: calc(100% - 500px);
    margin: auto;
    position: absolute;
    left: 250px;
}

.logo {
    display: block;
    width: 400px;
}
    .logo li a {
        background-color: #4B5A69;
        padding:0px;
    }
    .logo li a:hover,
    .logo li a:focus {
        background-color: #4B5A69;
    }

/* MENU CENTRALE */
.menuCentrale {
    width: 885px;
    height: 130px;
    display: block;
    background: #dc3223;
    border: 2px solid #dc3223;
    border-radius: 3px;
    color: #1E3246;
    box-shadow: 2px 2px 3px 1px #422e2e;
    position: relative;
    margin: auto;
    float: none;
}

    .menuCentrale li {
        width: 110px;
        margin: -2px 0px 0px;
        text-align: center;
    }

.menuCentrale li span {
    display: block;
    width: 60px;
    text-align: center;
}
        .menuCentrale li:hover a,
        .menuCentrale li:hover a {
            background: transparent;
            text-decoration: underline;
            color: #FFF;
        }
        .menuCentrale li:hover img,
        .menuCentrale li:hover img {
            border-radius: 50%;
            box-shadow: 0px 0px 10px 6px #FFF;
        }

        .menuCentrale li a {
            width: 90px;
            margin: auto;
            text-align: center;
            color: #1E3246;
            font-weight: normal;
        }

.menuCentrale li span {
    width: 90px;
    left: -15px;
    position: relative;
    font-size: 20px;
    top:4px;
}

.userLogin {
    position: relative;
    height: 75px;
    width: 75px;
    right: 25px;
    top: 10px;
    background-image: url(/images/pictograms/Picto_Alstom_Blue-collar-worker_RGB_Carbonblue.png);
    background-repeat: no-repeat;
    background-size: 75px 75px;
}

.userLogin li{
    display:none;
    height:36px;
}
    .userLogin:hover li button,
    .userLogin:hover li a,
    .userLogin:hover li span {
        font-size: 18px;
        color: #1E3246;
        padding: 10px;
    }

    .userLogin:hover li,
    .userLogin li:hover {
        display: block;
        width: 240px;
        top: 60px;
        overflow: visible;
        background: #fff;
        right: 15px;
        float: right;
        box-shadow: 2px 4px 8px 0px #888;
        font-size: 18px;
        color: #1E3246;
    }

    .userLogin li button,
    .userLogin li span {
        width: 100%;
        height: 100%;
        margin: 0;
        text-align: left;
    }
    .userLogin li button {
        top: -5px;
        position: relative;
    }

    .userLogin li span {
        position: relative;
        top: 5px;
    }
    .userLogin li button:hover {
        background-color: #eee;
    }
    .userLogin li a:hover {
        text-decoration: underline;
    }

/* MENU CENTRALE - END */
        
.body-content {
    background: #fff;
    width: auto;
    padding: 10px !important;
    margin: 0 20px;
}

.navbar-right {
    margin-right: 0px !important;
}

.font2 {
    color: #DC3223;
}

.fontWeightNormal {
    font-weight: normal;
}

.topPanel {
    padding: 5px;
    border: 2px solid #19aa6e;
    box-shadow: 1px 3px 3px 1px #888;
    margin-bottom: 15px;
}

.gridSize {
    width: 220px;
    position: relative;
    float: right;
}

.newButton {
    background: transparent;
    border: 0;
    background: url(../images/pictograms/btnNewGreen.png) 0px 0px no-repeat;
    background-size:60px 60px;
    height: 60px;
    width: 60px;
    float: right;
    position: fixed;
    bottom: 30px;
    right: 30px;
    border-radius: 50%;
    box-shadow: 3px 3px 9px 1px #888;
    z-index: 999;
}

.newButton:hover {
    opacity: 0.8;
}

#eventModal .modal-footer .btn-danger {
    margin-left: 10px;
    float: right;
}

thead {
    background: #4B5a69 !important;
}

    thead tr th,
    thead tr th a {
        color: #fff !important;
    }

thead tr th {
padding: 4px;
}

tr:nth-child(even) {
    background: #D2D7DC;
}

td {
    vertical-align: middle !important;
}

.btn-details {
    background: url(../images/btnEdit.png) no-repeat;
    background-size: 34px 34px;
    height: 34px;
    width: 34px;
    border: none;
    border-radius: 50%;
}
.btn-search {
    background: url(../images/btnSearch.png) no-repeat;
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
    border: none;
    border-radius: 50%;
}
.btn-delete {
    background: url(../images/btnDelete.png) no-repeat;
    background-size: 34px 34px;
    height: 34px;
    width: 34px;
    border: none;
    border-radius: 50%;
}
.btn-addTaskSTD {
    background: url(../images/add_Task.png) no-repeat;
    background-size: 34px 34px;
    height: 34px;
    width: 34px;
    border: none;
    border-radius: 50%;
}
.btn-addTaskCustom {
    background: url(../images/add_Task2.png) no-repeat;
    background-size: 34px 34px;
    height: 34px;
    width: 34px;
    border: none;
    border-radius: 50%;
}


.btn-addUser {
    background: url(../images/btnAddUser.png) no-repeat;
    background-size: 34px 34px;
    height: 34px;
    width: 34px;
    border: none;
    border-radius: 50%;
}
.btn-clearFilter {
    background: url(../images/btnRemoveFilter.png) no-repeat;
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
    border: none;
    border-radius: 50%;
    margin: 0 30px 0 20px
}
.btn-exportExcel {
    background: url(../images/btnExcel.png) no-repeat;
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
    border: none;
    border-radius: 50%;
    margin: -40px 25px 0 0px;
    float:right;
}

.btn-exportExcelEsst {
    background: url(../images/export_esst.png) no-repeat;
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
    border: none;
    border-radius: 50%;
    margin: -40px 25px 0 0px;
    float: right;
}

.btn-commit {
    background: url(../images/btnSync.png) no-repeat;
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
    border: none;
    border-radius: 50%;
    margin: -40px 25px 0 0px;
    float: right;
}

.btn-task {
    background: url(../images/btnTasks.png) no-repeat;
    background-size: 34px 34px;
    height: 34px;
    width: 34px;
    border: none;
    border-radius: 50%;
}



.btn-details:hover {
    box-shadow: 0px 0px 10px 6px #FFF;
}
tr:nth-child(odd) .btn-details:hover {
    box-shadow: 0px 0px 10px 6px #888;
}

.btn-addTaskSTD:hover,
.btn-addTaskCustom:hover,
.btn-task:hover,
.btn-delete:hover {
    box-shadow: 0px 0px 10px 6px #FFF;
}

tr:nth-child(odd) .btn-addTaskSTD:hover,
tr:nth-child(odd) .btn-addTaskCustom:hover,
tr:nth-child(odd) .btn-task:hover,
tr:nth-child(odd) .btn-delete:hover {
    box-shadow: 0px 0px 10px 6px #888;
}




.btn-delete:focus,
.btn-delete:active,
.btn-delete:active:focus {
    outline: transparent;
    background: url(../images/btnDelete.png) no-repeat;
    background-size: 35px 35px;
}

/*------------------------------------ INIZIO SFONDI ------------------------------------*/
.bgGold {
    background-color: #9B875F;
}

.bgBlue {
    background-color: #1E3246;
}

.bgRed {
    background-color: #DC3223;
}

.bgGreen {
    background-color: #19AA6E;
}

.bgGold1 {
    background-color: #AFA082;
}

.bgBlue1 {
    background-color: #788291;
}

.bgRed1 {
    background-color: #E15A50;
}

.bgGreen1 {
    background-color: #46B98C;
}

.bgGold2 {
    background-color: #C3B9A0;
}

.bgBlue2 {
    background-color: #788291;
}

.bgRed2 {
    background-color: #EB827D;
}

.bgGreen2 {
    background-color: #73CDAA;
}

.bgGold3 {
    background-color: #EBE6DC;
}

.bgBlue3 {
    background-color: #D2D7DC;
}

.bgRed3 {
    background-color: #FAD7D2;
}

.bgGreen3 {
    background-color: #D2F0E1;
}
/*------------------------------------ FINE SFONDI ------------------------------------*/

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

.active, .btn:hover {
    background-color: #666;
    color: white;
}


#overlay {
    background: #ffffff;
    color: #666666;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 5000;
    top: 0;
    left: 0;
    float: left;
    text-align: center;
    padding-top: 25%;
    opacity: .80;
}

.spinner {
    margin: 0 auto;
    height: 64px;
    width: 64px;
    animation: rotate 0.8s infinite linear;
    border: 5px solid firebrick;
    border-right-color: transparent;
    border-radius: 50%;
}

.right {
    float:right;
}



@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*---------------------------- Login ---------------------------*/
.bckLogin {
    background: url(https://www.alstom.com/sites/alstom.com/files/styles/large_media_cover/public/2019/06/04/Alstom%20Avelia%20HS2%20Train%20FINAL.jpg) no-repeat;
    background-position-x: 0;
    background-position-y: 0;
    background-size: cover;
}

.logoLogin {
    position: relative;
    right: 0px;
    float: right;
    top: 15px;
}

.panelLogin {
    width: 500px;
    float: right;
    top: 100px;
    position: relative;
}

.btn-login {
    background: url(../images/btnSave.png) no-repeat;
    margin: 50px 0px 0px !important;
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
    border: none;
    position: absolute;
    bottom: 20px;
    right: 20px;
    float: right;
    bottom: 20px !important;
    right: 20px !important;
}
    .btn-login:hover{
        border-radius:50%;
    }
    /*----------------------------Home Page---------------------------*/
    .home-body {
        width: 100%;
    }
.label-home {
    font-size: 20px;
    padding-top: 10px;
    margin-bottom: 10px;
} .label-chart {
    font-size: 20px;
    padding-top: 10px;
} .container-home {
    height: 38vh;
    background-color: #D2D7DC;
    margin: 10px;
    width: calc(50% - 20px);
    border-radius: 15px;
} .container-content {
    height: 80%;
    overflow: auto;
} .container-content-chart {
    display: flex;
    align-items: center;
    height: 80%;
} .span-not {
    color: #DC3223;
    padding-top: 10px;
    align-self:start;
} .elem-list {
    padding-top: 10px;
}
/*--------------------------Home Page end--------------------------*/
/*----------------------------Scheduling Day By Day---------------------------*/
.a-link {
    cursor: pointer;
}
/*----------------------------Scheduling Day By Day end---------------------------*/
/*----------------------------INIZIO Workload---------------------------*/
.rigaSelezionata {
    background-color: darkgray;
}
/*----------------------------FINE Workload---------------------------*/
#overlay {
    background: #ffffff;
    color: #666666;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 5000;
    top: 0;
    left: 0;
    float: left;
    text-align: center;
    padding-top: 25%;
    opacity: .80;
} .spinner {
    margin: 0 auto;
    height: 64px;
    width: 64px;
    animation: rotate 0.8s infinite linear;
    border: 5px solid firebrick;
    border-right-color: transparent;
    border-radius: 50%;
} @keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


  /* FORM */
#DetailView {
    background: #FFF !important;
    border: 1px solid #888;
    box-shadow: 1px 3px 3px 1px #888;
}

    #DetailView h1 {
        text-align: left;
        border-bottom: 1px solid #19AA6E;
        margin-bottom: 35px;
        padding-bottom: 10px;
    }

h1.display-4 {
    border-bottom: 1px solid #19AA6E;
    padding-bottom: 10px;
}

.modalTitle {
    text-align: left;
    border-bottom: 1px solid #19AA6E;
    padding-bottom: 10px;
}

.form-row {
    clear: left;
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}

    .form-row.bottomLine {
        padding: 0px 0 10px;
        border-bottom: 1px solid #eee;
        margin: 10px 0 20px 0;
    }

.form-group div.form-row:last-of-type {
    margin-bottom:60px
}

.form-cell {
    float: left;
    width: 50%;
    min-width: 325px;
}

.form-group label {
    width: 200px;
    height: 35px;
    float: left;
    text-align: left;
    position: relative;
    margin: 8px 0 0 0;
}

.form-group input,
.form-group input[type=text],
.form-group input[type=email],
.form-group select {
    width: 300px;
    float: left;
    text-align: left;
    position: relative;
}

    .form-group button,
    .form-group input[type=submit] {
        bottom: 20px;
        position: relative;
        right: 30px;
        height: 50px;
        width: 50px;
        float: right;
    }

.form-group .text-danger {
    position: relative;
    float: left;
    margin: 8px 0 0 10px;
}

.btn-save {
    background: url(../images/btnSave.png) no-repeat;
    background-size: 35px 35px;
    height: 35px;
    width: 35px;
    border: none;
    margin: 0 10px;
    border-radius: 50%;
}
    .btn-save:hover {
        box-shadow: 0px 0px 10px 6px #888;
    }

.btn-duplicate {
    background: url(../images/btnDuplicate.png) no-repeat;
    background-size: 50px 50px;
    height: 35px;
    width: 35px;
    border: none;
    margin: 0 10px;
    border-radius: 50%;
}

    .btn-duplicate:hover {
        box-shadow: 0px 0px 10px 6px #888;
    }


.form-group button.btn-save,
.form-group input[type=button].btn-save {
    background: url(../images/btnSave.png) no-repeat;
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
    border: none;
    bottom: 20px;
    right: 30px;
    float: right;
    position: relative;
    margin: 0 10px;
    border-radius: 50%;
}

.btn-cancel:hover {
    box-shadow: 0px 0px 10px 6px #888;
}

.form-group .btn-cancel {
    background: url(../images/btnDelete.png) no-repeat;
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
    border: none;
    bottom: 20px;
    right: 30px;
    float: right;
    position: relative;
    margin: 0 10px;
    border-radius: 50%;
}

a.btn-cancel {
    background: url(../images/btnDelete.png) no-repeat;
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
    border: none;
    position: absolute;
    bottom: 20px;
    right: 95px;
    float: right;
    border-radius: 50%;
}

.btn-trash {
    background: url(../images/trash.png) no-repeat;
    background-size: 35px 35px;
    height: 35px;
    width: 35px;
    border: none;
    position: absolute;
    left: 30px;
    float: right;
    border-radius:50%;
}
.btn-trash:hover {
    box-shadow: 0px 0px 10px 6px #888;
}


.radioLang {
    width: 300px;
    height: 70px;
}

.radioLang input{
    width:20px;

}
input#Language,
input#LinguaPreferita {
    width: 25px;
}

/* MENU LIV 2 */
.nav.nav-pills li a {
    color: #1E3246;
    font-weight:bold;
}

.projectTitle {
    font-size: 30px;
    margin: 20px 0 10px;
    font-weight: 500;
    color: inherit;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #788291;
}
.backButton {
    height: 70px;
    position: relative;
    display: block;
}
.backButton a {
    background: url(/images/back.png) no-repeat;
    height: 50px;
    width: 50px;
    background-size: 50px 50px;
    position: relative;
    display: block;
    left: 15px;
    top: 10px;
    box-shadow: 1px 1px 3px 2px #aaa;
    border-radius: 50%;
}
.backButton:hover .tooltip {
    margin: -30px 0 0 65px;
    font-size: 16px;
    padding: 2px;
    background-color: #eee;
    border: 1px solid #eee;
    border-radius: 5px;
}

.backButton:hover .tooltip{
    opacity:1;
}

.predecessorButton {
    background: url(/images/predecessor.png) no-repeat;
    height: 63px !important;
    width: 50px;
    background-size: 50px 63px;
    position: relative;
    display: block;
    float: left !important;
    top: -10px;
    left: 5px;
}

.successorButton {
    background: url(/images/successor.png) no-repeat;
    height: 63px !important;
    width: 50px;
    background-size: 50px 63px;
    position: relative;
    display: block;
    float: left !important;
    top: -10px;
    left: 5px;
}

/* CALENDAR */
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{
    color:#FFF;
}
.fc-unthemed td.fc-today {
    background: #D2F0E1;
}
.modal-header {
    padding: 10px;
    border-bottom: none !important;
}

/* MODAL PREDECCESORI SUCCESSORI  */
.modal-dialog.modal-dialog-centered{
    width:1000px;
}
.modal-header .close {
    top: -45px;
    right: 0px;
}
.modal-title {
    border-bottom: 1px solid #19AA6E;
}

.modal-body {
    padding: 0 10px 10px 10px;
}

.modal-body table {
    top: -30px;
    position: relative;
}

.modal-body .btn-delete {
    height: 34px !important;
    width: 34px !important;
    bottom: 0px;
}
    .modal-body .newButton {
        width: 36px;
        height: 36px;
        background-size: 36px 36px;
        top: 0px;
        left: 0px;
    }

.modal-footer{
    border:none;
}

.lblPredecessor{
    width: 230px;
    height: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
    display:inline-block;
}

.lblSuccessor {
    width: 230px;
    height: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}

.tableLinks{
    table-layout:fixed;
    width:100%;
}

.thNameLink {
    text-align: center;
    width: 15%;
}

.thHourLink{
    width:7%;
    text-align:center;
}

.thTypeLink{
    width:9%;
    text-align:center;
}

.thTypeLinkProject {
    width: 12%;
    text-align: center;
}

.thActionLink {
    width: 6%;
    text-align: right;
}

.thUniqueId {
    width: 5%;
    text-align: center;
}

.thStart {
    width: 10%;
    text-align: center;
}

.thPIC {
    width: 10%;
    text-align: center;
}

.thEnd {
    text-align: center;
    width: 10%;
}

.thDeadline {
    width: 10%;
    text-align: center;
}

.thProgress {
    width: 7%;
    text-align: center;
}

/* DELIVERABLES LIST */
.lblDelivName {
    overflow: hidden;
    text-overflow: ellipsis;
}

.lblDelivOtif {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncatedTD {
    max-width: 90px;
}
.truncatedTDName {
    max-width: 400px;
}
.truncatedTDOTIF {
    max-width: 77px;
}

.checkbox-label {
    width: 40px;
    height: 10px;
    float: left;
    font-size: small;
}

.btn-Plus {
    background: url(../images/pictograms/btnNewGreen.png) no-repeat;
    background-size: 34px 34px;
}

.btn-Paste {
    height: 34px !important;
    width: 34px !important;
    bottom: 0px;
    background: url(../images/btnPaste.png) no-repeat;
    background-size: 34px 34px;
    margin-right: 10px;
    border-radius: 50% !important;
    outline: none;
    border: none;
    margin-left: 22px;
}

.btn-Import {
    height: 34px !important;
    width: 34px !important;
    bottom: 0px;
    background: url(../images/btnImport.png) no-repeat;
    background-size: 34px 34px;
    /*margin-right: 14px;*/
    border-radius: 50% !important;
    outline: none;
    border: none;
}

.rowFilters {
    margin-top: 25px;
}

.btnCollapse{
    width: 35px;
}

.btnRefresh {
    background: url(../images/btnRefresh.png) no-repeat;
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
    border: none;
    border-radius: 50%;
}

.btnExpandAll {
    background: url(../images/btnExpand.png) no-repeat;
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
    border: none;
    border-radius: 50%;
}

.btnSend {
    background: url(../images/btnSend.png) no-repeat;
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
    border: none;
    border-radius: 50%;
    margin: -40px 25px 0 0px;
    float: right;
}

.btn-Template {
    height: 34px !important;
    width: 34px !important;
    bottom: 0px;
    background: url(../images/btnExcel.png) no-repeat;
    background-size: 34px 34px;
    margin-right: 7px;
    border-radius: 50% !important;
    outline: none;
    border: none;
    float:right;
}

.fontSizeRows{
    font-size: 14px;
}

.text-brown {
    color: #9B875F;
}

.text-red {
    color: #DC3223;
}

.text-green {
    color: #19AA6E;
}

.taskRow {

}

.dropdownTaskModal {
    float: none;
    width: 85%;
    display: inline-block;
    text-align: center;
}

.labelTaskModal {
    margin-left: 45px;
}

.importresult {
    height: 200px;
    overflow: auto;
    margin-bottom: 20px;
    margin-top: 20px;
}

.acceptandcontinue {
    font-size: large;
    font-weight: bold;
}

.formcellmodallink {
    padding-left:50px;
}

.modalcontentlink {
    width: 1150px !important;
}

.pic-update-dropdown {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.btn-pic-update {
    height: 50px !important;
    width: 50px !important;
    bottom: 0px;
    background: url(../images/btnAddPicToTask.png) no-repeat;
    background-size: 50px 50px;
    border-radius: 50% !important;
    outline: none;
    border: none;
    float: right;
    position: relative;
    top: -40px;
    margin-right: 30px;
}

.disabled {
    pointer-events: none;
    background: #F5F5F5;
}

.pointer{
    cursor:pointer;
}

.link-disabled{
    text-decoration: none !important;
}

/* ----------------------- GANT ----------------------- */

#TWGanttArea {
    height: inherit;
}

.resEdit {
    padding: 15px;
}

.resLine {
    width: 95%;
    padding: 3px;
    margin: 5px;
    border: 1px solid #d0d0d0;
}

.ganttButtonBar h1 {
    color: #000000;
    font-weight: bold;
    font-size: 28px;
    margin-left: 10px;
}

.container {    
    max-width: 100%;
    width:calc(100% - 160px);
    float:right;
}

th {
    color: #FFF !important;
    background-color: #4B5a69 !important;
}

#thIndexEdit,
#thTrafficLight {
    width: 35px !important;
}

/*#thName {
    width: 400px !important;
}*/

.thNameSaturation {
    width: 300px !important;
}

.thNamePlanning {
    width: 400px !important;
}

#thStart {
    width: 80px !important;
}

#thEnd {
    width: 92px !important;
}

#thEstEnd {
    width: 80px !important;
}

#thBaseline {
    width: 80px !important;
}

#thDuration {
    width: 80px !important;
}

#thProgress {
    width: 40px !important;
}

#thAssign {
    width: 150px !important;
}

#thDurationWorkload {
    width: 80px !important;
}

.teamworkIcon {
    color: #FFF;
}

.taskLabelSVG{
    fill:white !important;
    font-size: 17px !important;
    font-weight: 500;
}

/* ---------------------------------------------------- */


/* ------------------------TH FILTER---------------------------- */

table thead th.selected {
    background: #f1f1f1;
}

table thead th.selected .filter {
    content: url('../images/filter_active.png');
}

table thead th.checkboxContainer, table td.checkboxContainer {
    width: 40px;
    position: relative;
}

table thead th.id, table td.id {
    width: 75px;
}

table thead th span.order {
    width: 6px;
    height: 12px;
    display: inline-block;
    /*background: url('/images/arrow_up.png') 0 0 no-repeat;*/
    width: 6px;
    height: 11px;
    display: inline-block;
}

#imgOrder {
    content: url('/images/arrow_up.png');
}

table thead th span.order.asc {
    /*background: url('/images/arrowOrder.png') 0 0 no-repeat;*/
    width: 6px;
    height: 11px;
    display: inline-block;
}

table thead th span.order.asc {
    /*background: url('/images/arrowOrder.png') 0 0 no-repeat;*/
    width: 6px;
    height: 11px;
    display: inline-block;
}

table thead th span.order.desc {
    /*background: url('/images/arrowOrder.png') 0 -10px no-repeat;*/
    width: 6px;
    height: 11px;
    display: inline-block;
}

table thead th.indirizzo, table td.indirizzo {
    width: 250px;
}

table thead th div.fr {
    float: right;
}

table thead th .divide {
    border: solid #f1f1f1;
    border-width: 0 2px 0 0;
    height: 28px;
    margin: 0 -5px 0 5px;
}

table thead th .filterboxContain {
    position: relative;
}

table thead th .filterboxContain .filter {
    cursor: pointer;
}

table thead th .filterboxContain .filterbox {
    position: absolute;
    width: 160px;
    background: #fff;
    display: none;
    box-shadow: 0px 25.6px 57.6px rgba(0, 0, 0, 0.22), 0 4.8px 14.4px rgba(0,0,0,0.18);
    border-radius: 2px;
    background-color: #fff;
    box-sizing: border-box;
    text-align: left;
    padding: 5px;
    border-top: 3px solid;
    text-align: center;
    right: 15px;
    z-index:1000;
}

table thead th .filterboxContain .filterbox .filterField {
    width: 150px;
}

table thead th .filterboxContain .filterbox img {
    cursor: pointer;
}

table thead th .filterboxContain .filterbox span {
    line-height: 11px;
}

table thead th.scrollbarHeader {
    width: 10px;
    border-right: 0px;
    background: #f1f1f1
}

table tbody tr .checkbox {
    opacity: 0;
}

table tbody tr:hover .checkbox {
    opacity: 1;
}

.showFix {
    opacity: 1 !important;
}

.dati {
    overflow: visible !important;
}

.black{
    color:black;
}

.left{
    float:left;
}

.right{
    float: right;
}

.searchForTitle{
    margin-top:3px;
}

.searchForType{
    font-size:18px;
}

.checkbox-label-filter {
    width: 100px;
    height: 15px;
    float: left;
    font-size: small;
    color: black;
   /* margin-right:15px;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width:100px;
    text-align:left;
}

#valuesContainer {
    max-height: 200px;
    overflow-y: auto;
}

.filterBtn {
    margin-top: 15px;
}

/* -------------------------------------------------------------- */

/*-----------------------FIXED TABLE HEADER-----------------------*/

.fixedHeader {
    position: sticky;
    top: 0;
}

    .fixedHeader + .tableBody {
        padding-top: 10px;
    }

/*----------------------------------------------------------------*/

.labelUpdateOnTable{
    cursor:pointer;
}

.btnSaveUpdateOnTable {
    margin: 0px 2px;
}

.inputUpdateOnTable{
    width: 55px;
}

.bodyModalUpdateOnTable {
    padding: 5px 5px 5px 5px;
}

.modalDialogUpdateOnTable {
    margin: 0;
}

.containerFilterColumnValues {
    height:200px;
    overflow-y:auto;
    overflow-x:hidden;
}

.sorting-link {
    cursor:pointer;
}

.filter-pic-planning{
    margin-top: 20px;
}