/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			prosilver (the default phpBB 3.3.x style)
	Based on style:
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ )
    --------------------------------------------------------------
*/

@import url("normalize.css?hash=48eb3f89");
@import url("base.css?hash=3a7fafb1");
@import url("utilities.css?hash=1034bac8");
@import url("common.css?hash=70bd1301");
@import url("links.css?hash=da040ebb");
@import url("content.css?hash=d7d65e66");
@import url("buttons.css?hash=15c14833");
@import url("cp.css?hash=5cc9ac0c");
@import url("forms.css?hash=18ee8211");
@import url("icons.css?hash=dbc0f3b9");
@import url("colours.css?hash=3b03ccfa");
@import url("responsive.css?hash=438ff202");

	body.pace {
			display: none !important;
		}
		.pace {
			-webkit-pointer-events: none;
			pointer-events: none;
			-webkit-user-select: none;
			-moz-user-select: none;
			user-select: none;
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			display: block;
			background: rgba(0,0,0,0.85);
			backdrop-filter: blur(64px) saturate(180%);
			z-index: 8000000;
			overflow: hidden;
			margin: auto;
			transition: 500ms;
		}

		.pace::after {
			-webkit-pointer-events: none;
			pointer-events: none;
			-webkit-user-select: none;
			-moz-user-select: none;
			user-select: none;
			position: fixed;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			display: flex;
			align-items: center;
			justify-content: center;
			text-align: center;
			color: #EEE;
			text-shadow: 1px 1px 16px #FFF;
			z-index: 8000001;
			overflow: hidden;
			margin: auto;
			margin-top: 200px;
			font-size: 18px;
			font-weight: normal;
			content: ""; /* Texto de cargando */
			/*animation: showonff 300ms linear infinite alternate;*/

		}

		.pace::before {
			-webkit-pointer-events: none;
			pointer-events: none;
			-webkit-user-select: none;
			-moz-user-select: none;
			user-select: none;
			position: fixed;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			display: flex;
			align-items: center;
			justify-content: center;
			text-align: center;
			color: #FFF;
			z-index: 8000001;
			overflow: hidden;
			margin: auto;
			font-weight: bold;
			content: url("https://www.botondelpanico.eu/app/webroot/apple-icon-precomposed.png");
			animation: showonff 1000ms linear infinite alternate;

		}


	

		.pace-nova::before {
			content: attr(data-progress-text) !important;
			display: inline;
			position: fixed !important;
			top: 10px;
			right: 50px;
			margin: auto;
			background: rgba(255,255,255,0.2);
			border-radius: 80px;
			padding: 5px;
			color: #FFF;
			font-weight: normal;
			z-index: 200001;
		}
		

		.pace.pace-inactive {
			/*display: none;*/
			opacity: 0;
			transform: scale(2);
			visibility: hidden;
			
		}

		.pace .pace-progress {
			background: #CDCDCD;
			/*background: linear-gradient(90deg, rgba(0,31,255,1) 0%, rgba(255,0,0,1) 100%);*/
			position: fixed;
			z-index: 200000;
			top: 0;
			right: 100%;
			width: 100%;
			height: 2px;
			-webkit-transform-style: preserve-3d;
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;
			-o-transform-style: preserve-3d;
			transform-style: preserve-3d;
			
		}

		.pace .pace-progress::after {
			content: "Cargando..." !important;
			display: inline;
			position: fixed !important;
			top: 15px;
			float: right;
			left: calc(100vw - 200px);
			margin: auto;
			
			color: #FFF;
			font-weight: normal;
			z-index: 200001;
		}


		.pace .pace-progress-inner {
			display: block;
			position: absolute;
			right: 0px;
			width: 100px;
			height: 100%;
			box-shadow: 0 0 10px #29d, 0 0 5px #FFF;
			opacity: 1.0;
			-webkit-transform: rotate(3deg) translate(0px, -4px);
			-moz-transform: rotate(3deg) translate(0px, -4px);
			-ms-transform: rotate(3deg) translate(0px, -4px);
			-o-transform: rotate(3deg) translate(0px, -4px);
			transform: rotate(3deg) translate(0px, -4px);
		}





		.pace .pace-activity {
			display: block;
			position: fixed;
			z-index: 200000;
			top: 18px;
			right: 15px;
			width: 14px;
			height: 14px;
			border: solid 2px transparent;
			border-top-color: #FFF;
			border-left-color: #FFF;
			border-radius: 10px;
			-webkit-animation: pace-spinner 400ms linear infinite;
			-moz-animation: pace-spinner 400ms linear infinite;
			-ms-animation: pace-spinner 400ms linear infinite;
			-o-animation: pace-spinner 400ms linear infinite;
			animation: pace-spinner 400ms linear infinite;
		}

		@-webkit-keyframes pace-spinner {
			0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
			100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
		}
		@-moz-keyframes pace-spinner {
			0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
			100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
		}
		@-o-keyframes pace-spinner {
			0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
			100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
		}
		@-ms-keyframes pace-spinner {
			0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
			100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
		}
		@keyframes pace-spinner {
			0% { transform: rotate(0deg); transform: rotate(0deg); }
			100% { transform: rotate(360deg); transform: rotate(360deg); }
		}

		@keyframes showonff {
			0% { opacity: 0.2; }
			100% { opacity: 1; }
		}

		@keyframes displaynone {
			0% { display: none; visibility: hidden; }
			100% { visibility: hidden; }
		}







		::-webkit-scrollbar {
			width: 8px;
			background-color: #111111;
		}

		::-webkit-scrollbar-track {
			-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
			background-color: #111111;
		}

		::-webkit-scrollbar-thumb {
			border-radius: 2px;
			background-color: #777;
			background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)
		}


  /*
  * Esto es para hacer la posición absoluta siempre, pero da fallo en algunas áreas así que mejor desactivarlo

   header .dropdown-menu.show {
    position: absolute !important;
    }*/

    .bg-dark {
    	background-color: rgba(10,10,10, 0.9) !important;
    	backdrop-filter: blur(8px);
    }