.msg-div { position: absolute; z-index: 10; top: 20px; right: 10px; text-align: center; padding: 10px 25px; width: auto; border-radius: 8px; display: none; }
.msg-div-error { background-color: #dd0000; color: #ffffff;  }
.msg-div-success { background-color: #008800; color: #ffffff;  }
.datetime-div { position: fixed; top: 1px; right: 1px; font-size: 14px; background: rgba(0, 0, 0, 0.25); color: #fff; padding: 5px; width: 100px; text-align: center;}
#cserreg-div { position: fixed; top: 25px; right: 1px; display: inline-block; width: 100px; height: 5px; /*background: red;*/ overflow: hidden; }

.uzenet { padding: 20px; text-align: center; background-color: #eeeeee; border: 1px solid #cccccc; border-radius: 6px; }

.sidebar a { color: white; }
.sidebar a:hover { color: gray; }

h1 { margin-left: 15px; border-bottom: 1px solid gray; font-size: 2em; }

.almenu { padding-left: 20px; }

.customer-list { border-radius: 4px; background: #f8f8f8; border: 1px solid gray; padding: 5px 10px; cursor: pointer; }
.customer-list:hover { background: #f0f0f0; }
.customer-list-element { border-radius: 4px; background: #f8f8f8; border: 1px solid gray; padding: 5px 10px; margin-left: 30px; cursor: pointer; }

.modal-dialog-error .modal-content .modal-header { background: #343434; }
.modal-dialog-error .modal-content .modal-header .close { background: #eee; border-radius: 50%; min-width: 20px;}
.modal-dialog-error .modal-content .modal-header h5.modal-title { color: #de7f7f; }
.modal-dialog-error .modal-content .modal-body { background: #de7f7f; color: #fff; text-align: center; font-size: 1.2em; }
.modal-dialog-error .modal-content .modal-footer { background: #de7f7f; color: #fff; font-size: 1.2em; padding: 5px }

.modal-dialog-success .modal-content .modal-header { background: #343434; }
.modal-dialog-success .modal-content .modal-header .close { background: #eee; border-radius: 50%; min-width: 20px;}
.modal-dialog-success .modal-content .modal-header h5.modal-title { color: #acc161; }
.modal-dialog-success .modal-content .modal-body { background: #acc161; color: #fff; text-align: center; font-size: 1.2em; }
.modal-dialog-success .modal-content .modal-footer { background: #acc161; color: #fff; font-size: 1.2em; padding: 5px }

.modal-dialog-warning .modal-content .modal-header { background: #343434; }
.modal-dialog-warning .modal-content .modal-header .close { background: #eee; border-radius: 50%; min-width: 20px;}
.modal-dialog-warning .modal-content .modal-header h5.modal-title { color: #ffff00; }
.modal-dialog-warning .modal-content .modal-body { background: #ffff00; color: #000; text-align: center; font-size: 1.2em; }
.modal-dialog-warning .modal-content .modal-footer { background: #ffff00; color: #000; font-size: 1.2em; padding: 5px }

/* ezt azert, hogy az input groupban hasznalt select2 ne tolja le a tobbi elemet */
.input-group > .select2-container--bootstrap { width: auto; flex: 1 1 auto; }
.input-group > .select2-container--bootstrap .select2-selection--single { height: 100%; line-height: inherit; padding: 0.5rem 1rem; }

  #sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; border: 0px solid black; }
  #sortable li { float: left; }
  /*.galeria-elem { height: 135px; width: 325px; float: left; cursor: move; }*/
  .sortable-placeholder { width: 32%; height: 31px;}
  .ui-state-default { /*border: none;*/ }

.cursor-pointer { cursor: pointer; }

.foreign-order-notification {
  position: absolute;
  right: 10px;
  top: 8px;
  border-radius: 5px; 
  padding: 8px 25px; 
  background-color: orange;
  display: inline-block;
}

.foreign-order-notification .text { animation: blinker 1s linear infinite; color: #ffffff; font-weight: bold; }

@keyframes blinker {  
  50% { opacity: 0; }
}

@keyframes pulse {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.6); }
}

.blinking-btn {
  animation: pulse 1s infinite;
}

.kerekitett { border-radius: 4px; }

.vendeghivo-ikon { font-size: 30px; background-color: white; border-radius: 40%; color: #111111; margin-left: 10px; cursor: pointer; }