.aui { /* DA VERIFICARE SU TUTTI I MODALI */ .modal { @media (max-width: $mobile) { width: 80% !important; max-width: 740px !important; overflow: auto; } } /* --------------- */ .confirmModal { .yui3-widget-mask { z-index: 1!important; } .modal { height: auto!important; width: 80%!important; max-width: 750px!important; height: auto!important; z-index: 2!important; background-color: transparent; left: 50%!important; top: 40%!important; @include transform(translate(-50%, -50%)); overflow: unset; @media (max-width: $mobile) { overflow: auto; } .modal-content { border-radius: 0; } .modal-header { .modal_title { @media (max-width: $mobile) { font-size: 18px; } } } .modal-body { max-height: 60vh; min-height: 200px; padding-bottom: 70px; .list-body-modal { .item-body-modal { padding-top: 2px; padding-bottom: 2px; position: relative; display: block; @media (max-width: $mobile) { font-size: 14px; } } .item-body-modal:after { content: ''; width: 20px; height: 1px; background-color: $w; position: absolute; bottom: 0; left: 50%; @include transform(translateX(-50%)); } } ol{ padding-left: 30px; &.asseverazioni-list{ padding-left: 15px; li{ display: list-item; } } } } .modal-footer { position: absolute; width: 100%; bottom: 0; //@include transform(translateY(100%)); background: $w; @include box-shadow(0 7px 13px rgba(0, 0, 0, 0.5)); button { width: 100px; transition: all $speed; border-radius: 5px!important; @media (max-width: $mobile) { width: 100%; } } } } } }