html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px; /* Margin bottom by footer height */
}

.footer {
    position: absolute;
    bottom: 0;
    /*width: 100%;*/
    height: 60px; /* Set the fixed height of the footer here */
    line-height: 30px; /* Vertically center the text there */
}

@font-face {
    font-family: hfactorFont;
    src: url(/assets/fonts/GothamBook.ttf) format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: hfactorBold;
    src: url(/assets/fonts/GothamBold.ttf) format('truetype');
    font-weight: normal;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.size-profile {
    font-size: 25px;
}


.size-profileNonCompletato {
    font-size: 18px;
}

.assegnaMail {
    background-color: #32733763;
}

.display-flex-center {
    display: flex;
    align-items: center;
}

.capacitySelected {
    background-color: #74d600;
}

body.logged {
    background: #11406F;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 60px;
    font: inherit !important;
    font-size: 14px !important;
}

div.dataTables_wrapper div.dataTables_filter input {

    background-color: #dceef9;
}

.modal-content {
    /* max-height: 95vh;*/

}

body.loggedNewGraphics {
    background: linear-gradient(to right, #2873A9, #11406F);
    background-size: cover;
    margin-bottom: 60px;
    font: inherit !important;
    /* font-size: 14px!important; */
}


.sidebarColor {
    background-color: #194A77;
}

.numericCol {
    /* display:flex; */
}


.contentColor {
    /*background-color: #d1d1d1;*/
    background-color: #DCEEF9;
}

#test {
    background-image: url(../images/img_login_idea.jpg);
    display: block;

}

.buttons-excel {
    border: none !important;
    background: transparent !important;

}

.logo {
    margin-top: -15px;
    height: 50px;
}

.btn-logout {
    color: #11406F;
    background-color: #ffffff;
    border-color: #11406F;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-left-width: medium;
    box-shadow: none !important;
}

.btn-back {
    color: #11406F;
    background-color: #DCEEF9;
    font-weight: bold;
}

.btn-client:hover {
    background-color: #D60B52;
}

.dataTables_paginate .pagination > li a {

    font-family: hfactorFont;
}


.borderUnderName {
    height: 64px;
    border-bottom: 3px solid #D60B52;
    width: 78%;
    margin-top: 3%;
    margin-bottom: 2%;
}

.navSidebar > li > a:focus, .navSidebar > li > a:hover {
    text-decoration: none;
    background-color: #DCEEF9;
}

.colorBlueTextHome {
    color: #667D94;
}

.filterIcon {
    font-size: 1.2em;
    color: #DCEEF9;
    background-color: #11406F;
    display: inline-block;
}

.searchIcon {
    font-size: 1.7em;
    color: #DCEEF9;
    background-color: #11406F;
}

.colorTextSearch {
    background-color: #DCEEF9;
    border: #667D94 1px solid;
}

.borderDivHome {
    border: #667D94 1px solid;
}

.progressColor {
    height: 10px;
    margin-top: 10px;
    direction: rtl;
    background-color: #398FCC;
}

.client-but {
    font-family: hfactorFont !important;
    background-color: transparent !important;
    color: #194a77 !important;
    border-color: #194a77 !important;
    font-weight: bold;
    border-width: 2px !important;
}

.client-table-td {
    font-size: 13px !important;
    background-color: transparent !important;
    color: #194a77 !important;
    border-color: #194a77;
    font-weight: bold;
    border-width: 2px !important;
}

.estrazione-th {
    text-align: center !important;
    border-bottom-color: #194a77 !important;
}

.estrazione-tab {
    color: #194a77 !important;
    width: 100% !important;

}

.candidate-details-header {
    display: flex;
    justify-content: space-between;
    margin-top: 5%;

}

.progressBarColor {
    background-color: #D60B52;
    width: 0%;
}

.hFont {
    font-family: hfactorFont;
}

.sidebar-select {
    color: #194a77 !important;
    background-color: #dceef9 !important;
}

.sidebar-filter {
    border-radius: 5px;
    height: 42px;
}

.sidebar-border {
    border-radius: 5px;
}


.marginValueProgress-a {
    display: flex;
    padding-left: 5px;
    font-family: hfactorFont;
    font-weight: bold;
}

.marginValueProgress-b {
    padding-right: 16px;
    font-family: hfactorFont;
    font-weight: bold;
}

.marginValueProgress-left {
    margin-bottom: -29px;
    display: flex;
    padding-left: 5px;
}

.marginValueProgress-right {
    margin-bottom: -29px;
    dpadding-right: 16px;
}

.moments-a {
    margin-left: 20% !important;
    margin-top: 2% !important;
    font-family: hfactorFont !important;
    font-size: 12px !important;
    color: #194a77 !important;
}

.moments-b {
    margin-left: 15% !important;
    margin-top: 2% !important;
    font-family: hfactorFont !important;
    font-size: 12px !important;
    color: #194a77 !important;
}


.infoValueCreditsUsedLeft {
    float: left;
}

.infoValueCreditsAvailableRight {
    float: right;
}

.infoCreditsUsedColor {
    color: #D60B52;
    font-size: 25px;
}

.infoCreditsAvailableColor {
    color: #398FCC;
    font-size: 25px;
}

.sidebar-pro {
    width: 0%;
}

.table-alternativeWithDataTables > tbody > tr:nth-child(odd) > td {
    background-color: #DCEEF9;
}

.table-alternativeNotDatatables > tbody > tr:nth-of-type(odd) > td {
    background-color: #DCEEF9;
}

.btn-time {
    color: #11406F;
    background-color: #ffffff;
    border-color: #11406F;
}

.font-table {

    color: #11406F;
}

#table-project-new_wrapper > div:nth-child(2) {
    background-color: #ffffff;
}

#table-project-new_filter > label > input {
    background-color: #ffffff;
}

.iconSalesAccount {
    padding: 2% 0%;
    margin-top: -13px;
    max-width: 159px;
    min-width: 169px;
}

.iconHelpDesk {
    width: 14%;
    margin-top: -6%;
}

.textareaHelpDesk {
    width: 100%;
    min-width: 183px;
}

.iconPaperPlane {
    color: #11406F;
    border: 1px solid;
}

.videoIntro {
    width: 100%;
    height: 315px;
}

body.notlogged {

    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 600px;
    height: 600px;
    /* background: url(../images/img_login_idea.jpg) no-repeat center center fixed; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*margin-bottom: 60px;*/
    font: inherit !important;
    font-size: 14px;
}

.buttonLanguageSelected {
    background-color: #337ab7;
    color: #ffffff;
}

.buttonNavbar {
    background-color: #11406F;
    border-color: #2e6da4;
}

.sfondoGrigio {
    background-color: #FFF;
    margin-top: 10%;
    margin-left: 20%;
    width: 60%;
}

.padding20 {
    padding: 20px;
}

.navbarColor {
    background: white;
}

td.choose {
    width: 30px;
}

a.answer {
    text-decoration: none;
}

table.question > tbody > tr:first-child > td {
    border: none;
}

.html {
    position: relative;
    min-height: 100%;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    position: relative;
    min-height: 100%;
}

.txtError {
    color: red;
}

.txtBlue {
    color: blue;
}

.txtLoginBlue {
    color: #11406F;
}

.noAnswer {
    color: gray;
}

.wellQuestion {
    margin-left: 0px;
    margin-right: 0px;
    text-align: justify;
}

.txtCentrato {
    text-align: center;
}

.sortable {
    cursor: pointer;
}

.fontSizeLogin {
    font-size: 8pt;
}

.imgNav {
    padding-right: 25px;
    margin-right: 0px;
    margin-left: 15px;
}

.lato-sign {
    height: 0px;
}

@media (min-width: 991px) {
    .lato-sign {
        height: 250px;
    }
}

.color-white {
    color: white;
}

.flex-row, .flex-row > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 0 auto;
    height: 100%;
}

.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1;
    flex-flow: column nowrap;
}

.flex-grow {
    display: flex;
    -webkit-flex: 2;
    flex: 2;
}

.btnLogin {
    background-color: #ff5c5e;
}

.btnViola:hover, .btnViola:focus, .btnViola.focus, .btnViola {
    background-color: #363072;
    color: whitesmoke;
}

.titleLogin {
    color: #363072;
}

.txtViola {
    color: #363072;
}

.centra {
    text-align: center;
}

.btn-bordered {
    border: 1px solid white;
}

.btn-text-wrap {
    white-space: normal;
}

ul.legenda {
    list-style: none;
}

ul.legenda > li {
    margin-bottom: 2px;
}

.loadingContainer {
    background-color: #363072;
    color: white;
}

.cg-busy-default-text {
    color: white;
    padding-right: 2em;
}

.text20 {
    font-size: 20px;
}

/*.formLogin{
    margin-top:40%;
    margin-bottom:40%;
    margin-left: 0px;
    margin-right: 0px;
}*/

.marginTop25 {
    margin-top: 25px;
}

.maginBottom15 {
    margin-bottom: 15px;
}

.magin-paddingLogo {
    margin: 5px;
    padding-right: 20px;
}

.text-color-thema {
    color: #ff5c5e;
}

.spazioLogoUser {
    margin-top: 25px;
    margin-left: 15px;
}

.progress {


}

.marginRight20 {
    margin-right: 20px;
}

.maginTop15 {
    margin-top: 15px;
}

.border0 {
    border: 0px;
}

.tabellaCustomize thead th {
    color: #363072;
}

.table-very-condensed tbody td {
    padding: 0px !important;
}

.marginTop20 {
    margin-top: 20px !important;
}

.marginTop10 {
    margin-top: 10px !important;
}

.marginRight10 {
    margin-right: 10px;
}

.buttonNavbarCollapse {
    margin-top: 15px !important;
    margin-right: 0px !important;
}

.topMarginUser {
    margin-top: 8px;
}

.topMarginLogoutUser {
    margin-top: 10px;
}

.formLogin {
    margin-left: 0px;
    padding-left: 0px;
    min-height: 900px;
    height: 900px;
    display: table;
    box-sizing: border-box;
}

.btn-primary {
    color: #ffffff;
    background-color: #11406F;
    border-color: #2e6da4;
}

.marginBottom0 {
    margin-bottom: 0px;
}

.marginLeft15 {
    margin-left: 15px;
}

table thead tr {
    /*background-color: activecaption;*/
    /*background-color: white*/

}

.centered {
    text-align: center;
}

thead {
    text-align: center;

}

tbody > tr > td {
    background-color: white;
    text-align: center;
}

.button-color {
    color: #ffffff;
}

.bgc-table {
    background-color: #f5f5f5;
}

.well-find {
    padding-top: 7px;
    padding-bottom: 1px;
}

.table-center > tbody > tr > td {
    text-align: center;
    vertical-align: middle;
}

.table-text > thead > tr > th {
    text-align: center;

}

.edit-button {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 11px;
}

.textcenter {
    text-align: center;

}

.center-table-header {
    text-align: center;
    vertical-align: middle;
}


.center-tr > th {
    text-align: center;
}

.center-tdd > tr > td {
    text-align: center;
    vertical-align: middle;
}

a.disabled {
    pointer-events: none;
    cursor: default;
}

.padding-mail {
    padding-right: 0;
    padding-left: 0;
}

.display-mail {
    display: inline;

}

.margin-button-mail {
    margin-bottom: 6px;
}

.padding-testo-somministrazione {
    padding-right: 8px;
    padding-left: 0px;

}

.margintopModello {
    margin-top: 6px;
}

.marginOggettoMail {
    margin-top: 3px;
}

.marginFormOggettoMail {
    padding-left: 0px;
}

.selectButtonPosition {
    text-align: right;
}

.color-valutato > td {

    background-color: #ffae88;
}

.textalignRight {
    text-align: right;
}

.marginTopButtonValutatori {
    margin-top: 20px;
}

.marginTopButtonCreaProva {
    margin-top: 24px;
}

.marginTopButtonMail {
    margin-top: 2px;
}

.marginCheck360 {
    margin-left: 10px;
}

.autovalutazione-form {
    margin-top: -15px;
}


.scala-button {
    margin-top: 25px;
}

.fields-scala {
    margin-top: 18px;
}

.buttonCreate-scala {
    margin-top: 23px;
}

.title {
    color: #194a77 !important;
    font-size: 150% !important;
    font-family: hfactorFont !important;
}

.projectname {
    color: #194a77;
    font-size: 150%;
    text-decoration-line: underline;
    font-family: hfactorFont;
    text-decoration-color: #D60B52;
}

.pagetitle {
    color: #194a77;
    font-family: hfactorFont;

}

.btn-detailBase {
    background-color: transparent;
    color: #194a77;
    border-color: #194a77;

}

.btn-detailBase:disabled {
    background-color: transparent;
    color: #194a77;
    border-color: #194a77;

}


.table-hfactor {
    color: #194a77;
    width: 100% !important;
    font-family: hfactorFont;
    background-color: #ffffff;

}

.thead-hfactor {
    background-color: #ffffff;
    font-family: hfactorBold;

}

.btnmdl {
    background-color: transparent !important;
    float: right !important;
    color: #194a77 !important;
    border-color: transparent !important;
    font-weight: bold !important;
    font-family: hfactorFont !important;
}

.report_modal-dialog {
    font-family: 'hfactorBold';
    color: #194a77;
    font-weight: normal;
}

.report_modal-header {
    text-align: center;
    display: table;
}

.report_modal-subheader {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #194a77;
}

.report-modal-dot {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #1c568d;
}

.report-modal-dot-filled {
    height: 25px;
    width: 25px;
    background-color: #1c568d;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #1c568d;
}

.report-modal-subtitle {
    font-family: 'hfactorFont';
    text-align: center
}

.report-modal-button-NEXT {
    background-color: transparent !important;
    color: #194a77 !important;
    font-family: hfactorFont !important;
    font-weight: bold;
    border: none !important;
}

.report-modal-list-items {
    width: 100%;
}

.report-modal-footer {
    display: flex;
    justify-content: space-between;
}

.report-modal-body {
    height: 250px;
    overflow-y: auto;
}

.report-footer {
    display: table;
}

.report-footer > div:first-of-type {
    text-align: center;
}

.table-tools {
    color: #194a77 !important;
    border-left: none !important;
    border-top: none !important;
    width: 100% !important;
    text-align: center !important;
    font-family: hfactorFont !important;
}

.table-tools-td-a {
    border-right: none !important;
    border-left: none !important;
    font-weight: bold !important;
}

.table-tools-td-b {
    border-right: none !important;
    border-left: none !important;
}

.table-tools-td-c {
    background-color: #a2aac3 !important;
    color: white;
!important;
    margin-bottom: auto !important;
}

.table-tools > thead > tr > th {
    text-align: center !important;
    border: 0 !important;
}

.form-partecipants {
    color: #194a77;
    font-weight: bold;
    font-family: hfactorFont;
}

.form-partecipants-background {
    background-color: #DCEEF9;
}

.form-partecipants-div {
    display: flex;
}

.form-partecipants-label {
    margin-top: 2%;
}

.form-partecipants-button {
    height: 55px;
}

.form-partecipants-edit {
    max-width: 80%;
    color: #194a77;
    font-weight: bold;
    font-family: hfactorFont;
}

<<<<<<< public/stylesheets/main.css
=======
button, input, optgroup, select, textarea {
    font-family: system-ui !important;
}
>>>>>>> public/stylesheets/main.css
.candidate-td {
    font-family: hfactorFont;
    color: #194a77;
}

.candidate-alert {
    height: 24px;
}

.mail-button {
    background-color: transparent;
    color: #194a77;
    border-color: #194a77;
    border-width: 2px;
    font-weight: bold;
    font-family: hfactorFont;
}

.mail-div {
    max-width: 30%;
    float: left;
}

.mail-div-ul {
    max-height: 200px;
    min-height: 200px;
    min-width: 200px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

.mail-div-row {
    margin-left: 20%;
    min-width: 60%;
}

.mail-div-p {
    color: #a5a1a1;
    font-family: hfactorFont
}

.mail-button-a {
    background-color: transparent;
    color: #686868;
    font-family: hfactorFont;
    border-width: 2px;
    font-weight: bold;
    border-color: #686868;
}

.mail-button-b {
    background-color: transparent;
    color: #194a77;
    font-family: hfactorFont;
    border-width: 2px;
    font-weight: bold;
    border-color: #194a77;
}


.partecipants-header {
    display: flex;
    justify-content: space-between;
}

.partecipants-sub-header {
    display: flex;
    justify-content: space-between;
}

.partecipants-valuenow {
    width: 0% !important;
}

.partecipants-Available {
    font-family: hfactorFont;
    font-weight: bold;
    color: #398FCC;
}

.partecipants-Used {
    font-family: hfactorFont;
    font-weight: bold;
    color: #D60B52;
}

.partecipants-Credits {
    font-family: hfactorFont;
    font-weight: bold;
}

.partecipants-but-row {
    float: right;
    display: flex;
    margin-bottom: 3%;
}

.partecipants-infoCredits {
    font-size: 25px;
    font-family: hfactorFont;
    font-weight: bold;
}


.partecipants-legenda {
    width: 300px;
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.16), 0 4px 6px rgba(0, 0, 0, 0.45);
    border-radius: 15px;
    float: right;
}

.progress-completed {
    border: 1px solid #337ab7;
    height: 20px;
    border-radius: 20px !important;
    background-color: #337ab7;
}

.progress-completed > div {
    width: 100%;
    color: #ffffff;
    background-color: #337ab7;

}

.progress-started {
    border: 1px solid #28a745;
    height: 20px;
    border-radius: 20px !important;
    background-color: #ffffff;
}

.progress-started > div {
    width: 100%;
    color: #28a745;
    background-color: #ffffff

}

.progress-not-started {
    border: 1px solid #b32823;
    height: 20px;
    border-radius: 20px !important;
    background-color: #ffffff;

}

.progress-not-started > div {
    width: 100%;
    color: #b32823;
    background-color: #ffffff;

}

.candidate-name {
    color: #194a77;
    font-size: 120%;
    font-family: hfactorFont;

}

.legenda {
    width: 317px;
    height: 160px;
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.16), 0 4px 6px rgba(0, 0, 0, 0.45);
    border-radius: 15px;
    float: right;

}

.legenda-row {
    display: flex;
    margin-bottom: -9%;
    font-family: hfactorFont;

}

.legenda-subrow {
    width: 20%;
    font-size: 150%;
    padding: 8%;
    color: #337ab7;
    font-family: hfactorFont;

}

.legenda-subrow-completed {
    padding: 2%;
    width: 75%;
    color: #337ab7;

}

.legenda-subrow-inprogress {
    padding: 2%;
    width: 75%;
    color: #28a745;

}

.legenda-subrow-notstarted {
    padding: 2%;
    width: 75%;
    font-family: hfactorFont;
    color: #b32823;

}

.legenda-progress {
    height: 10px;

}

.monitor-progress-inprogress {
    border: 1px solid #28a745;
    height: 20px;
    border-radius: 20px !important;
    background-color: #ffffff;

}

.monitor-progress-completed {
    border: 1px solid #337ab7;
    height: 20px;
    border-radius: 20px !important;
    background-color: #337ab7;

}

.monitor-progress-notstarted {
    border: 1px solid #b32823;
    height: 20px;
    border-radius: 20px !important;
    background-color: #ffffff;

}

.progress-color {
    color: #28a745;
}

.completed-color {
    color: #28a745;
}

.notstarted-color {
    color: #b32823;
}

.page-icon {
    height: 75px;
}


.label-scala {
    margin-top: 8px;
}

.textLabelOscuramento {
    text-align: right;
}

marginTop_GDPR {
    margin-top: 20px;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    border-bottom: 2px solid #1c568d;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6;
    border: 2px solid #1c568d;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}


.list-group-item.disabled, .list-group-item:disabled {

    color: #61c568d;
    pointer-events: none;
    background-color: #fff;
}

.list-group-item.active {
    z-index: 2;
    color: #1c568d;
    background-color: #e4f1ff;
    border: none;
}

.list-group-item-action:active {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: #f3f3f3;
    width: fit-content;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.table-hover tbody tr:hover {
    color: #1c568d;
    background-color: rgba(0, 0, 0, 0.075);
}

.col-lg-9 {
    flex: 0 0 100%;
    max-width: 100%;
}

.col-lg-3 {
    flex: 0 0 25%;
    max-width: 18%;
}

.offset-md-1 {
    margin-left: 2.333333%;
    max-width: none;
}

.row {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    margin-right: 0px;
    margin-left: -15px;
}

.credits-tab {

}


.navbar-brand {

    padding-top: 1.0rem;

}

.nav-item-group {
    width: 100%;
}

#roles {
    display: none;
    public/stylesheets/main.css
}

.form-control {
    padding: 0 0 0 0;
}

input[type="text"],
input[type="number"] {
    color: #000 !important;       /* testo nero */
    font-size: 16px !important;   /* dimensione leggibile */
    line-height: normal !important;
    text-indent: 0 !important;
    font-family: Arial, sans-serif !important;
}