/* ===================== */
/* base */
/* ===================== */


body { letter-spacing: 1px; font-family: Lato,"Helvetica Neue", Roboto, Arial,"Noto Sans",sans-serif; }
@media (min-width: 768px){
  .py-sm-6 { padding-top: 5rem !important; }
  .py-sm-6 { padding-bottom: 5rem !important; }
  .px-sm-7 { padding-left: 6rem !important; }
  .px-sm-7 { padding-right: 6rem !important; }
}
.btn-block+.btn-block { margin-top: 0;}
.form-control {border-radius: 0;}
.btn {border-radius: 22.5px;}
.bg-grey { background-color: #d8d8d8; }



/* ===================== */
/* popup modal style */
/* ===================== */
.modal-content { box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.21); background-color: #303030; color: #fff; border: none 0; border-radius: 0;}
.modal-header { border: none 0; }
.modal-footer { border: none 0; }

.modal-footer .btn-primary { background-color: #fff; color: #000; }
.modal-footer .btn-primary:hover { background-color: transparent; color: #fff; border: 1px solid #fff; }
.modal-footer .btn-secondary { background-color: transparent; color: #fff; border: 1px solid #fff; }
.modal-footer .btn-secondary:hover { background-color: #fff; color: #000; }

.modal-footer .btn { min-width: 146px; }


/* ===================== */
/* header */
/* ===================== */

/* mobile icon */
.navbar-toggler { border: none 0px; padding: 0;}

/* ===================== */
/* login page */
/* ===================== */

/* background */
.bg-wrapper::before {


  content: "";
  position: absolute;;
  top: 0; left: 0; right: 0;
  height: 450px;
  background: rgb(102,201,198);
  //background: linear-gradient(180deg, rgb(32, 107, 25) 0%, rgba(84,161,218,1) 100%);
  z-index: -1;
}

.wrapper-height::before{

  height:200px !important;

}

.page-login .bg-wrapper::after {
  content: "";
  position: absolute;;
  top: 0; bottom: 0;
  left: 0; right: 0;
 

  background-color:rgba(102,201,198,1);
  z-index: -2;
}

/* form background */
.form-wrapper { background: url("../img/homepage.png") no-repeat; background-size: cover; background-position: top right;}

/* white label form background */
.wl-form-wrapper { background: url("../img/wl-homepage.png") no-repeat; background-size: cover; background-position: top right;}
.wl-body {height: 100vh;}
/* form header */
.form-login h1 { font-size: 5rem;}


/* ===================== */
/* project page */
/* ===================== */

.project-wrapper .thumbnail { width: 250px; height: 480px; overflow: hidden; position: relative;;}
.project-wrapper.project-item .thumbnail img {
  position: absolute;
  min-width: 1000%;
  min-height: 1000%;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(0.1);
}

.project-wrapper.project-item { cursor: pointer; }
.project-wrapper.project-item.active { background: #303030; padding-top: 20px; }
.project-wrapper.project-item.active .thumbnail { height: 440px; }
.project-wrapper.project-item.active .name { color:#fff; }
.project-wrapper.project-item.active .action { color:#fff; }

/* BUTTON - add new project */
.btn-addscene { height: 100%; }

/* pagination */
.paginator .disabled::before { background-color: #878787; }
.prev::before{
  content:'';
  background-image: url("../img/icons/arrow.svg");
  background-color: #000;
  width: 75px;
  height: 55px;
  display: inline-block;
}
.next::before{
  content:'';
  background-image: url("../img/icons/arrow.svg");
  background-color: #000;
  width: 75px;
  height: 55px;
  display: inline-block;
  transform:scaleX(-1);
}


.imageheader{

  z-index:999!important;
  position:absolute;
  padding:10px;
  height:30%;

  width:100%;
  color:white;

  background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.0));
  overflow:hidden;
  

}

.modal-dialog-leftsidebar{

  height:100%;
  position:fixed;
  width:320px;
  margin:auto;
  right:0px;
  overflow-y:auto;

  font-size:medium;

}


.menu-option{

  margin:5px;
}





.p-top{

  font-size:0.8em;
  font-family: Arial, Helvetica, sans-serif;
}


/* Important part */
/* show scroll bar if too long*/
.modal-dialog{
  overflow-y: auto !important
}
.modal-body{
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}

.inline-block-form{
  display:inline-block;
  margin-right: 10px;
}


.cookieconsent{

  position:fixed;
  bottom:0px;
  margin:0px;
  padding:20px;
  width:100%;
  height:40%;
  background-color: rgba(0, 0, 0, 0.8);
 
  color:white;
  z-index:999;
  display:none;
  line-height:200%;
}

.login_body_height{
  height: calc(100vh - 90px);
}

/******************** footer css ********************/
.footer_left_font{
font-family: 'SF Pro Display';
font-size: 12px;
font-weight: 600;
color: #979797;
}

.footer_right_font{
float: right;
font-family: 'SFProDisplay-Medium';
font-size: 12px;
color: #979797;
}