:root{
    --bs-breadcrumb-font-size: 18px;

    --digidisa-color-dark: #4836C9;
    --digidisa-color-light: #7458DB;
    --color-white: #ffffff;
    --color-dark : #6B6B6B;
    --color-blue: #0d6efd;
    --color-tooltip: rgba(0, 0, 0, 0.5);
}

.cursor-pointer,
.cursor-pointer-digidisa {
    cursor: pointer;
}

.quantity {
    border: 1px solid var(--bs-border-color);
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}

.plus {
    border-top-right-radius: 20%;
    border-bottom-right-radius: 20%;
}

.minus {
    border-top-left-radius: 20%;
    border-bottom-left-radius: 20%;
}

.btn-mouse:hover, .btn-mouse:focus, .btn-mouse:active, .btn-mouse{
    background-color: var(--digidisa-color-light);
/*    color: var(--digidisa-color-light);*/
    border-color: var(--digidisa-color-light);
}

.text-xl{
    color: var(--color-dark);
    font-family: 'Times New Roman', Times, serif;
    font-size: 30px;
}
.select2-selection__rendered{
    color:var(--color-dark);
}
.info-title{
    color: var(--color-dark);
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px; 
}
span.underline{
    margin-bottom: 20px;
    color: var(--digidisa-color-dark);
}
.dashboard-header{
    color: var(--digidisa-color-dark);
    font-size: 50px;
    font-family: 'Times New Roman', Times, serif;
}
.info-title-customer{
    color: var(--color-dark);
    font-family: 'Times New Roman', Times, serif;
    font-size: 25px;
}
.page-item .page-link{
    background-color: var(--color-white);
    color:var(--digidisa-color-dark);;
    border-color: var(--digidisa-color-dark);;
}
.page-item .page-link:focus{
    background-color:var(--digidisa-color-dark);;
    color: var(--color-white);
    border-color: var(--color-white);
}
.bg-digidisa{
    background-color: var(--digidisa-color-light);
  }
.text-digidisa{
    color: var(--digidisa-color-light);
}

.thanks{
    justify-content: center;
    align-items: center;
    display: flex;
}
.card.shadow.rounded-5.thanksContent{    
    width: 40% !important; /* Ancho del div */
    height: 20%; /* Altura del div */
    background-color: var(--color-white);
    text-align: center;
    margin-top: 7%;
    padding: 3%;
}
.thanksbutton{
    width: 50%;
}

.menu-perfil-info{
    font-size: 16px !important;
}
.cuad{
    height: 30px !important;
    width: 30px !important;
}

tr.odd td:first-child,
tr.even td:first-child {
    padding-left: 4em !important;
}
.long-description {
    display: none; 
    white-space: break-spaces;
    background-color: var(--color-white);
    transform: scale(1.2);
    border:1px solid var(--color-dark);
    width: 600px;
    padding: 5px;
}
@media screen and (max-width: 1280px)  {
    .long-description {
        width: 250px;
    }
}
.modal-digidisa{
    height: 150px !important;
}

.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_scrollBody 
 {
    margin-top: 10px !important; 
    margin-bottom : 10px !important;
}

.productCuantity{

    color: var(--digidisa-color-light);    
}

.list-digidisa {
    max-height: 200px;
    overflow-y: auto; 
}

.zoom-image {
    transition: transform 0.3s ease;
    cursor: pointer;
}

.margin-button{
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 2px;
}

.dashboard-user{

    text-align: left;
    margin-left: 10px;
    margin-right: 10px;
}

.def-doctor{

    margin-right: 10px;
    font-size : 18px; 
}
.margin-left-five{
    
    margin-left: 5px;
}

.margin-bottom-five{
    
    margin-bottom: 5px;
}
.margin-top-five{
    
    margin-top: 5px;
}
.align-items-right{

    text-align: right;
}
.text-center{

    text-align: center;
}

*[data-title]::after{
    content: attr(data-title);
    position: absolute;   
    background-color: var(--color-tooltip);
    border: 1px solid var(--color-black);
    color: var(--color-white);
    padding: 5px;
    margin-top: 10px;
    border-radius: 0.375rem;    
    font-family: Roboto, sans-serif;
    font-size: 15px;  
    display: none;        
}

*[data-title]:hover::after {
    display: block;   
}