/*/************************************************
* NEW - PAGINE DI REGISTRAZIONE - NEW
**************************************************/
.mainregistrazione {
    position: relative;
    top: 160px;
    width: 800px;
    margin: auto;
    background: #FFFFFF;
    background: var(--white);
    -webkit-box-shadow: 0px 1px 2px 0 rgba(0,0,0,0.06), 0px 1px 3px 0 rgba(0,0,0,.1);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    font-family: Inter;
    font-style: normal;
}
.mainform:not(.progetto-mainform) {
    padding: 20px 40px 40px 40px;
    margin-top: 6rem;
}
.mainform.edit-progetto{
    margin-top: 0px;
}
.mainregistrazionewide {
    width: 1100px;
    top: 150px;
    margin-top: 3rem;
}
.loginBtn:focus{
    outline:none;
}

.topregistrazione {
    position: fixed;
    top: 7rem !important;
    left: 20px;
    right: 0px;
    max-width: 1200px;
    background-color: #F9FAFB;
    background-color: var(--grey50);
    margin: auto;
    padding-top: 1rem;
    z-index: 10;
}
.login_body {
    height: auto;
}
.logo-nav {
    display: block;
    margin: auto;
    height: 6rem;
    /*    margin-bottom: 1rem;*/
}
    .logo-nav img, .logo-top img {
        height: 5.6rem;
    }
.main {
    background-color: #F9FAFB;
    background-color: var(--grey50);
}
@media (max-width: 1300px) {
    .topregistrazione {
        left: 60px;
        right: 0px;
        width: min-content;
    }
}
@media (max-width: 767px) {
    .mainregistrazione {
        width: 100%;
        margin:0;
        padding:0;
        top:80px;
        left: 0px;
    }
    .mainregistrazionewide {
        top:140px;
    }
    .mainform {
        padding: 20px 10px 40px 10px;
    }
    .topregistrazione {
        overflow: auto;
        overflow:hidden;
        padding-top: 10px;
        height: 80px
    }
    .btn[btn-standard]:not([btn-standardsingle]) {
        position: relative;
        top: -65px;
        float: right;
    }
    .topline td {
        padding: 20px 10px !important;
    }
    .topline a {
        display:block;
        width:25px;
    }
}
.topregistrazione > table {
    margin-top: 10px;
}
.mainregistrazione a {
    text-decoration: underline;
    color: #48BB78;
    color: var(--green500)
}
.mainregistrazione .dbwp_snack {
    background-color: var(--green200);
    border: none;
}
.mainregistrazione .form-group.multi-checkbox {
    font-weight: normal;
    font-size: 16px;
    line-height: 135%;
    color: #161E2E;
    color: var(--grey900)
}
/*TODO VERIFICA CHE NON CAUSI PROBLEMI*/
.mainregistrazione .dbwp_gridcell > label:first-child {
    font-weight: normal;
    font-size: 16px;
    line-height: 135%;
    color: #374151;
    color: var(--grey700);
}
.mainregistrazione .form-control {
    border: 1px solid #D2D6DC !important;
    border: 1px solid var(--grey300) !important;
    border-radius: 6px;
    height: 56px;
    padding-left: 20px;
    color: #161E2E;
    color: var(--grey900);
}
    .mainregistrazione .form-control:disabled, .mainregistrazione .form-control[readonly] {
/*        background-color: #F4F5F7 !important;
        background-color: var(--grey100) !important;*/
        color: #6B7280 !important;
        color: var(--grey500) !important;
    }
.mainregistrazione .dbwp_grid > .dbwp_gridcell {
    margin-left: 5px;
    margin-right: 5px;
}
.mainregistrazione .multi-checkbox {
    margin-right: 10px;
    margin-left: 0rem;
}
.mainregistrazione .multi-checkbox input{
    margin-right: 10px;
}
.mainregistrazione .multi-checkbox input:first-child {
    margin-top: auto;
}
.mainregistrazione .form-group > label {
    font-weight: normal;
    font-size: 16px;
    color: #6B7280;
    color: var(--grey500);
    margin: 0px 6px 3px 0px;
}
.btn[btn-standard] {
    padding: 16px 12px;
    background-color: #38A169;
    background-color: var(--green600);
    border: none !important;
    border-radius: 8px;
    color: #FFFFFF;
    color: var(--white);
    font-weight: 500;
    font-size: 18px;
    height: 56px;
    padding: .3rem 1.5rem .3rem 1.5rem;
    text-transform: none;
}
    .btn[btn-standard]:hover, .btn[btn-standard]:active, .btn[btn-standard]:focus {
        background-color: #2F855A !important;
        background-color: var(--green700) !important;
        box-shadow: none !important;
    }
.btn[btn-back] {
    background: #F4F5F7;
    background: var(--grey100);
    border-radius: 8px;
    font-weight: 500;
    font-size: 18px;
    line-height: 135%;
    letter-spacing: 0.01em;
    color: #4B5563;
    color: var(--grey600);
    padding: .3rem 1.5rem .3rem 1.5rem;
    text-transform: none;
    height: 56px;
    border: none !important;
}
    .btn[btn-back]:hover, .btn[btn-back]:active, .btn[btn-back]:focus {
        background-color: #E5E7EB !important;
        background-color: var(--grey200) !important;
        color: #4B5563 !important;
        color: var(--grey600) !important;
        box-shadow: none !important;
    }
.btn[btn-back-home] {
    padding: 16px 12px;
    background-color: #E5E7EB;
    background-color: var(--grey200);
    border: none !important;
    border-radius: 8px;
    color: #161E2E;
    color: var(--grey900);
    font-weight: 500;
    font-size: 18px;
    height: 56px;
    padding: .3rem 1.5rem .3rem 1.5rem;
    text-transform: none;
}
    .btn[btn-back-home]:hover, .btn[btn-back-home]:active, .btn[btn-back-home]:focus {
        background-color: #E5E7EB !important;
        background-color: var(--grey200) !important;
        box-shadow: none !important;
        color: #161E2E !important;
        color: var(--grey900) !important;
    }
.help-block {
    margin-left: 3px;
}
.radioDiv {
    border: 1px solid #D2D6DC;
    border: 1px solid var(--grey300);
    box-sizing: border-box;
    border-radius: 8px;
    padding-right: 10px;
}
.radioDivSelected {
    background: #F0FFF4;
    background: var(--green100);
    border: 1px solid #48BB78;
    border: 1px solid var(--green500);
}
.radioDiv > table {
    margin: 10px;
}
.radioDiv b{
    font-size:16px;
}
.radioDiv td{
    padding: 5px !important;
}
.categoryIndex {
    float: left;
    clear: right;
    background-color: #38A169;
    background-color: var(--green600);
    padding: 3.5px 12.1px;
    border-radius: 20px;
    font-size: 17px;
    font-weight: 900;
    color: #FFFFFF;
    color: var(--white);
    margin: 8px 15px 7px 0px;
}
/*******************
* LISTE EMBEDDATE NELLE PAGINE REGISTRAZIONE
*******************/
.embeddedList button:not([listButton]) {
    padding: 16px 12px;
    background-color: #4B5563;
    background-color: var(--grey600);
    border: none !important;
    border-radius: 8px;
    color: #FFFFFF;
    color: var(--white);
    font-weight: 500;
    font-size: 15px;
    line-height: 135%;
    letter-spacing: 0.01em;
    height: 40px;
    padding: 10px 16px;
    text-transform: none;
}
    .embeddedList button:not([listButton]):hover, .embeddedList button:not([listButton]):active, .embeddedList button:not([listButton]):focus {
        background-color: #374151 !important;
        background-color: var(--grey700) !important;
        color: #FFFFFF !important;
        color: var(--white) !important;
        box-shadow: none !important;
    }
.embeddedList th, .embeddedList th:hover {
    background-color: transparent !important;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #6B7280;
    color: var(--grey500)
}
.embeddedList table td {
    border-color: transparent !important;
}
.embeddedList tr, .embeddedList .table-hover .table-info:hover > td, .embeddedList .table-hover .table-info:hover > th,
.embeddedList .table-info, .embeddedList .table-info > td, .embeddedList .table-info > th,
.embeddedList .table-striped tbody tr:nth-of-type(odd):hover {
    background-color: transparent !important;
}
.embeddedList .table.dbwp_Listform_Table > tbody > tr > th:hover {
    color: #6B7280;
    color: var(--grey500);
}
.embeddedList .dbwp_emptylist {
    display: none;
}
.btn[listButton] {
    background-color: #E5E7EB;
    background-color: var(--grey200);
    border-radius: 6px !important;
    color: #6B7280;
    color: var(--grey500);
}
.embeddedList .form-control {
    margin-left: -13px;
    min-width:70px;
}
/*******************
* LISTE EMBEDDATE NELLE PAGINE REGISTRAZIONE
*******************/
/*******************
* MENU SOLO NAVBAR
*******************/
.topmenuonly {
    position: fixed;
    right: 0px;
    top: 0px;
    left: 0px;
    background-color: rgb(255, 255, 255);
    z-index: 0;
    font-size: .875rem;
    line-height: 4rem;
    transition: left 0.5s;
    z-index: 11;
    white-space: nowrap;
    /*box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);*/
    border-bottom: 0.5px solid #acd1e3;
    display: flex;
    padding: 10px 40px;
}
.topmenuonly .logout {
    display: inline-block;
    margin: auto;
    margin-right: 44px;
    margin-left: 0px;
}
    .topmenuonly .logout > a,
    .topmenuonly .logout button {
        color: #374151;
        color: var(--grey700);
        padding: 7px 10px;
        border: 1px solid #E5E7EB;
        border: 1px solid var(--grey200);
        border-radius: 8px;
    }
        .topmenuonly .logout > a:hover,
        .topmenuonly .logout button:hover{
            text-decoration: none;
            background-color: #F4F5F7;
            background-color: var(--grey100);
        }
        .topmenuonly .logout button:active, .topmenuonly .logout button:focus {
            outline: none;
        }
.logo-nav {
}
.logo-nav > img {
    height: 32px;
}
/*******************
* MENU SOLO NAVBAR
*******************/
.hr-registrazione-div {
    margin-top: 40px;
    margin-bottom: 40px;
}
.hr-registrazione-div > hr {
    border: 1px solid #D2D6DC;
}
.small-input{
    max-width: 120px;
}
/*******************
* MENU SOLO NAVBAR
*******************/
.form-group {
    margin-bottom: 15px;
}
.btn.btn-primary.icon07c {
    background-color: #2F855A !important;
    background-color: var(--green700) !important;
    border-color: #2F855A !important;
    border-color: var(--green700) !important;
}
.btn.btn-primary.icon014 {
    background-color: #374151 !important;
    background-color: var(--grey700) !important;
    border-color: #374151 !important;
    border-color: var(--grey700) !important;
}
.btn.btn-primary.dbwp_modal {
    background-color: #2F855A;
    background-color: var(--green700);
    border-color: #2F855A;
    border-color: var(--green700);
    border: none !important;
    border-radius: 8px;
    color: #FFFFFF;
    color: var(--white);
    font-weight: 500;
    font-size: 18px;
    height: 40px;
    padding: .1rem 1.5rem .1rem 1.5rem !important;
    text-transform: none;
}
.j1Window .btn.dbwp_pagebtn {
    height: 40px !important;
}
.login_area a {
    color: #38A169;
}
    .login_area a:hover {
        color: #2F855A !important;
        color: var(--green700) !important;
    }
.login-input {
    height: 56px;
    border: 1px solid #D2D6DC;
    box-sizing: border-box;
    border-radius: 6px;
}
.login_input {
    height:56px;
    background-color:#fff;
}
.input-group-append > button {
    height: 100% !important;
    margin-left: -13px;
}
.euro-after:after {
    content: "\f153";
    font-family: FontAwesome;
    text-decoration: inherit;
    speak: none;
    display: inline-block;
    margin-left: .5rem;
}

.perc-after:after {
    font-family: FontAwesome;
    text-decoration: inherit;
    speak: none;
    content: "\f295";
    margin-left: .5rem;
}