/* @import url('https://fonts.googleapis.com/css?family=Roboto,Arial,sans&display=swap'); */
/* @import url("cssswitch.css"); */
/* ======================= LAYOUT. TODO: Odstranime pak body============================*/
/* body {
  background: #eee;
  line-height:1.5em;
  font-size:.9rem;
} */

.cms-modaldialog {
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  font-family:Roboto, Arial, sans-serif;
  line-height:1.5em;
  display:none;
  font-size:80%;
  z-index:2000;
  color:#124;
  
}
.cms-modaldialog .right {
  text-align:right;
}

.preset-highlight.right > * {
  vertical-align: middle;
}

.cms-modaldialogbgd {
  background-color:#2225;
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  font-family:Roboto, Arial, sans-serif;
  line-height:1.5em;

}






.cms-modal {
  background:white;
  position:fixed;
  top:50%;
  left:50%;
  box-sizing:border-box;
  transform: translate(-50%,-50%);
  width:600px;
  max-width:calc(100% - 80px);
  min-height: 160px;
  transition:.3s width;
  /* max-height:calc(100% - 80px); */
}

.cms-modal.cms-modal-right {
  bottom: 0;
  right: 0;
  transform: none;
  top: auto;
  right: 0;
  left: auto;
  max-height: none;
}
.cms-modal.cms-modal-center {
  bottom: 0;
  right: 0;
  transform: none;
  top: auto;
  right: 0;
  left: 0;
  max-height: none;
  max-width: unset;
  width: unset;
}
.cms-modal.cms-modal-center .cms-modal-page1{
	max-width:600px;
	margin:auto;
}



.cms-modal-header {
  background: #fff;
  color:white;
  padding: 15px 30px;
  height:45px;
  display: none;
}

.cms-modal-footer {
  background: #fff;
  color:white;
  padding: 15px 30px;
  height:45px;
  display: block;
}

.cms-modal-content {
  padding:2rem;
  overflow:auto;
  /* max-height: calc(100vh - 215px - 160px); */
  max-height:100vh; 
  
}

button.gdprbtn {
  /* font-size: 1rem; */
  /* padding: 0.6rem 1.1rem; */
  border: none;
  color: #124;
  /* border-radius: 0.4rem; */
  cursor:pointer;
  background: #eaeaea;

  font-size: 0.9rem;
  padding: 0.55rem 0.8rem;
  border-radius: 0rem;  
  flex: 1;
  margin: 0.3rem;
}



button.gdprbtn:hover {
  background-color: #124;
  color: white;
}

button.gdprbtn.highlight {
  background-color: #124;
  color: white;
}

button.gdprbtn.highlight2{
  background-color: #248;
  color: #fff;
}





button.gdprbtn.highlight:hover {
  background-color: #358;
  color: white;
}

button.gdprbtn.highlight2:hover {
  background-color: #358;
  color: white;
}


.preset-block {
  border: 1px solid #eee;
}

.preset-head {
  font-size: .9rem;
  padding: .2rem .2rem .2rem 1rem;
  display: flex;
  align-items: center;
}

.preset-head > * {
  flex: content;
}

.preset-header {
  font-weight: bold;
}

.preset-checkbox {
  text-align: right;
  flex: 1 0 30%;  
}

.preset-checkbox > * {
  vertical-align: middle;
}

.preset-description {
  background: #f4f4f4;
  padding: 1rem;
  display: none;
}

.preset-highlight {
  font-weight: bold;
  color:#124;  
  flex: 1 0 50%;  
}

.cms-isddropdowninit {
  cursor:pointer;
}

.cms-btnpanel {
  margin: 1rem -0.4rem;
  display: flex;
  width: 100%;
}

.cms-btnpanel button.gdptbtn {
  width: 50%;
  margin: 0.3rem;
}

.preset-block .gdpr-dropdown {
  transform: rotateZ(-90deg);
  transition: .3s transform;
  cursor:pointer;
}

.preset-block.closed .gdpr-dropdown {
  transform: rotateZ(90deg);
}

.gdpr-dropdown.gdpr-dropdown-chevron {
display: inline-block;
width: 30px;
height: 30px;
background: url("chevron.svg");
vertical-align: middle;
background-size: contain;
}



/* ======================= CONTENT ================= */
.cms-gdpr {
  font-size:.85rem;
}
.cms-gdpr h3{
  font-size:.1.5rem;
}

.cms-modaldialog .modalheader1 {
  margin: 0 0 1rem 0;
  font-size:1.3rem;

}

.cms-modaldialog p {
  margin-top:0;
  margin-bottom: 0;
  line-height: 1.4em;
  font-size: 0.8rem;
}

a.gdpr-link {
	color:#124;
	text-decoration:underline;
	cursor:pointer;
	font-weight:bold;
	
}



@media only screen and (max-width: 900px) {
	.cms-modal {
		width:100%;
		max-width:100%;
	}
	
	.cms-btnpanel{
		flex-direction: column;
	}
	
}