#cool-notification, #cool-notification-new{ display: none; }
@font-face{
	font-family: poppins;
	src: url(../fonts/Poppins-Thin.otf);
}
@font-face{
	font-family: brocha;
	src: url(../fonts/brocha_thin.otf);
}
::-webkit-scrollbar { width: 0px; height: 0; background: transparent; }
::-webkit-scrollbar-thumb { background: #FF0000; }
::selection{ color: #000; background: #9e9e9e; }
::-moz-selection{ color: #000; background: #9e9e9e; }
body[night-mode] *::selection{ color: #fff; background: #333; }
body[night-mode] *::-moz-selection{ color: #fff; background: #333; }
*{ -ms-overflow-style: none; }
html, body{
	/* overflow: hidden; */
	position: fixed;
	top: 0; bottom: 0;
	left: 0; right: 0;
	overflow: hidden;
	font-family: brocha, poppins;
	padding: 0px !important;
	margin: 0px !important;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
	background: #fff;
	transition: background 0.4s ease;
	-webkit-transition: background 0.4s ease;
	-moz-transition: background 0.4s ease;
}
body[night-mode]{ background: #333; }

noscript#noscript-speciale{
	position: fixed;
	top: 0; bottom: 0;
	left: 0; right: 0;
	z-index: 100000;
	background: #fff;
	text-align: center;
	font-weight: 600;
}
noscript#noscript-speciale > div{
	position: absolute;
	top: 50%; left: 50%;
	max-width: 100%;
	width: max-content;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}
noscript#noscript-speciale p{
	padding: 0 20px;
	text-align: center;
}
noscript#noscript-speciale span{
	font-weight: 600;
	text-shadow: 0 0 1px #000;
}

/************************************** custom modal **********************************************/
.modal{
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.modal-dialog{
	width: 100% !important;
	max-width: 500px;
	text-shadow: 0 0 1px #000;
	color: #000;
	margin-left: auto;
	margin-right: auto;
}
body[night-mode] .modal-dialog{ color: #fff; }
.modal-header, .modal-footer{ border: none !important; }
.modal-dialog .btn{
	background: transparent;
	color: #000;
	border: none;
	outline: none !important;
}
body[night-mode] .modal-dialog .btn{ color: #fff; }
body[night-mode] .modal-content{ background-color: #333 !important; }
.modal-content .btn{ font-weight: 600; }
.modal-dialog .btn-primary{ border-color: transparent !important; }
body:not([night-mode]) .modal-dialog .btn-primary{
	background-color: #333 !important;
	color: #fff;
}
body[night-mode] .modal-dialog .btn-primary{
	background-color: #fff !important;
	color: #000 !important;
}
.modal-footer{ text-align: center !important; }


#cover-loading-universe{
	position: fixed;
	top: 0; bottom: 0;
	left: 0; right: 0;
	z-index: 9999;
	background: #fffaf0
}