/*
    Stile per loading attivato durante Anthem_PreCallBack
*/

:root {
    --blue-avis-base-rgb: 78, 115, 223;
    --blue-avis-rgb: 38, 83, 212;
    --blue-avis-base: rgba(var(--blue-avis-base-rgb), 1);
    --blue-avis: rgba(var(--blue-avis-rgb), 1);
    --red-rgb: 230, 25, 25;
    --yellow-rgb: 255, 160, 0;
    --green-rgb: 0, 160, 100;
    --loading-pulse-pr-color: rgba(var(--blue-avis-rgb), 1);
    --loading-pulse-sr-color: rgba(var(--blue-avis-base-rgb), 0.5);
    --loading-pulse-scale-min: 0.2;
    --loading-pulse-scale-max: 1;
    --loading-pulse-animation-speed: 1.5s;
}

/* font awesome solid */
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("FontAwesome/fa-solid-900.eot");
    src: url("FontAwesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("FontAwesomefa-solid-900.woff2") format("woff2"), url("FontAwesome/fa-solid-900.woff") format("woff"), url("FontAwesome/fa-solid-900.ttf") format("truetype"), url("FontAwesome/fa-solid-900.svg#fontawesome") format("svg");
}

/* font awesome regular */
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("FontAwesome/fa-regular-400.eot");
    src: url("FontAwesome/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("FontAwesome/fa-regular-400.woff2") format("woff2"), url("FontAwesome/fa-regular-400.woff") format("woff"), url("FontAwesome/fa-regular-400.ttf") format("truetype"), url("FontAwesome/fa-regular-400.svg#fontawesome") format("svg");
}

.loading {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
    border-radius: 5px;
    width: 300px;
    position: fixed;
    left: 38%;
    top: 47%;
    z-index: 999999;
}

.loading-text {
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.1em;
    margin-bottom: 8px;
}

.dot-pulse {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

    .dot-pulse > div {
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin: 0.5rem;
        animation: dotPulse var(--loading-pulse-animation-speed) ease-in-out infinite;
    }

        .dot-pulse > div:nth-child(0) {
            animation-delay: 0s;
        }

        .dot-pulse > div:nth-child(1) {
            animation-delay: 0.2s;
        }

        .dot-pulse > div:nth-child(2) {
            animation-delay: 0.4s;
        }

        .dot-pulse > div:nth-child(3) {
            animation-delay: 0.6s;
        }

        .dot-pulse > div:nth-child(4) {
            animation-delay: 0.8s;
        }

        .dot-pulse > div:nth-child(5) {
            animation-delay: 1s;
        }

@keyframes dotPulse {
    0%, 100% {
        transform: scale(var(--loading-pulse-scale-min));
        background-color: var(--loading-pulse-sr-color);
    }

    40% {
        transform: scale(var(--loading-pulse-scale-max));
        background-color: var(--loading-pulse-pr-color);
    }

    50% {
        transform: scale(var(--loading-pulse-scale-max));
        background-color: var(--loading-pulse-pr-color);
    }
}

/*
    Parte icone custom
*/

i.caleido-icon {
    position: relative;
    text-align: center;
    vertical-align: central;
    text-decoration: none;
    font-style: normal;
    padding: 0.5em;
    padding-right: 1.1em;
    font-size: 1rem;
}

.ajax__tab_tab > i.caleido-icon {
    padding: unset;
    padding-right: 1.1em;
}

i.caleido-icon::before,
i.caleido-icon::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    vertical-align: central;
    box-sizing: border-box;
}

/*icon-general*/
i.caleido-icon.icon-general::before {
    content: url('../Images/UX/internal_Generale.png');
    width: 16px;
    height: 16px;
    background-color: transparent;
}

/*icon-donazioni*/
i.caleido-icon.icon-donazioni::before,
i.caleido-icon.icon-sangue::before {
    content: url('../Images/UX/internal_Donazione.png');
    width: 16px;
    height: 16px;
    background-color: transparent;
}

/*icon-esami-gruppi*/
i.caleido-icon.icon-esami-gruppi::before,
i.caleido-icon.icon-esami::before {
    content: url('../Images/UX/internal_Esami.png');
    width: 16px;
    height: 16px;
    background-color: transparent;
}

/*icon-sospesi*/
i.caleido-icon.icon-sospesi::before {
    content: url('../Images/UX/Tabelle_Tipi_di_sospensioni.png');
    width: 16px;
    height: 16px;
    background-color: transparent;
}

/*icon-dimissioni*/
i.caleido-icon.icon-dimissioni::before {
    content: url('../Images/UX/Tabelle_Cause_dimissione.png');
    width: 16px;
    height: 16px;
    background-color: transparent;
}

/*icon-risultati*/
i.caleido-icon.icon-risultati::before {
    content: url('../Images/UX/internal_List.png');
    width: 16px;
    height: 16px;
    background-color: transparent;
}

/*icon-stampa*/
i.caleido-icon.icon-stampa::before {
    content: url('../Images/UX/internal_Print.png');
    width: 16px;
    height: 16px;
    background-color: transparent;
}

/*icon-dati-anagrafici*/
i.caleido-icon.icon-dati-anagrafici::before {
    content: url('../Images/UX/internal_Dati_anagrafici.png');
    width: 16px;
    height: 16px;
    background-color: transparent;
}

/*icon-dati-anagrafici-altri*/
i.caleido-icon.icon-dati-anagrafici-altri::before {
    content: url('../Images/UX/internal_Dati_anagrafici_altri.png');
    width: 16px;
    height: 16px;
    background-color: transparent;
}

/*icon-scelte-personali*/
i.caleido-icon.icon-scelte-personali::before {
    content: url('../Images/UX/internal_Scelte_personali.png');
    width: 16px;
    height: 16px;
    background-color: transparent;
}

/*icon-gruppo-sanguigno*/
i.caleido-icon.icon-gruppo-sanguigno::before {
    content: url('../Images/UX/Tabelle_Gruppo_sanguigno.png');
    width: 16px;
    height: 16px;
    background-color: transparent;
}

/*icon-convocazioni*/
i.caleido-icon.icon-convocazioni::before {
    content: url('../Images/UX/Donatori_Convocazione_alle_donazioni.png');
    width: 16px;
    height: 16px;
    background-color: transparent;
}

/*icon-foto*/
i.caleido-icon.icon-foto::before {
    content: url('../Images/UX/internal_Foto_profilo.png');
    width: 16px;
    height: 16px;
    background-color: transparent;
}

/*icon-allegati*/
i.caleido-icon.icon-allegati::before {
    content: url('../Images/UX/internal_Allegati.png');
    width: 16px;
    height: 16px;
    background-color: transparent;
}

/*icon-diario*/
i.caleido-icon.icon-diario::before {
    content: url('../Images/UX/internal_Diario.png');
    width: 16px;
    height: 16px;
    background-color: transparent;
}

/*icon-diario-riepilogo*/
i.caleido-icon.icon-diario-riepilogo::before {
    content: url('../Images/UX/internal_Diario_riepilogo.png');
    width: 16px;
    height: 16px;
    background-color: transparent;
}

/*icon-stato-associativo*/
i.caleido-icon.icon-stato-associativo::before {
    content: url('../Images/UX/Tabelle_Stato_associativo.png');
    width: 16px;
    height: 16px;
    background-color: transparent;
}

/*icon-note*/
i.caleido-icon.icon-note::before {
    content: url('../Images/UX/internal_Note.png');
    width: 16px;
    height: 16px;
    background-color: transparent;
}

/*icon-referto*/
i.caleido-icon.icon-referto::before {
    content: url('../Images/UX/Stampe_Referti.png');
    width: 16px;
    height: 16px;
    background-color: transparent;
}

/*icon-dati-donazione*/
i.caleido-icon.icon-dati-donazione::before {
    /*content: url('../Images/UX/Stampe_Referti.png');*/
    width: 16px;
    height: 16px;
    background-color: transparent;
}

/*icon-double-arrow-right*/
i.caleido-icon.icon-double-arrow-right::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f101';
    font-size: 1em;
    background-color: transparent;
}

/*icon-double-arrow-left*/
i.caleido-icon.icon-double-arrow-left::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f100';
    font-size: 1em;
    background-color: transparent;
}

/*icon-arrow-left*/
i.caleido-icon.icon-arrow-left::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f104';
    font-size: 1em;
    background-color: transparent;
}

/*icon-arrow-right*/
i.caleido-icon.icon-arrow-right::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f105';
    font-size: 1em;
    background-color: transparent;
}

/*icon-arrow-right*/
i.caleido-icon.icon-flag::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f024';
    font-size: 1em;
    background-color: transparent;
}


.icon-eye {
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    border: none;
    background-color: transparent;
}

.eye-open {
    background-image: url('../Images/eye_open.png');
}

.eye-closed {
    background-image: url('../Images/eye_closed.png');
}


/*
    alert messages
*/


.alert-list {
    width: 100%;
    border: 2px solid #000;
    box-sizing: border-box;
    padding: 8px;
    list-style: circle inside;
    margin-bottom: 4px;
    margin-top: 12px;
    margin-left: 4px;
}

    .alert-list.error {
        border-color: rgba(var(--red-rgb), 1);
        background-color: rgba(var(--red-rgb), 0.1);
        color: rgba(var(--red-rgb), 1);
    }

    .alert-list.warning {
        border-color: rgba(var(--yellow-rgb), 1);
        background-color: rgba(var(--yellow-rgb), 0.1);
        color: rgba(var(--yellow-rgb), 1);
    }

    .alert-list.info {
        border-color: rgba(var(--blue-avis-rgb), 1);
        background-color: rgba(var(--blue-avis-rgb), 0.1);
        color: rgba(var(--blue-avis-rgb), 1);
    }

    .alert-list.success {
        border-color: rgba(var(--green-rgb), 1);
        background-color: rgba(var(--green-rgb), 0.1);
        color: rgba(var(--green-rgb), 1);
    }

    .alert-list.error.fill {
        background-color: rgba(var(--red-rgb), 1);
        color: #fff;
    }

    .alert-list.warning.fill {
        background-color: rgba(var(--yellow-rgb), 1);
        color: #fff;
    }

    .alert-list.info.fill {
        background-color: rgba(var(--blue-avis-rgb), 1);
        color: #fff;
    }

    .alert-list.success.fill {
        background-color: rgba(var(--green-rgb), 1);
        color: #fff;
    }

/*
    Stili per nuova checkbox
*/

/*input[type=checkbox] {
    display: none;
}

    input[type=checkbox] + label::before {
        box-sizing: border-box;
        font-family: "Font Awesome 5 Free";
        font-weight: 400;
        font-size: 1.4em;
        content: '\f0c8';
        background-color: transparent;
        color: var(--blue-avis-base);
        margin-right: 0.3em;
    }

    input[type=checkbox]:checked + label::before {
        content: '\f14a';
        font-weight: 900;
    }

    input[type=checkbox]:disabled + label::before {
        color: rgba(var(--blue-avis-base-rgb), 0.5);
        background-color: rgba(0, 0, 0, 0.05);
    }

    input[type=checkbox]:checked:disabled + label::before {
        color: rgba(var(--blue-avis-base-rgb), 0.5);
        background-color: rgba(0, 0, 0, 0.05);
    }*/

/*
    Stili della griglia Caleidoscopio
*/

#aspnetForm {
    position: relative;
}

.gridCalendario {
    cursor: pointer;
}

.GridViewStyle_Cal {
    border-radius: 5px;
    padding: 4px;
    border: 1px solid #fff;
    box-sizing: border-box;
}

    .GridViewStyle_Cal.bordered {
        border: 1px solid var(--blue-avis-base);
        box-sizing: border-box;
    }

    .GridViewStyle_Cal a {
        color: #000000;
    }

.GridViewHeaderStyle_Cal th {
    background-color: var(--blue-avis-base);
    border: none;
    color: #fff;
    text-align: start;
}

    .GridViewHeaderStyle_Cal th.GrigliaCustomHeader, .GridViewHeaderStyle_Cal th.GrigliaCustomHeaderSeparator {
        background-color: #fff;
    }


    .GridViewHeaderStyle_Cal th > a {
        background-color: var(--blue-avis-base);
        color: #fff;
    }

.GridViewHeaderStyle_Cal {
    background-color: var(--blue-avis-base);
    font-weight: bold;
    color: #fff;
}

.GridViewFooterStyle_Cal {
    background-color: var(--blue-avis-base);
    font-weight: bold;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 2px;
}

.GridViewRowStyle_Cal {
    background-color: #fff;
    color: #000;
}

.GridViewAlternatingRowStyle_Cal {
    background-color: rgba(var(--blue-avis-base-rgb), 0.1);
    color: #000;
}

    .GridViewRowStyle_Cal td, .GridViewAlternatingRowStyle_Cal td {
        border: none;
    }

        .GridViewRowStyle_Cal td > *, .GridViewAlternatingRowStyle_Cal td > * {
            display: inline-table;
        }


.GridViewSelectedRowStyle_Cal {
    background-color: #fff;
    font-weight: bold;
    color: #000;
}

.GridViewPagerStyle_Cal {
    background-color: rgba(var(--blue-avis-base-rgb), 0.3);
    text-align: center;
    outline-color: Black;
    border: 1px solid #fff;
    border-radius: 2px;
}

    .GridViewPagerStyle_Cal table /* to center the paging links*/ {
        margin: 0 auto 0 auto;
    }

.table-cell-calendario-aferesi {
    position: relative;
    width: 250px;
}

    .table-cell-calendario-aferesi input[type=submit] {
        cursor: pointer;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        background-color: transparent;
        border: unset;
        box-sizing: border-box;
    }

    .table-cell-calendario-aferesi > div {
        display: flex;
        grid-gap: 4px;
    }

        .table-cell-calendario-aferesi > div > img {
            width: 16px;
            height: 16px;
        }

/*
    Stili della pagina di ricerca standard
*/
.btnCal {
    border-radius: 2px;
    background-color: var(--blue-avis-base);
    color: #fff;
    border: 1px solid var(--blue-avis-base);
    cursor: pointer;
    padding: 4px 8px;
    text-decoration: none;
    text-align: center;
    vertical-align: central;
}

    .btnCal:hover:not(:disabled, .disabled) {
        background-color: var(--blue-avis);
        color: #fff;
        border: 1px solid var(--blue-avis);
        cursor: pointer;
    }

    .btnCal:disabled, .btnCal.disabled {
        opacity: .65;
        cursor: auto;
    }

a.btnCal {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}

.masterAccessibleContentArea {
    vertical-align: top;
    text-align: left;
    background-position: unset;
    background-repeat: unset;
    background-position: unset;
    padding: 3px 10px 5px 10px;
    width: 100%;
}

.ContentColumn {
    float: left;
    width: 100% !important;
    z-index: 0;
    /*margin: 4px 8px;*/
}

.Divider {
    clear: both;
}

.Validator {
    float: left;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    background-color: Yellow;
    border-color: Red;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
}

.GenericPanel {
    float: left;
    width: 100%;
}

.SectionExt {
    float: left;
    width: 100%;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.SectionTitleBar {
    float: left;
    width: 100%;
    background-color: #f8f9fc;
    border-radius: 2px;
    border: none;
    box-shadow: 0 7px 14px 0 rgba(59,65,94,.1), 0 3px 6px 0 rgba(0,0,0,.07);
}

    .SectionTitleBar.no-panel {
        float: left;
        width: 100%;
        background-color: #fff;
        border-radius: 2px;
        border: none;
        box-shadow: unset;
    }

.SectionTitleBarInside {
    color: var(--blue-avis);
    float: left;
    width: 100%;
    padding: 4px;
    text-align: center;
    margin-bottom: 4px;
}

.SectionInt {
    float: left;
    width: 100%;
    background-color: #fff;
    border-radius: 2px;
}

.SectionTitleBar > .SectionFooter {
    float: left;
    text-align: start;
    display: inline-block;
    width: 100%;
    padding: 8px 0px 8px 0px;
    background-color: #fff;
}

    .SectionTitleBar > .SectionFooter > :nth-child(1) {
        margin-left: calc(25%);
    }

ml-25-p-first-child > :nth-child(1) {
    margin-left: calc(25%);
}

.SectionFooter {
    float: right;
    text-align: start;
    display: inline-block;
    padding: 8px 0px 8px 8px;
}

.ButtonBar {
    float: left;
    background-color: #EEFFEE;
    padding-left: 5px;
    padding-right: 5px;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.va-central {
    vertical-align: central;
}

.text-center {
    text-align: center;
}

.hr-standard {
    border-top: 1px solid rgba(110, 110, 110, 0.7);
    width: 100%;
}

.FormLabel {
    float: left;
    width: 25%;
    text-align: right;
    color: black;
    height: 23px;
    vertical-align: middle;
    margin-right: 4px;
}

.FormLabelHeader {
    float: left;
    width: 100%;
    text-align: center;
    color: black;
    height: 23px;
    vertical-align: middle;
}

.FormItem {
    float: left;
    width: 65%;
}

.VerticalFormDiv {
    color: #000;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

    .VerticalFormDiv > .FormLabel {
        width: inherit;
        float: inherit;
        flex: 0 1 calc(25% - 4px);
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        margin-right: 4px;
    }

    .VerticalFormDiv > .FormItem {
        width: inherit;
        vertical-align: inherit;
        float: inherit;
        flex: 0 1 calc(75% - 4px);
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        margin-right: 4px;
    }

        .VerticalFormDiv > .FormItem > * {
            flex: 0 1 auto;
            margin-right: 4px;
        }

        .VerticalFormDiv > .FormItem input[type="checkbox"] {
            margin-left: 0px;
        }

        .VerticalFormDiv > .FormItem > *:last-child {
            margin-right: 0px;
        }

    .VerticalFormDiv > .FormBottoniera {
        width: inherit;
        vertical-align: inherit;
        float: inherit;
        flex: 0 1 calc(100% - 4px);
        display: inline-block;
        padding-left: calc(25%);
        margin-top: 4px;
    }

    .VerticalFormDiv > *:last-child {
        margin-right: 0px;
    }

.InLineFormItems {
    display: inline-block;
    width: 100%;
}

    .InLineFormItems .FormLabel:not(:nth-child(1)) {
        width: auto;
        margin-left: 4px;
    }

    .InLineFormItems .FormItem:not(:nth-child(1)) {
        width: auto;
    }

.VerticalFormDiv > .FormItem > .InLineFormItems {
    display: inline-block;
    width: auto;
}

    .VerticalFormDiv > .FormItem > .InLineFormItems > .FormLabel {
        width: auto;
        margin-right: 4px;
        margin-left: 16px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

    .VerticalFormDiv > .FormItem > .InLineFormItems > .FormItem {
        width: auto;
        margin-right: 4px;
        margin-left: 0px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

.FormLabelInner {
    line-height: 22px;
}

.FormLeftButton {
    float: left;
    width: 25%;
    text-align: right;
    color: Black;
    padding-top: 15px;
    padding-bottom: 15px;
}

.FormRightButton {
    float: left;
    width: 65%;
    padding: 15px;
}

.GridButton {
    float: right;
    width: 10%;
    padding: 10px;
}

#pnlLogin, #pnlCambioPassword, #pnlPINCode, #pnlResetPassword {
    background-color: #ffffff;
    border-radius: 2px;
    border: 1px solid #E0E0E0;
    box-shadow: 0 7px 14px 0 rgba(59,65,94,.1), 0 3px 6px 0 rgba(0,0,0,.07);
    font-size: 11px;
    width: 90%;
}

.login-buttons-group {
    margin-top: 16px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}

/*ModalPopUp*/

.ModalPopupBG {
    background-color: rgba(0, 0, 0, 0.76);
}

.ModalBackground {
    background-color: #ffffff;
    resize: both;
    overflow: auto;
    width: 50%;
    box-sizing: border-box;
    height: auto;
    max-height: 95%;
    max-width: 95%;
    border-color: var(--blue-avis-base);
    border-style:solid;
    border-width:2px; 
}

.modalPopupExtenderHeaderDiv {
    cursor: move;
}

.ModalBackgroundContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    height: calc(100% - 34px);
    padding: 0px 8px;
}

.ModalBackgroundBody {
    overflow-y: auto;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding-top: 8px;
    height: 100%;
}

    .ModalBackgroundBody .SectionTitleBar {
        box-shadow: unset;
    }

.ModalBackgroundFooter {
    background-color: #fff;
    width: 100%;
    height: auto;
    padding: 4px;
    margin: 4px 0px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    box-sizing: border-box;
    gap: 4px; 
}

.ModalBackgroundIFRAME {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: unset;
    box-sizing: border-box;
}

.ModalPopupControls {
    width: 100px;
    height: 25px;
    color: #000000;
    line-height: 15pt;
    clear: both;
    vertical-align: text-bottom;
    text-align: right;
    background-color: #BDBDBD;
}

/* classi per Tab */

.Tab {
    margin-top: 8px;
}

    /*Header*/
    .Tab .ajax__tab_header {
        color: var(--blue-avis-base);
        font-family: Calibri;
        font-size: 14px;
        font-weight: bold;
        background-color: #EEFFEE;
        margin-top: 4px;
        margin: 0px 8px;
    }
    /*Body*/
    .Tab .ajax__tab_body {
        padding-top: 0px;
        margin: 4px 8px;
        box-sizing: border-box;
    }
    /*Tab Active*/
    .Tab .ajax__tab_active .ajax__tab_tab {
        color: var(--blue-avis-base);
        height: 100%;
        border-top: 1px solid var(--blue-avis-base);
        border-right: 1px solid var(--blue-avis-base);
        border-left: 1px solid var(--blue-avis-base);
        border-bottom: 1px solid #fff;
        margin-bottom: -1px;
        border-radius: 2px 2px 0px 0px;
        background-color: #fff;
    }

    .Tab .ajax__tab_active .ajax__tab_inner {
        color: #ffffff;
        padding-left: 0px;
    }

    .Tab .ajax__tab_active .ajax__tab_outer {
        color: #ffffff;
        padding-right: 0px;
    }
    /*Tab Hover*/
    .Tab .ajax__tab_hover .ajax__tab_tab {
        background-color: var(--blue-avis);
        border-bottom: 1px solid var(--blue-avis);
        color: #fff;
        height: 100%;
    }

    .Tab .ajax__tab_hover .ajax__tab_inner {
        cursor: pointer;
        color: #000000;
        padding-left: 0px;
    }

    .Tab .ajax__tab_hover .ajax__tab_outer {
        color: #000000;
        padding-right: 0px;
    }
    /*Tab Inactive*/
    .Tab .ajax__tab_tab {
        color: #fff;
        height: 100%;
        padding: 4px 8px;
        border: 1px solid var(--blue-avis-base);
        margin-bottom: -1px;
        border-radius: 2px 2px 0px 0px;
        background-color: var(--blue-avis-base);
    }

    .Tab .ajax__tab_inner {
        color: #666666;
        padding-left: 0px;
    }

    .Tab .ajax__tab_outer {
        color: #666666;
        padding-right: 0px;
        margin-right: 2px;
    }

    /* classi per Tab con aspetto di pannelo */
    .Tab.TabPanel {
        margin-top: 0px;
        border: 1px solid var(--blue-avis-base) !important;
        border-radius: 2px;
    }

        /*Header*/
        .Tab.TabPanel .ajax__tab_header {
            padding-left: 4px;
            padding-top: 2px;
            color: #fff;
            font-family: Calibri;
            font-size: 14px;
            font-weight: bold;
            background-color: var(--blue-avis-base) !important;
            margin: 0px;
            box-sizing: border-box;
        }
        /*Body*/
        .Tab.TabPanel .ajax__tab_body {
            padding: 8px 4px;
            margin: 0px;
            box-sizing: border-box;
            background-color: #fff !important;
        }
        /*Tab Active*/
        .Tab.TabPanel .ajax__tab_active .ajax__tab_tab {
            color: var(--blue-avis-base);
            height: 100%;
            border: 1px solid #fff;
            margin-bottom: -1px;
            border-radius: 2px 2px 0px 0px;
            background-color: #fff;
        }

        .Tab.TabPanel .ajax__tab_active .ajax__tab_inner {
            color: #ffffff;
            padding-left: 0px;
        }

        .Tab.TabPanel .ajax__tab_active .ajax__tab_outer {
            color: #ffffff;
            padding-right: 0px;
        }
        /*Tab Hover*/
        .Tab.TabPanel .ajax__tab_hover .ajax__tab_tab {
            background-color: var(--blue-avis);
            border: 1px solid var(--blue-avis);
            border-radius: 2px 2px 0px 0px;
            color: #fff;
            height: 100%;
        }

        .Tab.TabPanel .ajax__tab_hover .ajax__tab_inner {
            cursor: pointer;
            color: #000000;
            padding-left: 0px;
        }

        .Tab.TabPanel .ajax__tab_hover .ajax__tab_outer {
            color: #000000;
            padding-right: 0px;
        }
        /*Tab Inactive*/
        .Tab.TabPanel .ajax__tab_tab {
            color: #fff;
            height: 100%;
            padding: 4px 8px;
            border: 1px solid var(--blue-avis-base);
            margin-bottom: -1px;
            border-radius: 2px 2px 0px 0px;
            background-color: var(--blue-avis-base);
        }

        .Tab.TabPanel .ajax__tab_inner {
            color: #666666;
            padding-left: 0px;
        }

        .Tab.TabPanel .ajax__tab_outer {
            color: #666666;
            padding-right: 0px;
            margin-right: 2px;
        }



.ajax__tab_header {
    background: none !important;
    border-bottom: 1px solid var(--blue-avis-base);
}

.ajax__tab_body {
    border: none !important;
    background-color: transparent !important;
}

.mainOuterTable {
    width: 100%;
    background-color: #f8f8f8 !important;
}

.mainInnerTable {
    width: 100%;
    background-color: #f8f8f8 !important;
    background-image: none !important;
    padding-bottom: 16px;
}

.page-footer {
    background-color: #f8f8f8 !important;
    box-shadow: 0 -10px 15px 0 rgba(176, 176, 176, .5);
}

.page-footer-login {
    background-color: #f8f8f8 !important;
}

.page-header {
    background-color: #ffffff !important;
    box-shadow: 0 10px 15px 0 rgba(176, 176, 176, .5);
    padding: 8px 8px;
    margin-bottom: 16px;
}

.topMenuContainer {
    background-color: #ffffff !important;
}

.menuStyle {
    background-color: #fff;
}

    .menuStyle .mnuItemStyle {
        background-color: #fff;
    }

    .menuStyle .mnuItemStyleMouseOver {
        border-radius: 2px;
        background-color: var(--blue-avis);
        border: 1px solid var(--blue-avis);
        cursor: pointer;
    }

form fieldset {
    border-color: unset;
    border-width: unset;
    border-style: unset;
    border-top: 1px solid var(--blue-avis-base);
    margin: 0px 8px;
}

    form fieldset legend {
        margin-left: 16px;
        color: var(--blue-avis);
        font-weight: bold;
    }

.panel-bordered > fieldset {
    border: 1px solid var(--blue-avis-base);
}

.tab-convocazioni-table {
    margin-left: calc(25%);
    margin-right: 0px;
}

.panel-campi {
    border-top: 1px solid #d3d3d3;
    padding-top: 8px;
}

.bc-blu-avis {
    background-color: var(--blue-avis-base) !important;
}

.fc-blu-avis {
    color: var(--blue-avis-base) !important;
}

.blu-avis {
    background-color: var(--blue-avis-base) !important;
    color: #fff;
}

.border-radius-2 {
    border-radius: 2px !important;
}

.no-border {
    border: unset;
}

.hidden {
    display: none;
}

.bottoniera-left {
    display: inline-block;
    width: 100%;
    margin-bottom: 4px;
}

    .bottoniera-left * {
        margin-bottom: 4px;
    }

.bottoniera-right {
    display: inline-block;
    width: 100%;
    float: right;
}

/* breadcrumbs */
.crumbsContainer {
    background-color: #ffffff;
    border-radius: 2px;
    border: 1px solid #E0E0E0;
    box-shadow: 0 7px 14px 0 rgba(59,65,94,.1), 0 3px 6px 0 rgba(0,0,0,.07);
    margin: 8px 0px 0px 0px;
    padding: 8px 0px 8px 8px;
    width: calc(100% - 8px);
    font-size: 11px;
}

    .crumbsContainer .crumbsRootNodeStyle,
    .crumbsContainer .crumbsGenericNodeStyle {
        color: var(--blue-avis-base);
        font-weight: bold;
        text-decoration: none;
        font-size: 11px;
        cursor: auto;
    }

    .crumbsContainer a.crumbsRootNodeStyle[href]:hover,
    .crumbsContainer a.crumbsGenericNodeStyle[href]:hover {
        color: var(--blue-avis);
        text-decoration: underline;
        font-size: 11px;
        cursor: pointer;
    }

    .crumbsContainer .crumbsCurrentNodeStyle {
        font-size: 11px;
        font-style: unset;
        color: #000;
    }


.text-area-100-p,
.text-area-100-p span,
.text-area-100-p span textarea {
    width: 100%;
}

/* sf menu navbar */
.sf-menu {
    margin-bottom: 0px;
}

    .sf-menu li a {
        color: var(--blue-avis-base);
    }

    .sf-menu li:hover, .sf-menu li.sfHover {
        background-color: var(--blue-avis);
        border-radius: 2px;
    }

        .sf-menu li:hover > a {
            color: #fff;
        }

    .sf-menu li ul:hover {
        background-color: var(--blue-avis);
    }

    .sf-menu ul a {
        color: var(--blue-avis-base);
    }

    .sf-menu ul > li:hover {
        background-color: var(--blue-avis);
    }

        .sf-menu ul > li:hover > a {
            color: #fff;
        }

    .sf-menu.w-100-p > li:first-child {
        width: 100%;
    }

    .sf-menu.btn-style > li:first-child:not(:hover) {
        background-color: var(--blue-avis-base);
    }

    .sf-menu.btn-style > li:first-child:hover {
        background-color: var(--blue-avis);
    }

    .sf-menu.btn-style > li:first-child > a {
        color: #fff !important;
        text-align: center;
        padding-left: 2.6em;
        font-weight: inherit;
    }

/* classi per pannelli */
.pnlCal {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--blue-avis-base);
    background-color: #fff;
    border-radius: 2px;
}

    .pnlCal > .pnlCal-header {
        width: 100%;
        background-color: var(--blue-avis-base);
        color: #fff;
        padding: 4px 0px;
        margin-bottom: 8px;
    }

        .pnlCal > .pnlCal-header::before {
            content: attr(data-text-header);
            font-weight: bolder;
            padding: 0px 4px;
        }

        .pnlCal > .pnlCal-header > button.pnlCal-collapsible,
        .pnlCal > .pnlCal-header > a.pnlCal-collapsible {
            float: right;
            color: #fff;
            background-color: transparent;
            box-sizing: border-box;
            border: unset;
            text-decoration: none;
            margin-right: 4px;
            cursor: pointer;
        }

            .pnlCal > .pnlCal-header > button.pnlCal-collapsible::before,
            .pnlCal > .pnlCal-header > a.pnlCal-collapsible::before {
                display: inline-block;
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
            }

            .pnlCal > .pnlCal-header > button.pnlCal-collapsible[data-collapsed=true]::before,
            .pnlCal > .pnlCal-header > a.pnlCal-collapsible[data-collapsed=true]::before {
                content: '\f102';
            }

            .pnlCal > .pnlCal-header > button.pnlCal-collapsible[data-collapsed=false]::before,
            .pnlCal > .pnlCal-header > a.pnlCal-collapsible[data-collapsed=false]::before {
                content: '\f103';
            }

    .pnlCal > .pnlCal-body {
        box-sizing: border-box;
        width: 100%;
        padding-left: 4px;
    }

/* wizard */
.WizardStyle {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 7px 14px 0 rgba(59,65,94,.1), 0 3px 6px 0 rgba(0,0,0,.07);
    border-radius: 2px;
    border: 1px solid var(--blue-avis);
}

.WizardSideBarStyle {
    background-color: var(--blue-avis);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    grid-gap: 4px;
}

    .WizardSideBarStyle + td {
        width: 85%;
    }

    .WizardSideBarStyle > table {
        box-sizing: border-box;
        margin-right: 4px;
        padding: 8px 0px 8px 8px;
        border-collapse: initial !important;
    }

.WizardSideBarButtonStyle {
    box-sizing: border-box;
    display: block;
    text-align: right;
    padding: 4px;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #fff;
    border-right: unset;
}

.WizardStepStyle {
    padding: 4px;
}

.WizardFinishCompleteButtonStyle {
    display: none;
}


/* flex classes */
.flex-container {
    display: flex;
}

.inline-flex-container {
    display: inline-flex;
}

    /* directions*/
    .flex-container.row, .inline-flex-container.row {
        flex-direction: row;
    }

    .flex-container.row-reverse, .inline-flex-container.row-reverse {
        flex-direction: row-reverse;
    }

    .flex-container.column, .inline-flex-container.column {
        flex-direction: column;
    }

    .flex-container.column-reverse, .inline-flex-container.column-reverse {
        flex-direction: column-reverse;
    }
    /* wrap */
    .flex-container.wrap, .inline-flex-container.wrap {
        flex-wrap: wrap;
    }

    .flex-container.wrap-reverse, .inline-flex-container.wrap-reverse {
        flex-wrap: wrap-reverse;
    }
    /* justify-content */
    .flex-container.h-start, .inline-flex-container.h-start {
        justify-content: flex-start;
    }

    .flex-container.h-end, .inline-flex-container.h-end {
        justify-content: flex-end;
    }

    .flex-container.h-center, .inline-flex-container.h-center {
        justify-content: center;
    }

    .flex-container.h-sb, .inline-flex-container.h-sb {
        justify-content: space-between;
    }

    .flex-container.h-sa, .inline-flex-container.h-sa {
        justify-content: space-around;
    }

    .flex-container.h-se, .inline-flex-container.h-se {
        justify-content: space-evenly;
    }
    /* align-items */
    .flex-container.v-start, .inline-flex-container.v-start {
        align-items: flex-start;
    }

    .flex-container.v-end, .inline-flex-container.v-end {
        align-items: flex-end;
    }

    .flex-container.v-center, .inline-flex-container.v-center {
        align-items: center;
    }

    .flex-container.v-stretch, .inline-flex-container.v-stretch {
        align-items: stretch;
    }
    /* items */
    .flex-container > .flex-item, .inline-flex-container > .flex-item {
        flex: 0 1 auto;
    }

    .flex-container.grid-2.gap-4 > *,
    .inline-flex-container.grid-2.gap-4 > * {
        flex: 0 1 calc(50% -4px);
    }

    .flex-container.grid-2 > *,
    .inline-flex-container.grid-2 > * {
        flex: 0 1 50%;
    }

    .flex-container.grid-3.gap-4 > *,
    .inline-flex-container.grid-3.gap-4 > * {
        flex: 0 1 calc(33% -4px);
    }

    .flex-container.grid-3 > *,
    .inline-flex-container.grid-3 > * {
        flex: 0 1 33%;
    }

    .flex-container.gap-4,
    .inline-flex-container.gap-4 {
        gap: 4px;
    }

        .flex-container > .flex-item-1,
        .flex-container.gap-4 > .flex-item-1:not(:last-child) {
            flex: 0 1 calc(8.3%);
        }

        .flex-container.gap-4 > .flex-item-1 {
            flex: 0 1 calc(8.3% - 4px);
        }

        .flex-container > .flex-item-2,
        .flex-container.gap-4 > .flex-item-2:not(:last-child) {
            flex: 0 1 calc(16.6%);
        }

        .flex-container.gap-4 > .flex-item-2 {
            flex: 0 1 calc(16.6% - 4px);
        }

        .flex-container > .flex-item-3,
        .flex-container.gap-4 > .flex-item-3:not(:last-child) {
            flex: 0 1 calc(25%);
        }

        .flex-container.gap-4 > .flex-item-3 {
            flex: 0 1 calc(25% - 4px);
        }

        .flex-container > .flex-item-4,
        .flex-container.gap-4 > .flex-item-4:not(:last-child) {
            flex: 0 1 calc(33.3%);
        }

        .flex-container.gap-4 > .flex-item-4 {
            flex: 0 1 calc(33.3% - 4px);
        }

        .flex-container > .flex-item-5,
        .flex-container.gap-4 > .flex-item-5:not(:last-child) {
            flex: 0 1 calc(41.6%);
        }

        .flex-container.gap-4 > .flex-item-5 {
            flex: 0 1 calc(41.6% - 4px);
        }

        .flex-container > .flex-item-6,
        .flex-container.gap-4 > .flex-item-6:not(:last-child) {
            flex: 0 1 calc(50%);
        }

        .flex-container.gap-4 > .flex-item-6 {
            flex: 0 1 calc(50% - 4px);
        }

        .flex-container > .flex-item-7,
        .flex-container.gap-4 > .flex-item-7:not(:last-child) {
            flex: 0 1 calc(58.3%);
        }

        .flex-container.gap-4 > .flex-item-7 {
            flex: 0 1 calc(58.3% - 4px);
        }

        .flex-container > .flex-item-8,
        .flex-container.gap-4 > .flex-item-8:not(:last-child) {
            flex: 0 1 calc(66.6%);
        }

        .flex-container.gap-4 > .flex-item-8 {
            flex: 0 1 calc(66.6% - 4px);
        }

        .flex-container > .flex-item-9,
        .flex-container.gap-4 > .flex-item-9:not(:last-child) {
            flex: 0 1 calc(75%);
        }

        .flex-container.gap-4 > .flex-item-9 {
            flex: 0 1 calc(75% - 4px);
        }

        .flex-container > .flex-item-10,
        .flex-container.gap-4 > .flex-item-10:not(:last-child) {
            flex: 0 1 calc(83.3%);
        }

        .flex-container.gap-4 > .flex-item-10 {
            flex: 0 1 calc(83.3% - 4px);
        }

        .flex-container > .flex-item-11,
        .flex-container.gap-4 > .flex-item-11:not(:last-child) {
            flex: 0 1 calc(91.6%);
        }

        .flex-container.gap-4 > .flex-item-11 {
            flex: 0 1 calc(91.6% - 4px);
        }

        .flex-container > .flex-item-12,
        .flex-container.gap-4 > .flex-item-12:not(:last-child) {
            flex: 0 1 calc(100%);
        }

        .flex-container.gap-4 > .flex-item-12 {
            flex: 0 1 calc(100% - 4px);
        }

.flex-container > .flex-item {
    flex: 0 1 auto;
}

.flex-container > .flex-item-5px {
    flex: 0 1 5px;
}

.flex-container > .flex-item-10px {
    flex: 0 1 10px;
}

.flex-container > .flex-item-15px {
    flex: 0 1 15px;
}

.flex-container > .flex-item-20px {
    flex: 0 1 20px;
}

.flex-container > .flex-item-25px {
    flex: 0 1 25px;
}

.flex-container > .flex-item-30px {
    flex: 0 1 30px;
}

.flex-container > .flex-item-35px {
    flex: 0 1 35px;
}

.flex-container > .flex-item-40px {
    flex: 0 1 40px;
}

.flex-container > .flex-item-45px {
    flex: 0 1 45px;
}

.flex-container > .flex-item-50px {
    flex: 0 1 50px;
}

.flex-container > .flex-item-55px {
    flex: 0 1 55px;
}

.flex-container > .flex-item-60px {
    flex: 0 1 60px;
}

.flex-container > .flex-item-65px {
    flex: 0 1 65px;
}

.flex-container > .flex-item-70px {
    flex: 0 1 70px;
}

.flex-label-item-50 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    grid-gap: 4px;
}

    .flex-label-item-50 > * {
        flex: 0 1 calc(50% - 4px);
    }

/* custom generic classes */
.color-black {
    color: black;
}

.border-box {
    box-sizing: border-box;
}

.inline-block {
    display: inline-block;
}

.display-block {
    display: block;
}

/* *** CLASSI TOAST *** */
.carosello {
    box-sizing: border-box;
    border: none;
    box-shadow: 0 7px 14px 0 rgba(59,65,94,.3), 0 3px 6px 0 rgba(0,0,0,.5);
    background-color: #fff;
    position: fixed;
    right: 32px;
    bottom: 32px;
    width: 300px;
    min-height: 150px;
    display: flex;
    flex-direction: column;
}

    .carosello > .content {
        flex: 1 0 auto;
    }

        .carosello > .content > .carosello-header {
            margin: 4px;
            margin-top: 8px;
            margin-bottom: 16px;
            display: block;
            width: 100%;
            position: relative;
        }

            .carosello > .content > .carosello-header > .carosello-title {
                text-align: center;
                margin-top: 4px;
                margin-bottom: 4px;
            }

            .carosello > .content > .carosello-header > .btn-chiudi-carosello {
                position: absolute;
                top: 4px;
                right: 12px;
                color: red;
                background-color: transparent;
                border: none;
                padding: unset;
                cursor: pointer;
                font-size: 1.2em;
            }

        .carosello > .content > .carosello-body {
            margin: 0px 0px 8px 0px;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
        }

            .carosello > .content > .carosello-body > * {
                text-wrap: normal;
            }

    .carosello > .carosello-footer {
        flex-shrink: 0;
        margin: 0px 0px 8px 0px;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
    }

        .carosello > .carosello-footer > .carosello-footer-btn-panel {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: 16px;
        }

            .carosello > .carosello-footer > .carosello-footer-btn-panel > button {
                padding: 4px;
                margin: unset;
                background-color: var(--blue-avis-base);
                color: #fff;
                border: none;
                position: relative;
                height: 30px;
                width: 50px;
            }

                .carosello > .carosello-footer > .carosello-footer-btn-panel > button::after {
                    position: absolute;
                    top: -7px;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    font-size: 2.5em;
                }

                .carosello > .carosello-footer > .carosello-footer-btn-panel > button.btn-back-carosello::after {
                    content: '←';
                }

                .carosello > .carosello-footer > .carosello-footer-btn-panel > button.btn-forward-carosello::after {
                    content: '→';
                }

        .carosello > .carosello-footer > .carosello-footer-num-messages {
            font-size: 1.2em;
            font-weight: bolder;
        }


/* PARTE DISPLAY GRID */
.grid-display {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    place-items: stretch stretch;
    place-content: stretch stretch;
    gap: 4px;
}

    .grid-display.rows-1 {
        grid-template-rows: auto;
    }

    .grid-display.rows-2 {
        grid-template-rows: repeat(2, auto);
    }

    .grid-display.rows-3 {
        grid-template-rows: repeat(3, auto);
    }

    .grid-display.rows-4 {
        grid-template-rows: repeat(4, auto);
    }

    .grid-display.rows-5 {
        grid-template-rows: repeat(5, auto);
    }

    .grid-display.rows-6 {
        grid-template-rows: repeat(6, auto);
    }

    .grid-display.rows-7 {
        grid-template-rows: repeat(7, auto);
    }

    .grid-display.rows-8 {
        grid-template-rows: repeat(8, auto);
    }

    .grid-display.rows-9 {
        grid-template-rows: repeat(9, auto);
    }

    .grid-display.rows-10 {
        grid-template-rows: repeat(10, auto);
    }

    .grid-display.rows-11 {
        grid-template-rows: repeat(11, auto);
    }

    .grid-display.rows-12 {
        grid-template-rows: repeat(12, auto);
    }

    .grid-display.rows-13 {
        grid-template-rows: repeat(13, auto);
    }

    .grid-display.rows-14 {
        grid-template-rows: repeat(14, auto);
    }

    .grid-display.columns-1 {
        grid-template-columns: auto;
    }

    .grid-display.columns-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-display.columns-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .grid-display.columns-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .grid-display.columns-5 {
        grid-template-columns: repeat(5, 1fr);
    }

    .grid-display.columns-6 {
        grid-template-columns: repeat(6, 1fr);
    }

    .grid-display.columns-7 {
        grid-template-columns: repeat(7, 1fr);
    }

    .grid-display.columns-8 {
        grid-template-columns: repeat(8, 1fr);
    }

    .grid-display.columns-9 {
        grid-template-columns: repeat(9, 1fr);
    }

    .grid-display.columns-10 {
        grid-template-columns: repeat(10, 1fr);
    }

    .grid-display.columns-11 {
        grid-template-columns: repeat(11, 1fr);
    }

    .grid-display.columns-12 {
        grid-template-columns: repeat(12, 1fr);
    }

    .grid-display.columns-1 {
        grid-template-columns: auto;
    }

    .grid-display.columns-auto-2 {
        grid-template-columns: repeat(2, auto);
    }

    .grid-display.columns-auto-3 {
        grid-template-columns: repeat(3, auto);
    }

    .grid-display.columns-auto-4 {
        grid-template-columns: repeat(4, auto);
    }

    .grid-display.columns-auto-5 {
        grid-template-columns: repeat(5, auto);
    }

    .grid-display.columns-auto-6 {
        grid-template-columns: repeat(6, auto);
    }

    .grid-display.columns-auto-7 {
        grid-template-columns: repeat(7, auto);
    }

    .grid-display.columns-auto-8 {
        grid-template-columns: repeat(8, auto);
    }

    .grid-display.columns-auto-9 {
        grid-template-columns: repeat(9, auto);
    }

    .grid-display.columns-auto-10 {
        grid-template-columns: repeat(10, auto);
    }

    .grid-display.columns-auto-11 {
        grid-template-columns: repeat(11, auto);
    }

    .grid-display.columns-auto-12 {
        grid-template-columns: repeat(12, auto);
    }


    .grid-display > * {
        grid-column: auto auto;
    }

    .grid-display > .col-1 {
        grid-column-start: 1;
    }

    .grid-display > .col-2 {
        grid-column-start: 2;
    }

    .grid-display > .col-3 {
        grid-column-start: 3;
    }

    .grid-display > .col-4 {
        grid-column-start: 4;
    }

    .grid-display > .col-5 {
        grid-column-start: 5;
    }

    .grid-display > .col-6 {
        grid-column-start: 6;
    }

    .grid-display > .col-7 {
        grid-column-start: 7;
    }

    .grid-display > .col-8 {
        grid-column-start: 8;
    }

    .grid-display > .col-9 {
        grid-column-start: 9;
    }

    .grid-display > .col-10 {
        grid-column-start: 10;
    }

    .grid-display > .col-11 {
        grid-column-start: 11;
    }

    .grid-display > .col-12 {
        grid-column-start: 12;
    }

    .grid-display > .span-1 {
        grid-column-end: span 1;
    }

    .grid-display > .span-2 {
        grid-column-end: span 2;
    }

    .grid-display > .span-3 {
        grid-column-end: span 3;
    }

    .grid-display > .span-4 {
        grid-column-end: span 4;
    }

    .grid-display > .span-5 {
        grid-column-end: span 5;
    }

    .grid-display > .span-6 {
        grid-column-end: span 6;
    }

    .grid-display > .span-7 {
        grid-column-end: span 7;
    }

    .grid-display > .span-8 {
        grid-column-end: span 8;
    }

    .grid-display > .span-9 {
        grid-column-end: span 9;
    }

    .grid-display > .span-10 {
        grid-column-end: span 10;
    }

    .grid-display > .span-11 {
        grid-column-end: span 11;
    }

    .grid-display > .span-12 {
        grid-column-end: span 12;
    }

    .grid-display > .row-1 {
        grid-row-start: 1;
    }

    .grid-display > .row-2 {
        grid-row-start: 2;
    }

    .grid-display > .row-3 {
        grid-row-start: 3;
    }

    .grid-display > .row-4 {
        grid-row-start: 4;
    }

    .grid-display > .row-5 {
        grid-row-start: 5;
    }

    .grid-display > .row-6 {
        grid-row-start: 6;
    }

    .grid-display > .row-7 {
        grid-row-start: 7;
    }

    .grid-display > .row-8 {
        grid-row-start: 8;
    }

    .grid-display > .row-9 {
        grid-row-start: 9;
    }

    .grid-display > .row-10 {
        grid-row-start: 10;
    }

    .grid-display > .row-11 {
        grid-row-start: 11;
    }

    .grid-display > .row-12 {
        grid-row-start: 12;
    }

    .grid-display > .row-13 {
        grid-row-start: 13;
    }

    .grid-display > .row-14 {
        grid-row-start: 14;
    }

    .grid-display > .row-span-1 {
        grid-row-end: span 1;
    }

    .grid-display > .row-span-2 {
        grid-row-end: span 2;
    }

    .grid-display > .row-span-3 {
        grid-row-end: span 3;
    }

    .grid-display > .row-span-4 {
        grid-row-end: span 4;
    }

    .grid-display > .row-span-5 {
        grid-row-end: span 5;
    }

    .grid-display > .row-span-6 {
        grid-row-end: span 6;
    }

    .grid-display > .row-span-7 {
        grid-row-end: span 7;
    }

    .grid-display > .row-span-8 {
        grid-row-end: span 8;
    }

    .grid-display > .row-span-9 {
        grid-row-end: span 9;
    }

    .grid-display > .row-span-10 {
        grid-row-end: span 10;
    }

    .grid-display > .row-span-11 {
        grid-row-end: span 11;
    }

    .grid-display > .row-span-12 {
        grid-row-end: span 12;
    }

    .grid-display.grid-3 {
        grid-template-columns: repeat(3, 1fr);
    }

        .grid-display.grid-3.min-col-226 {
            grid-template-columns: repeat(3, minmax(226px, 1fr));
        }

.bold{
    font-weight: bold;
}
/* parte specifica di wfConvocazioni*/
#wfConvocazioni-tabGenerale-grid {
    width: 100%;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto;
    gap: 4px;
    place-items: stretch;
    place-content: stretch;
}

    #wfConvocazioni-tabGenerale-grid > .wfConvocazioni-tabGenerale-col-1 {
        display: grid;
        grid-template-columns: calc(50% - 4px) 50%;
        grid-template-rows: auto auto;
        gap: 4px;
        place-items: stretch;
        place-content: stretch;
    }

    #wfConvocazioni-tabGenerale-grid > .wfConvocazioni-tabGenerale-col-2 {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto auto;
        place-items: stretch;
        place-content: stretch;
        gap: 4px;
    }

.wfConvocazioni-pnlSangueToDisable {
    box-sizing: border-box;
    margin: 4px;
    width: 100%;
    display: grid;
    grid-template-columns: calc(25% - 4px) calc(25% - 4px) calc(25% - 4px) calc(25% - 8px);
    grid-template-rows: auto auto auto auto;
    gap: 4px;
    place-items: stretch;
    place-content: stretch;
}

    .wfConvocazioni-pnlSangueToDisable > .pnlCal > .pnlCal-body {
        max-height: 300px;
        overflow-y: auto;
    }

#wfConvocazioni-tabDonazioneConvocazione {
    box-sizing: border-box;
    width: 100%;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
    gap: 4px;
    place-items: stretch;
    place-content: stretch;
}

.wfConvocazioni-pnlConvocazioniAppuntamentiToDisable {
    box-sizing: border-box;
    width: 100%;
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto auto;
    gap: 4px;
    place-items: stretch;
    place-content: stretch;
}

.grid-risultati-convocazioni-benemerenza > * {
    flex: 0 1 calc(100% - 4px)
}

@media screen and (max-width: 768px) {
    .bottoniera-left * {
        font-size: 1.2em;
    }

    .ModalBackground {
        position: absolute;
        top: 50%;
        right: 50%;
        background-color: #ffffff;
        resize: none;
        overflow: auto;
        width: 95%;
        height: 95%;
        font-size: 1.2em;
    }

    .ModalBackgroundContainer {
        height: calc(100% - 38px);
    }

    .ModalBackgroundFooter > * {
        font-size: 1.1em;
    }

    .VerticalFormDiv > .FormItem > .InLineFormItems {
        display: flex;
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

        .FormLabel,
        .FormItem,
        .InLineFormItems .FormLabel,
        .InLineFormItems .FormItem,
        .InLineFormItems .FormLabel:not(:nth-child(1)),
        .InLineFormItems .FormItem:not(:nth-child(1)),
        .VerticalFormDiv > .FormItem > .InLineFormItems > .FormLabel,
        .VerticalFormDiv > .FormItem > .InLineFormItems > .FormItem {
            width: 100%;
            text-align: left;
            padding-left: 8px;
            margin-right: 0px;
            margin-left: 0px;
            display: block;
        }

            .FormLabel,
            .InLineFormItems .FormLabel,
            .InLineFormItems .FormLabel:not(:nth-child(1)),
            .VerticalFormDiv > .FormItem > .InLineFormItems > .FormLabel {
                padding-top: 8px;
            }


        .VerticalFormDiv > .FormItem > .InLineFormItems > .FormLabel,
        .VerticalFormDiv > .FormItem > .InLineFormItems > .FormItem {
            padding-left: 0px;
        }

        .VerticalFormDiv > .FormItem > .InLineFormItems > .FormLabel {
            padding-top: 8px;
        }

    .SectionTitleBar > .SectionFooter > :nth-child(1) {
        margin-left: 0px;
    }

    .SectionTitleBar > .SectionFooter,
    .SectionFooter {
        float: left;
        padding: 8px;
    }

        .SectionFooter > * {
            font-size: 1.1em;
        }

    .VerticalFormDiv {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
    }

        .VerticalFormDiv > .FormLabel {
            width: 100%;
            float: left;
            flex: auto;
            display: block;
            padding-top: 8px;
        }

        .VerticalFormDiv > .FormItem {
            width: 100%;
            float: left;
            flex: auto;
            margin-right: 0px;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-items: flex-start;
        }

            .VerticalFormDiv > .FormItem > * {
                flex: auto;
                margin-right: 0px;
            }

            .VerticalFormDiv > .FormItem input[type="checkbox"] {
                margin-left: 0px;
            }

            .VerticalFormDiv > .FormItem > *:last-child {
                margin-right: 0px;
            }

        .VerticalFormDiv > .FormBottoniera {
            width: inherit;
            vertical-align: inherit;
            float: inherit;
            flex: auto;
            display: inline-block;
            padding-left: 8px;
            margin-top: 8px;
        }

            .VerticalFormDiv > .FormBottoniera > * {
                font-size: 1.1em;
            }

        .VerticalFormDiv > *:last-child {
            margin-right: 0px;
        }

    .FormLabel.checkbox {
        display: none;
    }

    .FormItem.checkbox {
        padding-top: 8px;
    }

    /* parte specifica di wfConvocazioni*/
    #wfConvocazioni-tabGenerale-grid {
        width: 100%;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto auto;
        gap: 4px;
        place-items: stretch;
        place-content: stretch;
    }

        #wfConvocazioni-tabGenerale-grid > .wfConvocazioni-tabGenerale-col-1 {
            display: grid;
            grid-template-columns: 100%;
            grid-template-rows: auto auto auto auto;
            gap: 4px;
            place-items: stretch;
            place-content: stretch;
        }

        #wfConvocazioni-tabGenerale-grid > .wfConvocazioni-tabGenerale-col-2 {
            display: grid;
            grid-template-columns: 100%;
            grid-template-rows: auto auto;
            place-items: stretch;
            place-content: stretch;
            gap: 4px;
        }

    .wfConvocazioni-pnlSangueToDisable {
        box-sizing: border-box;
        margin: 4px;
        width: 100%;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto auto auto auto;
        gap: 4px;
        place-items: stretch;
        place-content: stretch;
    }

        .wfConvocazioni-pnlSangueToDisable > .pnlCal > .pnlCal-body {
            max-height: inherit;
            overflow-y: initial;
        }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    #pnlLogin, #pnlCambioPassword, #pnlPINCode {
        width: 50%;
    }

    .ModalBackground {
        width: 75%;
        height: 90vh;
    }

    /* parte specifica di wfConvocazioni*/
    #wfConvocazioni-tabGenerale-grid {
        width: 100%;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto auto;
        gap: 4px;
        place-items: stretch;
        place-content: stretch;
    }

        #wfConvocazioni-tabGenerale-grid > .wfConvocazioni-tabGenerale-col-1 {
            display: grid;
            grid-template-columns: calc(50% - 4px) 50%;
            grid-template-rows: auto auto;
            gap: 4px;
            place-items: stretch;
            place-content: stretch;
        }

        #wfConvocazioni-tabGenerale-grid > .wfConvocazioni-tabGenerale-col-2 {
            display: grid;
            grid-template-columns: 100%;
            grid-template-rows: auto auto;
            place-items: stretch;
            place-content: stretch;
            gap: 4px;
        }

    .wfConvocazioni-pnlSangueToDisable {
        box-sizing: border-box;
        margin: 4px;
        width: 100%;
        display: grid;
        grid-template-columns: calc(50% - 4px) calc(50% - 8px);
        grid-template-rows: auto auto auto auto;
        gap: 4px;
        place-items: stretch;
        place-content: stretch;
    }

        .wfConvocazioni-pnlSangueToDisable > .pnlCal > .pnlCal-body {
            max-height: inherit;
            overflow-y: initial;
        }
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
    #pnlLogin, #pnlCambioPassword, #pnlPINCode {
        width: 33%;
    }

    .ModalBackground {
        width: 75%;
        height: 90vh;
    }

    /* parte specifica di wfConvocazioni*/
    #wfConvocazioni-tabGenerale-grid {
        width: 100%;
        display: grid;
        grid-template-columns: calc(50% - 4px) 50%;
        grid-template-rows: auto auto;
        gap: 4px;
        place-items: stretch;
        place-content: stretch;
    }

        #wfConvocazioni-tabGenerale-grid > .wfConvocazioni-tabGenerale-col-1 {
            display: grid;
            grid-template-columns: 100%;
            grid-template-rows: auto auto auto auto;
            gap: 4px;
            place-items: stretch;
            place-content: stretch;
        }

        #wfConvocazioni-tabGenerale-grid > .wfConvocazioni-tabGenerale-col-2 {
            display: grid;
            grid-template-columns: 100%;
            grid-template-rows: auto auto;
            place-items: stretch;
            place-content: stretch;
            gap: 4px;
        }
}

@media screen and (min-width: 1201px) {
    #pnlLogin, #pnlCambioPassword, #pnlPINCode {
        width: 25%;
    }

    .masterAccessibleContentArea {
        padding: 3px calc(5%) 5px calc(5%);
    }

    .carosello {
        right: 10px;
    }

    .ModalBackground {
        width: 75%;
        height: 50vh;
    }

    #wfConvocazioni-tabDonazioneConvocazione {
        grid-template-columns: 34% calc(66% - 4px);
    }
}

@media screen and (min-width: 1660px) {
    .grid-risultati-convocazioni-benemerenza > * {
        flex: 0 1 calc(50% - 4px)
    }
}

/* classi per gestione margin, padding, width e height*/
.ml-25-p {
    margin-left: calc(25%);
}

.pl-25-p {
    padding-left: calc(25%);
}



.mt-0 {
    margin-top: 0px !important;
}

.mt-4 {
    margin-top: 4px !important;
}

.mt-8 {
    margin-top: 8px !important;
}

.mt-12 {
    margin-top: 12px !important;
}

.mt-16 {
    margin-top: 16px !important;
}

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

.mt-24 {
    margin-top: 24px !important;
}

.mt-28 {
    margin-top: 28px !important;
}

.mt-32 {
    margin-top: 32px !important;
}

.mt-36 {
    margin-top: 36px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-44 {
    margin-top: 44px !important;
}

.mt-48 {
    margin-top: 48px !important;
}

.mt-52 {
    margin-top: 52px !important;
}

.mt-56 {
    margin-top: 56px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mt-64 {
    margin-top: 64px !important;
}

.mt-68 {
    margin-top: 68px !important;
}

.mt-72 {
    margin-top: 72px !important;
}

.mt-76 {
    margin-top: 76px !important;
}

.mt-80 {
    margin-top: 80px !important;
}

.mt-84 {
    margin-top: 84px !important;
}

.mt-88 {
    margin-top: 88px !important;
}

.mt-92 {
    margin-top: 92px !important;
}

.mt-96 {
    margin-top: 96px !important;
}

.mt-100 {
    margin-top: 100px !important;
}

.mt-104 {
    margin-top: 104px !important;
}

.mt-108 {
    margin-top: 108px !important;
}

.mt-112 {
    margin-top: 112px !important;
}

.mt-116 {
    margin-top: 116px !important;
}

.mt-120 {
    margin-top: 120px !important;
}

.mt-124 {
    margin-top: 124px !important;
}

.mt-128 {
    margin-top: 128px !important;
}

.mt-132 {
    margin-top: 132px !important;
}

.mt-136 {
    margin-top: 136px !important;
}

.mt-140 {
    margin-top: 140px !important;
}

.mt-144 {
    margin-top: 144px !important;
}

.mt-148 {
    margin-top: 148px !important;
}

.mt-152 {
    margin-top: 152px !important;
}

.mt-156 {
    margin-top: 156px !important;
}

.mt-160 {
    margin-top: 160px !important;
}

.mt-164 {
    margin-top: 164px !important;
}

.mt-168 {
    margin-top: 168px !important;
}

.mt-172 {
    margin-top: 172px !important;
}

.mt-176 {
    margin-top: 176px !important;
}

.mt-180 {
    margin-top: 180px !important;
}

.mt-184 {
    margin-top: 184px !important;
}

.mt-188 {
    margin-top: 188px !important;
}

.mt-192 {
    margin-top: 192px !important;
}

.mt-196 {
    margin-top: 196px !important;
}

.mt-200 {
    margin-top: 200px !important;
}

.mt-204 {
    margin-top: 204px !important;
}

.mt-208 {
    margin-top: 208px !important;
}

.mt-212 {
    margin-top: 212px !important;
}

.mt-216 {
    margin-top: 216px !important;
}

.mt-220 {
    margin-top: 220px !important;
}

.mt-224 {
    margin-top: 224px !important;
}

.mt-228 {
    margin-top: 228px !important;
}

.mt-232 {
    margin-top: 232px !important;
}

.mt-236 {
    margin-top: 236px !important;
}

.mt-240 {
    margin-top: 240px !important;
}

.mt-244 {
    margin-top: 244px !important;
}

.mt-248 {
    margin-top: 248px !important;
}

.mt-252 {
    margin-top: 252px !important;
}

.mt-256 {
    margin-top: 256px !important;
}

.mt-260 {
    margin-top: 260px !important;
}

.mt-264 {
    margin-top: 264px !important;
}

.mt-268 {
    margin-top: 268px !important;
}

.mt-272 {
    margin-top: 272px !important;
}

.mt-276 {
    margin-top: 276px !important;
}

.mt-280 {
    margin-top: 280px !important;
}

.mt-284 {
    margin-top: 284px !important;
}

.mt-288 {
    margin-top: 288px !important;
}

.mt-292 {
    margin-top: 292px !important;
}

.mt-296 {
    margin-top: 296px !important;
}

.mt-300 {
    margin-top: 300px !important;
}

.mt-304 {
    margin-top: 304px !important;
}

.mt-308 {
    margin-top: 308px !important;
}

.mt-312 {
    margin-top: 312px !important;
}

.mt-316 {
    margin-top: 316px !important;
}

.mt-320 {
    margin-top: 320px !important;
}

.mt-324 {
    margin-top: 324px !important;
}

.mt-328 {
    margin-top: 328px !important;
}

.mt-332 {
    margin-top: 332px !important;
}

.mt-336 {
    margin-top: 336px !important;
}

.mt-340 {
    margin-top: 340px !important;
}

.mt-344 {
    margin-top: 344px !important;
}

.mt-348 {
    margin-top: 348px !important;
}

.mt-352 {
    margin-top: 352px !important;
}

.mt-356 {
    margin-top: 356px !important;
}

.mt-360 {
    margin-top: 360px !important;
}

.mt-364 {
    margin-top: 364px !important;
}

.mt-368 {
    margin-top: 368px !important;
}

.mt-372 {
    margin-top: 372px !important;
}

.mt-376 {
    margin-top: 376px !important;
}

.mt-380 {
    margin-top: 380px !important;
}

.mt-384 {
    margin-top: 384px !important;
}

.mt-388 {
    margin-top: 388px !important;
}

.mt-392 {
    margin-top: 392px !important;
}

.mt-396 {
    margin-top: 396px !important;
}

.mt-400 {
    margin-top: 400px !important;
}

.mt-404 {
    margin-top: 404px !important;
}

.mt-408 {
    margin-top: 408px !important;
}

.mt-412 {
    margin-top: 412px !important;
}

.mt-416 {
    margin-top: 416px !important;
}

.mt-420 {
    margin-top: 420px !important;
}

.mt-424 {
    margin-top: 424px !important;
}

.mt-428 {
    margin-top: 428px !important;
}

.mt-432 {
    margin-top: 432px !important;
}

.mt-436 {
    margin-top: 436px !important;
}

.mt-440 {
    margin-top: 440px !important;
}

.mt-444 {
    margin-top: 444px !important;
}

.mt-448 {
    margin-top: 448px !important;
}

.mt-452 {
    margin-top: 452px !important;
}

.mt-456 {
    margin-top: 456px !important;
}

.mt-460 {
    margin-top: 460px !important;
}

.mt-464 {
    margin-top: 464px !important;
}

.mt-468 {
    margin-top: 468px !important;
}

.mt-472 {
    margin-top: 472px !important;
}

.mt-476 {
    margin-top: 476px !important;
}

.mt-480 {
    margin-top: 480px !important;
}

.mt-484 {
    margin-top: 484px !important;
}

.mt-488 {
    margin-top: 488px !important;
}

.mt-492 {
    margin-top: 492px !important;
}

.mt-496 {
    margin-top: 496px !important;
}

.mt-500 {
    margin-top: 500px !important;
}

.mt-504 {
    margin-top: 504px !important;
}

.mt-508 {
    margin-top: 508px !important;
}

.mt-512 {
    margin-top: 512px !important;
}

.mt-516 {
    margin-top: 516px !important;
}

.mt-520 {
    margin-top: 520px !important;
}

.mt-524 {
    margin-top: 524px !important;
}

.mt-528 {
    margin-top: 528px !important;
}

.mt-532 {
    margin-top: 532px !important;
}

.mt-536 {
    margin-top: 536px !important;
}

.mt-540 {
    margin-top: 540px !important;
}

.mt-544 {
    margin-top: 544px !important;
}

.mt-548 {
    margin-top: 548px !important;
}

.mt-552 {
    margin-top: 552px !important;
}

.mt-556 {
    margin-top: 556px !important;
}

.mt-560 {
    margin-top: 560px !important;
}

.mt-564 {
    margin-top: 564px !important;
}

.mt-568 {
    margin-top: 568px !important;
}

.mt-572 {
    margin-top: 572px !important;
}

.mt-576 {
    margin-top: 576px !important;
}

.mt-580 {
    margin-top: 580px !important;
}

.mt-584 {
    margin-top: 584px !important;
}

.mt-588 {
    margin-top: 588px !important;
}

.mt-592 {
    margin-top: 592px !important;
}

.mt-596 {
    margin-top: 596px !important;
}

.mt-600 {
    margin-top: 600px !important;
}

.mt-604 {
    margin-top: 604px !important;
}

.mt-608 {
    margin-top: 608px !important;
}

.mt-612 {
    margin-top: 612px !important;
}

.mt-616 {
    margin-top: 616px !important;
}

.mt-620 {
    margin-top: 620px !important;
}

.mt-624 {
    margin-top: 624px !important;
}

.mt-628 {
    margin-top: 628px !important;
}

.mt-632 {
    margin-top: 632px !important;
}

.mt-636 {
    margin-top: 636px !important;
}

.mt-640 {
    margin-top: 640px !important;
}

.mt-644 {
    margin-top: 644px !important;
}

.mt-648 {
    margin-top: 648px !important;
}

.mt-652 {
    margin-top: 652px !important;
}

.mt-656 {
    margin-top: 656px !important;
}

.mt-660 {
    margin-top: 660px !important;
}

.mt-664 {
    margin-top: 664px !important;
}

.mt-668 {
    margin-top: 668px !important;
}

.mt-672 {
    margin-top: 672px !important;
}

.mt-676 {
    margin-top: 676px !important;
}

.mt-680 {
    margin-top: 680px !important;
}

.mt-684 {
    margin-top: 684px !important;
}

.mt-688 {
    margin-top: 688px !important;
}

.mt-692 {
    margin-top: 692px !important;
}

.mt-696 {
    margin-top: 696px !important;
}

.mt-700 {
    margin-top: 700px !important;
}

.mt-704 {
    margin-top: 704px !important;
}

.mt-708 {
    margin-top: 708px !important;
}

.mt-712 {
    margin-top: 712px !important;
}

.mt-716 {
    margin-top: 716px !important;
}

.mt-720 {
    margin-top: 720px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-4 {
    margin-bottom: 4px !important;
}

.mb-8 {
    margin-bottom: 8px !important;
}

.mb-12 {
    margin-bottom: 12px !important;
}

.mb-16 {
    margin-bottom: 16px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-24 {
    margin-bottom: 24px !important;
}

.mb-28 {
    margin-bottom: 28px !important;
}

.mb-32 {
    margin-bottom: 32px !important;
}

.mb-36 {
    margin-bottom: 36px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-44 {
    margin-bottom: 44px !important;
}

.mb-48 {
    margin-bottom: 48px !important;
}

.mb-52 {
    margin-bottom: 52px !important;
}

.mb-56 {
    margin-bottom: 56px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mb-64 {
    margin-bottom: 64px !important;
}

.mb-68 {
    margin-bottom: 68px !important;
}

.mb-72 {
    margin-bottom: 72px !important;
}

.mb-76 {
    margin-bottom: 76px !important;
}

.mb-80 {
    margin-bottom: 80px !important;
}

.mb-84 {
    margin-bottom: 84px !important;
}

.mb-88 {
    margin-bottom: 88px !important;
}

.mb-92 {
    margin-bottom: 92px !important;
}

.mb-96 {
    margin-bottom: 96px !important;
}

.mb-100 {
    margin-bottom: 100px !important;
}

.mb-104 {
    margin-bottom: 104px !important;
}

.mb-108 {
    margin-bottom: 108px !important;
}

.mb-112 {
    margin-bottom: 112px !important;
}

.mb-116 {
    margin-bottom: 116px !important;
}

.mb-120 {
    margin-bottom: 120px !important;
}

.mb-124 {
    margin-bottom: 124px !important;
}

.mb-128 {
    margin-bottom: 128px !important;
}

.mb-132 {
    margin-bottom: 132px !important;
}

.mb-136 {
    margin-bottom: 136px !important;
}

.mb-140 {
    margin-bottom: 140px !important;
}

.mb-144 {
    margin-bottom: 144px !important;
}

.mb-148 {
    margin-bottom: 148px !important;
}

.mb-152 {
    margin-bottom: 152px !important;
}

.mb-156 {
    margin-bottom: 156px !important;
}

.mb-160 {
    margin-bottom: 160px !important;
}

.mb-164 {
    margin-bottom: 164px !important;
}

.mb-168 {
    margin-bottom: 168px !important;
}

.mb-172 {
    margin-bottom: 172px !important;
}

.mb-176 {
    margin-bottom: 176px !important;
}

.mb-180 {
    margin-bottom: 180px !important;
}

.mb-184 {
    margin-bottom: 184px !important;
}

.mb-188 {
    margin-bottom: 188px !important;
}

.mb-192 {
    margin-bottom: 192px !important;
}

.mb-196 {
    margin-bottom: 196px !important;
}

.mb-200 {
    margin-bottom: 200px !important;
}

.mb-204 {
    margin-bottom: 204px !important;
}

.mb-208 {
    margin-bottom: 208px !important;
}

.mb-212 {
    margin-bottom: 212px !important;
}

.mb-216 {
    margin-bottom: 216px !important;
}

.mb-220 {
    margin-bottom: 220px !important;
}

.mb-224 {
    margin-bottom: 224px !important;
}

.mb-228 {
    margin-bottom: 228px !important;
}

.mb-232 {
    margin-bottom: 232px !important;
}

.mb-236 {
    margin-bottom: 236px !important;
}

.mb-240 {
    margin-bottom: 240px !important;
}

.mb-244 {
    margin-bottom: 244px !important;
}

.mb-248 {
    margin-bottom: 248px !important;
}

.mb-252 {
    margin-bottom: 252px !important;
}

.mb-256 {
    margin-bottom: 256px !important;
}

.mb-260 {
    margin-bottom: 260px !important;
}

.mb-264 {
    margin-bottom: 264px !important;
}

.mb-268 {
    margin-bottom: 268px !important;
}

.mb-272 {
    margin-bottom: 272px !important;
}

.mb-276 {
    margin-bottom: 276px !important;
}

.mb-280 {
    margin-bottom: 280px !important;
}

.mb-284 {
    margin-bottom: 284px !important;
}

.mb-288 {
    margin-bottom: 288px !important;
}

.mb-292 {
    margin-bottom: 292px !important;
}

.mb-296 {
    margin-bottom: 296px !important;
}

.mb-300 {
    margin-bottom: 300px !important;
}

.mb-304 {
    margin-bottom: 304px !important;
}

.mb-308 {
    margin-bottom: 308px !important;
}

.mb-312 {
    margin-bottom: 312px !important;
}

.mb-316 {
    margin-bottom: 316px !important;
}

.mb-320 {
    margin-bottom: 320px !important;
}

.mb-324 {
    margin-bottom: 324px !important;
}

.mb-328 {
    margin-bottom: 328px !important;
}

.mb-332 {
    margin-bottom: 332px !important;
}

.mb-336 {
    margin-bottom: 336px !important;
}

.mb-340 {
    margin-bottom: 340px !important;
}

.mb-344 {
    margin-bottom: 344px !important;
}

.mb-348 {
    margin-bottom: 348px !important;
}

.mb-352 {
    margin-bottom: 352px !important;
}

.mb-356 {
    margin-bottom: 356px !important;
}

.mb-360 {
    margin-bottom: 360px !important;
}

.mb-364 {
    margin-bottom: 364px !important;
}

.mb-368 {
    margin-bottom: 368px !important;
}

.mb-372 {
    margin-bottom: 372px !important;
}

.mb-376 {
    margin-bottom: 376px !important;
}

.mb-380 {
    margin-bottom: 380px !important;
}

.mb-384 {
    margin-bottom: 384px !important;
}

.mb-388 {
    margin-bottom: 388px !important;
}

.mb-392 {
    margin-bottom: 392px !important;
}

.mb-396 {
    margin-bottom: 396px !important;
}

.mb-400 {
    margin-bottom: 400px !important;
}

.mb-404 {
    margin-bottom: 404px !important;
}

.mb-408 {
    margin-bottom: 408px !important;
}

.mb-412 {
    margin-bottom: 412px !important;
}

.mb-416 {
    margin-bottom: 416px !important;
}

.mb-420 {
    margin-bottom: 420px !important;
}

.mb-424 {
    margin-bottom: 424px !important;
}

.mb-428 {
    margin-bottom: 428px !important;
}

.mb-432 {
    margin-bottom: 432px !important;
}

.mb-436 {
    margin-bottom: 436px !important;
}

.mb-440 {
    margin-bottom: 440px !important;
}

.mb-444 {
    margin-bottom: 444px !important;
}

.mb-448 {
    margin-bottom: 448px !important;
}

.mb-452 {
    margin-bottom: 452px !important;
}

.mb-456 {
    margin-bottom: 456px !important;
}

.mb-460 {
    margin-bottom: 460px !important;
}

.mb-464 {
    margin-bottom: 464px !important;
}

.mb-468 {
    margin-bottom: 468px !important;
}

.mb-472 {
    margin-bottom: 472px !important;
}

.mb-476 {
    margin-bottom: 476px !important;
}

.mb-480 {
    margin-bottom: 480px !important;
}

.mb-484 {
    margin-bottom: 484px !important;
}

.mb-488 {
    margin-bottom: 488px !important;
}

.mb-492 {
    margin-bottom: 492px !important;
}

.mb-496 {
    margin-bottom: 496px !important;
}

.mb-500 {
    margin-bottom: 500px !important;
}

.mb-504 {
    margin-bottom: 504px !important;
}

.mb-508 {
    margin-bottom: 508px !important;
}

.mb-512 {
    margin-bottom: 512px !important;
}

.mb-516 {
    margin-bottom: 516px !important;
}

.mb-520 {
    margin-bottom: 520px !important;
}

.mb-524 {
    margin-bottom: 524px !important;
}

.mb-528 {
    margin-bottom: 528px !important;
}

.mb-532 {
    margin-bottom: 532px !important;
}

.mb-536 {
    margin-bottom: 536px !important;
}

.mb-540 {
    margin-bottom: 540px !important;
}

.mb-544 {
    margin-bottom: 544px !important;
}

.mb-548 {
    margin-bottom: 548px !important;
}

.mb-552 {
    margin-bottom: 552px !important;
}

.mb-556 {
    margin-bottom: 556px !important;
}

.mb-560 {
    margin-bottom: 560px !important;
}

.mb-564 {
    margin-bottom: 564px !important;
}

.mb-568 {
    margin-bottom: 568px !important;
}

.mb-572 {
    margin-bottom: 572px !important;
}

.mb-576 {
    margin-bottom: 576px !important;
}

.mb-580 {
    margin-bottom: 580px !important;
}

.mb-584 {
    margin-bottom: 584px !important;
}

.mb-588 {
    margin-bottom: 588px !important;
}

.mb-592 {
    margin-bottom: 592px !important;
}

.mb-596 {
    margin-bottom: 596px !important;
}

.mb-600 {
    margin-bottom: 600px !important;
}

.mb-604 {
    margin-bottom: 604px !important;
}

.mb-608 {
    margin-bottom: 608px !important;
}

.mb-612 {
    margin-bottom: 612px !important;
}

.mb-616 {
    margin-bottom: 616px !important;
}

.mb-620 {
    margin-bottom: 620px !important;
}

.mb-624 {
    margin-bottom: 624px !important;
}

.mb-628 {
    margin-bottom: 628px !important;
}

.mb-632 {
    margin-bottom: 632px !important;
}

.mb-636 {
    margin-bottom: 636px !important;
}

.mb-640 {
    margin-bottom: 640px !important;
}

.mb-644 {
    margin-bottom: 644px !important;
}

.mb-648 {
    margin-bottom: 648px !important;
}

.mb-652 {
    margin-bottom: 652px !important;
}

.mb-656 {
    margin-bottom: 656px !important;
}

.mb-660 {
    margin-bottom: 660px !important;
}

.mb-664 {
    margin-bottom: 664px !important;
}

.mb-668 {
    margin-bottom: 668px !important;
}

.mb-672 {
    margin-bottom: 672px !important;
}

.mb-676 {
    margin-bottom: 676px !important;
}

.mb-680 {
    margin-bottom: 680px !important;
}

.mb-684 {
    margin-bottom: 684px !important;
}

.mb-688 {
    margin-bottom: 688px !important;
}

.mb-692 {
    margin-bottom: 692px !important;
}

.mb-696 {
    margin-bottom: 696px !important;
}

.mb-700 {
    margin-bottom: 700px !important;
}

.mb-704 {
    margin-bottom: 704px !important;
}

.mb-708 {
    margin-bottom: 708px !important;
}

.mb-712 {
    margin-bottom: 712px !important;
}

.mb-716 {
    margin-bottom: 716px !important;
}

.mb-720 {
    margin-bottom: 720px !important;
}

.ml-0 {
    margin-left: 0px !important;
}

.ml-4 {
    margin-left: 4px !important;
}

.ml-8 {
    margin-left: 8px !important;
}

.ml-12 {
    margin-left: 12px !important;
}

.ml-16 {
    margin-left: 16px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-24 {
    margin-left: 24px !important;
}

.ml-28 {
    margin-left: 28px !important;
}

.ml-32 {
    margin-left: 32px !important;
}

.ml-36 {
    margin-left: 36px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.ml-44 {
    margin-left: 44px !important;
}

.ml-48 {
    margin-left: 48px !important;
}

.ml-52 {
    margin-left: 52px !important;
}

.ml-56 {
    margin-left: 56px !important;
}

.ml-60 {
    margin-left: 60px !important;
}

.ml-64 {
    margin-left: 64px !important;
}

.ml-68 {
    margin-left: 68px !important;
}

.ml-72 {
    margin-left: 72px !important;
}

.ml-76 {
    margin-left: 76px !important;
}

.ml-80 {
    margin-left: 80px !important;
}

.ml-84 {
    margin-left: 84px !important;
}

.ml-88 {
    margin-left: 88px !important;
}

.ml-92 {
    margin-left: 92px !important;
}

.ml-96 {
    margin-left: 96px !important;
}

.ml-100 {
    margin-left: 100px !important;
}

.ml-104 {
    margin-left: 104px !important;
}

.ml-108 {
    margin-left: 108px !important;
}

.ml-112 {
    margin-left: 112px !important;
}

.ml-116 {
    margin-left: 116px !important;
}

.ml-120 {
    margin-left: 120px !important;
}

.ml-124 {
    margin-left: 124px !important;
}

.ml-128 {
    margin-left: 128px !important;
}

.ml-132 {
    margin-left: 132px !important;
}

.ml-136 {
    margin-left: 136px !important;
}

.ml-140 {
    margin-left: 140px !important;
}

.ml-144 {
    margin-left: 144px !important;
}

.ml-148 {
    margin-left: 148px !important;
}

.ml-152 {
    margin-left: 152px !important;
}

.ml-156 {
    margin-left: 156px !important;
}

.ml-160 {
    margin-left: 160px !important;
}

.ml-164 {
    margin-left: 164px !important;
}

.ml-168 {
    margin-left: 168px !important;
}

.ml-172 {
    margin-left: 172px !important;
}

.ml-176 {
    margin-left: 176px !important;
}

.ml-180 {
    margin-left: 180px !important;
}

.ml-184 {
    margin-left: 184px !important;
}

.ml-188 {
    margin-left: 188px !important;
}

.ml-192 {
    margin-left: 192px !important;
}

.ml-196 {
    margin-left: 196px !important;
}

.ml-200 {
    margin-left: 200px !important;
}

.ml-204 {
    margin-left: 204px !important;
}

.ml-208 {
    margin-left: 208px !important;
}

.ml-212 {
    margin-left: 212px !important;
}

.ml-216 {
    margin-left: 216px !important;
}

.ml-220 {
    margin-left: 220px !important;
}

.ml-224 {
    margin-left: 224px !important;
}

.ml-228 {
    margin-left: 228px !important;
}

.ml-232 {
    margin-left: 232px !important;
}

.ml-236 {
    margin-left: 236px !important;
}

.ml-240 {
    margin-left: 240px !important;
}

.ml-244 {
    margin-left: 244px !important;
}

.ml-248 {
    margin-left: 248px !important;
}

.ml-252 {
    margin-left: 252px !important;
}

.ml-256 {
    margin-left: 256px !important;
}

.ml-260 {
    margin-left: 260px !important;
}

.ml-264 {
    margin-left: 264px !important;
}

.ml-268 {
    margin-left: 268px !important;
}

.ml-272 {
    margin-left: 272px !important;
}

.ml-276 {
    margin-left: 276px !important;
}

.ml-280 {
    margin-left: 280px !important;
}

.ml-284 {
    margin-left: 284px !important;
}

.ml-288 {
    margin-left: 288px !important;
}

.ml-292 {
    margin-left: 292px !important;
}

.ml-296 {
    margin-left: 296px !important;
}

.ml-300 {
    margin-left: 300px !important;
}

.ml-304 {
    margin-left: 304px !important;
}

.ml-308 {
    margin-left: 308px !important;
}

.ml-312 {
    margin-left: 312px !important;
}

.ml-316 {
    margin-left: 316px !important;
}

.ml-320 {
    margin-left: 320px !important;
}

.ml-324 {
    margin-left: 324px !important;
}

.ml-328 {
    margin-left: 328px !important;
}

.ml-332 {
    margin-left: 332px !important;
}

.ml-336 {
    margin-left: 336px !important;
}

.ml-340 {
    margin-left: 340px !important;
}

.ml-344 {
    margin-left: 344px !important;
}

.ml-348 {
    margin-left: 348px !important;
}

.ml-352 {
    margin-left: 352px !important;
}

.ml-356 {
    margin-left: 356px !important;
}

.ml-360 {
    margin-left: 360px !important;
}

.ml-364 {
    margin-left: 364px !important;
}

.ml-368 {
    margin-left: 368px !important;
}

.ml-372 {
    margin-left: 372px !important;
}

.ml-376 {
    margin-left: 376px !important;
}

.ml-380 {
    margin-left: 380px !important;
}

.ml-384 {
    margin-left: 384px !important;
}

.ml-388 {
    margin-left: 388px !important;
}

.ml-392 {
    margin-left: 392px !important;
}

.ml-396 {
    margin-left: 396px !important;
}

.ml-400 {
    margin-left: 400px !important;
}

.ml-404 {
    margin-left: 404px !important;
}

.ml-408 {
    margin-left: 408px !important;
}

.ml-412 {
    margin-left: 412px !important;
}

.ml-416 {
    margin-left: 416px !important;
}

.ml-420 {
    margin-left: 420px !important;
}

.ml-424 {
    margin-left: 424px !important;
}

.ml-428 {
    margin-left: 428px !important;
}

.ml-432 {
    margin-left: 432px !important;
}

.ml-436 {
    margin-left: 436px !important;
}

.ml-440 {
    margin-left: 440px !important;
}

.ml-444 {
    margin-left: 444px !important;
}

.ml-448 {
    margin-left: 448px !important;
}

.ml-452 {
    margin-left: 452px !important;
}

.ml-456 {
    margin-left: 456px !important;
}

.ml-460 {
    margin-left: 460px !important;
}

.ml-464 {
    margin-left: 464px !important;
}

.ml-468 {
    margin-left: 468px !important;
}

.ml-472 {
    margin-left: 472px !important;
}

.ml-476 {
    margin-left: 476px !important;
}

.ml-480 {
    margin-left: 480px !important;
}

.ml-484 {
    margin-left: 484px !important;
}

.ml-488 {
    margin-left: 488px !important;
}

.ml-492 {
    margin-left: 492px !important;
}

.ml-496 {
    margin-left: 496px !important;
}

.ml-500 {
    margin-left: 500px !important;
}

.ml-504 {
    margin-left: 504px !important;
}

.ml-508 {
    margin-left: 508px !important;
}

.ml-512 {
    margin-left: 512px !important;
}

.ml-516 {
    margin-left: 516px !important;
}

.ml-520 {
    margin-left: 520px !important;
}

.ml-524 {
    margin-left: 524px !important;
}

.ml-528 {
    margin-left: 528px !important;
}

.ml-532 {
    margin-left: 532px !important;
}

.ml-536 {
    margin-left: 536px !important;
}

.ml-540 {
    margin-left: 540px !important;
}

.ml-544 {
    margin-left: 544px !important;
}

.ml-548 {
    margin-left: 548px !important;
}

.ml-552 {
    margin-left: 552px !important;
}

.ml-556 {
    margin-left: 556px !important;
}

.ml-560 {
    margin-left: 560px !important;
}

.ml-564 {
    margin-left: 564px !important;
}

.ml-568 {
    margin-left: 568px !important;
}

.ml-572 {
    margin-left: 572px !important;
}

.ml-576 {
    margin-left: 576px !important;
}

.ml-580 {
    margin-left: 580px !important;
}

.ml-584 {
    margin-left: 584px !important;
}

.ml-588 {
    margin-left: 588px !important;
}

.ml-592 {
    margin-left: 592px !important;
}

.ml-596 {
    margin-left: 596px !important;
}

.ml-600 {
    margin-left: 600px !important;
}

.ml-604 {
    margin-left: 604px !important;
}

.ml-608 {
    margin-left: 608px !important;
}

.ml-612 {
    margin-left: 612px !important;
}

.ml-616 {
    margin-left: 616px !important;
}

.ml-620 {
    margin-left: 620px !important;
}

.ml-624 {
    margin-left: 624px !important;
}

.ml-628 {
    margin-left: 628px !important;
}

.ml-632 {
    margin-left: 632px !important;
}

.ml-636 {
    margin-left: 636px !important;
}

.ml-640 {
    margin-left: 640px !important;
}

.ml-644 {
    margin-left: 644px !important;
}

.ml-648 {
    margin-left: 648px !important;
}

.ml-652 {
    margin-left: 652px !important;
}

.ml-656 {
    margin-left: 656px !important;
}

.ml-660 {
    margin-left: 660px !important;
}

.ml-664 {
    margin-left: 664px !important;
}

.ml-668 {
    margin-left: 668px !important;
}

.ml-672 {
    margin-left: 672px !important;
}

.ml-676 {
    margin-left: 676px !important;
}

.ml-680 {
    margin-left: 680px !important;
}

.ml-684 {
    margin-left: 684px !important;
}

.ml-688 {
    margin-left: 688px !important;
}

.ml-692 {
    margin-left: 692px !important;
}

.ml-696 {
    margin-left: 696px !important;
}

.ml-700 {
    margin-left: 700px !important;
}

.ml-704 {
    margin-left: 704px !important;
}

.ml-708 {
    margin-left: 708px !important;
}

.ml-712 {
    margin-left: 712px !important;
}

.ml-716 {
    margin-left: 716px !important;
}

.ml-720 {
    margin-left: 720px !important;
}

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

.mr-4 {
    margin-right: 4px !important;
}

.mr-8 {
    margin-right: 8px !important;
}

.mr-12 {
    margin-right: 12px !important;
}

.mr-16 {
    margin-right: 16px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-24 {
    margin-right: 24px !important;
}

.mr-28 {
    margin-right: 28px !important;
}

.mr-32 {
    margin-right: 32px !important;
}

.mr-36 {
    margin-right: 36px !important;
}

.mr-40 {
    margin-right: 40px !important;
}

.mr-44 {
    margin-right: 44px !important;
}

.mr-48 {
    margin-right: 48px !important;
}

.mr-52 {
    margin-right: 52px !important;
}

.mr-56 {
    margin-right: 56px !important;
}

.mr-60 {
    margin-right: 60px !important;
}

.mr-64 {
    margin-right: 64px !important;
}

.mr-68 {
    margin-right: 68px !important;
}

.mr-72 {
    margin-right: 72px !important;
}

.mr-76 {
    margin-right: 76px !important;
}

.mr-80 {
    margin-right: 80px !important;
}

.mr-84 {
    margin-right: 84px !important;
}

.mr-88 {
    margin-right: 88px !important;
}

.mr-92 {
    margin-right: 92px !important;
}

.mr-96 {
    margin-right: 96px !important;
}

.mr-100 {
    margin-right: 100px !important;
}

.mr-104 {
    margin-right: 104px !important;
}

.mr-108 {
    margin-right: 108px !important;
}

.mr-112 {
    margin-right: 112px !important;
}

.mr-116 {
    margin-right: 116px !important;
}

.mr-120 {
    margin-right: 120px !important;
}

.mr-124 {
    margin-right: 124px !important;
}

.mr-128 {
    margin-right: 128px !important;
}

.mr-132 {
    margin-right: 132px !important;
}

.mr-136 {
    margin-right: 136px !important;
}

.mr-140 {
    margin-right: 140px !important;
}

.mr-144 {
    margin-right: 144px !important;
}

.mr-148 {
    margin-right: 148px !important;
}

.mr-152 {
    margin-right: 152px !important;
}

.mr-156 {
    margin-right: 156px !important;
}

.mr-160 {
    margin-right: 160px !important;
}

.mr-164 {
    margin-right: 164px !important;
}

.mr-168 {
    margin-right: 168px !important;
}

.mr-172 {
    margin-right: 172px !important;
}

.mr-176 {
    margin-right: 176px !important;
}

.mr-180 {
    margin-right: 180px !important;
}

.mr-184 {
    margin-right: 184px !important;
}

.mr-188 {
    margin-right: 188px !important;
}

.mr-192 {
    margin-right: 192px !important;
}

.mr-196 {
    margin-right: 196px !important;
}

.mr-200 {
    margin-right: 200px !important;
}

.mr-204 {
    margin-right: 204px !important;
}

.mr-208 {
    margin-right: 208px !important;
}

.mr-212 {
    margin-right: 212px !important;
}

.mr-216 {
    margin-right: 216px !important;
}

.mr-220 {
    margin-right: 220px !important;
}

.mr-224 {
    margin-right: 224px !important;
}

.mr-228 {
    margin-right: 228px !important;
}

.mr-232 {
    margin-right: 232px !important;
}

.mr-236 {
    margin-right: 236px !important;
}

.mr-240 {
    margin-right: 240px !important;
}

.mr-244 {
    margin-right: 244px !important;
}

.mr-248 {
    margin-right: 248px !important;
}

.mr-252 {
    margin-right: 252px !important;
}

.mr-256 {
    margin-right: 256px !important;
}

.mr-260 {
    margin-right: 260px !important;
}

.mr-264 {
    margin-right: 264px !important;
}

.mr-268 {
    margin-right: 268px !important;
}

.mr-272 {
    margin-right: 272px !important;
}

.mr-276 {
    margin-right: 276px !important;
}

.mr-280 {
    margin-right: 280px !important;
}

.mr-284 {
    margin-right: 284px !important;
}

.mr-288 {
    margin-right: 288px !important;
}

.mr-292 {
    margin-right: 292px !important;
}

.mr-296 {
    margin-right: 296px !important;
}

.mr-300 {
    margin-right: 300px !important;
}

.mr-304 {
    margin-right: 304px !important;
}

.mr-308 {
    margin-right: 308px !important;
}

.mr-312 {
    margin-right: 312px !important;
}

.mr-316 {
    margin-right: 316px !important;
}

.mr-320 {
    margin-right: 320px !important;
}

.mr-324 {
    margin-right: 324px !important;
}

.mr-328 {
    margin-right: 328px !important;
}

.mr-332 {
    margin-right: 332px !important;
}

.mr-336 {
    margin-right: 336px !important;
}

.mr-340 {
    margin-right: 340px !important;
}

.mr-344 {
    margin-right: 344px !important;
}

.mr-348 {
    margin-right: 348px !important;
}

.mr-352 {
    margin-right: 352px !important;
}

.mr-356 {
    margin-right: 356px !important;
}

.mr-360 {
    margin-right: 360px !important;
}

.mr-364 {
    margin-right: 364px !important;
}

.mr-368 {
    margin-right: 368px !important;
}

.mr-372 {
    margin-right: 372px !important;
}

.mr-376 {
    margin-right: 376px !important;
}

.mr-380 {
    margin-right: 380px !important;
}

.mr-384 {
    margin-right: 384px !important;
}

.mr-388 {
    margin-right: 388px !important;
}

.mr-392 {
    margin-right: 392px !important;
}

.mr-396 {
    margin-right: 396px !important;
}

.mr-400 {
    margin-right: 400px !important;
}

.mr-404 {
    margin-right: 404px !important;
}

.mr-408 {
    margin-right: 408px !important;
}

.mr-412 {
    margin-right: 412px !important;
}

.mr-416 {
    margin-right: 416px !important;
}

.mr-420 {
    margin-right: 420px !important;
}

.mr-424 {
    margin-right: 424px !important;
}

.mr-428 {
    margin-right: 428px !important;
}

.mr-432 {
    margin-right: 432px !important;
}

.mr-436 {
    margin-right: 436px !important;
}

.mr-440 {
    margin-right: 440px !important;
}

.mr-444 {
    margin-right: 444px !important;
}

.mr-448 {
    margin-right: 448px !important;
}

.mr-452 {
    margin-right: 452px !important;
}

.mr-456 {
    margin-right: 456px !important;
}

.mr-460 {
    margin-right: 460px !important;
}

.mr-464 {
    margin-right: 464px !important;
}

.mr-468 {
    margin-right: 468px !important;
}

.mr-472 {
    margin-right: 472px !important;
}

.mr-476 {
    margin-right: 476px !important;
}

.mr-480 {
    margin-right: 480px !important;
}

.mr-484 {
    margin-right: 484px !important;
}

.mr-488 {
    margin-right: 488px !important;
}

.mr-492 {
    margin-right: 492px !important;
}

.mr-496 {
    margin-right: 496px !important;
}

.mr-500 {
    margin-right: 500px !important;
}

.mr-504 {
    margin-right: 504px !important;
}

.mr-508 {
    margin-right: 508px !important;
}

.mr-512 {
    margin-right: 512px !important;
}

.mr-516 {
    margin-right: 516px !important;
}

.mr-520 {
    margin-right: 520px !important;
}

.mr-524 {
    margin-right: 524px !important;
}

.mr-528 {
    margin-right: 528px !important;
}

.mr-532 {
    margin-right: 532px !important;
}

.mr-536 {
    margin-right: 536px !important;
}

.mr-540 {
    margin-right: 540px !important;
}

.mr-544 {
    margin-right: 544px !important;
}

.mr-548 {
    margin-right: 548px !important;
}

.mr-552 {
    margin-right: 552px !important;
}

.mr-556 {
    margin-right: 556px !important;
}

.mr-560 {
    margin-right: 560px !important;
}

.mr-564 {
    margin-right: 564px !important;
}

.mr-568 {
    margin-right: 568px !important;
}

.mr-572 {
    margin-right: 572px !important;
}

.mr-576 {
    margin-right: 576px !important;
}

.mr-580 {
    margin-right: 580px !important;
}

.mr-584 {
    margin-right: 584px !important;
}

.mr-588 {
    margin-right: 588px !important;
}

.mr-592 {
    margin-right: 592px !important;
}

.mr-596 {
    margin-right: 596px !important;
}

.mr-600 {
    margin-right: 600px !important;
}

.mr-604 {
    margin-right: 604px !important;
}

.mr-608 {
    margin-right: 608px !important;
}

.mr-612 {
    margin-right: 612px !important;
}

.mr-616 {
    margin-right: 616px !important;
}

.mr-620 {
    margin-right: 620px !important;
}

.mr-624 {
    margin-right: 624px !important;
}

.mr-628 {
    margin-right: 628px !important;
}

.mr-632 {
    margin-right: 632px !important;
}

.mr-636 {
    margin-right: 636px !important;
}

.mr-640 {
    margin-right: 640px !important;
}

.mr-644 {
    margin-right: 644px !important;
}

.mr-648 {
    margin-right: 648px !important;
}

.mr-652 {
    margin-right: 652px !important;
}

.mr-656 {
    margin-right: 656px !important;
}

.mr-660 {
    margin-right: 660px !important;
}

.mr-664 {
    margin-right: 664px !important;
}

.mr-668 {
    margin-right: 668px !important;
}

.mr-672 {
    margin-right: 672px !important;
}

.mr-676 {
    margin-right: 676px !important;
}

.mr-680 {
    margin-right: 680px !important;
}

.mr-684 {
    margin-right: 684px !important;
}

.mr-688 {
    margin-right: 688px !important;
}

.mr-692 {
    margin-right: 692px !important;
}

.mr-696 {
    margin-right: 696px !important;
}

.mr-700 {
    margin-right: 700px !important;
}

.mr-704 {
    margin-right: 704px !important;
}

.mr-708 {
    margin-right: 708px !important;
}

.mr-712 {
    margin-right: 712px !important;
}

.mr-716 {
    margin-right: 716px !important;
}

.mr-720 {
    margin-right: 720px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pt-4 {
    padding-top: 4px !important;
}

.pt-8 {
    padding-top: 8px !important;
}

.pt-12 {
    padding-top: 12px !important;
}

.pt-16 {
    padding-top: 16px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-24 {
    padding-top: 24px !important;
}

.pt-28 {
    padding-top: 28px !important;
}

.pt-32 {
    padding-top: 32px !important;
}

.pt-36 {
    padding-top: 36px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pt-44 {
    padding-top: 44px !important;
}

.pt-48 {
    padding-top: 48px !important;
}

.pt-52 {
    padding-top: 52px !important;
}

.pt-56 {
    padding-top: 56px !important;
}

.pt-60 {
    padding-top: 60px !important;
}

.pt-64 {
    padding-top: 64px !important;
}

.pt-68 {
    padding-top: 68px !important;
}

.pt-72 {
    padding-top: 72px !important;
}

.pt-76 {
    padding-top: 76px !important;
}

.pt-80 {
    padding-top: 80px !important;
}

.pt-84 {
    padding-top: 84px !important;
}

.pt-88 {
    padding-top: 88px !important;
}

.pt-92 {
    padding-top: 92px !important;
}

.pt-96 {
    padding-top: 96px !important;
}

.pt-100 {
    padding-top: 100px !important;
}

.pt-104 {
    padding-top: 104px !important;
}

.pt-108 {
    padding-top: 108px !important;
}

.pt-112 {
    padding-top: 112px !important;
}

.pt-116 {
    padding-top: 116px !important;
}

.pt-120 {
    padding-top: 120px !important;
}

.pt-124 {
    padding-top: 124px !important;
}

.pt-128 {
    padding-top: 128px !important;
}

.pt-132 {
    padding-top: 132px !important;
}

.pt-136 {
    padding-top: 136px !important;
}

.pt-140 {
    padding-top: 140px !important;
}

.pt-144 {
    padding-top: 144px !important;
}

.pt-148 {
    padding-top: 148px !important;
}

.pt-152 {
    padding-top: 152px !important;
}

.pt-156 {
    padding-top: 156px !important;
}

.pt-160 {
    padding-top: 160px !important;
}

.pt-164 {
    padding-top: 164px !important;
}

.pt-168 {
    padding-top: 168px !important;
}

.pt-172 {
    padding-top: 172px !important;
}

.pt-176 {
    padding-top: 176px !important;
}

.pt-180 {
    padding-top: 180px !important;
}

.pt-184 {
    padding-top: 184px !important;
}

.pt-188 {
    padding-top: 188px !important;
}

.pt-192 {
    padding-top: 192px !important;
}

.pt-196 {
    padding-top: 196px !important;
}

.pt-200 {
    padding-top: 200px !important;
}

.pt-204 {
    padding-top: 204px !important;
}

.pt-208 {
    padding-top: 208px !important;
}

.pt-212 {
    padding-top: 212px !important;
}

.pt-216 {
    padding-top: 216px !important;
}

.pt-220 {
    padding-top: 220px !important;
}

.pt-224 {
    padding-top: 224px !important;
}

.pt-228 {
    padding-top: 228px !important;
}

.pt-232 {
    padding-top: 232px !important;
}

.pt-236 {
    padding-top: 236px !important;
}

.pt-240 {
    padding-top: 240px !important;
}

.pt-244 {
    padding-top: 244px !important;
}

.pt-248 {
    padding-top: 248px !important;
}

.pt-252 {
    padding-top: 252px !important;
}

.pt-256 {
    padding-top: 256px !important;
}

.pt-260 {
    padding-top: 260px !important;
}

.pt-264 {
    padding-top: 264px !important;
}

.pt-268 {
    padding-top: 268px !important;
}

.pt-272 {
    padding-top: 272px !important;
}

.pt-276 {
    padding-top: 276px !important;
}

.pt-280 {
    padding-top: 280px !important;
}

.pt-284 {
    padding-top: 284px !important;
}

.pt-288 {
    padding-top: 288px !important;
}

.pt-292 {
    padding-top: 292px !important;
}

.pt-296 {
    padding-top: 296px !important;
}

.pt-300 {
    padding-top: 300px !important;
}

.pt-304 {
    padding-top: 304px !important;
}

.pt-308 {
    padding-top: 308px !important;
}

.pt-312 {
    padding-top: 312px !important;
}

.pt-316 {
    padding-top: 316px !important;
}

.pt-320 {
    padding-top: 320px !important;
}

.pt-324 {
    padding-top: 324px !important;
}

.pt-328 {
    padding-top: 328px !important;
}

.pt-332 {
    padding-top: 332px !important;
}

.pt-336 {
    padding-top: 336px !important;
}

.pt-340 {
    padding-top: 340px !important;
}

.pt-344 {
    padding-top: 344px !important;
}

.pt-348 {
    padding-top: 348px !important;
}

.pt-352 {
    padding-top: 352px !important;
}

.pt-356 {
    padding-top: 356px !important;
}

.pt-360 {
    padding-top: 360px !important;
}

.pt-364 {
    padding-top: 364px !important;
}

.pt-368 {
    padding-top: 368px !important;
}

.pt-372 {
    padding-top: 372px !important;
}

.pt-376 {
    padding-top: 376px !important;
}

.pt-380 {
    padding-top: 380px !important;
}

.pt-384 {
    padding-top: 384px !important;
}

.pt-388 {
    padding-top: 388px !important;
}

.pt-392 {
    padding-top: 392px !important;
}

.pt-396 {
    padding-top: 396px !important;
}

.pt-400 {
    padding-top: 400px !important;
}

.pt-404 {
    padding-top: 404px !important;
}

.pt-408 {
    padding-top: 408px !important;
}

.pt-412 {
    padding-top: 412px !important;
}

.pt-416 {
    padding-top: 416px !important;
}

.pt-420 {
    padding-top: 420px !important;
}

.pt-424 {
    padding-top: 424px !important;
}

.pt-428 {
    padding-top: 428px !important;
}

.pt-432 {
    padding-top: 432px !important;
}

.pt-436 {
    padding-top: 436px !important;
}

.pt-440 {
    padding-top: 440px !important;
}

.pt-444 {
    padding-top: 444px !important;
}

.pt-448 {
    padding-top: 448px !important;
}

.pt-452 {
    padding-top: 452px !important;
}

.pt-456 {
    padding-top: 456px !important;
}

.pt-460 {
    padding-top: 460px !important;
}

.pt-464 {
    padding-top: 464px !important;
}

.pt-468 {
    padding-top: 468px !important;
}

.pt-472 {
    padding-top: 472px !important;
}

.pt-476 {
    padding-top: 476px !important;
}

.pt-480 {
    padding-top: 480px !important;
}

.pt-484 {
    padding-top: 484px !important;
}

.pt-488 {
    padding-top: 488px !important;
}

.pt-492 {
    padding-top: 492px !important;
}

.pt-496 {
    padding-top: 496px !important;
}

.pt-500 {
    padding-top: 500px !important;
}

.pt-504 {
    padding-top: 504px !important;
}

.pt-508 {
    padding-top: 508px !important;
}

.pt-512 {
    padding-top: 512px !important;
}

.pt-516 {
    padding-top: 516px !important;
}

.pt-520 {
    padding-top: 520px !important;
}

.pt-524 {
    padding-top: 524px !important;
}

.pt-528 {
    padding-top: 528px !important;
}

.pt-532 {
    padding-top: 532px !important;
}

.pt-536 {
    padding-top: 536px !important;
}

.pt-540 {
    padding-top: 540px !important;
}

.pt-544 {
    padding-top: 544px !important;
}

.pt-548 {
    padding-top: 548px !important;
}

.pt-552 {
    padding-top: 552px !important;
}

.pt-556 {
    padding-top: 556px !important;
}

.pt-560 {
    padding-top: 560px !important;
}

.pt-564 {
    padding-top: 564px !important;
}

.pt-568 {
    padding-top: 568px !important;
}

.pt-572 {
    padding-top: 572px !important;
}

.pt-576 {
    padding-top: 576px !important;
}

.pt-580 {
    padding-top: 580px !important;
}

.pt-584 {
    padding-top: 584px !important;
}

.pt-588 {
    padding-top: 588px !important;
}

.pt-592 {
    padding-top: 592px !important;
}

.pt-596 {
    padding-top: 596px !important;
}

.pt-600 {
    padding-top: 600px !important;
}

.pt-604 {
    padding-top: 604px !important;
}

.pt-608 {
    padding-top: 608px !important;
}

.pt-612 {
    padding-top: 612px !important;
}

.pt-616 {
    padding-top: 616px !important;
}

.pt-620 {
    padding-top: 620px !important;
}

.pt-624 {
    padding-top: 624px !important;
}

.pt-628 {
    padding-top: 628px !important;
}

.pt-632 {
    padding-top: 632px !important;
}

.pt-636 {
    padding-top: 636px !important;
}

.pt-640 {
    padding-top: 640px !important;
}

.pt-644 {
    padding-top: 644px !important;
}

.pt-648 {
    padding-top: 648px !important;
}

.pt-652 {
    padding-top: 652px !important;
}

.pt-656 {
    padding-top: 656px !important;
}

.pt-660 {
    padding-top: 660px !important;
}

.pt-664 {
    padding-top: 664px !important;
}

.pt-668 {
    padding-top: 668px !important;
}

.pt-672 {
    padding-top: 672px !important;
}

.pt-676 {
    padding-top: 676px !important;
}

.pt-680 {
    padding-top: 680px !important;
}

.pt-684 {
    padding-top: 684px !important;
}

.pt-688 {
    padding-top: 688px !important;
}

.pt-692 {
    padding-top: 692px !important;
}

.pt-696 {
    padding-top: 696px !important;
}

.pt-700 {
    padding-top: 700px !important;
}

.pt-704 {
    padding-top: 704px !important;
}

.pt-708 {
    padding-top: 708px !important;
}

.pt-712 {
    padding-top: 712px !important;
}

.pt-716 {
    padding-top: 716px !important;
}

.pt-720 {
    padding-top: 720px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pb-4 {
    padding-bottom: 4px !important;
}

.pb-8 {
    padding-bottom: 8px !important;
}

.pb-12 {
    padding-bottom: 12px !important;
}

.pb-16 {
    padding-bottom: 16px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-24 {
    padding-bottom: 24px !important;
}

.pb-28 {
    padding-bottom: 28px !important;
}

.pb-32 {
    padding-bottom: 32px !important;
}

.pb-36 {
    padding-bottom: 36px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pb-44 {
    padding-bottom: 44px !important;
}

.pb-48 {
    padding-bottom: 48px !important;
}

.pb-52 {
    padding-bottom: 52px !important;
}

.pb-56 {
    padding-bottom: 56px !important;
}

.pb-60 {
    padding-bottom: 60px !important;
}

.pb-64 {
    padding-bottom: 64px !important;
}

.pb-68 {
    padding-bottom: 68px !important;
}

.pb-72 {
    padding-bottom: 72px !important;
}

.pb-76 {
    padding-bottom: 76px !important;
}

.pb-80 {
    padding-bottom: 80px !important;
}

.pb-84 {
    padding-bottom: 84px !important;
}

.pb-88 {
    padding-bottom: 88px !important;
}

.pb-92 {
    padding-bottom: 92px !important;
}

.pb-96 {
    padding-bottom: 96px !important;
}

.pb-100 {
    padding-bottom: 100px !important;
}

.pb-104 {
    padding-bottom: 104px !important;
}

.pb-108 {
    padding-bottom: 108px !important;
}

.pb-112 {
    padding-bottom: 112px !important;
}

.pb-116 {
    padding-bottom: 116px !important;
}

.pb-120 {
    padding-bottom: 120px !important;
}

.pb-124 {
    padding-bottom: 124px !important;
}

.pb-128 {
    padding-bottom: 128px !important;
}

.pb-132 {
    padding-bottom: 132px !important;
}

.pb-136 {
    padding-bottom: 136px !important;
}

.pb-140 {
    padding-bottom: 140px !important;
}

.pb-144 {
    padding-bottom: 144px !important;
}

.pb-148 {
    padding-bottom: 148px !important;
}

.pb-152 {
    padding-bottom: 152px !important;
}

.pb-156 {
    padding-bottom: 156px !important;
}

.pb-160 {
    padding-bottom: 160px !important;
}

.pb-164 {
    padding-bottom: 164px !important;
}

.pb-168 {
    padding-bottom: 168px !important;
}

.pb-172 {
    padding-bottom: 172px !important;
}

.pb-176 {
    padding-bottom: 176px !important;
}

.pb-180 {
    padding-bottom: 180px !important;
}

.pb-184 {
    padding-bottom: 184px !important;
}

.pb-188 {
    padding-bottom: 188px !important;
}

.pb-192 {
    padding-bottom: 192px !important;
}

.pb-196 {
    padding-bottom: 196px !important;
}

.pb-200 {
    padding-bottom: 200px !important;
}

.pb-204 {
    padding-bottom: 204px !important;
}

.pb-208 {
    padding-bottom: 208px !important;
}

.pb-212 {
    padding-bottom: 212px !important;
}

.pb-216 {
    padding-bottom: 216px !important;
}

.pb-220 {
    padding-bottom: 220px !important;
}

.pb-224 {
    padding-bottom: 224px !important;
}

.pb-228 {
    padding-bottom: 228px !important;
}

.pb-232 {
    padding-bottom: 232px !important;
}

.pb-236 {
    padding-bottom: 236px !important;
}

.pb-240 {
    padding-bottom: 240px !important;
}

.pb-244 {
    padding-bottom: 244px !important;
}

.pb-248 {
    padding-bottom: 248px !important;
}

.pb-252 {
    padding-bottom: 252px !important;
}

.pb-256 {
    padding-bottom: 256px !important;
}

.pb-260 {
    padding-bottom: 260px !important;
}

.pb-264 {
    padding-bottom: 264px !important;
}

.pb-268 {
    padding-bottom: 268px !important;
}

.pb-272 {
    padding-bottom: 272px !important;
}

.pb-276 {
    padding-bottom: 276px !important;
}

.pb-280 {
    padding-bottom: 280px !important;
}

.pb-284 {
    padding-bottom: 284px !important;
}

.pb-288 {
    padding-bottom: 288px !important;
}

.pb-292 {
    padding-bottom: 292px !important;
}

.pb-296 {
    padding-bottom: 296px !important;
}

.pb-300 {
    padding-bottom: 300px !important;
}

.pb-304 {
    padding-bottom: 304px !important;
}

.pb-308 {
    padding-bottom: 308px !important;
}

.pb-312 {
    padding-bottom: 312px !important;
}

.pb-316 {
    padding-bottom: 316px !important;
}

.pb-320 {
    padding-bottom: 320px !important;
}

.pb-324 {
    padding-bottom: 324px !important;
}

.pb-328 {
    padding-bottom: 328px !important;
}

.pb-332 {
    padding-bottom: 332px !important;
}

.pb-336 {
    padding-bottom: 336px !important;
}

.pb-340 {
    padding-bottom: 340px !important;
}

.pb-344 {
    padding-bottom: 344px !important;
}

.pb-348 {
    padding-bottom: 348px !important;
}

.pb-352 {
    padding-bottom: 352px !important;
}

.pb-356 {
    padding-bottom: 356px !important;
}

.pb-360 {
    padding-bottom: 360px !important;
}

.pb-364 {
    padding-bottom: 364px !important;
}

.pb-368 {
    padding-bottom: 368px !important;
}

.pb-372 {
    padding-bottom: 372px !important;
}

.pb-376 {
    padding-bottom: 376px !important;
}

.pb-380 {
    padding-bottom: 380px !important;
}

.pb-384 {
    padding-bottom: 384px !important;
}

.pb-388 {
    padding-bottom: 388px !important;
}

.pb-392 {
    padding-bottom: 392px !important;
}

.pb-396 {
    padding-bottom: 396px !important;
}

.pb-400 {
    padding-bottom: 400px !important;
}

.pb-404 {
    padding-bottom: 404px !important;
}

.pb-408 {
    padding-bottom: 408px !important;
}

.pb-412 {
    padding-bottom: 412px !important;
}

.pb-416 {
    padding-bottom: 416px !important;
}

.pb-420 {
    padding-bottom: 420px !important;
}

.pb-424 {
    padding-bottom: 424px !important;
}

.pb-428 {
    padding-bottom: 428px !important;
}

.pb-432 {
    padding-bottom: 432px !important;
}

.pb-436 {
    padding-bottom: 436px !important;
}

.pb-440 {
    padding-bottom: 440px !important;
}

.pb-444 {
    padding-bottom: 444px !important;
}

.pb-448 {
    padding-bottom: 448px !important;
}

.pb-452 {
    padding-bottom: 452px !important;
}

.pb-456 {
    padding-bottom: 456px !important;
}

.pb-460 {
    padding-bottom: 460px !important;
}

.pb-464 {
    padding-bottom: 464px !important;
}

.pb-468 {
    padding-bottom: 468px !important;
}

.pb-472 {
    padding-bottom: 472px !important;
}

.pb-476 {
    padding-bottom: 476px !important;
}

.pb-480 {
    padding-bottom: 480px !important;
}

.pb-484 {
    padding-bottom: 484px !important;
}

.pb-488 {
    padding-bottom: 488px !important;
}

.pb-492 {
    padding-bottom: 492px !important;
}

.pb-496 {
    padding-bottom: 496px !important;
}

.pb-500 {
    padding-bottom: 500px !important;
}

.pb-504 {
    padding-bottom: 504px !important;
}

.pb-508 {
    padding-bottom: 508px !important;
}

.pb-512 {
    padding-bottom: 512px !important;
}

.pb-516 {
    padding-bottom: 516px !important;
}

.pb-520 {
    padding-bottom: 520px !important;
}

.pb-524 {
    padding-bottom: 524px !important;
}

.pb-528 {
    padding-bottom: 528px !important;
}

.pb-532 {
    padding-bottom: 532px !important;
}

.pb-536 {
    padding-bottom: 536px !important;
}

.pb-540 {
    padding-bottom: 540px !important;
}

.pb-544 {
    padding-bottom: 544px !important;
}

.pb-548 {
    padding-bottom: 548px !important;
}

.pb-552 {
    padding-bottom: 552px !important;
}

.pb-556 {
    padding-bottom: 556px !important;
}

.pb-560 {
    padding-bottom: 560px !important;
}

.pb-564 {
    padding-bottom: 564px !important;
}

.pb-568 {
    padding-bottom: 568px !important;
}

.pb-572 {
    padding-bottom: 572px !important;
}

.pb-576 {
    padding-bottom: 576px !important;
}

.pb-580 {
    padding-bottom: 580px !important;
}

.pb-584 {
    padding-bottom: 584px !important;
}

.pb-588 {
    padding-bottom: 588px !important;
}

.pb-592 {
    padding-bottom: 592px !important;
}

.pb-596 {
    padding-bottom: 596px !important;
}

.pb-600 {
    padding-bottom: 600px !important;
}

.pb-604 {
    padding-bottom: 604px !important;
}

.pb-608 {
    padding-bottom: 608px !important;
}

.pb-612 {
    padding-bottom: 612px !important;
}

.pb-616 {
    padding-bottom: 616px !important;
}

.pb-620 {
    padding-bottom: 620px !important;
}

.pb-624 {
    padding-bottom: 624px !important;
}

.pb-628 {
    padding-bottom: 628px !important;
}

.pb-632 {
    padding-bottom: 632px !important;
}

.pb-636 {
    padding-bottom: 636px !important;
}

.pb-640 {
    padding-bottom: 640px !important;
}

.pb-644 {
    padding-bottom: 644px !important;
}

.pb-648 {
    padding-bottom: 648px !important;
}

.pb-652 {
    padding-bottom: 652px !important;
}

.pb-656 {
    padding-bottom: 656px !important;
}

.pb-660 {
    padding-bottom: 660px !important;
}

.pb-664 {
    padding-bottom: 664px !important;
}

.pb-668 {
    padding-bottom: 668px !important;
}

.pb-672 {
    padding-bottom: 672px !important;
}

.pb-676 {
    padding-bottom: 676px !important;
}

.pb-680 {
    padding-bottom: 680px !important;
}

.pb-684 {
    padding-bottom: 684px !important;
}

.pb-688 {
    padding-bottom: 688px !important;
}

.pb-692 {
    padding-bottom: 692px !important;
}

.pb-696 {
    padding-bottom: 696px !important;
}

.pb-700 {
    padding-bottom: 700px !important;
}

.pb-704 {
    padding-bottom: 704px !important;
}

.pb-708 {
    padding-bottom: 708px !important;
}

.pb-712 {
    padding-bottom: 712px !important;
}

.pb-716 {
    padding-bottom: 716px !important;
}

.pb-720 {
    padding-bottom: 720px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pl-4 {
    padding-left: 4px !important;
}

.pl-8 {
    padding-left: 8px !important;
}

.pl-12 {
    padding-left: 12px !important;
}

.pl-16 {
    padding-left: 16px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-24 {
    padding-left: 24px !important;
}

.pl-28 {
    padding-left: 28px !important;
}

.pl-32 {
    padding-left: 32px !important;
}

.pl-36 {
    padding-left: 36px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.pl-44 {
    padding-left: 44px !important;
}

.pl-48 {
    padding-left: 48px !important;
}

.pl-52 {
    padding-left: 52px !important;
}

.pl-56 {
    padding-left: 56px !important;
}

.pl-60 {
    padding-left: 60px !important;
}

.pl-64 {
    padding-left: 64px !important;
}

.pl-68 {
    padding-left: 68px !important;
}

.pl-72 {
    padding-left: 72px !important;
}

.pl-76 {
    padding-left: 76px !important;
}

.pl-80 {
    padding-left: 80px !important;
}

.pl-84 {
    padding-left: 84px !important;
}

.pl-88 {
    padding-left: 88px !important;
}

.pl-92 {
    padding-left: 92px !important;
}

.pl-96 {
    padding-left: 96px !important;
}

.pl-100 {
    padding-left: 100px !important;
}

.pl-104 {
    padding-left: 104px !important;
}

.pl-108 {
    padding-left: 108px !important;
}

.pl-112 {
    padding-left: 112px !important;
}

.pl-116 {
    padding-left: 116px !important;
}

.pl-120 {
    padding-left: 120px !important;
}

.pl-124 {
    padding-left: 124px !important;
}

.pl-128 {
    padding-left: 128px !important;
}

.pl-132 {
    padding-left: 132px !important;
}

.pl-136 {
    padding-left: 136px !important;
}

.pl-140 {
    padding-left: 140px !important;
}

.pl-144 {
    padding-left: 144px !important;
}

.pl-148 {
    padding-left: 148px !important;
}

.pl-152 {
    padding-left: 152px !important;
}

.pl-156 {
    padding-left: 156px !important;
}

.pl-160 {
    padding-left: 160px !important;
}

.pl-164 {
    padding-left: 164px !important;
}

.pl-168 {
    padding-left: 168px !important;
}

.pl-172 {
    padding-left: 172px !important;
}

.pl-176 {
    padding-left: 176px !important;
}

.pl-180 {
    padding-left: 180px !important;
}

.pl-184 {
    padding-left: 184px !important;
}

.pl-188 {
    padding-left: 188px !important;
}

.pl-192 {
    padding-left: 192px !important;
}

.pl-196 {
    padding-left: 196px !important;
}

.pl-200 {
    padding-left: 200px !important;
}

.pl-204 {
    padding-left: 204px !important;
}

.pl-208 {
    padding-left: 208px !important;
}

.pl-212 {
    padding-left: 212px !important;
}

.pl-216 {
    padding-left: 216px !important;
}

.pl-220 {
    padding-left: 220px !important;
}

.pl-224 {
    padding-left: 224px !important;
}

.pl-228 {
    padding-left: 228px !important;
}

.pl-232 {
    padding-left: 232px !important;
}

.pl-236 {
    padding-left: 236px !important;
}

.pl-240 {
    padding-left: 240px !important;
}

.pl-244 {
    padding-left: 244px !important;
}

.pl-248 {
    padding-left: 248px !important;
}

.pl-252 {
    padding-left: 252px !important;
}

.pl-256 {
    padding-left: 256px !important;
}

.pl-260 {
    padding-left: 260px !important;
}

.pl-264 {
    padding-left: 264px !important;
}

.pl-268 {
    padding-left: 268px !important;
}

.pl-272 {
    padding-left: 272px !important;
}

.pl-276 {
    padding-left: 276px !important;
}

.pl-280 {
    padding-left: 280px !important;
}

.pl-284 {
    padding-left: 284px !important;
}

.pl-288 {
    padding-left: 288px !important;
}

.pl-292 {
    padding-left: 292px !important;
}

.pl-296 {
    padding-left: 296px !important;
}

.pl-300 {
    padding-left: 300px !important;
}

.pl-304 {
    padding-left: 304px !important;
}

.pl-308 {
    padding-left: 308px !important;
}

.pl-312 {
    padding-left: 312px !important;
}

.pl-316 {
    padding-left: 316px !important;
}

.pl-320 {
    padding-left: 320px !important;
}

.pl-324 {
    padding-left: 324px !important;
}

.pl-328 {
    padding-left: 328px !important;
}

.pl-332 {
    padding-left: 332px !important;
}

.pl-336 {
    padding-left: 336px !important;
}

.pl-340 {
    padding-left: 340px !important;
}

.pl-344 {
    padding-left: 344px !important;
}

.pl-348 {
    padding-left: 348px !important;
}

.pl-352 {
    padding-left: 352px !important;
}

.pl-356 {
    padding-left: 356px !important;
}

.pl-360 {
    padding-left: 360px !important;
}

.pl-364 {
    padding-left: 364px !important;
}

.pl-368 {
    padding-left: 368px !important;
}

.pl-372 {
    padding-left: 372px !important;
}

.pl-376 {
    padding-left: 376px !important;
}

.pl-380 {
    padding-left: 380px !important;
}

.pl-384 {
    padding-left: 384px !important;
}

.pl-388 {
    padding-left: 388px !important;
}

.pl-392 {
    padding-left: 392px !important;
}

.pl-396 {
    padding-left: 396px !important;
}

.pl-400 {
    padding-left: 400px !important;
}

.pl-404 {
    padding-left: 404px !important;
}

.pl-408 {
    padding-left: 408px !important;
}

.pl-412 {
    padding-left: 412px !important;
}

.pl-416 {
    padding-left: 416px !important;
}

.pl-420 {
    padding-left: 420px !important;
}

.pl-424 {
    padding-left: 424px !important;
}

.pl-428 {
    padding-left: 428px !important;
}

.pl-432 {
    padding-left: 432px !important;
}

.pl-436 {
    padding-left: 436px !important;
}

.pl-440 {
    padding-left: 440px !important;
}

.pl-444 {
    padding-left: 444px !important;
}

.pl-448 {
    padding-left: 448px !important;
}

.pl-452 {
    padding-left: 452px !important;
}

.pl-456 {
    padding-left: 456px !important;
}

.pl-460 {
    padding-left: 460px !important;
}

.pl-464 {
    padding-left: 464px !important;
}

.pl-468 {
    padding-left: 468px !important;
}

.pl-472 {
    padding-left: 472px !important;
}

.pl-476 {
    padding-left: 476px !important;
}

.pl-480 {
    padding-left: 480px !important;
}

.pl-484 {
    padding-left: 484px !important;
}

.pl-488 {
    padding-left: 488px !important;
}

.pl-492 {
    padding-left: 492px !important;
}

.pl-496 {
    padding-left: 496px !important;
}

.pl-500 {
    padding-left: 500px !important;
}

.pl-504 {
    padding-left: 504px !important;
}

.pl-508 {
    padding-left: 508px !important;
}

.pl-512 {
    padding-left: 512px !important;
}

.pl-516 {
    padding-left: 516px !important;
}

.pl-520 {
    padding-left: 520px !important;
}

.pl-524 {
    padding-left: 524px !important;
}

.pl-528 {
    padding-left: 528px !important;
}

.pl-532 {
    padding-left: 532px !important;
}

.pl-536 {
    padding-left: 536px !important;
}

.pl-540 {
    padding-left: 540px !important;
}

.pl-544 {
    padding-left: 544px !important;
}

.pl-548 {
    padding-left: 548px !important;
}

.pl-552 {
    padding-left: 552px !important;
}

.pl-556 {
    padding-left: 556px !important;
}

.pl-560 {
    padding-left: 560px !important;
}

.pl-564 {
    padding-left: 564px !important;
}

.pl-568 {
    padding-left: 568px !important;
}

.pl-572 {
    padding-left: 572px !important;
}

.pl-576 {
    padding-left: 576px !important;
}

.pl-580 {
    padding-left: 580px !important;
}

.pl-584 {
    padding-left: 584px !important;
}

.pl-588 {
    padding-left: 588px !important;
}

.pl-592 {
    padding-left: 592px !important;
}

.pl-596 {
    padding-left: 596px !important;
}

.pl-600 {
    padding-left: 600px !important;
}

.pl-604 {
    padding-left: 604px !important;
}

.pl-608 {
    padding-left: 608px !important;
}

.pl-612 {
    padding-left: 612px !important;
}

.pl-616 {
    padding-left: 616px !important;
}

.pl-620 {
    padding-left: 620px !important;
}

.pl-624 {
    padding-left: 624px !important;
}

.pl-628 {
    padding-left: 628px !important;
}

.pl-632 {
    padding-left: 632px !important;
}

.pl-636 {
    padding-left: 636px !important;
}

.pl-640 {
    padding-left: 640px !important;
}

.pl-644 {
    padding-left: 644px !important;
}

.pl-648 {
    padding-left: 648px !important;
}

.pl-652 {
    padding-left: 652px !important;
}

.pl-656 {
    padding-left: 656px !important;
}

.pl-660 {
    padding-left: 660px !important;
}

.pl-664 {
    padding-left: 664px !important;
}

.pl-668 {
    padding-left: 668px !important;
}

.pl-672 {
    padding-left: 672px !important;
}

.pl-676 {
    padding-left: 676px !important;
}

.pl-680 {
    padding-left: 680px !important;
}

.pl-684 {
    padding-left: 684px !important;
}

.pl-688 {
    padding-left: 688px !important;
}

.pl-692 {
    padding-left: 692px !important;
}

.pl-696 {
    padding-left: 696px !important;
}

.pl-700 {
    padding-left: 700px !important;
}

.pl-704 {
    padding-left: 704px !important;
}

.pl-708 {
    padding-left: 708px !important;
}

.pl-712 {
    padding-left: 712px !important;
}

.pl-716 {
    padding-left: 716px !important;
}

.pl-720 {
    padding-left: 720px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.pr-4 {
    padding-right: 4px !important;
}

.pr-8 {
    padding-right: 8px !important;
}

.pr-12 {
    padding-right: 12px !important;
}

.pr-16 {
    padding-right: 16px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-24 {
    padding-right: 24px !important;
}

.pr-28 {
    padding-right: 28px !important;
}

.pr-32 {
    padding-right: 32px !important;
}

.pr-36 {
    padding-right: 36px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.pr-44 {
    padding-right: 44px !important;
}

.pr-48 {
    padding-right: 48px !important;
}

.pr-52 {
    padding-right: 52px !important;
}

.pr-56 {
    padding-right: 56px !important;
}

.pr-60 {
    padding-right: 60px !important;
}

.pr-64 {
    padding-right: 64px !important;
}

.pr-68 {
    padding-right: 68px !important;
}

.pr-72 {
    padding-right: 72px !important;
}

.pr-76 {
    padding-right: 76px !important;
}

.pr-80 {
    padding-right: 80px !important;
}

.pr-84 {
    padding-right: 84px !important;
}

.pr-88 {
    padding-right: 88px !important;
}

.pr-92 {
    padding-right: 92px !important;
}

.pr-96 {
    padding-right: 96px !important;
}

.pr-100 {
    padding-right: 100px !important;
}

.pr-104 {
    padding-right: 104px !important;
}

.pr-108 {
    padding-right: 108px !important;
}

.pr-112 {
    padding-right: 112px !important;
}

.pr-116 {
    padding-right: 116px !important;
}

.pr-120 {
    padding-right: 120px !important;
}

.pr-124 {
    padding-right: 124px !important;
}

.pr-128 {
    padding-right: 128px !important;
}

.pr-132 {
    padding-right: 132px !important;
}

.pr-136 {
    padding-right: 136px !important;
}

.pr-140 {
    padding-right: 140px !important;
}

.pr-144 {
    padding-right: 144px !important;
}

.pr-148 {
    padding-right: 148px !important;
}

.pr-152 {
    padding-right: 152px !important;
}

.pr-156 {
    padding-right: 156px !important;
}

.pr-160 {
    padding-right: 160px !important;
}

.pr-164 {
    padding-right: 164px !important;
}

.pr-168 {
    padding-right: 168px !important;
}

.pr-172 {
    padding-right: 172px !important;
}

.pr-176 {
    padding-right: 176px !important;
}

.pr-180 {
    padding-right: 180px !important;
}

.pr-184 {
    padding-right: 184px !important;
}

.pr-188 {
    padding-right: 188px !important;
}

.pr-192 {
    padding-right: 192px !important;
}

.pr-196 {
    padding-right: 196px !important;
}

.pr-200 {
    padding-right: 200px !important;
}

.pr-204 {
    padding-right: 204px !important;
}

.pr-208 {
    padding-right: 208px !important;
}

.pr-212 {
    padding-right: 212px !important;
}

.pr-216 {
    padding-right: 216px !important;
}

.pr-220 {
    padding-right: 220px !important;
}

.pr-224 {
    padding-right: 224px !important;
}

.pr-228 {
    padding-right: 228px !important;
}

.pr-232 {
    padding-right: 232px !important;
}

.pr-236 {
    padding-right: 236px !important;
}

.pr-240 {
    padding-right: 240px !important;
}

.pr-244 {
    padding-right: 244px !important;
}

.pr-248 {
    padding-right: 248px !important;
}

.pr-252 {
    padding-right: 252px !important;
}

.pr-256 {
    padding-right: 256px !important;
}

.pr-260 {
    padding-right: 260px !important;
}

.pr-264 {
    padding-right: 264px !important;
}

.pr-268 {
    padding-right: 268px !important;
}

.pr-272 {
    padding-right: 272px !important;
}

.pr-276 {
    padding-right: 276px !important;
}

.pr-280 {
    padding-right: 280px !important;
}

.pr-284 {
    padding-right: 284px !important;
}

.pr-288 {
    padding-right: 288px !important;
}

.pr-292 {
    padding-right: 292px !important;
}

.pr-296 {
    padding-right: 296px !important;
}

.pr-300 {
    padding-right: 300px !important;
}

.pr-304 {
    padding-right: 304px !important;
}

.pr-308 {
    padding-right: 308px !important;
}

.pr-312 {
    padding-right: 312px !important;
}

.pr-316 {
    padding-right: 316px !important;
}

.pr-320 {
    padding-right: 320px !important;
}

.pr-324 {
    padding-right: 324px !important;
}

.pr-328 {
    padding-right: 328px !important;
}

.pr-332 {
    padding-right: 332px !important;
}

.pr-336 {
    padding-right: 336px !important;
}

.pr-340 {
    padding-right: 340px !important;
}

.pr-344 {
    padding-right: 344px !important;
}

.pr-348 {
    padding-right: 348px !important;
}

.pr-352 {
    padding-right: 352px !important;
}

.pr-356 {
    padding-right: 356px !important;
}

.pr-360 {
    padding-right: 360px !important;
}

.pr-364 {
    padding-right: 364px !important;
}

.pr-368 {
    padding-right: 368px !important;
}

.pr-372 {
    padding-right: 372px !important;
}

.pr-376 {
    padding-right: 376px !important;
}

.pr-380 {
    padding-right: 380px !important;
}

.pr-384 {
    padding-right: 384px !important;
}

.pr-388 {
    padding-right: 388px !important;
}

.pr-392 {
    padding-right: 392px !important;
}

.pr-396 {
    padding-right: 396px !important;
}

.pr-400 {
    padding-right: 400px !important;
}

.pr-404 {
    padding-right: 404px !important;
}

.pr-408 {
    padding-right: 408px !important;
}

.pr-412 {
    padding-right: 412px !important;
}

.pr-416 {
    padding-right: 416px !important;
}

.pr-420 {
    padding-right: 420px !important;
}

.pr-424 {
    padding-right: 424px !important;
}

.pr-428 {
    padding-right: 428px !important;
}

.pr-432 {
    padding-right: 432px !important;
}

.pr-436 {
    padding-right: 436px !important;
}

.pr-440 {
    padding-right: 440px !important;
}

.pr-444 {
    padding-right: 444px !important;
}

.pr-448 {
    padding-right: 448px !important;
}

.pr-452 {
    padding-right: 452px !important;
}

.pr-456 {
    padding-right: 456px !important;
}

.pr-460 {
    padding-right: 460px !important;
}

.pr-464 {
    padding-right: 464px !important;
}

.pr-468 {
    padding-right: 468px !important;
}

.pr-472 {
    padding-right: 472px !important;
}

.pr-476 {
    padding-right: 476px !important;
}

.pr-480 {
    padding-right: 480px !important;
}

.pr-484 {
    padding-right: 484px !important;
}

.pr-488 {
    padding-right: 488px !important;
}

.pr-492 {
    padding-right: 492px !important;
}

.pr-496 {
    padding-right: 496px !important;
}

.pr-500 {
    padding-right: 500px !important;
}

.pr-504 {
    padding-right: 504px !important;
}

.pr-508 {
    padding-right: 508px !important;
}

.pr-512 {
    padding-right: 512px !important;
}

.pr-516 {
    padding-right: 516px !important;
}

.pr-520 {
    padding-right: 520px !important;
}

.pr-524 {
    padding-right: 524px !important;
}

.pr-528 {
    padding-right: 528px !important;
}

.pr-532 {
    padding-right: 532px !important;
}

.pr-536 {
    padding-right: 536px !important;
}

.pr-540 {
    padding-right: 540px !important;
}

.pr-544 {
    padding-right: 544px !important;
}

.pr-548 {
    padding-right: 548px !important;
}

.pr-552 {
    padding-right: 552px !important;
}

.pr-556 {
    padding-right: 556px !important;
}

.pr-560 {
    padding-right: 560px !important;
}

.pr-564 {
    padding-right: 564px !important;
}

.pr-568 {
    padding-right: 568px !important;
}

.pr-572 {
    padding-right: 572px !important;
}

.pr-576 {
    padding-right: 576px !important;
}

.pr-580 {
    padding-right: 580px !important;
}

.pr-584 {
    padding-right: 584px !important;
}

.pr-588 {
    padding-right: 588px !important;
}

.pr-592 {
    padding-right: 592px !important;
}

.pr-596 {
    padding-right: 596px !important;
}

.pr-600 {
    padding-right: 600px !important;
}

.pr-604 {
    padding-right: 604px !important;
}

.pr-608 {
    padding-right: 608px !important;
}

.pr-612 {
    padding-right: 612px !important;
}

.pr-616 {
    padding-right: 616px !important;
}

.pr-620 {
    padding-right: 620px !important;
}

.pr-624 {
    padding-right: 624px !important;
}

.pr-628 {
    padding-right: 628px !important;
}

.pr-632 {
    padding-right: 632px !important;
}

.pr-636 {
    padding-right: 636px !important;
}

.pr-640 {
    padding-right: 640px !important;
}

.pr-644 {
    padding-right: 644px !important;
}

.pr-648 {
    padding-right: 648px !important;
}

.pr-652 {
    padding-right: 652px !important;
}

.pr-656 {
    padding-right: 656px !important;
}

.pr-660 {
    padding-right: 660px !important;
}

.pr-664 {
    padding-right: 664px !important;
}

.pr-668 {
    padding-right: 668px !important;
}

.pr-672 {
    padding-right: 672px !important;
}

.pr-676 {
    padding-right: 676px !important;
}

.pr-680 {
    padding-right: 680px !important;
}

.pr-684 {
    padding-right: 684px !important;
}

.pr-688 {
    padding-right: 688px !important;
}

.pr-692 {
    padding-right: 692px !important;
}

.pr-696 {
    padding-right: 696px !important;
}

.pr-700 {
    padding-right: 700px !important;
}

.pr-704 {
    padding-right: 704px !important;
}

.pr-708 {
    padding-right: 708px !important;
}

.pr-712 {
    padding-right: 712px !important;
}

.pr-716 {
    padding-right: 716px !important;
}

.pr-720 {
    padding-right: 720px !important;
}


.h-0 {
    height: 0px !important;
    min-height: 0px !important;
    max-height: 0px !important;
}

.h-4 {
    height: 4px !important;
    min-height: 4px !important;
    max-height: 4px !important;
}

.h-8 {
    height: 8px !important;
    min-height: 8px !important;
    max-height: 8px !important;
}

.h-12 {
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
}

.h-16 {
    height: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;
}

.h-20 {
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
}

.h-24 {
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
}

.h-28 {
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
}

.h-32 {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
}

.h-36 {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
}

.h-40 {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
}

.h-44 {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
}

.h-48 {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
}

.h-52 {
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
}

.h-56 {
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
}

.h-60 {
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
}

.h-64 {
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
}

.h-68 {
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
}

.h-72 {
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
}

.h-76 {
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
}

.h-80 {
    height: 80px !important;
    min-height: 80px !important;
    max-height: 80px !important;
}

.h-84 {
    height: 84px !important;
    min-height: 84px !important;
    max-height: 84px !important;
}

.h-88 {
    height: 88px !important;
    min-height: 88px !important;
    max-height: 88px !important;
}

.h-92 {
    height: 92px !important;
    min-height: 92px !important;
    max-height: 92px !important;
}

.h-96 {
    height: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
}

.h-100 {
    height: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;
}

.h-104 {
    height: 104px !important;
    min-height: 104px !important;
    max-height: 104px !important;
}

.h-108 {
    height: 108px !important;
    min-height: 108px !important;
    max-height: 108px !important;
}

.h-112 {
    height: 112px !important;
    min-height: 112px !important;
    max-height: 112px !important;
}

.h-116 {
    height: 116px !important;
    min-height: 116px !important;
    max-height: 116px !important;
}

.h-120 {
    height: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important;
}

.h-124 {
    height: 124px !important;
    min-height: 124px !important;
    max-height: 124px !important;
}

.h-128 {
    height: 128px !important;
    min-height: 128px !important;
    max-height: 128px !important;
}

.h-132 {
    height: 132px !important;
    min-height: 132px !important;
    max-height: 132px !important;
}

.h-136 {
    height: 136px !important;
    min-height: 136px !important;
    max-height: 136px !important;
}

.h-140 {
    height: 140px !important;
    min-height: 140px !important;
    max-height: 140px !important;
}

.h-144 {
    height: 144px !important;
    min-height: 144px !important;
    max-height: 144px !important;
}

.h-148 {
    height: 148px !important;
    min-height: 148px !important;
    max-height: 148px !important;
}

.h-152 {
    height: 152px !important;
    min-height: 152px !important;
    max-height: 152px !important;
}

.h-156 {
    height: 156px !important;
    min-height: 156px !important;
    max-height: 156px !important;
}

.h-160 {
    height: 160px !important;
    min-height: 160px !important;
    max-height: 160px !important;
}

.h-164 {
    height: 164px !important;
    min-height: 164px !important;
    max-height: 164px !important;
}

.h-168 {
    height: 168px !important;
    min-height: 168px !important;
    max-height: 168px !important;
}

.h-172 {
    height: 172px !important;
    min-height: 172px !important;
    max-height: 172px !important;
}

.h-176 {
    height: 176px !important;
    min-height: 176px !important;
    max-height: 176px !important;
}

.h-180 {
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
}

.h-184 {
    height: 184px !important;
    min-height: 184px !important;
    max-height: 184px !important;
}

.h-188 {
    height: 188px !important;
    min-height: 188px !important;
    max-height: 188px !important;
}

.h-192 {
    height: 192px !important;
    min-height: 192px !important;
    max-height: 192px !important;
}

.h-196 {
    height: 196px !important;
    min-height: 196px !important;
    max-height: 196px !important;
}

.h-200 {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
}

.h-204 {
    height: 204px !important;
    min-height: 204px !important;
    max-height: 204px !important;
}

.h-208 {
    height: 208px !important;
    min-height: 208px !important;
    max-height: 208px !important;
}

.h-212 {
    height: 212px !important;
    min-height: 212px !important;
    max-height: 212px !important;
}

.h-216 {
    height: 216px !important;
    min-height: 216px !important;
    max-height: 216px !important;
}

.h-220 {
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
}

.h-224 {
    height: 224px !important;
    min-height: 224px !important;
    max-height: 224px !important;
}

.h-228 {
    height: 228px !important;
    min-height: 228px !important;
    max-height: 228px !important;
}

.h-232 {
    height: 232px !important;
    min-height: 232px !important;
    max-height: 232px !important;
}

.h-236 {
    height: 236px !important;
    min-height: 236px !important;
    max-height: 236px !important;
}

.h-240 {
    height: 240px !important;
    min-height: 240px !important;
    max-height: 240px !important;
}

.h-244 {
    height: 244px !important;
    min-height: 244px !important;
    max-height: 244px !important;
}

.h-248 {
    height: 248px !important;
    min-height: 248px !important;
    max-height: 248px !important;
}

.h-252 {
    height: 252px !important;
    min-height: 252px !important;
    max-height: 252px !important;
}

.h-256 {
    height: 256px !important;
    min-height: 256px !important;
    max-height: 256px !important;
}

.h-260 {
    height: 260px !important;
    min-height: 260px !important;
    max-height: 260px !important;
}

.h-264 {
    height: 264px !important;
    min-height: 264px !important;
    max-height: 264px !important;
}

.h-268 {
    height: 268px !important;
    min-height: 268px !important;
    max-height: 268px !important;
}

.h-272 {
    height: 272px !important;
    min-height: 272px !important;
    max-height: 272px !important;
}

.h-276 {
    height: 276px !important;
    min-height: 276px !important;
    max-height: 276px !important;
}

.h-280 {
    height: 280px !important;
    min-height: 280px !important;
    max-height: 280px !important;
}

.h-284 {
    height: 284px !important;
    min-height: 284px !important;
    max-height: 284px !important;
}

.h-288 {
    height: 288px !important;
    min-height: 288px !important;
    max-height: 288px !important;
}

.h-292 {
    height: 292px !important;
    min-height: 292px !important;
    max-height: 292px !important;
}

.h-296 {
    height: 296px !important;
    min-height: 296px !important;
    max-height: 296px !important;
}

.h-300 {
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
}

.h-304 {
    height: 304px !important;
    min-height: 304px !important;
    max-height: 304px !important;
}

.h-308 {
    height: 308px !important;
    min-height: 308px !important;
    max-height: 308px !important;
}

.h-312 {
    height: 312px !important;
    min-height: 312px !important;
    max-height: 312px !important;
}

.h-316 {
    height: 316px !important;
    min-height: 316px !important;
    max-height: 316px !important;
}

.h-320 {
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
}

.h-324 {
    height: 324px !important;
    min-height: 324px !important;
    max-height: 324px !important;
}

.h-328 {
    height: 328px !important;
    min-height: 328px !important;
    max-height: 328px !important;
}

.h-332 {
    height: 332px !important;
    min-height: 332px !important;
    max-height: 332px !important;
}

.h-336 {
    height: 336px !important;
    min-height: 336px !important;
    max-height: 336px !important;
}

.h-340 {
    height: 340px !important;
    min-height: 340px !important;
    max-height: 340px !important;
}

.h-344 {
    height: 344px !important;
    min-height: 344px !important;
    max-height: 344px !important;
}

.h-348 {
    height: 348px !important;
    min-height: 348px !important;
    max-height: 348px !important;
}

.h-352 {
    height: 352px !important;
    min-height: 352px !important;
    max-height: 352px !important;
}

.h-356 {
    height: 356px !important;
    min-height: 356px !important;
    max-height: 356px !important;
}

.h-360 {
    height: 360px !important;
    min-height: 360px !important;
    max-height: 360px !important;
}

.h-364 {
    height: 364px !important;
    min-height: 364px !important;
    max-height: 364px !important;
}

.h-368 {
    height: 368px !important;
    min-height: 368px !important;
    max-height: 368px !important;
}

.h-372 {
    height: 372px !important;
    min-height: 372px !important;
    max-height: 372px !important;
}

.h-376 {
    height: 376px !important;
    min-height: 376px !important;
    max-height: 376px !important;
}

.h-380 {
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;
}

.h-384 {
    height: 384px !important;
    min-height: 384px !important;
    max-height: 384px !important;
}

.h-388 {
    height: 388px !important;
    min-height: 388px !important;
    max-height: 388px !important;
}

.h-392 {
    height: 392px !important;
    min-height: 392px !important;
    max-height: 392px !important;
}

.h-396 {
    height: 396px !important;
    min-height: 396px !important;
    max-height: 396px !important;
}

.h-400 {
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
}

.h-404 {
    height: 404px !important;
    min-height: 404px !important;
    max-height: 404px !important;
}

.h-408 {
    height: 408px !important;
    min-height: 408px !important;
    max-height: 408px !important;
}

.h-412 {
    height: 412px !important;
    min-height: 412px !important;
    max-height: 412px !important;
}

.h-416 {
    height: 416px !important;
    min-height: 416px !important;
    max-height: 416px !important;
}

.h-420 {
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
}

.h-424 {
    height: 424px !important;
    min-height: 424px !important;
    max-height: 424px !important;
}

.h-428 {
    height: 428px !important;
    min-height: 428px !important;
    max-height: 428px !important;
}

.h-432 {
    height: 432px !important;
    min-height: 432px !important;
    max-height: 432px !important;
}

.h-436 {
    height: 436px !important;
    min-height: 436px !important;
    max-height: 436px !important;
}

.h-440 {
    height: 440px !important;
    min-height: 440px !important;
    max-height: 440px !important;
}

.h-444 {
    height: 444px !important;
    min-height: 444px !important;
    max-height: 444px !important;
}

.h-448 {
    height: 448px !important;
    min-height: 448px !important;
    max-height: 448px !important;
}

.h-452 {
    height: 452px !important;
    min-height: 452px !important;
    max-height: 452px !important;
}

.h-456 {
    height: 456px !important;
    min-height: 456px !important;
    max-height: 456px !important;
}

.h-460 {
    height: 460px !important;
    min-height: 460px !important;
    max-height: 460px !important;
}

.h-464 {
    height: 464px !important;
    min-height: 464px !important;
    max-height: 464px !important;
}

.h-468 {
    height: 468px !important;
    min-height: 468px !important;
    max-height: 468px !important;
}

.h-472 {
    height: 472px !important;
    min-height: 472px !important;
    max-height: 472px !important;
}

.h-476 {
    height: 476px !important;
    min-height: 476px !important;
    max-height: 476px !important;
}

.h-480 {
    height: 480px !important;
    min-height: 480px !important;
    max-height: 480px !important;
}

.h-484 {
    height: 484px !important;
    min-height: 484px !important;
    max-height: 484px !important;
}

.h-488 {
    height: 488px !important;
    min-height: 488px !important;
    max-height: 488px !important;
}

.h-492 {
    height: 492px !important;
    min-height: 492px !important;
    max-height: 492px !important;
}

.h-496 {
    height: 496px !important;
    min-height: 496px !important;
    max-height: 496px !important;
}

.h-500 {
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
}

.h-504 {
    height: 504px !important;
    min-height: 504px !important;
    max-height: 504px !important;
}

.h-508 {
    height: 508px !important;
    min-height: 508px !important;
    max-height: 508px !important;
}

.h-512 {
    height: 512px !important;
    min-height: 512px !important;
    max-height: 512px !important;
}

.h-516 {
    height: 516px !important;
    min-height: 516px !important;
    max-height: 516px !important;
}

.h-520 {
    height: 520px !important;
    min-height: 520px !important;
    max-height: 520px !important;
}

.h-524 {
    height: 524px !important;
    min-height: 524px !important;
    max-height: 524px !important;
}

.h-528 {
    height: 528px !important;
    min-height: 528px !important;
    max-height: 528px !important;
}

.h-532 {
    height: 532px !important;
    min-height: 532px !important;
    max-height: 532px !important;
}

.h-536 {
    height: 536px !important;
    min-height: 536px !important;
    max-height: 536px !important;
}

.h-540 {
    height: 540px !important;
    min-height: 540px !important;
    max-height: 540px !important;
}

.h-544 {
    height: 544px !important;
    min-height: 544px !important;
    max-height: 544px !important;
}

.h-548 {
    height: 548px !important;
    min-height: 548px !important;
    max-height: 548px !important;
}

.h-552 {
    height: 552px !important;
    min-height: 552px !important;
    max-height: 552px !important;
}

.h-556 {
    height: 556px !important;
    min-height: 556px !important;
    max-height: 556px !important;
}

.h-560 {
    height: 560px !important;
    min-height: 560px !important;
    max-height: 560px !important;
}

.h-564 {
    height: 564px !important;
    min-height: 564px !important;
    max-height: 564px !important;
}

.h-568 {
    height: 568px !important;
    min-height: 568px !important;
    max-height: 568px !important;
}

.h-572 {
    height: 572px !important;
    min-height: 572px !important;
    max-height: 572px !important;
}

.h-576 {
    height: 576px !important;
    min-height: 576px !important;
    max-height: 576px !important;
}

.h-580 {
    height: 580px !important;
    min-height: 580px !important;
    max-height: 580px !important;
}

.h-584 {
    height: 584px !important;
    min-height: 584px !important;
    max-height: 584px !important;
}

.h-588 {
    height: 588px !important;
    min-height: 588px !important;
    max-height: 588px !important;
}

.h-592 {
    height: 592px !important;
    min-height: 592px !important;
    max-height: 592px !important;
}

.h-596 {
    height: 596px !important;
    min-height: 596px !important;
    max-height: 596px !important;
}

.h-600 {
    height: 600px !important;
    min-height: 600px !important;
    max-height: 600px !important;
}

.h-604 {
    height: 604px !important;
    min-height: 604px !important;
    max-height: 604px !important;
}

.h-608 {
    height: 608px !important;
    min-height: 608px !important;
    max-height: 608px !important;
}

.h-612 {
    height: 612px !important;
    min-height: 612px !important;
    max-height: 612px !important;
}

.h-616 {
    height: 616px !important;
    min-height: 616px !important;
    max-height: 616px !important;
}

.h-620 {
    height: 620px !important;
    min-height: 620px !important;
    max-height: 620px !important;
}

.h-624 {
    height: 624px !important;
    min-height: 624px !important;
    max-height: 624px !important;
}

.h-628 {
    height: 628px !important;
    min-height: 628px !important;
    max-height: 628px !important;
}

.h-632 {
    height: 632px !important;
    min-height: 632px !important;
    max-height: 632px !important;
}

.h-636 {
    height: 636px !important;
    min-height: 636px !important;
    max-height: 636px !important;
}

.h-640 {
    height: 640px !important;
    min-height: 640px !important;
    max-height: 640px !important;
}

.h-644 {
    height: 644px !important;
    min-height: 644px !important;
    max-height: 644px !important;
}

.h-648 {
    height: 648px !important;
    min-height: 648px !important;
    max-height: 648px !important;
}

.h-652 {
    height: 652px !important;
    min-height: 652px !important;
    max-height: 652px !important;
}

.h-656 {
    height: 656px !important;
    min-height: 656px !important;
    max-height: 656px !important;
}

.h-660 {
    height: 660px !important;
    min-height: 660px !important;
    max-height: 660px !important;
}

.h-664 {
    height: 664px !important;
    min-height: 664px !important;
    max-height: 664px !important;
}

.h-668 {
    height: 668px !important;
    min-height: 668px !important;
    max-height: 668px !important;
}

.h-672 {
    height: 672px !important;
    min-height: 672px !important;
    max-height: 672px !important;
}

.h-676 {
    height: 676px !important;
    min-height: 676px !important;
    max-height: 676px !important;
}

.h-680 {
    height: 680px !important;
    min-height: 680px !important;
    max-height: 680px !important;
}

.h-684 {
    height: 684px !important;
    min-height: 684px !important;
    max-height: 684px !important;
}

.h-688 {
    height: 688px !important;
    min-height: 688px !important;
    max-height: 688px !important;
}

.h-692 {
    height: 692px !important;
    min-height: 692px !important;
    max-height: 692px !important;
}

.h-696 {
    height: 696px !important;
    min-height: 696px !important;
    max-height: 696px !important;
}

.h-700 {
    height: 700px !important;
    min-height: 700px !important;
    max-height: 700px !important;
}

.h-704 {
    height: 704px !important;
    min-height: 704px !important;
    max-height: 704px !important;
}

.h-708 {
    height: 708px !important;
    min-height: 708px !important;
    max-height: 708px !important;
}

.h-712 {
    height: 712px !important;
    min-height: 712px !important;
    max-height: 712px !important;
}

.h-716 {
    height: 716px !important;
    min-height: 716px !important;
    max-height: 716px !important;
}

.h-720 {
    height: 720px !important;
    min-height: 720px !important;
    max-height: 720px !important;
}

.h-0-p {
    height: 0% !important;
}

.h-5-p {
    height: 5% !important;
}

.h-10-p {
    height: 10% !important;
}

.h-15-p {
    height: 15% !important;
}

.h-20-p {
    height: 20% !important;
}

.h-25-p {
    height: 25% !important;
}

.h-30-p {
    height: 30% !important;
}

.h-35-p {
    height: 35% !important;
}

.h-40-p {
    height: 40% !important;
}

.h-45-p {
    height: 45% !important;
}

.h-50-p {
    height: 50% !important;
}

.h-55-p {
    height: 55% !important;
}

.h-60-p {
    height: 60% !important;
}

.h-65-p {
    height: 65% !important;
}

.h-70-p {
    height: 70% !important;
}

.h-75-p {
    height: 75% !important;
}

.h-80-p {
    height: 80% !important;
}

.h-85-p {
    height: 85% !important;
}

.h-90-p {
    height: 90% !important;
}

.h-95-p {
    height: 95% !important;
}

.h-100-p {
    height: 100% !important;
}

.w-0 {
    width: 0px !important;
    min-width: 0px !important;
    max-width: 0px !important;
}

.w-4 {
    width: 4px !important;
    min-width: 4px !important;
    max-width: 4px !important;
}

.w-8 {
    width: 8px !important;
    min-width: 8px !important;
    max-width: 8px !important;
}

.w-12 {
    width: 12px !important;
    min-width: 12px !important;
    max-width: 12px !important;
}

.w-16 {
    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
}

.w-20 {
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
}

.w-24 {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
}

.w-28 {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
}

.w-32 {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
}

.w-36 {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
}

.w-40 {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
}

.w-44 {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
}

.w-48 {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
}

.w-52 {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
}

.w-56 {
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
}

.w-60 {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
}

.w-64 {
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
}

.w-68 {
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
}

.w-72 {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
}

.w-76 {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
}

.w-80 {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
}

.w-84 {
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
}

.w-88 {
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
}

.w-92 {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
}

.w-96 {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
}

.w-100 {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
}

.w-104 {
    width: 104px !important;
    min-width: 104px !important;
    max-width: 104px !important;
}

.w-108 {
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
}

.w-112 {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
}

.w-116 {
    width: 116px !important;
    min-width: 116px !important;
    max-width: 116px !important;
}

.w-120 {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
}

.w-124 {
    width: 124px !important;
    min-width: 124px !important;
    max-width: 124px !important;
}

.w-128 {
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
}

.w-132 {
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
}

.w-136 {
    width: 136px !important;
    min-width: 136px !important;
    max-width: 136px !important;
}

.w-140 {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
}

.w-144 {
    width: 144px !important;
    min-width: 144px !important;
    max-width: 144px !important;
}

.w-148 {
    width: 148px !important;
    min-width: 148px !important;
    max-width: 148px !important;
}

.w-152 {
    width: 152px !important;
    min-width: 152px !important;
    max-width: 152px !important;
}

.w-156 {
    width: 156px !important;
    min-width: 156px !important;
    max-width: 156px !important;
}

.w-160 {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
}

.w-164 {
    width: 164px !important;
    min-width: 164px !important;
    max-width: 164px !important;
}

.w-168 {
    width: 168px !important;
    min-width: 168px !important;
    max-width: 168px !important;
}

.w-172 {
    width: 172px !important;
    min-width: 172px !important;
    max-width: 172px !important;
}

.w-176 {
    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;
}

.w-180 {
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
}

.w-184 {
    width: 184px !important;
    min-width: 184px !important;
    max-width: 184px !important;
}

.w-188 {
    width: 188px !important;
    min-width: 188px !important;
    max-width: 188px !important;
}

.w-192 {
    width: 192px !important;
    min-width: 192px !important;
    max-width: 192px !important;
}

.w-196 {
    width: 196px !important;
    min-width: 196px !important;
    max-width: 196px !important;
}

.w-200 {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
}

.w-204 {
    width: 204px !important;
    min-width: 204px !important;
    max-width: 204px !important;
}

.w-208 {
    width: 208px !important;
    min-width: 208px !important;
    max-width: 208px !important;
}

.w-212 {
    width: 212px !important;
    min-width: 212px !important;
    max-width: 212px !important;
}

.w-216 {
    width: 216px !important;
    min-width: 216px !important;
    max-width: 216px !important;
}

.w-220 {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
}

.w-224 {
    width: 224px !important;
    min-width: 224px !important;
    max-width: 224px !important;
}

.w-228 {
    width: 228px !important;
    min-width: 228px !important;
    max-width: 228px !important;
}

.w-232 {
    width: 232px !important;
    min-width: 232px !important;
    max-width: 232px !important;
}

.w-236 {
    width: 236px !important;
    min-width: 236px !important;
    max-width: 236px !important;
}

.w-240 {
    width: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;
}

.w-244 {
    width: 244px !important;
    min-width: 244px !important;
    max-width: 244px !important;
}

.w-248 {
    width: 248px !important;
    min-width: 248px !important;
    max-width: 248px !important;
}

.w-252 {
    width: 252px !important;
    min-width: 252px !important;
    max-width: 252px !important;
}

.w-256 {
    width: 256px !important;
    min-width: 256px !important;
    max-width: 256px !important;
}

.w-260 {
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
}

.w-264 {
    width: 264px !important;
    min-width: 264px !important;
    max-width: 264px !important;
}

.w-268 {
    width: 268px !important;
    min-width: 268px !important;
    max-width: 268px !important;
}

.w-272 {
    width: 272px !important;
    min-width: 272px !important;
    max-width: 272px !important;
}

.w-276 {
    width: 276px !important;
    min-width: 276px !important;
    max-width: 276px !important;
}

.w-280 {
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
}

.w-284 {
    width: 284px !important;
    min-width: 284px !important;
    max-width: 284px !important;
}

.w-288 {
    width: 288px !important;
    min-width: 288px !important;
    max-width: 288px !important;
}

.w-292 {
    width: 292px !important;
    min-width: 292px !important;
    max-width: 292px !important;
}

.w-296 {
    width: 296px !important;
    min-width: 296px !important;
    max-width: 296px !important;
}

.w-300 {
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
}

.w-304 {
    width: 304px !important;
    min-width: 304px !important;
    max-width: 304px !important;
}

.w-308 {
    width: 308px !important;
    min-width: 308px !important;
    max-width: 308px !important;
}

.w-312 {
    width: 312px !important;
    min-width: 312px !important;
    max-width: 312px !important;
}

.w-316 {
    width: 316px !important;
    min-width: 316px !important;
    max-width: 316px !important;
}

.w-320 {
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
}

.w-324 {
    width: 324px !important;
    min-width: 324px !important;
    max-width: 324px !important;
}

.w-328 {
    width: 328px !important;
    min-width: 328px !important;
    max-width: 328px !important;
}

.w-332 {
    width: 332px !important;
    min-width: 332px !important;
    max-width: 332px !important;
}

.w-336 {
    width: 336px !important;
    min-width: 336px !important;
    max-width: 336px !important;
}

.w-340 {
    width: 340px !important;
    min-width: 340px !important;
    max-width: 340px !important;
}

.w-344 {
    width: 344px !important;
    min-width: 344px !important;
    max-width: 344px !important;
}

.w-348 {
    width: 348px !important;
    min-width: 348px !important;
    max-width: 348px !important;
}

.w-352 {
    width: 352px !important;
    min-width: 352px !important;
    max-width: 352px !important;
}

.w-356 {
    width: 356px !important;
    min-width: 356px !important;
    max-width: 356px !important;
}

.w-360 {
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;
}

.w-364 {
    width: 364px !important;
    min-width: 364px !important;
    max-width: 364px !important;
}

.w-368 {
    width: 368px !important;
    min-width: 368px !important;
    max-width: 368px !important;
}

.w-372 {
    width: 372px !important;
    min-width: 372px !important;
    max-width: 372px !important;
}

.w-376 {
    width: 376px !important;
    min-width: 376px !important;
    max-width: 376px !important;
}

.w-380 {
    width: 380px !important;
    min-width: 380px !important;
    max-width: 380px !important;
}

.w-384 {
    width: 384px !important;
    min-width: 384px !important;
    max-width: 384px !important;
}

.w-388 {
    width: 388px !important;
    min-width: 388px !important;
    max-width: 388px !important;
}

.w-392 {
    width: 392px !important;
    min-width: 392px !important;
    max-width: 392px !important;
}

.w-396 {
    width: 396px !important;
    min-width: 396px !important;
    max-width: 396px !important;
}

.w-400 {
    width: 400px !important;
    min-width: 400px !important;
    max-width: 400px !important;
}

.w-404 {
    width: 404px !important;
    min-width: 404px !important;
    max-width: 404px !important;
}

.w-408 {
    width: 408px !important;
    min-width: 408px !important;
    max-width: 408px !important;
}

.w-412 {
    width: 412px !important;
    min-width: 412px !important;
    max-width: 412px !important;
}

.w-416 {
    width: 416px !important;
    min-width: 416px !important;
    max-width: 416px !important;
}

.w-420 {
    width: 420px !important;
    min-width: 420px !important;
    max-width: 420px !important;
}

.w-424 {
    width: 424px !important;
    min-width: 424px !important;
    max-width: 424px !important;
}

.w-428 {
    width: 428px !important;
    min-width: 428px !important;
    max-width: 428px !important;
}

.w-432 {
    width: 432px !important;
    min-width: 432px !important;
    max-width: 432px !important;
}

.w-436 {
    width: 436px !important;
    min-width: 436px !important;
    max-width: 436px !important;
}

.w-440 {
    width: 440px !important;
    min-width: 440px !important;
    max-width: 440px !important;
}

.w-444 {
    width: 444px !important;
    min-width: 444px !important;
    max-width: 444px !important;
}

.w-448 {
    width: 448px !important;
    min-width: 448px !important;
    max-width: 448px !important;
}

.w-452 {
    width: 452px !important;
    min-width: 452px !important;
    max-width: 452px !important;
}

.w-456 {
    width: 456px !important;
    min-width: 456px !important;
    max-width: 456px !important;
}

.w-460 {
    width: 460px !important;
    min-width: 460px !important;
    max-width: 460px !important;
}

.w-464 {
    width: 464px !important;
    min-width: 464px !important;
    max-width: 464px !important;
}

.w-468 {
    width: 468px !important;
    min-width: 468px !important;
    max-width: 468px !important;
}

.w-472 {
    width: 472px !important;
    min-width: 472px !important;
    max-width: 472px !important;
}

.w-476 {
    width: 476px !important;
    min-width: 476px !important;
    max-width: 476px !important;
}

.w-480 {
    width: 480px !important;
    min-width: 480px !important;
    max-width: 480px !important;
}

.w-484 {
    width: 484px !important;
    min-width: 484px !important;
    max-width: 484px !important;
}

.w-488 {
    width: 488px !important;
    min-width: 488px !important;
    max-width: 488px !important;
}

.w-492 {
    width: 492px !important;
    min-width: 492px !important;
    max-width: 492px !important;
}

.w-496 {
    width: 496px !important;
    min-width: 496px !important;
    max-width: 496px !important;
}

.w-500 {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
}

.w-504 {
    width: 504px !important;
    min-width: 504px !important;
    max-width: 504px !important;
}

.w-508 {
    width: 508px !important;
    min-width: 508px !important;
    max-width: 508px !important;
}

.w-512 {
    width: 512px !important;
    min-width: 512px !important;
    max-width: 512px !important;
}

.w-516 {
    width: 516px !important;
    min-width: 516px !important;
    max-width: 516px !important;
}

.w-520 {
    width: 520px !important;
    min-width: 520px !important;
    max-width: 520px !important;
}

.w-524 {
    width: 524px !important;
    min-width: 524px !important;
    max-width: 524px !important;
}

.w-528 {
    width: 528px !important;
    min-width: 528px !important;
    max-width: 528px !important;
}

.w-532 {
    width: 532px !important;
    min-width: 532px !important;
    max-width: 532px !important;
}

.w-536 {
    width: 536px !important;
    min-width: 536px !important;
    max-width: 536px !important;
}

.w-540 {
    width: 540px !important;
    min-width: 540px !important;
    max-width: 540px !important;
}

.w-544 {
    width: 544px !important;
    min-width: 544px !important;
    max-width: 544px !important;
}

.w-548 {
    width: 548px !important;
    min-width: 548px !important;
    max-width: 548px !important;
}

.w-552 {
    width: 552px !important;
    min-width: 552px !important;
    max-width: 552px !important;
}

.w-556 {
    width: 556px !important;
    min-width: 556px !important;
    max-width: 556px !important;
}

.w-560 {
    width: 560px !important;
    min-width: 560px !important;
    max-width: 560px !important;
}

.w-564 {
    width: 564px !important;
    min-width: 564px !important;
    max-width: 564px !important;
}

.w-568 {
    width: 568px !important;
    min-width: 568px !important;
    max-width: 568px !important;
}

.w-572 {
    width: 572px !important;
    min-width: 572px !important;
    max-width: 572px !important;
}

.w-576 {
    width: 576px !important;
    min-width: 576px !important;
    max-width: 576px !important;
}

.w-580 {
    width: 580px !important;
    min-width: 580px !important;
    max-width: 580px !important;
}

.w-584 {
    width: 584px !important;
    min-width: 584px !important;
    max-width: 584px !important;
}

.w-588 {
    width: 588px !important;
    min-width: 588px !important;
    max-width: 588px !important;
}

.w-592 {
    width: 592px !important;
    min-width: 592px !important;
    max-width: 592px !important;
}

.w-596 {
    width: 596px !important;
    min-width: 596px !important;
    max-width: 596px !important;
}

.w-600 {
    width: 600px !important;
    min-width: 600px !important;
    max-width: 600px !important;
}

.w-604 {
    width: 604px !important;
    min-width: 604px !important;
    max-width: 604px !important;
}

.w-608 {
    width: 608px !important;
    min-width: 608px !important;
    max-width: 608px !important;
}

.w-612 {
    width: 612px !important;
    min-width: 612px !important;
    max-width: 612px !important;
}

.w-616 {
    width: 616px !important;
    min-width: 616px !important;
    max-width: 616px !important;
}

.w-620 {
    width: 620px !important;
    min-width: 620px !important;
    max-width: 620px !important;
}

.w-624 {
    width: 624px !important;
    min-width: 624px !important;
    max-width: 624px !important;
}

.w-628 {
    width: 628px !important;
    min-width: 628px !important;
    max-width: 628px !important;
}

.w-632 {
    width: 632px !important;
    min-width: 632px !important;
    max-width: 632px !important;
}

.w-636 {
    width: 636px !important;
    min-width: 636px !important;
    max-width: 636px !important;
}

.w-640 {
    width: 640px !important;
    min-width: 640px !important;
    max-width: 640px !important;
}

.w-644 {
    width: 644px !important;
    min-width: 644px !important;
    max-width: 644px !important;
}

.w-648 {
    width: 648px !important;
    min-width: 648px !important;
    max-width: 648px !important;
}

.w-652 {
    width: 652px !important;
    min-width: 652px !important;
    max-width: 652px !important;
}

.w-656 {
    width: 656px !important;
    min-width: 656px !important;
    max-width: 656px !important;
}

.w-660 {
    width: 660px !important;
    min-width: 660px !important;
    max-width: 660px !important;
}

.w-664 {
    width: 664px !important;
    min-width: 664px !important;
    max-width: 664px !important;
}

.w-668 {
    width: 668px !important;
    min-width: 668px !important;
    max-width: 668px !important;
}

.w-672 {
    width: 672px !important;
    min-width: 672px !important;
    max-width: 672px !important;
}

.w-676 {
    width: 676px !important;
    min-width: 676px !important;
    max-width: 676px !important;
}

.w-680 {
    width: 680px !important;
    min-width: 680px !important;
    max-width: 680px !important;
}

.w-684 {
    width: 684px !important;
    min-width: 684px !important;
    max-width: 684px !important;
}

.w-688 {
    width: 688px !important;
    min-width: 688px !important;
    max-width: 688px !important;
}

.w-692 {
    width: 692px !important;
    min-width: 692px !important;
    max-width: 692px !important;
}

.w-696 {
    width: 696px !important;
    min-width: 696px !important;
    max-width: 696px !important;
}

.w-700 {
    width: 700px !important;
    min-width: 700px !important;
    max-width: 700px !important;
}

.w-704 {
    width: 704px !important;
    min-width: 704px !important;
    max-width: 704px !important;
}

.w-708 {
    width: 708px !important;
    min-width: 708px !important;
    max-width: 708px !important;
}

.w-712 {
    width: 712px !important;
    min-width: 712px !important;
    max-width: 712px !important;
}

.w-716 {
    width: 716px !important;
    min-width: 716px !important;
    max-width: 716px !important;
}

.w-720 {
    width: 720px !important;
    min-width: 720px !important;
    max-width: 720px !important;
}

.w-0-p {
    width: 0% !important;
}

.w-5-p {
    width: 5% !important;
}

.w-10-p {
    width: 10% !important;
}

.w-15-p {
    width: 15% !important;
}

.w-20-p {
    width: 20% !important;
}

.w-25-p {
    width: 25% !important;
}

.w-30-p {
    width: 30% !important;
}

.w-35-p {
    width: 35% !important;
}

.w-40-p {
    width: 40% !important;
}

.w-45-p {
    width: 45% !important;
}

.w-50-p {
    width: 50% !important;
}

.w-55-p {
    width: 55% !important;
}

.w-60-p {
    width: 60% !important;
}

.w-65-p {
    width: 65% !important;
}

.w-70-p {
    width: 70% !important;
}

.w-75-p {
    width: 75% !important;
}

.w-80-p {
    width: 80% !important;
}

.w-85-p {
    width: 85% !important;
}

.w-90-p {
    width: 90% !important;
}

.w-95-p {
    width: 95% !important;
}

.w-100-p {
    width: 100% !important;
}

    .w-100-p.ml-8, .w-100-p.mr-8 {
        width: calc(100% - 8px) !important;
    }

    .w-100-p.mx-8, .w-100-p.m-8 {
        width: calc(100% - 16px) !important;
    }

.my-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

.mx-4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
}

.mx-16 {
    margin-left: 16px !important;
    margin-right: 16px !important;
}

.mx-32 {
    margin-left: 32px !important;
    margin-right: 32px !important;
}

.m-0 {
    margin: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}

.p-0 {
    padding: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

.px-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.py-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.p-8 {
    padding: 8px !important;
}

.m-8 {
    margin: 8px !important;
}

.w-100-p.px-8, .w-100-p.p-8 {
    width: calc(100% - 16px) !important;
}

.table-overflow {
    overflow-y: scroll;
}

.overflow-y {
    overflow-y: scroll;
}

.max-h-600 {
    max-height: 600px;
}

.max-h-300 {
    max-height: 300px;
}