/* Messages */
/* ======================================================================================== */
.up {
	width: 50px;
	height: 50px;
	line-height: 60px;
	cursor: pointer;
	display: none;
	position: fixed;
	z-index: 50;
	right: 2vw;
	bottom: 5vw;
	border-radius: 3px;
	background-color: rgba(55,55,55,.55);
	color: var(--txtmain-color);
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	text-indent: -5000px;
	background-image: url(../../../../images/system/up.png);
	background-size: 60% 60%;
	background-position: center center;
	background-repeat: no-repeat;
}
.error{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background-color:#f0f0f0;
	color:#ff0000;
	border-bottom:2px solid #ff0000;
	font-size:60%;
	opacity:0.9;
	font-weight:bold;
	box-shadow:0px 0px 10px red;
	-moz-box-shadow:0px 0px 10px red;
	-webkit-box-shadow:0px 0px 10px red;
}
.warning{
	color:red;
	letter-spacing:0px;
	font-size:90%;
}
.alert{
	width:auto;
	border:1px dashed #BA0E0E;
	color:#666666;
	background-color:#fcfcfc;
	font-size:80%;
	font-weight:bold;
	margin:10px 2px;
	padding:8px 4px;
	display:block;
	background-image:url(../images/system/icons/alert2.png);
	background-size:32px 32px;
	background-repeat:no-repeat;
	background-position:left center;
	text-indent:0px;
	padding-left:40px;
}
.success{
	width:auto;
	border:1px dashed #38A311;
	color:#666666;
	background-color:#fcfcfc;
	font-size:80%;
	font-weight:bold;
	margin:10px 2px;
	padding:8px 4px;
	display:block;
	background-image:url(../images/system/icons/success.png);
	background-size:32px 32px;
	background-repeat:no-repeat;
	background-position:left center;
	text-indent:0px;
	padding-left:40px;
}
.info{
	width:auto;
	border:1px dashed #FFD24C;
	color:#666666;
	background-color:#fcfcfc;
	font-size:80%;
	font-weight:bold;
	margin:10px 2px;
	padding:8px 4px;
	display:block;
	background-image:url(../images/system/icons/info.png);
	background-size:32px 32px;
	background-repeat:no-repeat;
	background-position:left center;
	text-indent:0px;
	padding-left:40px;
}
.LAW_cookie_alert_mini{
	position:fixed;
	bottom:0;
	left:0;
	width:auto;
	min-height:10px;
	height:auto;
	background-color:#333333;
	font-size:100%;
	padding:5px;
	vertical-align:center;
	opacity:.7;
	font-size:80%;
	text-shadow:1px 1px black;
	z-index:9999999999;
	color:white;
	border-radius:0px 5px 0px 0px;
}
.LAW_cookie_alert_mini a, .LAW_cookie_alert_mini a:visited{
	color:white !important;
}
.LAW_cookie_alert_mini a:hover, .LAW_cookie_alert_mini a:focus, .LAW_cookie_alert_mini a:active{
	color:#c0c0c0 !important;
}
.LAW_cookie_alert_mini:hover{
	opacity:1;
}
.LAW_cookie_alert_accept{
	font-size:150% !important;
	background-color:green !important;
	margin-top:3vh !important;
	margin-bottom:3vh !important;
	padding:1vh 2vh !important;
}
.LAW_cookie_alert{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	min-height:10px;
	text-align:center;
	background-color:#333333;
	color:#f0f0f0;
	font-size:100%;
	line-height:auto;
	padding:15px 0px;
	vertical-align:center;
	opacity:.9;
	text-shadow:1px 1px black;
	z-index:9999999999;
	height:auto;
	padding-top:5vh;
	padding-bottom:5vh;
	font-size:120%;
}
.LAW_cookie_alert:hover{
	opacity:1;
}
.LAW_cookie_alert a, .LAW_cookie_alert a:visited{
	color:white !important;
	background-color:#0094FF;
	padding:3px 6px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:2px;
	font-size:90%;
	font-weight:bold;
	display:inline-block;
}
.LAW_cookie_alert a:hover, .LAW_cookie_alert a:focus, .LAW_cookie_alert a:active{
	background-color:#cecece;
	color:black;
}
div#law_cookie_alert_more{
	width:50%;
	height:50vh;
	background-color:white;
	color:#2a2a2a;
	font-size:80%;
	position:fixed;
	top:20vh;
	left:0;
	margin-left:24%;
	padding:1%;
	border:2px solid #cecece;
	display:block;
	overflow:auto;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	z-index:9999998;
	display:none;
}
div#law_cookie_alert_more b{font-weight:bold;}
div#law_cookie_alert_more_close{
	position:fixed;
	left:23%;
	top:19vh;
	width:30px;
	height:30px;
	background-color:red;
	color:white;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	line-height:30px;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	cursor:pointer;
	z-index:9999999;
	display:none;
	border:2px solid white;
}
div#law_cookie_alert_more_close:hover{background-color:blue;}

/* Pagination */
/* ======================================================================================== */
.pagination{
	width:100%;
	text-align:center;
	margin:25px 10px;
}
.pagination a, .pagination a:visited{
	display:inline-block;
	padding:5px;
	background-color:#f0f0f0;
	color:#333333;
}
.pagination a:hover, .pagination a:focus, .pagination a:active{
	background-color:#cecece;
}
.pagination_actual{
	background-color:#cecece !important;
}

/* Autocomplete */
/* ======================================================================================== */
.autocomplete-suggestions{
	background:white;
	overflow:auto;
	opacity:1;
	font-size:90%;
	box-shadow:5px 5px 7px #c0c0c0;
	padding:5px;
}
.autocomplete-suggestion{
	padding:2px 5px;
	white-space:initial;
	overflow:hidden;
	cursor:pointer;
}
.autocomplete-selected{
	background-color:#3498DB;
	color:white;
}
.autocomplete-suggestions strong{
	color:#000000;
	font-weight:bold;
}

/* Editor */
/* ======================================================================================== */
.editor_side{
	z-index:99999999;
	position:fixed;
	top:1%;
	left:0;
	width:50px;
	height:auto;
	color:#555555;
	font-size:80%;
	opacity:0.1;
	font-weight:normal;
	
	background: rgba(255, 255, 255, 0.2);
	border-radius: 0 16px 16px 0;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-right:5px solid #fefefe;
	transition: all 300ms ease-in-out;
}
.editor_side *{
	box-sizing:initial;
}
.editor_side:hover{
	opacity:1;
	margin-left:0px !important;
	border: 1px solid rgba(255, 255, 255, 0.3);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
}
.editor_side .editor_side_content_big{
	display:none;
	padding:10px;
}
.editor_side .editor_side_content_small{
	display:block;
	padding:5px 2px;
}
.editor_side .editor_icon {
    object-fit: contain;
}

.editor_side .editor_side_content_small a,
.editor_side .editor_side_content_small a:visited {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-bottom:10px;

    border-radius: 50%;
    background: #334454;
    color: white;

    text-decoration: none;
    transition: all 0.2s ease;
	font-size:170%;
}

.editor_side .editor_side_content_small a:hover {
    background: var(--main-color);
    transform: translateX(5px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.25);
}
.editor_side .editor_side_content_small a:focus, .editor_side .editor_side_content_small a:hover, .editor_side .editor_side_content_small a:active{
	border-color:#555555;
	background-color:#09EF69;
}
.editor_side .editor_side_content_small a:focus .editor_side_link_title, .editor_side .editor_side_content_small a:hover .editor_side_link_title, .editor_side .editor_side_content_small a:active .editor_side_link_title{
	display:block;
	left:20px;
}
.editor_side_link_alert{
	position:absolute;
	padding:3px;
	background-color:#ff0000;
	color:white;
	margin-top:-15px;
	margin-left:-15px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-weight:bold;
	font-size:50%;
}
.editor_side_link_title{
	position:absolute;
	margin-left:35px;
	color:#334454;
	font-weight:bold;
	height:auto;
	width:auto;
	display:none;
	padding:5px 10px;
	white-space:nowrap;
	margin-top:0px;
	
	background: rgba(255, 255, 255, 0.9);
	border-radius: 0 16px 16px 0;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-left:3px solid #334454;
	transition: all 300ms ease-in-out;
	
	font-size:80%;
}
#editor_txt, #editor_img{
	z-index:998;
	display:none;
	position:fixed;
	margin:auto;
	top:30%;
	left:25%;
	width:50%;
	height:auto;
	background-color:white;
	color:black;
	box-shadow:0px 0px 10px #007FFF;
	-moz-box-shadow:0px 0px 10px #007FFF;
	-webkit-box-shadow:0px 0px 10px #007FFF;
	padding:10px;
}
#editor_html, #editor_textarea{
	z-index:997;
	display:none;
	position:fixed;
	margin:auto;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	width:80%;
	height:auto;
	max-height:80%;
	background-color:white;
	color:black;
	box-shadow:0px 0px 10px #007FFF;
	-moz-box-shadow:0px 0px 10px #007FFF;
	-webkit-box-shadow:0px 0px 10px #007FFF;
	padding:10px;
	overflow:hidden;
	overflow-y:auto;
}
#editor_textarea textarea{height:40vh;width:98%;}
#editor_bgwrapper{
	z-index:996;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-color:black;
	opacity:0.5;
	background-image:url(../images/system/stripe.png);
}
.editor_form_name{
	font-weight:bold;
	font-size:120%;
}
.editor_form input[type=text], .editor_form input[type=password], .editor_form textarea, .editor_form select{
	width:95%;
	background-color:white;
	border:2px solid #f0f0f0;
	color:#555555;
	padding:5px;
	margin:2px;
}
.editor_form input[type=text]:hover, .editor_form input[type=password]:hover, .editor_form input[type=text]:focus, .editor_form input[type=password]:focus, .editor_form textarea:focus, .editor_form textarea:hover, .editor_form select:hover, .editor_form select:focus{
	color:black;
	border-color:#00CCF5;
	box-shadow:0px 0px 5px #00CCF5;
	-moz-box-shadow:0px 0px 5px #00CCF5;
	-webkit-box-shadow:0px 0px 5px #00CCF5;
}
.editor_form input[type=submit]{
	border:none;
	background-color:black;
	color:white;
	padding:10px;
	margin:auto;
	cursor:pointer;
	font-weight:bold;
	margin-top:25px;
	margin-right:25px;
}
.editor_form input[type=submit]:focus, .editor_form input[type=submit]:hover{
	background-color:blue;
	box-shadow:0px 0px 5px blue;
	-moz-box-shadow:0px 0px 5px blue;
	-webkit-box-shadow:0px 0px 5px blue;
}
.admin_editor_side_title{
	font-weight:bold;
	font-size:100%;
	margin-bottom:10px;
}
.admin_editor_side_title img{
	max-width:30px;
	max-height:30px;
}
.editor_visible{
	border:thin dashed red !important;
	box-sizing:border-box !important;
	-moz-box-sizing:border-box !important;
	-webkit-box-sizing:border-box !important;
	display:inline-block !important;
}
.editor_visible:hover{
	border-color:blue !important;
}

/* Misc */
/* ======================================================================================== */
.fw_mouse_pos{
	width:20px;
	height:20px;
	background-image:url(../images/system/mouse_pos.png);
	background-repeat:none;
	background-size:100% 100%;
	background-position:center center;
	position:absolute;
	z-index:999999999999;
}
.fw_mouse_pos_mobile{
	width:20px;
	height:20px;
	background-image:url(../images/system/mouse_pos_mobile.png);
	background-repeat:none;
	background-size:100% 100%;
	background-position:center center;
	position:absolute;
	z-index:998;
}
.fw_loading{
	background-image:url(../images/system/icons/loading.gif);
	background-repeat:none;
	background-size:100% 100%;
	background-position:center center;
	width:24px;
	height:24px;
	padding:2px;
	margin:auto;
}
.fw_stat_mouse{
	background-image:url(../images/system/icons/fw_stat_mouse.png);
	background-repeat:none;
	background-size:100% 100%;
	background-position:center center;
	width:25px;
	height:24px;
	padding:5px;
	position:absolute;
	z-index:9999999999999999999999999999;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	background-color:red;
	opacity:.5;
}

.blink {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}