:root {
    --typography-font-family: "Inter", sans-serif;
    --typography-button-font-size: max(16px, min(16px, calc(16px + (100vw - 768px)*0)));
    --typography-button-font-weight: 600;
    --typography-button-line-height: 1;
    --typography-menu10-font-size: max(20px, min(20px, calc(20px + (100vw - 768px)*0)));
    --typography-menu10-font-weight: 600;
    --typography-menu10-line-height: 1.05;
    --typography-menu20-font-size: max(18px, min(18px, calc(18px + (100vw - 768px)*0)));
    --typography-menu20-font-weight: 600;
    --typography-menu20-line-height: 1.05;
    --typography-menu30-font-size: max(16px, min(16px, calc(16px + (100vw - 768px)*0)));
    --typography-menu30-font-weight: 600;
    --typography-menu30-line-height: 1.05;
    --typography-body10-font-size: max(16px, min(18px, calc(16px + (100vw - 768px) / 832 * 2)));
    --typography-body10-line-height: 1.5;
    --typography-body20-font-size: max(14px, min(16px, calc(14px + (100vw - 768px) / 832 * 2)));
    --typography-body20-line-height: 1.5;
    --typography-body30-font-size: max(12px, min(14px, calc(12px + (100vw - 768px) / 832 * 2)));
    --typography-body30-line-height: 1.5;
    --typography-label10-font-size: max(16px, min(18px, calc(16px + (100vw - 768px) / 832 * 2)));
    --typography-label10-font-weight: 600;
    --typography-label10-line-height: 1.05;
    --typography-label20-font-size: max(14px, min(16px, calc(14px + (100vw - 768px) / 832 * 2)));
    --typography-label20-font-weight: 600;
    --typography-label20-line-height: 1.05;
    --typography-label30-font-size: max(12px, min(14px, calc(12px + (100vw - 768px) / 832 * 2)));
    --typography-label30-font-weight: 400;
    --typography-label30-line-height: 1.05;
    --typography-display30-font-size: max(32px, min(60px, calc(32px + (100vw - 768px) / 832 * 28)));
    --typography-display30-font-weight: 600;
    --typography-display30-line-height: 1.05;
    --typography-display40-font-size: max(24px, min(48px, calc(24px + (100vw - 768px) / 832 * 24)));
    --typography-display40-font-weight: 600;
    --typography-display40-line-height: 1.2;
    --typography-display50-font-size: max(24px, min(40px, calc(24px + (100vw - 768px) / 832 * 16)));
    --typography-display50-font-weight: 600;
    --typography-display50-line-height: 1.2;
    --typography-display60-font-size: max(20px, min(32px, calc(20px + (100vw - 768px) / 832 * 12)));
    --typography-display60-font-weight: 600;
    --typography-display60-line-height: 1.2;
    --typography-display70-font-size: max(18px, min(24px, calc(18px + (100vw - 768px) / 832 * 6)));
    --typography-display70-font-weight: 600;
    --typography-display70-line-height: 1.1;
    --typography-display80-font-size: max(18px, min(20px, calc(18px + (100vw - 768px) / 832 * 2)));
    --typography-display80-font-weight: 600;
    --typography-display80-line-height: 1.05;
    --color-primary-40: #f9ffff;
    --color-primary-50: #eafeff;
    --color-primary-100: #cafcff;
    --color-primary-200: #9cf6ff;
    --color-primary-300: #57edff;
    --color-primary-400: #0cd9ff;
    --color-primary-500: #00bdea;
    --color-primary-600: #0094c4;
    --color-primary-700: #0078A1;
    --color-primary-800: #0b5e7f;
    --color-primary-900: #0EFDFB; /*originale = #0E4E6B*/
    --color-primary-950: #02334a;
    --color-secondary-50: #fef2f2;
    --color-secondary-100: #ffe1e1;
    --color-secondary-200: #ffc8c8;
    --color-secondary-300: #ffa2a2;
    --color-secondary-400: #fd6c6c;
    --color-secondary-500: #f53e3e;
    --color-secondary-600: #e22020;
    --color-secondary-700: #c11717;
    --color-secondary-800: #9d1717;
    --color-secondary-900: #821a1a;
    --color-secondary-950: #470808;
    --color-tertiary-50: #f7f7f6;
    --color-tertiary-100: #e4e4e3;
    --color-tertiary-200: #c9c9c6;
    --color-tertiary-300: #a7a6a1;
    --color-tertiary-400: #84837d;
    --color-tertiary-500: #696963;
    --color-tertiary-600: #53534e;
    --color-tertiary-700: #454440;
    --color-tertiary-800: #393936;
    --color-tertiary-900: #32322f;
    --color-tertiary-950: #1d1d1b;
    --color-neutral-50: #FFFFFF;
    --color-neutral-100: #FAFAFA;
    --color-neutral-200: #F6F6F6;
    --color-neutral-300: #F1F1F1;
    --color-neutral-400: #EDEDED;
    --color-neutral-500: #E3E3E3;
    --color-neutral-600: #D1D1D1;
    --color-neutral-700: #A8A8A8;
    --color-neutral-800: #575757;
    --color-neutral-900: #2E2E2E;
    --color-neutral-950: #000000;
    --color-input-focus: #0CD9FF;
    --radius-small: 4px;
    --radius-medium: 8px;
    --radius-large: 16px;
    --radius-xlarge: 24px;
    --spacing-10: max(2px, min(2px, calc(2px + (100vw - 768px)*0)));
    --spacing-20: max(4px, min(4px, calc(4px + (100vw - 768px)*0)));
    --spacing-30: max(8px, min(8px, calc(8px + (100vw - 768px)*0)));
    --spacing-40: max(12px, min(12px, calc(12px + (100vw - 768px)*0)));
    --spacing-50: max(16px, min(16px, calc(16px + (100vw - 768px)*0)));
    --spacing-60: max(24px, min(24px, calc(24px + (100vw - 768px)*0)));
    --spacing-70: max(24px, min(32px, calc(24px + (100vw - 768px) / 832 * 8)));
    --spacing-80: max(32px, min(40px, calc(32px + (100vw - 768px) / 832 * 8)));
    --spacing-90: max(40px, min(48px, calc(40px + (100vw - 768px) / 832 * 8)));
    --spacing-100: max(48px, min(64px, calc(48px + (100vw - 768px) / 832 * 16)));
    --spacing-110: max(64px, min(80px, calc(64px + (100vw - 768px) / 832 * 16)));
    --spacing-120: max(80px, min(96px, calc(80px + (100vw - 768px) / 832 * 16)));
    --spacing-130: max(96px, min(128px, calc(96px + (100vw - 768px) / 832 * 32)));
    --spacing-140: max(96px, min(160px, calc(96px + (100vw - 768px) / 832 * 64)));
}


td .tdT {
    border-color: -moz-use-text-color -moz-use-text-color #E5E5E5;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #333333;
    font-size: 21px;
    /*line-height: 40px;*/
    margin-bottom: 20px;
    padding: 0;
    width: 100%;
    /*text-transform:capitalize;*/
}

td.tdLeft {
    width: 1%;
    white-space: nowrap;
}

td.tdCenter {
    width: 100%;
}

table {
    border-spacing: 10px;
    border-collapse: separate;
    width: 100% !important;
}

td.lblRO {
    color: #666666 !important;
    font-family: "Open Sans",Calibri,Candara,Arial,sans-serif;
    font-size: 13px;
    text-shadow: 0 0 0;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 4px 4px 4px 4px;
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    vertical-align: middle;
    font-weight: normal;
    background-color: #EEEEEE;
    cursor: no-drop;
}

tr.tdW td.lblInternal {
    padding-left: 20px !important;
}

div#divTestoPrivacy {
    width: 100% !important;
    border: 1px #dddddd solid;
}

input.cmdBtn {
    color: var(--color-neutral-50);
    border-radius: var(--radius-small);
    transition: background-color 0.3s;
    position: relative;
    font-size: var(--typography-button-font-size);
    font-weight: var(--typography-button-font-weight, normal);
    line-height: var(--typography-button-line-height);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-40);
    gap: var(--spacing-30);
    min-width: 140px;
}

div.Btn {
    BORDER-BOTTOM: #b3b3b3 1px solid;
    TEXT-ALIGN: center;
    FILTER: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    BORDER-LEFT: #cccccc 1px solid;
    PADDING-BOTTOM: 4px;
    LINE-HEIGHT: 20px;
    BACKGROUND-COLOR: #f5f5f5;
    PADDING-LEFT: 12px;
    PADDING-RIGHT: 12px;
    DISPLAY: inline-block;
    BACKGROUND-REPEAT: repeat-x;
    MARGIN-BOTTOM: 0px;
    COLOR: #333333;
    FONT-SIZE: 14px;
    VERTICAL-ALIGN: middle;
    BORDER-TOP: #cccccc 1px solid;
    CURSOR: pointer;
    BORDER-RIGHT: #cccccc 1px solid;
    PADDING-TOP: 4px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

div.Btn, div.BtnCmd, div.BtnC {
    height: 20px;
}

div.BtnCmd {
    position: absolute;
    margin-top: -20px;
}

div.BtnL, div.BtnR {
    display: none;
}

input.btn-primary {
    background: var(--color-secondary-700);
}

.tdTG, tr.tdT td {
    FONT-SIZE: 14px;
    BORDER-bottom: #cccccc 1px solid;
    font-weight: bold;
    text-align: left;
}

/*select {
    color: #666666 !important;
    font-family: "Open Sans",Calibri,Candara,Arial,sans-serif !important;
    font-size: 13px !important;
}*/

.txtREDBOLD {
    color: #DB0402;
    font-weight: bold;
}

.tblSelSedi {
    border-collapse: collapse;
    border-spacing: 0px;
    top: 10px;
}

    .tblSelSedi tr td {
        height: 35px;
    }
#tblSelSedi thead tr.selSedi th {
    color: #FFFFFF !important;
    background-color: #6A6D72 !important;
    height: 35px;
}
tr.selSedi th.pin {
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('/DotNet/Common/MasterPages/www.ialweb.it/img/icon-pin.png');
    padding-left: 23px !important;
}

tr.selSedi th.date {
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('/DotNet/Common/MasterPages/www.ialweb.it/img/icon-date.png');
    padding-left: 23px !important;
}

tr.selSedi th.scheduler {
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('/DotNet/Common/MasterPages/www.ialweb.it/img/icon-scheduler.png');
    padding-left: 23px !important;
}

tr.selSedi th.play {
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('/DotNet/Common/MasterPages/www.ialweb.it/img/icon-play.png');
    padding-left: 23px !important;
}

tr.selSedi td {
    color: #FFFFFF;
    background-color: #6A6D72;
}

    tr.selSedi td.pin, table.tblSelAllievi th.pin {
        background-repeat: no-repeat;
        background-position: left;
        background-image: url('/DotNet/Common/MasterPages/www.ialweb.it/img/icon-pin.png');
        padding-left: 23px !important;
    }

    tr.selSedi td.date, table.tblSelAllievi th.date {
        background-repeat: no-repeat;
        background-position: left;
        background-image: url('/DotNet/Common/MasterPages/www.ialweb.it/img/icon-date.png');
        padding-left: 23px !important;
    }

    tr.selSedi td.scheduler, table.tblSelAllievi th.scheduler {
        background-repeat: no-repeat;
        background-position: left;
        background-image: url('/DotNet/Common/MasterPages/www.ialweb.it/img/icon-scheduler.png');
        padding-left: 23px !important;
    }

    tr.selSedi td.play, table.tblSelAllievi th.play {
        background-repeat: no-repeat;
        background-position: left;
        background-image: url('/DotNet/Common/MasterPages/www.ialweb.it/img/icon-play.png');
        padding-left: 23px !important;
    }

div.divOpts {
    position: absolute;
    z-index: 10000;
}

div.div_ch {
    background-color: #666666;
}

    div.div_ch span.ch {
        display: inline-block;
        font-size: 14px;
        color: #FFFFFF;
        font-weight: bold;
    }

div.div_op a {
    text-decoration: none;
}

div.div_co {
    background-color: #FFFFFF;
}

    div.div_co:hover {
        background-color: #EEEEEE;
    }

    div.div_co span.co {
        display: inline-block;
        font-size: 14px;
        color: #666666;
        font-weight: normal;
        white-space: normal
    }

div.div_op {
    max-height: 250px;
    background-color: #666666;
    overflow: auto;
    border: 1px solid #999999;
    white-space: nowrap;
}
div.div_noresult {
    padding: 5px 10px;
    max-height: 250px;
    background-color: #666666;
    color: #FFFFFF;
    overflow: auto;
    border: 1px solid #999999;
    white-space: nowrap;
}

div.Field {
    width: 50%;
    float: left;
}
div.Field100 {
    width: 100%;
    float: left;
}
/*div.Label div {
    width: 140px;
}*/

div.Title, h2.Title {
    font-size: var(--typography-display80-font-size);
    font-weight: var(--typography-display80-font-weight, normal);
    line-height: var(--typography-display80-line-height);
    margin-top: var(--spacing-60);
    margin-bottom: var(--spacing-60);
    width: 100%;
    display: block;
    clear: both;
    text-transform: lowercase;
}

    div.Title:first-letter, h2.Title:first-letter {
        text-transform: uppercase;
    }
/*
div.ReadOnly {
    color: #666666 !important;
    font-family: "Open Sans",Calibri,Candara,Arial,sans-serif;
    font-size: 13px;
    text-shadow: 0 0 0;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 4px 4px 4px 4px;
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    vertical-align: middle;
    font-weight: normal;
    background-color: #EEEEEE;
    cursor: no-drop;
}
*/
/* Lo stile viene applicato se la larghezza è al massimo 450px (quindi schermi piccoli) */
@media (max-width: 1000px) {
    div.Field {
        width: 100%;
    }

    .modalPrivacy {
        Z-INDEX: 1050;
        BORDER-BOTTOM: #999 1px solid;
        POSITION: fixed;
        BORDER-LEFT: #999 1px solid;
        BACKGROUND-COLOR: #ffffff;
        OUTLINE-STYLE: none;
        OUTLINE-COLOR: invert;
        OUTLINE-WIDTH: medium;
        WIDTH: 370px;
        MARGIN-LEFT: -280px;
        BORDER-TOP: #999 1px solid;
        TOP: 10%;
        BORDER-RIGHT: #999 1px solid;
        LEFT: 50%;
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box
    }

    div.Label {
        display: block;
    }

    div.selSedi div.pin, div.tblSelAllievi div.pin {
        background-repeat: no-repeat;
        background-position: left;
        background-image: url('/DotNet/Common/MasterPages/www.ialweb.it/img/icon-pin.png');
        padding-left: 23px !important;
    }

    div.selSedi div.date, div.tblSelAllievi div.date {
        background-repeat: no-repeat;
        background-position: left;
        background-image: url('/DotNet/Common/MasterPages/www.ialweb.it/img/icon-date.png');
        padding-left: 23px !important;
    }

    div.selSedi div.scheduler, div.tblSelAllievi div.scheduler {
        background-repeat: no-repeat;
        background-position: left;
        background-image: url('/DotNet/Common/MasterPages/www.ialweb.it/img/icon-scheduler.png');
        padding-left: 23px !important;
    }

    div.selSedi div.play, div.tblSelAllievi div.play {
        background-repeat: no-repeat;
        background-position: left;
        background-image: url('/DotNet/Common/MasterPages/www.ialweb.it/img/icon-play.png');
        /*padding-left:23px !important;*/
    }

    div.pin {
        /*width: 400px;*/
        height: 16px !important;
        padding-left: 23px !important;
    }

    div.date {
        /*width: 180px;*/
        height: 16px !important;
        overflow: visible !important;
        padding-left: 23px !important;
    }

    div.scheduler {
        /*width: 180px;*/
        padding-left: 23px !important;
    }

    div.play {
        /*width: 180px;*/
        padding-left: 23px !important;
    }

    div.selSedi {
        color: #FFFFFF;
        background-color: #6A6D72 !important;
        /*height:35px;*/
    }

    .valuesTable {
        font-weight: normal;
        display: block !important;
    }

    .labelsTable {
        font-weight: bold;
        display: block !important;
    }

    .popUpAllievi {
        position: absolute !important;
        opacity: 1;
        top: 0% !important;
        width: 80% !important;
        left: 10% !important;
        margin: auto 0px !important;
    }

    .marginPopUp {
        margin: 0px !important;
    }

    /* div.Input {
        font-size: 16px !important;
    }

        div.Input input {
            font-size: 16px !important;
        }

        div.Input select {
            font-size: 16px !important;
        }*/
}
/* Lo stile viene applicato se la larghezza è minimo 400px (quindi schermi grandi) */
@media (min-width: 1000px) {
    .modalPrivacy {
        Z-INDEX: 1050;
        BORDER-BOTTOM: #999 1px solid;
        POSITION: fixed;
        BORDER-LEFT: #999 1px solid;
        BACKGROUND-COLOR: #ffffff;
        OUTLINE-STYLE: none;
        OUTLINE-COLOR: invert;
        OUTLINE-WIDTH: medium;
        WIDTH: 560px;
        MARGIN-LEFT: -280px;
        BORDER-TOP: #999 1px solid;
        TOP: 10%;
        BORDER-RIGHT: #999 1px solid;
        LEFT: 50%;
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box
    }

    div.Label {
        /*white-space: nowrap;*/
        /*float: left;*/
        /*width: 180px;*/
        /*text-align: right;*/
        /*font-size: 16px !important;*/
    }


    div.Input {
       /* margin-left: auto;
        margin-right: auto;*/
        text-align: left;
        font-size: 16px !important;
    }

    div.selSedi div.pin, div.tblSelAllievi div.pin {
        background-repeat: no-repeat;
        background-position: left;
        background-image: url('/DotNet/Common/MasterPages/www.ialweb.it/img/icon-pin.png');
        padding-left: 23px !important;
        width: 400px;
    }

    div.selSedi div.date, div.tblSelAllievi div.date {
        background-repeat: no-repeat;
        background-position: left;
        background-image: url('/DotNet/Common/MasterPages/www.ialweb.it/img/icon-date.png');
        padding-left: 23px !important;
        width: 180px;
    }

    div.selSedi div.scheduler, div.tblSelAllievi div.scheduler {
        background-repeat: no-repeat;
        background-position: left;
        background-image: url('/DotNet/Common/MasterPages/www.ialweb.it/img/icon-scheduler.png');
        padding-left: 23px !important;
        width: 180px;
    }

    div.selSedi div.play, div.tblSelAllievi div.play {
        background-repeat: no-repeat;
        background-position: left;
        background-image: url('/DotNet/Common/MasterPages/www.ialweb.it/img/icon-play.png');
        padding-left: 23px !important;
        width: 180px;
    }

    div.pin {
        width: 400px;
        height: 16px !important;
        padding-left: 23px !important;
    }

    div.date {
        width: 180px;
        height: 16px !important;
        overflow: visible !important;
        padding-left: 23px !important;
    }

    div.scheduler {
        width: 180px;
        padding-left: 23px !important;
    }

    div.play {
        width: 180px;
        padding-left: 23px !important;
    }

    div.selSedi {
        color: #FFFFFF;
        background-color: #6A6D72 !important;
        padding: 10px;
        /*margin-bottom:15px;
    margin-top:15px;*/
    }

    .valuesTable {
        font-weight: normal;
        float: left !important;
    }

    .labelsTable {
        font-weight: bold;
        float: left !important;
    }

    .popUpAllievi {
        position: absolute !important;
        opacity: 1;
        top: 10% !important;
        width: 80% !important;
        left: 10% !important;
        margin: auto 0px !important;
    }

    .marginPopUp {
        margin: 15px !important;
    }
}

.labelPrezzo {
    font-size: 16px;
}


.divrow0 {
    background-color: #FFFFFF;
    padding-bottom: 10px;
    padding-top: 10px;
}

.divrow1 {
    background-color: #F0F0F0;
    padding-bottom: 10px;
    padding-top: 10px;
}

.labels {
    font-weight: bold;
    float: left;
    font: 16px "Open Sans", Calibri, Candara, Arial, sans-serif;
}

.values {
    font-weight: normal;
    font-size: 16px !important;
    float: left;
}

div:has(.Title), h2:has(.Title) {
    margin-top: var(--spacing-60);
}


input[readonly], select.disabled-link {
    opacity: 0.5;  
    cursor: not-allowed; /* cursore di tipo “bloccato” */
}