/* ----------------------------------------------------------- */
/* Custom Style Set by Karsten Bremer - BRESYS INFORMATIKA KFT */
/* ----------------------------------------------------------- */

/* LOGIN PAGE */
.body_login {
    min-height:100vh;
    background:#f8f9fa;
    background-image: url("../img/bg-img/bg_login.jpg");
    background-size: cover;
    display:flex;
    align-items:center;
    justify-content:center;
}

.body_login:before {
    content:'';
    background:rgba(0,0,0,.7);
    width:100%;
    height:100vh;
    display: block;
    position:absolute;
}

.login-card {
    width:100%;
    max-width:420px;
}
.brand {
    font-weight:600;
}

.login_logo {
    display: table;
    width: 70px;
}

.forgot_pw_link {
    font-size:14px;
    text-decoration: none;
    color:red;
    margin-top:1rem;
    display: inline-block;
}

/* BOOTSTRAP OVERWRITES*/
.btn-primary {
    background-color:#A1BA09;
    border:0;
}

.btn-primary:hover,
:not(.btn-check)+.btn:active {
    background-color:#93A90B;
}


.menu-active {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-radius: .5rem;
    width: calc(100% - 1rem) !important;
    margin-left: .5rem;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.menu-active i {
    color:white !important;
}

/* Benachrichtigung Glocke */
#bellIcon.ring { animation: bellshake 1s infinite; color:#dc3545; }
@keyframes bellshake {
  0%{transform:rotate(0)} 15%{transform:rotate(12deg)} 30%{transform:rotate(-12deg)}
  45%{transform:rotate(8deg)} 60%{transform:rotate(-8deg)} 75%{transform:rotate(4deg)} 100%{transform:rotate(0)}
}

  
  #markReadBtn:hover {
    background:#f8f9fa !important;
    border-color:#ced4da !important;
    background-color:#93A90B;
  }
  #markReadBtn i {
    font-size:16px !important;
    color:#198754; /* dezentes Grün fürs Icon */
  }

  #markReadBtn {
    font-size:14px;
    background-color:#A1BA09;
    margin-left:0;
  }
  
  /* Data Tables */
 
  #archiveTicketsTable_wrapper > div:first-child,
  #customersTable_wrapper > div:first-child {
    margin:15px !important;
  }

  #ticketsTable_wrapper > div:last-child,
  #customersTable_wrapper > div:last-child {
    margin:0 !important;
    margin-bottom:10px !important;
  }

  .flapt-logo a img {
    max-height: 45px;
}


.top-header-area .left-side-content-area {
  max-width: 20% !important;
  width: 20% !important;

}

.top-header-area .right-side-navbar {
  max-width: 20% !important;
  width: 20% !important;
}