/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 *//* CSS for the simple Modal */


.omdmodal {
  display:none;
  --omds-primary:#00b6a9;
  --omds-white: #fff; 
  --omds-grey: #e5e5e5;
}
.omd-param-modal {
  display:none;
  --omds-primary:#00b6a9;
  --omds-white: #fff; 
  --omds-grey: #e5e5e5;
}

.omdmodal.active,
.omd-param-modal.active,
.omdmodal.stay-active{
  display:block;
  height:100vh;
  width:100vw;
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  top:0;
  margin:0;
  z-index:9999 !important;
}
.omd-param-modal-underlay,
.omdmodal-underlay {
  display:block;
  background-color:rgba(0,0,0,.25);
  height:100%;
  width:100vw;
  z-index: 1;
}
.omd-param-modal-content,
.omdmodal-content {
  background-color:var( --omds-white );
  height: auto;
  max-height:80%;
  left:50%;
  margin: 0 auto;
  max-width:90%;
  overflow-y:scroll;
  padding:20px;
  position:absolute;
  top:10%;
  transform:translate(-50% );
  width:600px;
  z-index:5;
}
.omd-param-modal-title,
.omdmodal-title {
  border-bottom: 1px solid var( --omds-grey );
}
.omd-param-modal-content .gform_button,
.omdmodal-content .gform_button {
  font-size: 1.125em;
  padding: 0.667em 1.333em;
  text-align: center;
  cursor:pointer;
  background-color: var( --omds-primary );
  color: var( --omds-white );
  border-radius:4px;
  border:none;
}
.omd-param-modal-close,
.omdmodal-close {
  position:absolute;
  right:8px;
  top:8px;
  display:block;
  width:20px;
  height:20px;
  background-color: var( --omds-primary );
  color: var( --omds-white );
  cursor:pointer;
  text-align:center;
  line-height:20px;
  border-radius:50%;
  font-size:14px;
  font-weight:bold;
}

#cfo-restricted-popup.omdmodal.active{
  backdrop-filter: blur(5px);
  box-shadow: 0 0 30px rgba(255, 255, 255, 0.3); 
	background: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.8));
}

#cfo-restricted-popup.omdmodal.active .omdmodal-content{
  overflow-y: auto;
  border-radius: 10px;
}


.omdrestrict {
  display:none;
 }
.omdrestrict.active{
  display:block;
  /* height:auto !important;
  width:auto !important; */
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  top:0;
  margin:0;
  z-index:9999 !important;
}


.omdrestrict-content {
  background-color:var( --omds-white );
  /* height: auto; */
  /* max-height:80%; */
  /* left:50%; */
  /* margin: 0 auto; */
  max-width:90%;
  width: 90%;
  overflow-y:auto;
  padding:20px;
  position:absolute;
  /* top:10%; */
  /* transform:translate(-50% ); */
  /* width:600px; */
  z-index:5;
}
.omdrestrict.active{
  backdrop-filter: blur(5px);
  box-shadow: 0 0 30px rgba(255, 255, 255, 0.3); 
	background: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.8));
}

.omdrestrict.active .omdrestrict-content{
  overflow-y: auto;
  border-radius: 10px;
}