@import url("fonts.css");
@import url("animate.css");
@import url("bootstrap.css");
@import url("bootstrap-icons.css");
@import url("gdpr-cookies.css");
@import url("simple-datatables.css");
@import url("kslider.css");
@import url("extras.css");
@import url("custom.css");
/** Application **/
@import url("survey-core.min.css");
@import url("survey-creator-core.min.css");
@import url("fontawesome.min.css");
@import url("hint.css"); 
@import url("jspanel.css");
@import url("fullcalendar.css");
@import url("trumbowyg.min.css");

/*
 * Globals
 */

main > .container {
  padding: 15px;
}  

  .jsPanel-error {
    margin-top:60px;
  }

  /* CSS for jsPanel custom controls */
  .custom-control-icon.custom-smallify::before{
      content: "\025B4";
      /*content: url(../../images/close16x16.png);*/
  }
  .custom-control-icon.custom-minimize::before { content: "\0268A"; }
  .custom-control-icon.custom-normalize::before{ content: "\02750"; }
  .custom-control-icon.custom-maximize::before{ content: "\02610"; }
  .custom-control-icon.custom-close::before{ content: "\02715"; }


  .actionbutton {
    cursor: pointer;
  }

@media (max-width: 768px) {
  .btn-responsive {
    padding:3px 6px;
    font-size:80%;
    line-height: 1;
    border-radius:3px;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .btn-responsive {
    padding:3px 6px;
    font-size:80%;
    line-height: 1.1;
  }
}

@media only screen and (min-width: 769px) {
  .top60 {
      margin-top: 3.25rem!important;
      margin-bottom: 3.25rem!important;    
  }
}

.my-6 {
    margin-top: 3.25rem!important;
    margin-bottom: 3.25rem!important;    
}

  .error {
    border-color: red !important;
  }

  .success {
    border-color: green !important;
  }

#printdiv div.row div p img {
  margin-left: 10px; 
  margin-right: 10px;
}

.text-yellow {
  color: #ffc107;
}

.hide {display: none;}

.section { height: 100vh; }
.section-first { height: 90vh; }

footer {
    position: relative;
    height: 260px;
    bottom: 0;
    width: 100%;
}

 /* Container holding the image and the text */
.imagecontainer {
  position: relative;
  text-align: center;
  color: white;
}

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

/* Top right text */
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

/* Bottom right text */
.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} 

.trumbowyg-editor[contenteditable=true]:empty::before{
    content: attr(placeholder);
    color: #999;
}