@import url("fonts.css");
@import url("animate.css");
@import url("bootstrap.css");
@import url("bootstrap-icons.css");
@import url("gdpr-cookies.css");
@import url("extras.css");
@import url("custom.css");
/** Application **/

@import url("fontawesome.min.css");
@import url("trumbowyg.min.css");
@import url("hint.css"); 
@import url("jspanel.css");

/*
 * Globals
 */

  .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;
    }
  }

  .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;}

  ul li {
    color: #593196;
    margin-bottom: 2px;
    

  }

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