:root {
	--bs-primary-rgb: 102, 204, 255;
}
.fs-7{
  font-size: .875rem !important;
}
.fs-8{
  font-size: .75rem !important;
}

.pointer{
  cursor: pointer;
}

.icon-button {
    margin-left: 15px;
    color: #6cf;
    cursor: pointer;
}

.icon-button:hover {
    color: #0073AC;
}

/* Link */
.app-nav .nav-link.active {
    background: #6cf;
    color: #001c29;
    border-left-color: #0073AC;
    font-weight: bold;
}

.app-nav .submenu-link.active {
    color: #0073AC;
}

.app-nav .submenu-link.active::before {
    background-color: #0073AC;
}

a {
    color: #6cf;
}

a:hover {
    color: #0073AC;
}

.app-nav .nav-link:hover {
    color: #0073AC;
}

/* nav link text */
.nav-link-text {
    font-weight: bold;
}

/* Hide form */
.hide-create-booking, .hide-history-edit {
    display: none;
}

.app-bg-primary{
    background: #6cf;
}

/* Button */
.app-btn-primary {
    background: #6cf;
    border-color: #6cf;
    color: black;
}

.app-btn-primary:hover {
    background: #0073AC;
    border-color: #0073AC;
}

.app-btn-gray {
    background: #e9ecef;
    border-color: #ced4da;
    color: black;
}

.app-btn-gray:hover {
    background: #a9acaf;
}

.submenu-link-item {
    margin-left: 10px;
}

.btn:disabled {
    background-color: #6cf;
}

.btn-check:focus + .btn, .btn:focus{
    background: #6cf;
    color: white;
}


.view-icon-clickable:hover {
    cursor: pointer;
}

.lock-toggle {
    margin-right: 8px;
    float:right;
}
.lock-toggle:hover {
    cursor: pointer;
}

.mm-button-hide {
    display: none !important;
}

.mm-remove-button:hover {
  background: #a23b37 !important;
  color: white !important;
}

.btn-danger {
  color: white !important;
}

.btn-danger:hover {
  background: #a23b37 !important;
  color: white !important;
}

.mm-remove-button {
    background: #d26d69 !important;
    color: white !important;
    float:right;
}


.collapse-element {
    cursor: pointer;
    float:right;
}

.is-collapsed {
    display: none;
}

.contact-person-remove-button {
    display:none;
}

.hide-invalid-password-message {
    display: none;
}

.tiny-text-editor-visibility {
    display: none !important;
}

.tiny-editor-cursor{
    cursor: pointer;
}

.tox-tinymce {
  border: none !important;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
  border-radius: 0.375rem !important;
  
}

.tox-editor-container{
  border:  1px solid #ced4da !important;
  border-radius: 0.375rem !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.tox-editor-container, .tox-edit-area {
  height: auto !important;
}

.tox-toolbar__primary{
  background-color: #f7f7f7 !important;
  border-bottom: 1px solid #ced4da!important;
}

.tox-editor-header{
  box-shadow: 0 6px 6px -3px rgba(46, 52, 58, 0.05) !important;
  padding: 0 !important;
  border-radius: 0.375rem 0.375rem 0 0 !important; 
  overflow: hidden !important;
}

iframe{
  border-radius: 0 0 0.375rem 0.375rem !important; 
  overflow: hidden !important;
}

.tox-tbtn, .tox-tbtn:not(.tox-tbtn--bespoke) {
  width: 18px !important;
  height: 18px !important; 
  margin: 0px 2px 0px 0px !important;
}

.tox-tbtn--bespoke{
  width: 58px !important;
  height: 18px !important; 
  margin: 0px 2px 0px 0px !important;
}


.tox-split-button{
    margin: 1px 1px 2px 1px !important;
}
.tox-icon{
  transform: scale(0.725) !important;
  margin: 0 !important;
}


/* Tabellen Reihen */
.custom-table-row{
  background-color: #ffffff;
  cursor: pointer;
}

.custom-table-row:hover td{
  background-color: #f5f5f5;
}

/* kontakt detail */
.order-table > tbody > tr > td > p, .order-table > tr > td > p{
  margin: 0;
  padding: 0;
  margin-bottom: 3px;
}

/* auftrag erstellen */

.mm-body-width{

  width: 100%;

  @media (min-width: 650px) { 
    max-width: 650px;
    
  }

}


/* jQuery datepicker override */
.ui-state-default {
    background: #6cf !important;
}
.ui-widget.ui-widget-content, .ui-datepicker .ui-datepicker-header {
    border-color: #6cf;
}
.ui-widget.ui-widget-content, .ui-datepicker .ui-datepicker-header{
    background: white;
    color: #6cf;
}

.ui-datepicker th {
    color: #6cf;
}
.ui-datepicker .ui-datepicker-title, .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    background: white;
}

.overlay {
    opacity: 0.5;
    pointer-events: none;
}


  /* Review Mode (Besprechungsmodus) */
  .review-mode-element-wrapper{
    margin: 2px 0;
  }

  .review-mode-label{
    font-weight: 300; 
    font-size: 0.8rem;
  }

  .review-mode-separator{
    border-bottom: 1px solid; 
    margin: 8px 0px 7px 0px;
  }

  @media (max-width: 768px) { 
    .review-mode-separator {
        margin: 16px 0px 14px 0px;
    }
}

.mm-btn {
    display: inline-block;
    font-weight: 600;
    padding: .325rem .575rem;
    font-size: .85rem;
    border: none;
    border-radius: 0.375rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

  .mm-form-control{
    display: block;
    width: 100%;
    padding: .375rem .625rem;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }

  .mm-form-select {
    display: block;
    width: 100%;
    /*padding: .375rem 2.25rem .375rem .75rem;*/
    padding: .375rem .625rem;
    -moz-padding-start: calc(0.7rem - 3px);
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.2;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .7rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: sans-serif;
    appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    justify-content:space-around;
}

.mm-multiple-select {
    display: block;
    width: 100%;
    padding: .375rem .625rem .11rem .625rem;
    -moz-padding-start: calc(0.7rem - 3px);
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.2;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .7rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

  /* Save Icon */

  .save-icon {
    float: right; 
    cursor: pointer;
    color: #6cf;
  }

  .save-icon:hover {
    color: #0073AC;
  }

  .info-message{
    position: fixed;
    width: 23%;
    z-index: 1111;
    text-align: center;
  }


  /* create booking form */
  .create-booking-container {
    position: absolute;
    width: 68%;
  }


/* loader */
.loader-container {
    justify-content: center;
    align-items: center;
    display: flex;
}

  .loader {
    position: absolute;
    z-index: 9;
    border: 8px solid #f3f3f3; 
    border-top: 8px solid #6cf; 
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1.1s linear infinite;
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  #article, .mce-tinymce,.mce-stack-layout, .mce-edit-area{
    display: flex;
    flex-direction: column;
    flex: 1;
  }
   .mce-tinymce iframe{
    flex: 1;
  }

  .tox-edit-area{
      border-radius: 0 0 0.375rem 0.375rem !important;
      background: #ffffff !important;
  }

  /*   multiselect-dropdown   */

  .mm-multiple-select span.optext, .mm-multiple-select span.infotext{
    margin-right:0.5em; 
    margin-bottom:4px;
    padding:1px 0; 
    border-radius: 4px; 
    display:inline-block;
  }
  .mm-multiple-select span.optext{
    background-color: #e9ecef;
    padding:4px 0.5em; 
  }

  .mm-multiple-select span.infotext{
    color: #666666 !important;
    padding: 4px 0.5em; 
  }

  .mm-multiple-select span.optext .optdel {
    float: right;
    margin: 0 -2px 1px 5px;
    font-size: 0.825em;
    font-weight: 800 !important;
    margin-top: 2px;
    cursor: pointer;
    color: #666;
  }
  .mm-multiple-select span.optext .optdel:hover { color: #c66;}
  .mm-multiple-select span.infotext{
    color:#ced4da;
    color: #595959;
  }

  /* Besprechungsmodus */

  .titel-font {
    font-weight: bold;
    font-size: 16px;
    color: blue;
  }

  button[aria-expanded="true"]{
    background: rgb(39, 157, 216)
  }

  .editor-dirty {
    border: solid 2px rgba(11, 210, 38, 0.685);
    border-radius: 0.375rem !important; 
  }
  
  /* Color Picker */

  .bookedtime-interactions {
    display: flex;
    column-gap: 10px;
    margin: 4px;
 }


  .color-wrapper {
    height: 1em;
    width: 1em;
    overflow: hidden;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    position: relative;
  }

  .color-wrapper input[type=color] {
    position: absolute;
    height: 4em;
    width: 4em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    border: none;
    margin: 0;
    padding: 0;
   }

   .color-input-wrapper {
    height: 2.5em;
    width: 2.5em;
    overflow: hidden;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    position: relative;
  }

  .color-input-wrapper input[type=color] {
    position: absolute;
    height: 4em;
    width: 4em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    border: none;
    margin: 0;
    padding: 0;
   }

   .icon-stack {
    position: relative;
    display: inline-block;
    max-height: 1em;
    top: -15%;
   }
  .icon-stack .circle-icon {
    font-size: 2em; /* Größe des Kreises */
    color: #6cf;  /* Blaue Kreisfarbe */
  }

  .icon-stack .filter-icon {
    position: absolute;
    top: 50%;
    left: 16%;
    font-size: 1.5em; /* Größe des Filter-Icons */
    color: white;    /* Filter-Icon-Farbe */
  }

  .filter-collapse {
    border-top: #e7e9ed solid;
  }

  .pagination{
    margin-left: 1rem;
    --bs-pagination-color: #6cf !important;
    --bs-pagination-active-bg: #6cf;
    --bs-pagination-active-border-color: #6cf;
    --bs-link-color: #6cf !important;
  }
  
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ff00cb;
  --bs-btn-hover-bg: #ab29b6;
  --bs-btn-hover-color: #fff;
  
  /*
  --bs-btn-border-color: #15a362;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-border-color: #2cac72;
  --bs-btn-focus-shadow-rgb: 18, 139, 83;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #44b581;
  --bs-btn-active-border-color: #2cac72;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #15a362;
  --bs-btn-disabled-border-color: #15a362;
  */
}

.btn-sm{
	--bs-btn-padding-x: 0.25rem;
	padding-right: var(--bs-btn-padding-y);
	padding-left: var(--bs-btn-padding-y);
	padding-top: var(--bs-btn-padding-x);
	padding-bottom: var(--bs-btn-padding-x);
	font-size: var(--bs-btn-font-size);
}