/* put your own styles to customize and override the theme */
/* ---------------------------------------------------
   SummerNote
----------------------------------------------------- */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

.editform {
   max-width: 1140px;   
}

.note-editable {
    font-family: Calibri; 
    font-size: 16px!important;     
}

.note-placeholder {         font-size: 16px;      }


.table-link {
   display: block;
   /*padding: .375rem 1rem;*/
   color: #000  
}

.table-link:focus,
.table-link:hover {
   text-decoration: none;
   color: #000
}

.table-link.disabled {
   color: #888c9b;
   pointer-events: none;
   cursor: default
}

.table-link.active {
   color: #000;
   background-color: transparent;
   border-color: #346cb0
}

.table-link {
   padding-right: 0;
   padding-left: 0;
}

@page {
   size: A4 portrait;
   margin: 45pt 45pt 45pt 45pt; 
}

@media print {
  .app-header, .app-aside, .app-footer, .btn, .breadcrumb {
    display: none;
  }
   
   .wrapper {
        margin: 0 1cm; 

      size: 21cm;
   } 
   
    .sidebar {
        width: 100%;
        font-size: 12pt;
        overflow: hidden;
    }
   
}   
   
#message {
    position: fixed;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #CF4342;
    color: white;
    padding: 10px 20px;
    z-index: 10001; /* Stelle sicher, dass es über anderen Elementen liegt */
}  

#backToTop {     
    position: fixed; 
    bottom: 20px; 
    right: 20px; 
    z-index: 1040;   
    opacity: 0.7;
}

#backToTop:hover {
    opacity: 1;
}

/* Extra großes Modal */