.brand {
   
    position: relative;
    background-color: rgba(0, 0, 0, 0.3);    
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
    z-index: 50;
    overflow: hidden;
}
.logo {
    background-image: url('../../icons/logo.png');
    background-position: center center;
    background-size: cover;   
    height: 32rem;
    margin-top: 3rem;
}
.logo-crop {
    background-image: url('../../icons/logoCrop.png');
    background-position: center center;
    background-size: cover;   
    height: 2.5rem;
    width:2.5rem;
    border:none;
}
.logo-crop-horizontal {
    background-position: center center;
    background-size: cover;   
    height: 1.5rem;
    width:2rem;
    border:none;
}
.form {
    position: relative;           
}
.form .form{
    margin-top: 0%;
    width: 90%;
    position: absolute;     
 }
.form .form-peice.switched {
    transform: translateX(-100%);       
    width: 100%;        
    left:0;      
 }
.form .form-peice {
    background: #fff;
    min-height: 25rem;
    margin-top: 4rem;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
    position: absolute;    
    left: 0%;
    width: 100%;
    overflow: hidden;
}
.form .filds {    
    width:100%;
    padding:0rem 2rem  2rem 2rem; 
    position: absolute;      
}
.form .languages {
    text-align: right;
    width: 100%;   
    position:relative;
    padding-top:0.3rem;
    padding-right:0.3rem;
}
.button-lang {
    width: 2em;
    padding: 0%;
    opacity:70%;
}
.button-lang:hover {
   
    opacity: 1;
}
.imageLang {
    width: 100%;
   
}

@media screen and (max-width:800px) {
    .form-peice.switched {
        display: none;
    }

   
}
.border-capsule-grey {
    border-right-color: #f8f8f8;
    border-right-width: 0.5rem;
    border-right-style: inset;
}
.card-title-mini {
    color: grey;
}
.buttonFullInfo{
    border-width:0;
    margin-right:0.2rem;
    background-color:transparent;
}

.dx-scheduler-appointment {
    background-color: #fff !important;
}
.dx-scheduler-all-day-table {
    height: 10rem;
}
.dx-scheduler-appointment-content {
    min-height: 3.5rem;
}
.whatssapp-icon {
    height: 1.5rem;
    width: 1.5rem;
    background: transparent;
    background-size: cover;
    border: transparent;
}

.border-dashboard{
    border-style:none;
}
.dx-row-focused .dx-link{
    text-decoration: underline;
    cursor: pointer;
    color: white;
}
.dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell {
    background-color: gainsboro;
}

.dx-list-item-content{
    white-space:unset;
}
.dx-list-item {
    white-space: unset;
}
.tile-banner {
    background: linear-gradient(to top, white, #f8f8f8);
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: 0 1.5rem 2rem rgba(0, 0, 0, 0.15);
}

.cardBigtitle {
    border: none;
    border-radius: 1rem;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1rem solid white;
}

.cardBigtitle:hover {
  
  box-shadow: 0 1.5rem 2rem rgba(0, 0, 0, 0.15);
  }


.textbox-ok {
    color: green;
    font-weight: bold;
    background: rgba(53, 231, 37, 0.2);
    text-align: center;
    border-radius: 5px;
    padding: 1rem;
}

.textbox-progress {
    color: orange;
    font-weight: bold;
    background: rgba(255, 165, 0, 0.2);
    text-align: center;
    border-radius: 5px;
    padding: 1rem; 
}

.textbox-nok {
    color: red;
    font-weight: bold;
    background: rgba(232, 48, 48, 0.2);
    text-align: center;
    border-radius: 5px;
    padding: 1rem; 
}