/*---------------------------*/
/*---- css-01-global.css ----*/
/*---------------------------*/

:root {
    --text-color: #000000;
    --secondary-text-color: #8f8f8f;
    --primary-color: #ECA507;
    --secondary-color: #525252;
    --white-color: #ffffff;
    --black-color: #000000;
    --secondary-background: #F2F2F2;
    --blue-color: #003b5b;
}

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

body {
    font-family: "Montserrat", sans-serif !important;
}

body a {
    text-decoration: none !important;
}

/*
h1 {

}

h2 {

}

h3 {

}

h4 {

}
*/

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

.section-box {
    margin-bottom: 24px;
}

.section-title {
    font-size: 0.8rem;
    font-weight: 600;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}
.section-label {
    display: inline-block;
    background: var(--primary-color);
    color: #fff;
    padding: 6px 12px;
    border-radius: 2px;
}

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

.pagination{
    margin-right: 10px;
    margin-bottom: 0;
}

.dataTables_wrapper .dataTables_paginate{
    padding-top: 0;
    float: none;
}

.dataTables_wrapper .dataTables_info{
    padding-top: 0;
    float: none;
    font-size: 12px;
}

.box-title{
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.title-page-with-square {
    position: relative;
    margin-top: 15px;
    font-size: 30px;
    font-weight: 700;
    padding-left: 8px;
    display: flex;
    align-items: center;
}

.form-label, .form-control-label{
    padding: 0px 3px;
}

.form-control {
    border: none;
    height: 36px !important;
    font-weight: 600;
    color: #495057;
}

.content, .container-fluid {
    background-color: var(--secondary-background);
}

.dataTables_scrollHeadInner {
    width: auto !important;
}

div#interview-container {
    position: sticky;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 524px;
}

div#kpi-container {
    position: sticky;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 524px;
}

.card.extend{
    background-color: #F2F2F2;
    box-shadow: 0 0 0;
    margin: 0px;
    padding: 20px 5px;
    border-radius: 10px;
}

tr td:nth-child(2) {
    font-weight: 600 !important;
}

table.dataTable thead .sorting {
    background-image: none;
    
}

.btn-action, .btn-action-news, .btn-action:hover, .btn-action-news:hover {
    font-weight: 500;
    min-width: 256px;
    padding: 7px 20px;
    font-size: 13px;
    border-radius: 50px;
    height: 36px !important;
    background: #EDA505;
    text-transform: uppercase;
    color:var(--white-color);
    border:#EDA505 1px solid;
    align-content: center;
}

.buttons-excel, .buttons-excel:hover{
    font-weight: 500;
    min-width: 256px;
    padding: 5px 20px;
    border-radius: 50px;
    height: 36px;
    font-size: 13px;
    background: #EDA505;
    color:var(--white-color);
    border:#EDA505 1px solid;
    text-transform: uppercase;
}

.box-edit {
    display: flex;
    /*justify-content: space-between;*/
}

.text-edit {
    font-weight: 400;
}

.title-with-square {
    position: relative;
    margin-top: 16px;
    font-weight: 600;
    font-size: 26px;
}

.btn-cancel, .btn-save,  .btn-save:hover, .btn-cancel-news, .btn-cancel:hover, .btn-cancel-news:hover {
    color: var(--white-color);
    font-weight: 500;
    background-color: #525252;
    padding: 7px 20px;
    border-radius: 50px;
    border: none;
    min-width: 110px;
    display: inline-block;
}

textarea.form-control {
    height: auto !important;
}

.card-body {
    padding-top: 10px !important;
    position: relative;
}

.modal-body{
    padding: 30px 20px;
}


/*----------------------*/
/*---- ALERT CUSTOM ----*/
/*----------------------*/

.img-alert-success {
    background: white;
    color: #28a745;
    border-radius: 50%;
    position: absolute;
    top: 34px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    font-size: 32px;

    display: flex;
    align-items: center;
    justify-content: center;
}


.alert-success {
font-size: 24px;
    border-radius: 15px;
    width: 25%;
    padding: 0px !important;
    margin-left: 250px !important;
    background-color: #ffffff;
    border-radius: 15px;
    margin-top: 80px;
    justify-self: center;
    height: max-content;
    position: fixed !important;
    inset: 0;
    z-index: 2000;
}

.card-footer.card-footer-alert-success {
    place-self: center;
    background-color: rgba(255, 255, 255, 0.03);
    border-top: 0 solid rgba(255, 255, 255, 0.125);
}

.card-body-alert-success {
    justify-self: center;
    color: black;
    margin-top: 30px;
}

.btn-alert-success {
    border-radius: 15px;
    border: solid #28a745 1px !important;
    background-color: #fff !important;
    color: #28a745 !important;
    font-size: 16px;
    padding: 10px 15px !important;
    opacity: 1 !important;
    margin-top: 25px;
}

.card-header-alert-success {
    background-color: #28a745;
}

.card-header.card-header-alert-success {
    border-radius: 15px 15px 0px 0px;
    height: 60px;
}




.img-alert-danger {
    background: white;
    color: #dc3546;
    border-radius: 50%;
    position: absolute;
    top: 34px;
    width: 50px;
    height: 50px;
    left: auto;
    justify-self: anchor-center;
    font-size: 32px;
}
.alert-danger {
font-size: 24px;
    border-radius: 15px;
    width: 25%;
    padding: 0px !important;
    margin-left: 250px !important;
    background-color: #ffffff;
    border-radius: 15px;
    margin-top: 80px;
    justify-self: center;
    height: max-content;
    position: fixed !important;
    inset: 0;
    z-index: 2000;
}

.card-footer.card-footer-alert-danger {
    place-self: center;
    background-color: rgba(255, 255, 255, 0.03);
    border-top: 0 solid rgba(255, 255, 255, 0.125);
}

.card-body-alert-danger {
    justify-self: center;
    color: black;
    margin-top: 30px;
}

.btn-alert-danger {
    border-radius: 15px;
    border: solid #dc3546 1px !important;
    background-color: #fff !important;
    color: #dc3546 !important;
    font-size: 16px;
    padding: 10px 15px !important;
    opacity: 1 !important;
    margin-top: 25px;
}

.card-header-alert-danger {
    background-color: #dc3546;
}

.card-header.card-header-alert-danger {
    border-radius: 15px 15px 0px 0px;
    height: 60px;
}

/*----------------------*/
/*------ TABELLE -------*/
/*----------------------*/

table thead{
    background-color: var(--secondary-background);
    color: var(--white-color);
}
table.dataTable thead th{
    padding: 16px 16px;
    color: #222222;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 0px solid #111;
}

table.dataTable tbody tr {
    background-color: #F2F2F2;
}

table > tbody > tr > td:has(.fa-circle){
    text-align: center !important;
}


.table td, .table th {
    border-top: 1px solid #F2F2F2;
    border-bottom: 1px solid #aaaaaa;
}

table.dataTable.no-footer {
    border-bottom: 0px solid #111;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 16px 16px;
    font-size: 14px;
    font-weight: 500;
    color: #222222;
}

table.dataTable td input{
    border: none;
    justify-self: center;
}

.dataTables_wrapper .dataTables_filter input {
    border-radius: 0px;
    min-width: 250px;
    height: 38px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button{
    padding: 5px 2px;
    border-radius: 6px !important;
}

a.page-link {
    background-color: #FAFAFA !important;
    border: 1px solid #333333 !important;
    width: 26px;
    padding: 3px;
    font-size: 12px;
    height: 26px;
    border-radius: 6px !important;
    color: var(--white-color) !important;
}
.paginate_button.page-item.active > a{
    background-color: #333333 !important;
    border: 1px solid #333333 !important;
    width: 26px;
    padding: 3px;
    font-size: 12px;
    height: 26px;
    border-radius: 6px !important;
    color: var(--white-color) !important;
}

/* PAGINAZIONE RESPONSIVE CON NUMERO CENTRATO */

/* base Full HD */
a.page-link,
.paginate_button.page-item.active > a {
    background-color: #FAFAFA !important;
    border: 1px solid #333333 !important;
    width: 26px;
    height: 26px;
    padding: 0 !important;
    font-size: 12px;
    border-radius: 6px !important;
    color: var(--white-color) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    text-align: center !important;
}

/* stato attivo */
.paginate_button.page-item.active > a {
    background-color: #333333 !important;
    border: 1px solid #333333 !important;
}

/* Notebook 1366 */
@media (max-width: 1366px) {
    a.page-link,
    .paginate_button.page-item.active > a {
        width: 24px !important;
        height: 24px !important;
        font-size: 11px !important;
    }
}

/* iPad Pro 1024 */
@media (max-width: 1024px) {
    a.page-link,
    .paginate_button.page-item.active > a {
        width: 22px !important;
        height: 22px !important;
        font-size: 10px !important;
        border-radius: 5px !important;
    }
}

/* Tablet 768 */
@media (max-width: 768px) {
    a.page-link,
    .paginate_button.page-item.active > a {
        width: 20px !important;
        height: 20px !important;
        font-size: 9px !important;
        border-radius: 4px !important;
    }
}

label:not(.form-check-label):not(.custom-file-label) {
    color: #333333;
    font-size: 12px;
    padding-left: 7.5px;
    letter-spacing: 0.12px;
    text-transform: uppercase;
    font-weight: 600;
}

div#collaborators-datatable_filter, div#kpi-datatable_filter, div#job_position-datatable_filter, div#onboarding-controls-datatable_filter, div#offices-datatable_filter, div#working-places-datatable_filter, div#hard_skills-datatable_filter, div#interview_question-datatable_filter, div#onboarding-datatable_filter, div#job-position-collaborators-datatable_filter,
div#soft_skill_scores_datatable_filter, div#soft_skills-datatable_filter, div#users-datatable_filter, div#companies-datatable_filter, div#job_position_soft_skills-datatable_filter, div#job_position_hard_skill-datatable_filter,
div#job_position_interview_questions-datatable_filter, div#job_position_onboarding-datatable_filter, div#job_position_search-datatable_filter, div#candidates-datatable_filter {
    padding-left: 7.5px;
}

#collaborators-datatable_filter label,#kpi-datatable_filter label, #job_position-datatable_filter label, #onboarding-controls-datatable_filter label, #offices-datatable_filter label, #working-places-datatable_filter label, #hard_skills-datatable_filter label, #interview_question-datatable_filter label, #onboarding-datatable_filter label, #job-position-collaborators-datatable_filter label,
#soft_skill_scores_datatable_filter label, #soft_skills-datatable_filter label, #users-datatable_filter label, #companies-datatable_filter label, #job_position_soft_skills-datatable_filter label, #job_position_hard_skill-datatable_filter label,
#job_position_interview_questions-datatable_filter label, #job_position_onboarding-datatable_filter label, #job_position_search-datatable_filter label, #candidates-datatable_filter label {
    position: relative;
}

#collaborators-datatable_filter label::after, #kpi-datatable_filter label::after, #job_position-datatable_filter label::after, #onboarding-controls-datatable_filter label::after, #offices-datatable_filter label::after , #working-places-datatable_filter label::after, #hard_skills-datatable_filter label::after, #interview_question-datatable_filter label::after, #onboarding-datatable_filter label::after, #job-position-collaborators-datatable_filter label::after, 
#soft_skill_scores_datatable_filter label::after, #soft_skills-datatable_filter label::after, #users-datatable_filter label::after, #companies-datatable_filter label::after, #job_position_soft_skills-datatable_filter label::after, #job_position_hard_skill-datatable_filter label::after,
#job_position_interview_questions-datatable_filter label::after, #job_position_onboarding-datatable_filter label::after, #job_position_search-datatable_filter label::after, #candidates-datatable_filter label::after {
    content: "\f002";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    font-size: 20px;
    right: 20px;
    top: 66%;
    transform: translateY(-50%);
    color: #EDA505;
}

div#collaborators-datatable_filter label, div#kpi-datatable_filter label , div#job_position-datatable_filter label , div#onboarding-controls-datatable_filter label , div#offices-datatable_filter label , div#working-places-datatable_filter label , div#hard_skills-datatable_filter label, div#interview_question-datatable_filter label, div#onboarding-datatable_filter label, div#job-position-collaborators-datatable_filter label,
div#soft_skill_scores_datatable_filter label, div#soft_skills-datatable_filter label, div#users-datatable_filter label, div#companies-datatable_filter label, div#job_position_soft_skills-datatable_filter label, div#job_position_hard_skill-datatable_filter label,
div#job_position_interview_questions-datatable_filter label, div#job_position_onboarding-datatable_filter label, div#job_position_search-datatable_filter label, div#candidates-datatable_filter label {
    width: 33%;
}

input.form-control.form-control-sm {
    margin-left: -7.5px;
    width: 100%;
    border: none;
    padding-right: 32px;
}

input.form-control.form-control-sm::after {
    content: "\f1f8";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #6c757d;
}

.dataTables_filter > label{
    margin-bottom: 16px;
}

.dataTables_filter label {
    display: unset;
}

.text-otherwise{
    font-size: 18px;
    font-weight: 600;
    padding-top: 10px;
}


/* --- LOGOUT --- */
.dropdown-menu {
    border-radius: 10px !important;
}
.user-footer{
    background-color: #ffffff !important;
    padding: 15px 10px !important;
    border-radius: 10px !important;
    box-shadow: 0px 5px 15px 5px #585858;
}
.user-footer .btn-flat{
    border-radius: 0px !important;
    color:#353535 !important;
    margin: 0px;
    text-align: left;
    font-size: 16px;
    font-weight: 600 !important;
    opacity: 1;
    width: 100%;
}
.user-footer .btn-flat:hover{
background-color: #ffb61f;
}
.user-footer .btn-default {
    padding: 15px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

.col-filter-home {
    align-content: center;
}

.fc-toolbar, .fc-toolbar.fc-header-toolbar {
    padding: 0.5rem;
}

.icon-title {
    color: #515151;
    opacity: 0.5;
    font-size: 18px;
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {

}

@media (min-width: 1920px) {
    .icon-title {
        font-size: 18px;
    }
}

.filter-right {
    border-top: solid 1px #b9b9b9;
    border-bottom: solid 1px #b9b9b9;
}

.filter-center {
    border-top: solid 1px #b9b9b9;
    border-bottom: solid 1px #b9b9b9;
}

.filter-left {
    border-top: solid 1px #b9b9b9;
    border-bottom: solid 1px #b9b9b9;
}

.kpi-title {
    color: #ff8800;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
}

p.kpi-office.mb-1, p.kpi-place.mb-1, p.kpi-collaborator.mb-1, p.kpi-role.mb-1, p.kpi-description {
    font-size: 16px;
    color: #585858;
    /*margin-top: -8px;*/
    font-weight: 500;
}

p.kpi-office.mb-1:hover, p.kpi-place.mb-1:hover, p.kpi-collaborator.mb-1:hover, p.kpi-role.mb-1:hover, p.kpi-description:hover {
    font-size: 16px;
    color: #585858;
    /*margin-top: -8px;*/
    font-weight: 500;
}

p.interview-time.mb-1, p.interview-role.mb-1, p.interview-office.mb-1, p.interview-user.mb-1, p.interview-working_place.mb-1 {
    font-size: 16px;
    color: #585858;
    margin-top: -8px;
    font-weight: 500;
}

p.interview-time.mb-1:hover, p.interview-role.mb-1:hover, p.interview-office.mb-1:hover, p.interview-user.mb-1:hover, p.interview-working_place.mb-1:hover {
    font-size: 16px;
    color: #585858;
    margin-top: -8px;
    font-weight: 500;
}

.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
    margin-bottom: 0em;
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    min-height: 0em;
}

.boc-dark h1, .boc-light h1 {
    font-size: 24px !important;
    line-height: 1;
}

#tree{
    width:100%;
    height:100%;
    border-radius: 10px;
}

[data-n-id] rect {
    fill: #353535;
}

[data-n-id='1'] rect {
    fill: #353535;
}

.node.red rect {
    fill: #353535;
}

.field_0 {
    font-family: Impact;
    text-transform: uppercase;
    fill: #cfcfcf;
}

.field_1 {
    fill: #ffb61f;
}

[data-l-id] path {
    stroke: #ffb61f;
}

[data-l-id='[3][4]'] path {
    stroke: #ffb61f;
}

[data-ctrl-ec-id] circle {
    fill: #8f8f8f !important;
}

[data-ctrl-n-menu-id] circle {
    fill: #ffb61f;
}

[data-ctrl-n-menu-id] rect:hover ~ circle {
    fill: white;
}

#tree>svg {
    background-color: #2E2E2E;
}

[data-id='search'] {
    display: block !important;
}

/* border color */
div.boc-light .boc-input>input{
    border-color: #FFB61F ;
}

/* input field on focus */
div.boc-light .boc-input>input:focus {
    border-color: #FFB61F;
}

/* the search label on focus */
.boc-light .boc-input>label.focused, .boc-dark .boc-input>label.focused {
    color: #FFB61F !important;
}

/* the hovered search resutt */
.boc-light .boc-search [data-search-item-id]:hover, .boc-light .boc-search [data-selected=yes] {
    background-color: #FFB61F !important;
}

/* close (X) button */
[data-input-btn] {
    color: #FFB61F !important;
}

div#boc-avatar {
    display: none !important;
}

.boc-edit-form-header {
    height: 55px !important;
    text-align: center;
    border-radius: 10px;
}

.boc-button {
    background-color: #FFB61F !important;
    cursor: pointer;
    width: calc(100%);
    height: 50px;
    color: #fff;
    padding-top: 5px;
    padding-left: 7px;
    padding-right: 7px;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid #FFB61F !important;
    display: inline-block;
    border-radius: 5px;
}

.boc-light .boc-button.transparent {
    color: #FFB61F !important;
    background-color: #ffffff !important;
}

.boc-link {
    color: #f57c00 !important;
}

.boc-light .boc-chart-menu [data-item]:hover {
    background-color: #f57c00 !important;
    color: #fff !important;
}

.boc-img-button {
    width: 42px !important;
    height: 42px !important;
    cursor: pointer;
    border-radius: 50%;
    background-color: #039be5;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center center;
    margin: 3px;
    display: inline-block;
}

.boc-img-button svg {
    position: relative;
    top: 6px !important;
    width: 20px !important;
    height: 20px !important;
}

.grey-box {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.box-button-modal {
    position: absolute;
    top: 35px;
    right: 18px;
}


/*-------------------------*/
/*---------CALENDAR--------*/
/*-------------------------*/

.box-calendar {
    border: none;
    background: var(--white-color);
    box-shadow: 0 0 0;
    margin: 0px;
    padding: 20px 5px;
    border-radius: 10px;
}

.fc .fc-col-header-cell {
    font-size: 0.65rem !important;
    background: white;
    padding: 2px 0 !important;
    border: none !important;
}

.fc .fc-col-header-cell-cushion {
    color: #000000;
    text-transform: uppercase;
    font-weight: 700;
}

.fc-theme-standard td, .fc-theme-standard th {
    border: none;
    justify-items: center;
}

.fc .fc-daygrid-day-number {
    color: #444444 !important;
    font-size: 14px !important;
}

.fc-theme-standard .fc-scrollgrid {
    border:none;
}

.fc-day-today {
    font-weight: 700;
}

.fc .fc-highlight {
    background: var(--fc-highlight-color);
    border-radius: 50%;
    top: 1px;
    bottom: 1px;
    left: -8px;
    right: -8px;
}

span#roleName {
    font-weight: 600;
    font-size: 26px;
}

.fc .fc-button-primary {
    background-color: var(--white-color);
    border-color: var(--white-color);
    color: #EDA507;
}

.fc .fc-button-primary:disabled {
    background-color: var(--white-color);
    border-color: var(--white-color);
    color: #EDA507;
}

.fc .fc-button-primary:hover {
    background-color: var(--white-color);
    border-color: var(--white-color);
    color: #EDA507;
}

.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
    margin: 0px;
}

.fc td, .fc th {
    padding: 5px;
    vertical-align: top;
}

.fc-toolbar-chunk, .fc-button-group {
    width: 100%;
}

button.fc-next-button.fc-button.fc-button-primary {
    text-align: right;
}

button.fc-prev-button.fc-button.fc-button-primary {
    text-align: left;
}

button.fc-today-button.fc-button.fc-button-primary {
    display: none;
}

.select2-container--bootstrap4 .select2-selection {
    border: none;
}

.box-calendar.box-calendar tr td:nth-child(2) {
    font-weight: 400 !important;
}

.fc .fc-day-other .fc-daygrid-day-top {
    opacity: 0;
}

.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 1.5em;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

table.table.w-100.dataTable.no-footer table thead {
    background-color: #F2F2F2 !important;
    color: var(--white-color);
}

span.select2.select2-container.select2-container--bootstrap4 {
    width: 100% !important;
}

.row.mx-0.mt-3.box-reverse-home {
    margin-bottom: 20px !important;
}

/*-------------------------*/
/*-----------HOME----------*/
/*-------------------------*/

.card.extend.content-box-home-right {
    border-left: 6px solid #E3176D !important;
    background: var(--white-color);
    border: none;
    padding: 50px;
    box-shadow: 0px 8px 16px #00000029;
}

.card.extend.content-box-home-left {
    border-left: 6px solid #ECA507 !important;
    background: var(--white-color);
    border: none;
    padding: 50px;
    box-shadow: 0px 8px 16px #00000029;
}

.card.extend.content-box-home-left h5, .card.extend.content-box-home-right h5 {
    font-weight: 700;
    float: none;
    padding-left: 0;
}

.card.extend.content-box-home-left span, .card.extend.content-box-home-right span {
    color :#7C7C7C;
    float: none;
    padding-left: 10;
}


@media (min-width: 1024px) {
    .card.extend.content-box-home-right {
        border-left: 6px solid #E3176D !important;
        background: var(--white-color);
        border: none;
        padding: 50px;
        box-shadow: 0px 8px 16px #00000029;
    }
    .card.extend.content-box-home-left {
        border-left: 6px solid #ECA507 !important;
        background: var(--white-color);
        border: none;
        padding: 50px;
        box-shadow: 0px 8px 16px #00000029;
    }
    .card.extend.content-box-home-left h5, .card.extend.content-box-home-right h5 {
        font-weight: 700;
        padding-left: 16px;
    }
    .card.extend.content-box-home-left span, .card.extend.content-box-home-right span {
        color :#7C7C7C;
        padding-left: 16px;
    }
    .card.extend.content-box-home-right span {
        color :#7C7C7C;
        /*padding-left: 16px;*/
    }
}

h5#selected-day-kpi, h5#selected-day-interview {
    font-weight: 500;
    padding-left: 2px;
}

th {
    color: var(--text-color);
}

.content-wrapper {
    background: #F2F2F2;
}


@media (max-width: 1280px) {
}

@media (max-width: 1368px) {

    div#tree {
        overflow: hidden;
        position: relative;
        height: 510px !important;
    }

    .box-left-home {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .box-right-home {
        flex: 0 0 25%;
        max-width: 25%;
    }

    /*
    .title-page-border-text {
        border-bottom: 2px solid var(--secondary-color);
        margin-bottom: 30px;
    }
    */

    .title-page-with-square {
        position: relative;
        margin-top: 15px;
        font-size: 1.25rem;
        /*padding-left: 30px;*/
    }

    /*

    .box-button-title {
        position: absolute;
        top: 86px;
        right: 12px;
    }

    .box-button-modal {
        position: absolute;
        top: 35px;
        right: 18px;
    }
        */

}

    .bs-canvas-header{
        display: flex;
        height: 66px;
        background-color: #eda505;
        justify-content: row;
        padding-bottom: 60px !important;
    }

    .close, .mailbox-attachment-close {
        float: right;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #000000;
        opacity: 1;
    }

    .text-light {
        color: #000000 !important;
        opacity: 1;
    }

    div#rightMenuBody .container-fluid.p-4,div#rightMenuBody .col-12{
        background: white;
    }
    
    div#rightMenuBody .form-control {
        border: solid 1px gray;
    }

    div#rightMenuBody span.select2-selection.select2-selection--single {
        border: solid 1px gray;
    }

    .modal-dialog .select2-selection {
        border: solid 1px gray;
    }

    div#bs-canvas-right {
        box-shadow: 4px 10px 20px #888888;
    }

@media (max-width: 1024px) {
    div#tree {
        overflow: hidden;
        position: relative;
        height: 810px !important;
    }

    .icon-title {
        font-size: 16px;
    }

    .box-reverse-home {
        display: flex;
        flex-direction: column-reverse;
    }

    .box-left-home {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .box-right-home {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .content-box-home-left, .content-box-home-right {
        box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2) !important;
        margin-top: 1rem !important;
    }

    .card-body.box-home-btn.mb-4 {
        padding: 10px 0px 10px 0px !important;
    }

    .alert-success {
        font-size: 24px;
        border-radius: 15px;
        width: 38%;
        padding: 0px !important;
        margin-left: 250px !important;
        background-color: #ffffff;
        border-radius: 15px;
        margin-top: 80px;
        justify-self: center;
        height: max-content;
        position: fixed !important;
        inset: 0;
        z-index: 2000;
    }

    .btn-action, .btn-action-news, .btn-action:hover, .btn-action-news:hover {
        min-width: auto;
        align-content: center;
    }

    .btn-cancel, .btn-save,  .btn-save:hover, .btn-cancel-news, .btn-cancel:hover, .btn-cancel-news:hover {
        min-width: auto;
    }

    .btn-action, .btn-action-news, .btn-action:hover, .btn-action-news:hover {
        min-width: auto;
        align-content: center;
    }

    .buttons-excel, .buttons-excel:hover{
        min-width: auto;
    }

}

/* ================================
            MEDIA QUERIES
   ================================ */

/* --- Small devices (≥576px) --- */
@media (min-width: 576px) {

}

/* --- Medium devices (≥768px) --- */
@media (min-width: 768px) {
.card-body {
    padding: 10px !important;
}

.card-body.box-home-btn.mb-4 {
    padding: 10px 0px 10px 0px !important;
}

.container-fluid{
    padding-left: 0px;
    padding-right: 0px;
}

.box-title.p-4 {
    background: #E8E8E8;
}

.form-control-label {
    color: #AAAAAA;
    font-size: 14px;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
    line-height: calc(1.5em + .75rem);
    font-size: 16px;
    font-weight: 600;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    float: left;
    padding: 0;
    padding-right: .75rem;
    margin-top: calc(.375rem - 2px);
    margin-right: .375rem;
    color: #495057;
    cursor: pointer;
    border: 1px solid #bdc6d0;
    border-radius: .2rem;
    font-weight: 600;
    color: #495057;
    background: #fff;
}

input.select2-search__field {
    font-weight: 600;
}

span#select2-company_status-container {
    font-weight: 600;
}

.margin-select{
    margin-bottom: 31px;
}
.box-button{
    right: 15px;
}
.modal-body .box-button{
    top: 18px;
    right: 18px;
}
table.dataTable th {
    min-width: 150px;
}

/* table.dataTable td:last-child {
    text-align: center;
} */

}

/* --- Large devices (≥992px) --- */
@media (min-width: 992px) {}

/* --- Extra large devices (≥1200px) --- */
@media (min-width: 1200px) {
    .card-body {
        padding: 5px !important;
    }

    .card.extend {
        border: 1px solid #b9b9b9;
    }

    .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }

    .margin-select {
        margin-bottom: 31px;
    }

}

/* --- XXL devices (≥1400px) --- */
@media (min-width: 1400px) {

    /*
.card.extend{
    margin: 20px;
}
*/
    /*
.card-body {
    padding: 10px 20px !important;
}
*/

    .box-button {
        right: 25px;
    }

    .modal-body .box-button {
        right: 18px;
    }

    table.dataTable th {
        min-width: auto;
    }

    .modal-dialog {
        max-width: 1000px;
    }
}

.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
    background-color: transparent;
    border-color: transparent;
    color: var(--fc-button-text-color);
}

@media (min-width: 768px) {
    .home-box-interviews,.home-box-kpi{
        justify-content: center !important;
    }
    .card.extend.content-box-home-left h5, .card.extend.content-box-home-right h5 {
        font-size:20px;
    }
    .card.extend.content-box-home-left span, .card.extend.content-box-home-right span {
        font-size:16px;
    }
}

@media (min-width: 1024px) {
    .card.extend.content-box-home-left h5, .card.extend.content-box-home-right h5 {
        font-size:20px;
    }
    .card.extend.content-box-home-left span, .card.extend.content-box-home-right span {
        font-size:16px;
    }
}

@media (min-width: 1200px) {
    .home-box-interviews,.home-box-kpi{
        justify-content: start !important;
    }
    .card.extend.content-box-home-left h5, .card.extend.content-box-home-right h5 {
        font-size:18px;
    }
    .card.extend.content-box-home-left span, .card.extend.content-box-home-right span {
        font-size:14px;
    }
    .card.extend.content-box-home-left h5, .card.extend.content-box-home-right h5 {
        float: left;
    }
    .card.extend.content-box-home-left span, .card.extend.content-box-home-right span {
        float: left;
    }
}

@media (min-width: 1367px) {
    .card.extend.content-box-home-left h5, .card.extend.content-box-home-right h5 {
        font-size:20px;
    }
    .card.extend.content-box-home-left span, .card.extend.content-box-home-right span {
        font-size:16px;
    }
}


/* CORRETTIVI VELOCI SOLO FONT - css-01-global.css */

/* Notebook 1366 */
@media (max-width: 1366px) {
    .title-page-with-square {
        font-size: 26px !important;
    }

    .title-with-square {
        font-size: 22px !important;
    }

    .dataTables_wrapper .dataTables_info,
    table.dataTable thead th,
    a.page-link,
    .paginate_button.page-item.active > a,
    label:not(.form-check-label):not(.custom-file-label),
    .kpi-title {
        font-size: 11px !important;
    }

    table.dataTable tbody th,
    table.dataTable tbody td,
    .form-control-label,
    .btn-action,
    .btn-action-news,
    .btn-action:hover,
    .btn-action-news:hover,
    .buttons-excel,
    .buttons-excel:hover {
        font-size: 12px !important;
    }

    .btn-alert-success,
    .btn-alert-danger,
    .user-footer .btn-flat,
    .fc .fc-daygrid-day-number,
    p.kpi-office.mb-1,
    p.kpi-place.mb-1,
    p.kpi-collaborator.mb-1,
    p.kpi-role.mb-1,
    p.kpi-description,
    p.kpi-office.mb-1:hover,
    p.kpi-place.mb-1:hover,
    p.kpi-collaborator.mb-1:hover,
    p.kpi-role.mb-1:hover,
    p.kpi-description:hover,
    p.interview-time.mb-1,
    p.interview-role.mb-1,
    p.interview-office.mb-1,
    p.interview-user.mb-1,
    p.interview-working_place.mb-1,
    p.interview-time.mb-1:hover,
    p.interview-role.mb-1:hover,
    p.interview-office.mb-1:hover,
    p.interview-user.mb-1:hover,
    p.interview-working_place.mb-1:hover,
    .select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
        font-size: 14px !important;
    }

    .text-otherwise,
    .user-footer .btn-default {
        font-size: 16px !important;
    }

    .alert-success,
    .alert-danger,
    .boc-dark h1,
    .boc-light h1 {
        font-size: 20px !important;
    }

    .card.extend.content-box-home-left h5,
    .card.extend.content-box-home-right h5 {
        font-size: 16px !important;
    }

    .card.extend.content-box-home-left span,
    .card.extend.content-box-home-right span {
        font-size: 14px !important;
    }

}

/* iPad Pro 1024 */
@media (max-width: 1024px) {

    .fc .fc-highlight {
        background: var(--fc-highlight-color);
        border-radius: 50%;
        top: -5px;
        bottom: -5px;
        left: -8px;
        right: -8px;
    }

    .title-page-with-square {
        font-size: 22px !important;
    }

    .title-with-square {
        font-size: 19px !important;
    }

    .dataTables_wrapper .dataTables_info,
    table.dataTable thead th,
    a.page-link,
    .paginate_button.page-item.active > a,
    label:not(.form-check-label):not(.custom-file-label),
    .kpi-title,
    .fc .fc-col-header-cell {
        font-size: 10px !important;
    }

    table.dataTable tbody th,
    table.dataTable tbody td,
    .form-control-label,
    .btn-action,
    .btn-action-news,
    .btn-action:hover,
    .btn-action-news:hover,
    .buttons-excel,
    .buttons-excel:hover {
        font-size: 11px !important;
    }

    .btn-alert-success,
    .btn-alert-danger,
    .user-footer .btn-flat,
    .fc .fc-daygrid-day-number,
    p.kpi-office.mb-1,
    p.kpi-place.mb-1,
    p.kpi-collaborator.mb-1,
    p.kpi-role.mb-1,
    p.kpi-description,
    p.kpi-office.mb-1:hover,
    p.kpi-place.mb-1:hover,
    p.kpi-collaborator.mb-1:hover,
    p.kpi-role.mb-1:hover,
    p.kpi-description:hover,
    p.interview-time.mb-1,
    p.interview-role.mb-1,
    p.interview-office.mb-1,
    p.interview-user.mb-1,
    p.interview-working_place.mb-1,
    p.interview-time.mb-1:hover,
    p.interview-role.mb-1:hover,
    p.interview-office.mb-1:hover,
    p.interview-user.mb-1:hover,
    p.interview-working_place.mb-1:hover,
    .select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
        font-size: 13px !important;
    }

    .text-otherwise,
    .user-footer .btn-default {
        font-size: 14px !important;
    }

    .alert-success,
    .alert-danger,
    .boc-dark h1,
    .boc-light h1 {
        font-size: 18px !important;
    }

    .card.extend.content-box-home-left h5,
    .card.extend.content-box-home-right h5 {
        font-size: 16px !important;
    }

    .card.extend.content-box-home-left span,
    .card.extend.content-box-home-right span {
        font-size: 13px !important;
    }

}

/* Tablet 768 */
@media (max-width: 768px) {
    .title-page-with-square {
        font-size: 20px !important;
    }

    .title-with-square {
        font-size: 17px !important;
    }

    .dataTables_wrapper .dataTables_info,
    table.dataTable thead th,
    a.page-link,
    .paginate_button.page-item.active > a,
    label:not(.form-check-label):not(.custom-file-label),
    .kpi-title,
    .fc .fc-col-header-cell {
        font-size: 9px !important;
    }

    table.dataTable tbody th,
    table.dataTable tbody td,
    .form-control-label,
    .btn-action,
    .btn-action-news,
    .btn-action:hover,
    .btn-action-news:hover,
    .buttons-excel,
    .buttons-excel:hover {
        font-size: 10px !important;
    }

    .btn-alert-success,
    .btn-alert-danger,
    .user-footer .btn-flat,
    .fc .fc-daygrid-day-number,
    p.kpi-office.mb-1,
    p.kpi-place.mb-1,
    p.kpi-collaborator.mb-1,
    p.kpi-role.mb-1,
    p.kpi-description,
    p.kpi-office.mb-1:hover,
    p.kpi-place.mb-1:hover,
    p.kpi-collaborator.mb-1:hover,
    p.kpi-role.mb-1:hover,
    p.kpi-description:hover,
    p.interview-time.mb-1,
    p.interview-role.mb-1,
    p.interview-office.mb-1,
    p.interview-user.mb-1,
    p.interview-working_place.mb-1,
    p.interview-time.mb-1:hover,
    p.interview-role.mb-1:hover,
    p.interview-office.mb-1:hover,
    p.interview-user.mb-1:hover,
    p.interview-working_place.mb-1:hover,
    .select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
        font-size: 12px !important;
    }

    .text-otherwise,
    .user-footer .btn-default {
        font-size: 13px !important;
    }

    .alert-success,
    .alert-danger,
    .boc-dark h1,
    .boc-light h1 {
        font-size: 16px !important;
    }

    .card.extend.content-box-home-left h5,
    .card.extend.content-box-home-right h5 {
        font-size: 14px !important;
    }

    .card.extend.content-box-home-left span,
    .card.extend.content-box-home-right span {
        font-size: 12px !important;
    }

}