/* ######################################################## full-screen ################################################# */

.full-screen {
    background-color: #000000; /*var(--fullscreenNew); /*var(--fullscreen); */
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    display: none;
    opacity: 0.8;
}
/* ######################################################## ./full-screen ################################################# */


/* ######################################################## my-alert ################################################# */

.my-alert, .msg-html {
    width: 30vw;
    height: auto;
    position: fixed;
    left: 50%;
    top: -50%;
    transform: translate(-50%, -50%);
    /*box-shadow: 0 3px 17px var(--secondary);*/
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
    border-radius: 8px;
    border: 1px solid;
    padding: 18px;
    text-align: center;
    /*background-color: var(--dark);*/
    /*color: var(--yellow);*/
    z-index: 10000;
}
.msg-html {
    cursor: pointer;
}
.div-title-msg-html {
    background-color: var(--floralwhite);
    border-radius: 8px 8px 0 0;
    position: absolute; top: 0; left: 0; right:0;
}
.div-message-msg-html {
    width: 100%;
    height: auto;
    margin-top: 50px;
    padding: 4px;
}
/* ./my-alert */

.img-close {
    position: fixed;
    top: 5px;
    left: 5px;
    width: 25px;
    height: 25px;
    cursor: pointer;
}


/* ./img-close */


/* ######################################################## ./my-alert ################################################# */


/* ############################################################# loader ################################################ */

.loader {
    border: 0px solid grey;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 4px;
    /*box-shadow: 0px 3px 20px; rgba(0, 0, 0, 0.5);*/
    /*position: fixed; top: 25%; left: 46%;*/
    /* ottima sintassi per centrare gli elementi. */
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /* /ottima sintassi per centrare gli elementi. */
    width: 500px;
    height: 500px;
    color: red !important;
    background: url('../img/earth.gif') no-repeat center top;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: none;
    z-index: 1;
    /*
	animation-name: divpanel;
	animation-duration: 3s;
*/
}

.loader-text {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /*width: 100%;*/
    width: 40vw;
    height: auto;
    text-align: center;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -webkit-z-index: 1;
    padding: 18px;
    -ms-z-index: 1;
    -o-z-index: 1;
    z-index: 9999;
    display: none;
}


/* ############################################################# ./loader ################################################ */