body, html {
  font-family: Arial, sans-serif;
}

.searchbar {
    width: 80%;
    max-width: 800px;
    height: 50px;
    border-radius: 20px;
    border:none;
    -webkit-box-shadow: 0px 4px 10px 4px #999;
-moz-box-shadow: 0px 4px 10px 4px #999;
box-shadow: 0px 4px 10px 4px #999;
background-image: url('searchicon.svg');
background-size: 24px;
background-position: 12px 12px; /* Adjusts the position of the background image */
padding: 12px 20px 12px 50px; /* Sets the padding for the input field */
background-repeat: no-repeat; /* Prevents the background image from repeating */
font-size: larger;
}
.scanbar {
  width: 80%;
  max-width: 800px;
  height: 50px;
  border-radius: 20px;
  border:none;
  -webkit-box-shadow: 0px 4px 10px 4px #999;
-moz-box-shadow: 0px 4px 10px 4px #999;
box-shadow: 0px 4px 10px 4px #999;
background-image: url('barcode.svg');
background-size: 24px;
background-position: 12px 12px; /* Adjusts the position of the background image */
padding: 12px 20px 12px 50px; /* Sets the padding for the input field */
background-repeat: no-repeat; /* Prevents the background image from repeating */
font-size: larger;
}

a:link { 
  text-decoration: none; 
} 
a:hover {
  text-decoration: underline;
}

.xa {
    padding: 15px;
    font-size: 18px;
    width: 50px;
    text-align: center;
    text-decoration: none;
    border-radius: 22%;
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    color: white;
    margin-bottom: 4px;

  }

  .xa:hover {
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

  .xb {
    padding: 15px;
    font-size: 18px;
    width: 80px;
    height: 80px;
    text-align: center;
    text-decoration: none;
    border-radius: 22%;
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    color: white;

  }

  .xb:hover {
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }


  .u1 {
    background: #00284F;
    color: white;
  }

  .u2 {
    background: #0A3E69;
    color: white;
  }

  .u3 {
    background: #185B8D;

    color: white;
  }

  .uuu {
    background: #2679B0;
    color: white;
  }

  .u5 {
    background: #3496D3;
    color: white;
  }

  .u17 {
    background: #D34646;
    color: white;
  }

  .u60 {
    background:#03adfc;
    color: white;
  }

  .disab {
    pointer-events: none;
    background: grey;
  }

  .u6 {
    background: #cdcdd1;
    color: white;
  }

  .m1 {
    background: #9E0303;
  }

  .m2 {
    background: #AD1515;
  }

  .m3 {
    background: #C02E2E;
  }

  .m4 {
    background: #D34646;
  }

  .m5 {
    background: #E75F5F;
  }

  .m6 {
    background: #e697b1;
  }

  .m7 {
    background: #FA7777;
  }

  .m8 {
    background: #e7a408;
  }

  .l1 {
    background: #045E23;
  }

  .l2 {
    background: #14712E;
  }

  .l3 {
    background: #298B3C;
  }

  .l4 {
    background: #3EA44A;
  }

  .l5 {
    background: #54BE58;
  }

  .l6 {
    background: #69D866;
  }

  .color1 {
    background-image: linear-gradient(to top, #e6b980 0%, #eacda3 100%);

  }

  .color2 {
    background-image: linear-gradient(-20deg, #fc6076 0%, #ff9a44 100%);

  }

  .color3 {
    background-image: linear-gradient(-225deg, #A445B2 0%, #D41872 52%, #FF0066 100%);

  }

  .color4 {
    background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%);
  }

  .color5 {

    background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);

  }

  .color6 {

    background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);

  }

  .sha:hover {
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }


  .testimonial-group>.row {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  .testimonial-group>.row>.col-6 {
    display: inline-block;
    vertical-align: top;
  }

  .testimonial-group>.row>.col-xs-4 {
    display: inline-block;
    vertical-align: top;
  }

  .testimonial-group>.row>.col-md-3 {
    display: inline-block;
    vertical-align: top;
  }

  .testimonial-group>.row>.col-lg-3 {
    display: inline-block;
    vertical-align: top;
  }

  .testimonial-group>.row>.col-xl-2 {
    display: inline-block;
    vertical-align: top;
  }

  .overlay {
    position: relative;
  }

  .clear-overlay {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
  }

  .clear-overlay::after {
    content: '✕';
    font-size: 14px;
    color: red;
  }
  .spinner-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px; /* Adjust margin top as needed */
}


.xa {
  text-align: center;
  text-decoration: none;
 

}

#antolin a {
  color: black;
  /* Ändere dies auf die gewünschte Schriftfarbe (z.B., black) */
  text-decoration: none;
  /* Entfernt die unterstrichene Standard-Link-Darstellung */
}


.ab {
  background: #b30707;
  color: white;
}

.cd {
  background: #e69b07;
  color: white;
}


.ef {
  background: #3b5998;
  color: white;
}


.gh {
  background: #72428a;
  color: white;
}

.us {

  background: #86b1e3;
  color: white;

}


.xy {
  background: #FF9900;
  color: white;
}

.cd {
  text-shadow: 2px 2px 2px grey;
}

.jj {
  background: #052b57;
  color: white;
}

.click {
  cursor: pointer;
}

.file_manager .file a:hover .hover,
.file_manager .file .file-name small{
    display: block
}
.file_manager .file {
    padding: 0 !important
}

.file_manager .file .icon{
    text-align: center
}


.file_manager .file {
    position: relative;
    border-radius: .55rem;
    overflow: hidden
}

.file_manager .file .image,
.file_manager .file .icon {
    max-height: 180px;
    overflow: hidden;
    background-size: cover;
    background-position: top
}

.file_manager .file .hover {
    position: absolute;
    right: 10px;
    top: 10px;
    display: none;
    transition: all 0.2s ease-in-out
}

.file_manager .file a:hover .hover {
    transition: all 0.2s ease-in-out
}

.file_manager .file .icon {
    padding: 15px 10px;
    display: table;
    width: 100%
}

.file_manager .file .icon i {
    display: table-cell;
    font-size: 40px;
    vertical-align: middle;
    color: #777;
    line-height: 100px
}

.file_manager .file .file-name {
    padding: 10px;
    border-top: 1px solid #f7f7f7
}

.file_manager .file .file-name small .date {
    float: right
}

.folder {
    padding: 20px;
    display: block;
    color: #777
}

@media only screen and (max-width: 992px) {
    .file_manager .nav-tabs {
        padding-left: 0;
        padding-right: 0
    }
    .file_manager .nav-tabs .nav-item {
        display: inline-block
    }
}

.card_files {
    background: #fff;
    transition: .5s;
    border: 0;
    margin-bottom: 30px;
    border-radius: .55rem;
    position: relative;
    width: 100%;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
}

a:hover {
    text-decoration:none;
}

.fab-container{

  position:fixed;
  
  bottom:50px;
  
  right:50px;
  
  cursor:pointer;
  
  }

  .iconbutton{

    width:50px;
    
    height:50px;
    
    border-radius: 100%;
    
    background: #098FE2;
    
    box-shadow: 10px 10px 5px #aaaaaa;
    
    }
    
    .button{
    
    width:60px;
    
    height:60px;
    
    background:#e2b00c;
    
    }

    .iconbutton i{

      display:flex;
      
      align-items:center;
      
      justify-content:center;
      
      height: 100%;
      
      color:white;
      
      }

      .options li{

        display:flex;
        
        justify-content:flex-end;
        
        padding:5px;
        
        }

        .options{

          list-style-type: none;
          
          position:absolute;
          
          bottom:70px;
          
          right:0;
          
          }

          .btn-label{

            padding:2px 5px;
            
            margin-right:10px;
            
            align-self: center;
            
            user-select:none;
            
            background-color: #056098;
            
            color:white;
            
            border-radius: 3px;
            
            box-shadow: 5px 5px 2px #aaaaaa;
            
            }