@charset "utf-8";

@media all {

	#cookieconsent * {
		font-family: sans-serif !important;
		font-size: 16px !important;
		line-height: 1.5 !important;
	}

	#cookieconsent a {
		color: #000000 !important;
		text-decoration: underline !important;
	}

	#ccc {
	    position: fixed;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    background-color: #00000080;
	    z-index: 9999;
	    /*justify-content: center;
	    align-items: center;*/
	    overflow: auto;
	}

	#ccc.active {
		display: block;
	}

	#ccc:not(.active) {
		display: none;
	}

	#ccc > .content {
	    background-color: #ffffff;
	    padding: 2em;
	    max-width: 600px;
	    /* max-height: 80vh; */
	    overflow-y: auto;
	    margin: 3em auto;
	}

	#ccc > .content .h3 {
		/*font-size: 1.5em;*/
		font-weight: bold;
		margin: 0 0 0.75em 0;
		padding: 0 !important;
		/*font-family: "PTSans-Regular", "Helvetica", "Arial", sans-serif;*/
		line-height: 1.2em;
		color: #005983;
	}

	.cc_head h4 {
		color: #005983;
		font-weight: bold;	
	}

	#ccc .cc-btn {
	    display: block;
	    font-weight: 400;
	    border-width: 2px;
	    border-style: solid;
	    text-align: center;
	    white-space: nowrap;
	    padding: 0.5em 1em;
	    /* font-size: 1em; */
	    text-decoration: none !important;
	    cursor: pointer;
	    /* width: 50%; */
	    margin-bottom: 1em;
	}

	#ccc .cc-btn:not(.cc-all) {
		background: #fff !important;
		border-color: #777 !important;
		color: #777 !important;
		border: 1px solid;
	}

	#ccc .cc-btn.cc-all:hover {
		background-color: #317A9E !important;
	}

	#ccc .cc-btn:not(.cc-all):hover {
		color: #777 !important;
	}

	#ccc .cc-btn.cc-all {
		color: #ffffff !important;
		border-color: transparent;
		background-color: #005983;
	}

	#ccc .cc_head {
		margin-bottom: 32px;
	}

	#ccc .cc_checkbox {
	    display: flex;
	    margin-bottom: 28px;
	    align-items: flex-start;
	}

	#ccc .cc_checkbox > input {
		margin: 5px 15px 0 0;
	}

	#ccc .cc_checkbox > .cc_checkbox_span {
		font-weight: normal;
		line-height: 1.3em;
		color: #005983;
		/*font-family: "PTSans-Bold", "Helvetica", "Arial", sans-serif;
		font-size: 1.125em;*/
		margin: 0;
		padding-left: 0;
		padding-right: 0;
		display: flex;
		flex-direction: column;
		width: 90%;
	}

	/*#ccc .cc_checkbox > .cc_checkbox_span > span {
		width: 100%;
	}*/

	#ccc .cc_checkbox > .cc_checkbox_span > span:first-child {
		font-weight: bold;
	}

	#ccc .cc_checkbox > .cc_checkbox_span > span:nth-of-type(2) {
		width: 100%;
		/*font-size: 13px !important;*/
		color: #000000;
		/*font-family: 'Verdana';*/
		text-transform: none;
	}

	/*#ccc .cc_buttons {
		text-align: left;
		display: flex;
		justify-content: space-between;
		gap: 16px;
	}*/

	#ccc.active + .cc-bottom {
		display: none;
	}

	#ccc:not(.active) + .cc-bottom {
		display: block;
	}

	.cc-bottom {
		background-color: rgba(0, 0, 0, 0.8);
		bottom: 0;
		right: 1em;
		border-top-left-radius: 0.5em;
		border-top-right-radius: 0.5em;
		position: fixed;
		overflow: hidden;
		box-sizing: border-box;
		font-size: .75em !important;
		display: flex;
		flex-wrap: nowrap;
		z-index: 9999;
		color: #fff !important;
		padding: 0.2em 0.5em 0;
	}

	.cc-bottom:hover {
		text-decoration: underline;
		cursor: pointer;
	}
}

@media screen and (max-width: 600px) {
	#ccc > .content {
		margin: 0;	
	}
}