@font-face {
    font-family: 'TradeGothicBold';
    src: url('./fonts/TradeGothic-Bold.otf') format('otf'), url('./fonts/TradeGothic-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'TradeGothicLTStdBold';
    src: url('./fonts/TradeGothicLTStd-Bold.otf') format('otf'), url('./fonts/TradeGothicLTStd-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'TradeGothicLTStdBoldCondensedNo20Oblique';
    src: url('./fonts/TradeGothicLTStd-BoldCondensedNo.20Oblique.otf') format('otf'), url('./fonts/TradeGothicLTStd-BoldCondensedNo.20Oblique.woff2') format('woff2');
}

@font-face {
    font-family: 'TradeGothicLTStdBoldCondensedNo20';
    src: url('./fonts/TradeGothicLTStd-BoldCondensedNo.20.otf') format('otf'), url('./fonts/TradeGothicLTStd-BoldCondensedNo.20.woff2') format('woff2');
}

@font-face {
    font-family: 'TradeGothicLTStdBoldExtended';
    src: url('./fonts/TradeGothicLTStd-BoldExtended.otf') format('otf'), url('./fonts/TradeGothicLTStd-BoldExtended.woff2') format('woff2');
}

@font-face {
    font-family: 'TradeGothicLTStdBoldNo2';
    src: url('./fonts/TradeGothicLTStd-BoldNo.2.otf') format('otf'), url('./fonts/TradeGothicLTStd-BoldNo.2.woff2') format('woff2');
}

@font-face {
    font-family: 'TradeGothicLTStdBoldNo2Oblique';
    src: url('./fonts/TradeGothicLTStd-BoldNo.2Oblique.otf') format('otf'), url('./fonts/TradeGothicLTStd-BoldNo.2Oblique.woff2') format('woff2');
}

@font-face {
    font-family: 'TradeGothicLTStdBoldOblique';
    src: url('./fonts/TradeGothicLTStd-BoldOblique.otf') format('otf'), url('./fonts/TradeGothicLTStd-BoldOblique.woff2') format('woff2');
}

@font-face {
    font-family: 'TradeGothicLTStdCondensedNo18';
    src: url('./fonts/TradeGothicLTStd-CondensedNo.18.otf') format('otf'), url('./fonts/TradeGothicLTStd-CondensedNo.18.woff2') format('woff2');
}

@font-face {
    font-family: 'TradeGothicLTStdCondensedNo18Oblique';
    src: url('./fonts/TradeGothicLTStd-CondensedNo.18Oblique.otf') format('otf'), url('./fonts/TradeGothicLTStd-CondensedNo.18Oblique.woff2') format('woff2');
}

@font-face {
    font-family: 'TradeGothicLTStdExtended';
    src: url('./fonts/TradeGothicLTStd-Extended.otf') format('otf'), url('./fonts/TradeGothicLTStd-Extended.woff2') format('woff2');
}

@font-face {
    font-family: 'TradeGothicLTStdLight';
    src: url('./fonts/TradeGothicLTStd-Light.otf') format('otf'), url('./fonts/TradeGothicLTStd-Light.woff2') format('woff2');
}

@font-face {
    font-family: 'TradeGothicLTStdLightOblique';
    src: url('./fonts/TradeGothicLTStd-LightOblique.otf') format('otf'), url('./fonts/TradeGothicLTStd-LightOblique.woff2') format('woff2');
}

@font-face {
    font-family: 'TradeGothicLTStdOblique';
    src: url('./fonts/TradeGothicLTStd-Oblique.otf') format('otf'), url('./fonts/TradeGothicLTStd-Oblique.woff2') format('woff2');
}

@font-face {
    font-family: 'TradeGothicLTStdRegular';
    src: url('./fonts/TradeGothicLTStd-Regular.otf') format('otf'), url('./fonts/TradeGothicLTStd-Regular.woff2') format('woff2');
}

#menu_btn {
    margin-right: 2em;
    margin-left: 0.5em;
    width: 60px;
}

body h1 {
    font-family: "TradeGothicLTStdBoldCondensedNo20Oblique";
    text-transform: uppercase;
}

body h2 {
    font-family: "TradeGothicLTStdBoldCondensedNo20";
    margin-top: 1.35em;
    text-transform: uppercase;
}

h3 {
    font-family: "TradeGothicLTStdLight";
    text-transform: uppercase;
}

th {
    font-family: "TradeGothicLTStdBoldCondensedNo20";
    text-transform: uppercase;
}

tr {
    border-bottom-color: black !important;
}

label {
    font-family: "TradeGothicLTStdCondensedNo18Oblique";
    text-transform: uppercase;
}

body, body p, body div, body table {
    font-family: "TradeGothicLTStdRegular";
    font-size: 1em;
}

.hob-input {
    height: 37px !important;
    padding: 8px;
    width: 100%;
    display: block;
    border-left: 4px solid black;
    border-bottom: 2px solid black;
    border-top: 1px solid lightgray;
    border-right: 1px solid lightgray;
}

.hob-textarea {
    padding: 8px;
    width: 100%;
    display: block;
    border-left: 4px solid black;
    border-bottom: 2px solid black;
    border-top: 1px solid lightgray;
    border-right: 1px solid lightgray;
}
.hob-textarea:focus {
    border-top: 1px solid black;
    border-right: 1px solid black;
}

.hob-input:focus {
    border-top: 1px solid black;
    border-right: 1px solid black;
}

.LoginForm_UsernameInput_label, .LoginForm_PasswordInput_label {
    font-family: "TradeGothicLTStdCondensedNo18Oblique" !important;
    font-size: 1em;
    text-transform: uppercase;
}


.hob-button {
    font-family: "TradeGothicLTStdBoldCondensedNo20";
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    border: 2px solid black;
    padding: 6px 16px;
    min-width: 120px;
    background-color: white;
    color: black;
}

.hob-button:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.substituteFormContainer {
    border-left: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
}

.holidayRequest_myRequestsTableHeader {
    font-family: "TradeGothicLTStdBoldCondensedNo20Oblique";
    position: relative;
    margin: 54px 0 36px 0;
}
    .holidayRequest_myRequestsTableHeader::after {
        background-image: url("./img/icon-0-a-m.svg");
        background-repeat: repeat;
        left: calc(100%*0.75 + 42px/2);
        background-size: 30px 144px;
        height: 144px;
        content: "";
        top: -2em;
        position: absolute;
        display: block;
        width: 22vw;
    }
    .holidayRequest_myRequestsTableHeader::before {
        -webkit-transform: rotate( -30deg );
        -moz-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        -o-transform: rotate(-30deg);
        transform: rotate( -30deg );
        -webkit-transform-origin: top center;
        -moz-transform-origin: top center;
        -ms-transform-origin: top center;
        -o-transform-origin: top center;
        transform-origin: top center;
        display: block;
        content: "";
        background: #000;
        height: 130px;
        width: 1px;
        position: absolute;
        left: calc(100%*0.75 + 42px/2);
        top: -1em;
    }

.HolidayRequest_DaySelectionForm_selectButtonsLabel {
    margin-right: 8px;
    font-family: "TradeGothicLTStdCondensedNo18Oblique";
    text-transform: uppercase;
}
.HolidayRequest_DaySelectionForm_selectButtons {
    background-color: white;
    border: 1px solid black;
    font-family: "TradeGothicLTStdLight";
}

.holidayRequest_mittelItem_header {
    height: 2.1em; /*same as checkbox*/
    background-color: black;
}

.holidayReqest_mittelItemCheckbox{
    visibility: hidden;
}

.holidayReqest_mittelItemCheckbox + label {
    position: relative;
    color: white;
}

.holidayReqest_mittelItemCheckbox + label::before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-transform: none !important;
    content: '';
    display: inline-block;
    height: 1.65em;
    line-height: 1.58125em;
    position: absolute;
    text-align: center;
    top: -0.3em;
    left: -2em;
    width: 1.65em;
}

.holidayReqest_mittelItemCheckbox:checked + label::before {
    content: '\f00c';
    color: white;
}


.checkboxesContainer {
    margin-left: 1.6em;
}

.personData_formHeader {
    font-family: "TradeGothicLTStdBoldCondensedNo20Oblique";
}

.personalDataForm_sectionHeader {
    border-bottom: 2px solid black;
    font-family: "TradeGothicLTStdBoldCondensedNo20";
}

.moreCoreFileupload_customUploadButton {
    border: 2px solid black;
    background-color: white;
    padding: 8px 16px;
    cursor: pointer;
}

.button-generic-dialog {
    display: inline-block;
}

/* ----------------------DEKO ---------------------- START*/

/*
    .personalData_languageTitle{}
    .personalData_radioGroupGender {}
    .personalData_domicileIsResidenceContainer{}
    .personalData_isItalianFiscalCodeContainer{}
    .personalData_socialSecContainer{}
    .personalData_uidNumberContainer{}
    .personalData_fileUploadContainer{}
    .personalData_privacyCheckBoxContainer{}
*/

/* media ---------------------------- start*/
@media screen and (max-width: 745px) {
    .personalData_radioGroupGender::before {
        visibility:hidden;
    }
    .personalData_isItalianFiscalCodeContainer::before {
        visibility: hidden;
    }

    .personalData_socialSecContainer::before {
        visibility: hidden;
    }
    .personalData_privacyCheckBoxContainer::before {
        visibility: hidden;
    }
    .personalData_privacyCheckBoxContainer::after {
        visibility:hidden;
    }
    .holidayRequest_myRequestsTableHeader::after {
        visibility: hidden;
    }

    .holidayRequest_myRequestsTableHeader::before {
        visibility: hidden;
    }
}

@media screen and (max-width: 980px) {
    .personalData_radioGroupGender::before {
        top: 8em;
        left: 10em;
    }
}

@media screen and (max-width: 1280px) {
    .personalData_radioGroupGender::before {
        top:8em;
        left: 10em;
    }
}

@media screen and (min-width: 1280px) {
    .personalData_languageTitle::after {
        -webkit-transform: rotate( 40deg );
        -moz-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        -o-transform: rotate(40deg);
        transform: rotate( 40deg );
        -webkit-transform-origin: top center;
        -moz-transform-origin: top center;
        -ms-transform-origin: top center;
        -o-transform-origin: top center;
        transform-origin: top center;
        display: block;
        content: "";
        background: #000;
        height: 150px;
        width: 1px;
        position: absolute;
        top: 2.3em;
        left: 15em;
    }

    .personalData_radioGroupGender::before {
        top: 4em;
        left: 13em;
    }
    
}

/* media ---------------------------- end*/
.personalData_radioGroupGender {
    position: relative
}

.personalData_isItalianFiscalCodeContainer {
    position: relative;
}

.personalData_socialSecContainer {
    position: relative;
}
.personalData_privacyCheckBoxContainer{
    position:relative;
}

.personalData_radioGroupGender::before {
    -webkit-transform: rotate( 30deg );
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate( 30deg );
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    display: block;
    content: "";
    background: #000;
    height: 150px;
    width: 1px;
    position: absolute;
}


.personalData_isItalianFiscalCodeContainer::before {
    background-image: url("./img/icon-0-a-m.svg");
    background-repeat: repeat;
    left: calc(100%*2/3 + 42px/2);
    background-size: 25px 144px;
    height: 144px;
    content: "";
    top: -3em;
    position: absolute;
    display: block;
    width: 30vw;
}

.personalData_socialSecContainer::before {
    background-image: url("./img/icon-0-a-m.svg");
    background-repeat: repeat;
    left: calc(100%*2/3 + 42px/2);
    background-size: 25px 144px;
    height: 144px;
    content: "";
    top: -3em;
    position: absolute;
    display: block;
    width: 30vw;
}

.personalData_privacyCheckBoxContainer::before {
    background-image: url("./img/noteKey.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transform: rotate( 30deg );
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate( 30deg );
    left: calc(100%*2/3 + 42px/2);
    height: 150px;
    right: auto;
    content: "";
    top: -7em;
    position: absolute;
    display: block;
    width: 6vw;
}
.personalData_privacyCheckBoxContainer::after {
    display: block;
    position: absolute;
    content: '';
    transform: rotate( -60deg );
    -webkit-background-image: url("./img/opera-graphic.svg");
    -moz-background-image: url("./img/opera-graphic.svg");
    -ms-background-image: url("./img/opera-graphic.svg");
    -o-background-image: url("./img/opera-graphic.svg");
    background-image: url("./img/opera-graphic.svg");
    -webkit-background-repeat: no-repeat;
    -moz-background-repeat: no-repeat;
    -ms-background-repeat: no-repeat;
    -o-background-repeat: no-repeat;
    background-repeat: no-repeat;
    -webkit-background-position: center;
    -moz-background-position: center;
    -ms-background-position: center;
    -o-background-position: center;
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    top: -9em;
    left: calc(100%*2/3); 
    width: 150px;
    height: 250px;
}



/* ----------------------DEKO ---------------------- END*/

.AttList_noteStageManager{
    margin-top: 2em;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid black;
}
.genericDialog_actionContainerNode{
    padding: 24px;
}

.GenericDialog .headerBar {
    font-family: "TradeGothicLTStdBoldCondensedNo20";
    text-transform: uppercase;
}

.hob-button:disabled {
    opacity:0.4;
    cursor: not-allowed;
}


.table_groupHeader td {
  font-weight: bold;
  font-size: 16pt;
}

@media screen and (max-width: 900px) {
    .responsiveTable table.staticTable td {
        text-align: left !important;
    } 
}