@import url("fonts.css");
@import url("bootstrap.min.css");
@import url("main.css");
@import url("bootstrap-icons.css");
@import url("fontawesome.min.css");
@import url("glightbox.min.css");
@import url("simple-datatables.css");
@import url("gdpr-cookies.css");
@import url("extras.css");

/** Application **/
@import url("lightgallery.css");
@import url("survey-core.min.css");
@import url("survey-creator-core.min.css");
@import url("fullcalendar.css");

/*
 * Globals
 */

main > .container {
  padding: 15px;
}  

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

  /** Tooltips on Hrefs **/
  a {
    position: relative;
    display: inline-block;
  }

  a[title]:hover::after {
    content: attr(title);
    position: absolute;
    top: 80%;
    left: -5;
    background-color: #3E3F3A;
    color: #fff;
    padding: 0px 5px;
    font-size: 10px;
    border: solid 1px #555;
    box-shadow: 3px 3px  2px rgba(0,0,0,0.6);
    -moz-box-shadow: 3px 3px  2px  rgba(0,0,0,0.6);
    -webkit-box-shadow: 3px 3px  2px  rgba(0,0,0,0.6);
    -o-box-shadow: 3px 3px  2px  rgba(0,0,0,0.6);
    border-radius:3px;
  }

  /* 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"; }

    @keyframes spinner-line-fade-more {
    0%, 100% {
      opacity: 0; /* minimum opacity */
    }
    1% {
      opacity: 1;
    }
  }

  @keyframes spinner-line-fade-quick {
    0%, 39%, 100% {
      opacity: 0.25; /* minimum opacity */
    }
    40% {
      opacity: 1;
    }
  }

  @keyframes spinner-line-fade-default {
    0%, 100% {
      opacity: 0.22; /* minimum opacity */
    }
    1% {
      opacity: 1;
    }
  }

  @keyframes spinner-line-shrink {
    0%, 25%, 100% {
      /* minimum scale and opacity */
      transform: scale(0.5);
      opacity: 0.25;
    }
    26% {
      transform: scale(1);
      opacity: 1;
    }
  }

  .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: 40px;
    bottom: 0;
    width: 100%;
}

#workspace ul, 
div.content ul{
    margin-left: 14px;
}

#workspace ul li,
div.content ul li {
    list-style-type: square;
    list-style-position: outside;
    color: green;
    padding: 0 8px 0 8px;

}

#workspace ul li p,
div.content ul li p{
    color: maroon;
}