﻿/* Schermi grandi o ad alta risoluzione */
@media screen and (min-width: 1690px) {
    .conteinerMessageBack {
        display: none;
        position: absolute;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: var(--colorPopUpBack);
        backdrop-filter: blur(10px);
    }

    .conteinerMessageBackPay {
        display: none;
        position: absolute;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: var(--colorPopUpBack);
        backdrop-filter: blur(10px);
    }

    .conteinerMessage {
        display: grid;
        grid-template-rows: 7rem 3rem 3rem 4rem;
        background-color: var(--colorWhite);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0.8rem;
        height: 18rem;
        width: 23rem;
        border-radius: 0.5rem;
    }

    .conteinerMessagePay {
        display: grid;
        grid-template-rows: 7rem 3rem auto 4rem;
        background-color: var(--colorWhite);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0.8rem;
        height: 22rem;
        width: 23rem;
        border-radius: 0.5rem;
    }

    .titleMesage {
        font-family: var(--fuente);
        color: var(--colorPopUpBack);
        font-size: 1.7rem;
        text-align: center;
        width: 100%;
    }

    .titleMesagePay {
        font-family: var(--fuente);
        color: var(--colorPopUpBack);
        font-size: 1.3rem;
        text-align: center;
        width: 100%;
    }

    .div-icon {
        width: 100%;
        height: 7rem;
    }

    .messagetext {
        font-family: var(--fuente);
        color: var(--colorBarAdmin);
        font-size: 0.8rem;
        width: 100%;
        text-align: center;
        width: 100%;
    }

    .warningIcon {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/warning.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }

    .errorIcon {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/error.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }

    .questionIcon {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/question.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }

    .infoIcon {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/info.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }



    .SuccesIconPay {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/checkmark-circle.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }

    .ErrorIconPay {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/close-circle.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }


    .buttonMessage {
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
        height: 3rem;
        width: 100%;
        margin: 0 auto;
    }

    .btnMessage-accept {
        display: block;
        height: 3rem;
        width: 100%;
        background-color: var(--colorWhite);
        border: 0.1rem solid var(--colorgreen);
        font-family: var(--fuente);
        font-size: 0.9rem;
        text-align: center;
        text-decoration: none;
        color: var(--colorgreen);
    }

        .btnMessage-accept:hover {
            border: 0.1rem solid var(--colorWhite);
            color: var(--colorWhite);
            background-color: var(--colorgreen);
        }

    .btnMessage-noaccept {
        display: block;
        height: 3rem;
        width: 100%;
        background-color: var(--colorWhite);
        border: 0.1rem solid var(--colorred);
        font-family: var(--fuente);
        font-size: 0.9rem;
        text-align: center;
        text-decoration: none;
        color: var(--colorred);
    }

        .btnMessage-noaccept:hover {
            border: 0.1rem solid var(--colorWhite);
            color: var(--colorWhite);
            background-color: var(--colorred);
        }
}

/* Schermi Desktop o Portatili */
@media screen and (min-width: 1280px) and (max-width: 1689px) {
    .conteinerMessageBack {
        display: none;
        position: absolute;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: var(--colorPopUpBack);
        backdrop-filter: blur(10px);
    }

    .conteinerMessageBackPay {
        display: none;
        position: absolute;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: var(--colorPopUpBack);
        backdrop-filter: blur(10px);
    }

    .conteinerMessage {
        display: grid;
        grid-template-rows: 7rem 3rem 3rem 4rem;
        background-color: var(--colorWhite);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0.8rem;
        height: 18rem;
        width: 23rem;
        border-radius: 0.5rem;
    }

    .conteinerMessagePay {
        display: grid;
        grid-template-rows: 7rem 3rem auto 4rem;
        background-color: var(--colorWhite);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0.8rem;
        height: 22rem;
        width: 23rem;
        border-radius: 0.5rem;
    }

    .titleMesage {
        font-family: var(--fuente);
        color: var(--colorPopUpBack);
        font-size: 1.7rem;
        text-align: center;
        width: 100%;
    }

    .titleMesagePay {
        font-family: var(--fuente);
        color: var(--colorPopUpBack);
        font-size: 1.3rem;
        text-align: center;
        width: 100%;
    }

    .div-icon {
        width: 100%;
        height: 7rem;
    }

    .messagetext {
        font-family: var(--fuente);
        color: var(--colorBarAdmin);
        font-size: 0.8rem;
        width: 100%;
        text-align: center;
        width: 100%;
    }

    .warningIcon {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/warning.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }

    .errorIcon {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/error.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }

    .questionIcon {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/question.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }

    .infoIcon {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/info.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }



    .SuccesIconPay {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/checkmark-circle.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }

    .ErrorIconPay {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/close-circle.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }


    .buttonMessage {
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
        height: 3rem;
        width: 100%;
        margin: 0 auto;
    }

    .btnMessage-accept {
        display: block;
        height: 3rem;
        width: 100%;
        background-color: var(--colorWhite);
        border: 0.1rem solid var(--colorgreen);
        font-family: var(--fuente);
        font-size: 0.9rem;
        text-align: center;
        text-decoration: none;
        color: var(--colorgreen);
    }

        .btnMessage-accept:hover {
            border: 0.1rem solid var(--colorWhite);
            color: var(--colorWhite);
            background-color: var(--colorgreen);
        }

    .btnMessage-noaccept {
        display: block;
        height: 3rem;
        width: 100%;
        background-color: var(--colorWhite);
        border: 0.1rem solid var(--colorred);
        font-family: var(--fuente);
        font-size: 0.9rem;
        text-align: center;
        text-decoration: none;
        color: var(--colorred);
    }

        .btnMessage-noaccept:hover {
            border: 0.1rem solid var(--colorWhite);
            color: var(--colorWhite);
            background-color: var(--colorred);
        }
}

/* Tablet in modalità horizontal */
@media screen and (min-width: 737px) and (max-width: 1279px) {
    .conteinerMessageBack {
        display: none;
        position: absolute;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: var(--colorPopUpBack);
        backdrop-filter: blur(10px);
    }

    .conteinerMessageBackPay {
        display: none;
        position: absolute;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: var(--colorPopUpBack);
        backdrop-filter: blur(10px);
    }

    .conteinerMessage {
        display: grid;
        grid-template-rows: 7rem 3rem 3rem 4rem;
        background-color: var(--colorWhite);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0.8rem;
        height: 18rem;
        width: 23rem;
        border-radius: 0.5rem;
    }

    .conteinerMessagePay {
        display: grid;
        grid-template-rows: 7rem 3rem auto 4rem;
        background-color: var(--colorWhite);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0.8rem;
        height: 22rem;
        width: 23rem;
        border-radius: 0.5rem;
    }

    .titleMesage {
        font-family: var(--fuente);
        color: var(--colorPopUpBack);
        font-size: 1.7rem;
        text-align: center;
        width: 100%;
    }

    .titleMesagePay {
        font-family: var(--fuente);
        color: var(--colorPopUpBack);
        font-size: 1.3rem;
        text-align: center;
        width: 100%;
    }

    .div-icon {
        width: 100%;
        height: 7rem;
    }

    .messagetext {
        font-family: var(--fuente);
        color: var(--colorBarAdmin);
        font-size: 0.8rem;
        width: 100%;
        text-align: center;
        width: 100%;
    }

    .warningIcon {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/warning.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }

    .errorIcon {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/error.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }

    .questionIcon {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/question.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }

    .infoIcon {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/info.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }



    .SuccesIconPay {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/checkmark-circle.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }

    .ErrorIconPay {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/close-circle.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }


    .buttonMessage {
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
        height: 3rem;
        width: 100%;
        margin: 0 auto;
    }

    .btnMessage-accept {
        display: block;
        height: 3rem;
        width: 100%;
        background-color: var(--colorWhite);
        border: 0.1rem solid var(--colorgreen);
        font-family: var(--fuente);
        font-size: 0.9rem;
        text-align: center;
        text-decoration: none;
        color: var(--colorgreen);
    }

        .btnMessage-accept:hover {
            border: 0.1rem solid var(--colorWhite);
            color: var(--colorWhite);
            background-color: var(--colorgreen);
        }

    .btnMessage-noaccept {
        display: block;
        height: 3rem;
        width: 100%;
        background-color: var(--colorWhite);
        border: 0.1rem solid var(--colorred);
        font-family: var(--fuente);
        font-size: 0.9rem;
        text-align: center;
        text-decoration: none;
        color: var(--colorred);
    }

        .btnMessage-noaccept:hover {
            border: 0.1rem solid var(--colorWhite);
            color: var(--colorWhite);
            background-color: var(--colorred);
        }
}

/* Tablet in modalità verticale */
@media screen and (min-width: 481px) and (max-width: 736px) {
    .conteinerMessageBack {
        display: none;
        position: absolute;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: var(--colorPopUpBack);
        backdrop-filter: blur(10px);
    }

    .conteinerMessageBackPay {
        display: none;
        position: absolute;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: var(--colorPopUpBack);
        backdrop-filter: blur(10px);
    }

    .conteinerMessage {
        display: grid;
        grid-template-rows: 7rem 3rem 3rem 4rem;
        background-color: var(--colorWhite);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0.8rem;
        height: 18rem;
        width: 23rem;
        border-radius: 0.5rem;
    }

    .conteinerMessagePay {
        display: grid;
        grid-template-rows: 7rem 3rem auto 4rem;
        background-color: var(--colorWhite);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0.8rem;
        height: 22rem;
        width: 23rem;
        border-radius: 0.5rem;
    }

    .titleMesage {
        font-family: var(--fuente);
        color: var(--colorPopUpBack);
        font-size: 1.7rem;
        text-align: center;
        width: 100%;
    }

    .titleMesagePay {
        font-family: var(--fuente);
        color: var(--colorPopUpBack);
        font-size: 1.3rem;
        text-align: center;
        width: 100%;
    }

    .div-icon {
        width: 100%;
        height: 7rem;
    }

    .messagetext {
        font-family: var(--fuente);
        color: var(--colorBarAdmin);
        font-size: 0.8rem;
        width: 100%;
        text-align: center;
        width: 100%;
    }

    .warningIcon {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/warning.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }

    .errorIcon {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/error.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }

    .questionIcon {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/question.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }

    .infoIcon {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/info.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }



    .SuccesIconPay {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/checkmark-circle.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }

    .ErrorIconPay {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/close-circle.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }


    .buttonMessage {
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
        height: 3rem;
        width: 100%;
        margin: 0 auto;
    }

    .btnMessage-accept {
        display: block;
        height: 3rem;
        width: 100%;
        background-color: var(--colorWhite);
        border: 0.1rem solid var(--colorgreen);
        font-family: var(--fuente);
        font-size: 0.9rem;
        text-align: center;
        text-decoration: none;
        color: var(--colorgreen);
    }

        .btnMessage-accept:hover {
            border: 0.1rem solid var(--colorWhite);
            color: var(--colorWhite);
            background-color: var(--colorgreen);
        }

    .btnMessage-noaccept {
        display: block;
        height: 3rem;
        width: 100%;
        background-color: var(--colorWhite);
        border: 0.1rem solid var(--colorred);
        font-family: var(--fuente);
        font-size: 0.9rem;
        text-align: center;
        text-decoration: none;
        color: var(--colorred);
    }

        .btnMessage-noaccept:hover {
            border: 0.1rem solid var(--colorWhite);
            color: var(--colorWhite);
            background-color: var(--colorred);
        }
}

/* Smartphone o piccoli Tablet */
@media screen and (max-width: 480px) {
    .conteinerMessageBack {
        display: none;
        position: absolute;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: var(--colorPopUpBack);
        backdrop-filter: blur(10px);
    }

    .conteinerMessageBackPay {
        display: none;
        position: absolute;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: var(--colorPopUpBack);
        backdrop-filter: blur(10px);
    }

    .conteinerMessage {
        display: grid;
        grid-template-rows: auto 3rem;
        background-color: var(--colorWhite);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0.8rem;
        height: 15rem;
        width: 20rem;
        border-radius: 0.5rem;
    }

    .conteinerMessagePay {
        display: grid;
        grid-template-rows: 7rem 3rem auto 4rem;
        background-color: var(--colorWhite);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0.8rem;
        height: 22rem;
        width: 23rem;
        border-radius: 0.5rem;
    }

    .message {
        display: flex;
        flex-direction: column;
        height: 100%;
        width: 100%;
    }

    .titleMesage {
        font-family: var(--fuente);
        color: var(--colorPopUpBack);
        font-size: 1.7rem;
        text-align: center;
        width: 100%;
    }

    .titleMesagePay {
        font-family: var(--fuente);
        color: var(--colorPopUpBack);
        font-size: 1.3rem;
        text-align: center;
        width: 100%;
    }

    .div-icon {
        width: 100%;
        height: 7rem;
    }

    .messagetext {
        font-family: var(--fuente);
        color: var(--colorBarAdmin);
        font-size: 0.8rem;
        width: 100%;
        text-align: center;
        width: 100%;
    }

    .warningIcon {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/warning.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }

    .errorIcon {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/error.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }

    .questionIcon {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/question.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }

    .infoIcon {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/info.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }



    .SuccesIconPay {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/checkmark-circle.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }

    .ErrorIconPay {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        cursor: auto;
        background: transparent url(../svg/close-circle.svg) no-repeat center center;
        background-size: 5rem 5rem;
    }


    .buttonMessage {
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
        height: 3rem;
        width: 100%;
        margin: 0 auto;
    }

    .btnMessage-accept {
        display: block;
        height: 3rem;
        width: 100%;
        background-color: var(--colorWhite);
        border: 0.1rem solid var(--colorgreen);
        font-family: var(--fuente);
        font-size: 0.9rem;
        text-align: center;
        text-decoration: none;
        color: var(--colorgreen);
    }

        .btnMessage-accept:hover {
            border: 0.1rem solid var(--colorWhite);
            color: var(--colorWhite);
            background-color: var(--colorgreen);
        }

    .btnMessage-noaccept {
        display: block;
        height: 3rem;
        width: 100%;
        background-color: var(--colorWhite);
        border: 0.1rem solid var(--colorred);
        font-family: var(--fuente);
        font-size: 0.9rem;
        text-align: center;
        text-decoration: none;
        color: var(--colorred);
    }

        .btnMessage-noaccept:hover {
            border: 0.1rem solid var(--colorWhite);
            color: var(--colorWhite);
            background-color: var(--colorred);
        }
}
