.w-100{
    width: 100%;
}

table{
    width:100%;
}

.table-responsive{
    padding: 20px;
}

.dataTables_filter input{

}

button:focus{
    box-shadow: none!important;
}

.show{
    display: block;
}

.dataTable thead tr{
    background-color: #f8fafc;
}

.dataTable thead tr th{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: rgb(100 116 139);
    font-weight: 500;
}

.dataTables_wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.dataTables_wrapper .table{
    width: 100%;
}

.dataTables_paginate{
    padding-top: 10px;
}
.dataTables_paginate .paginate_button{
    border: 1px solid #e2e8f0;
    padding: .5rem .7rem;
    box-shadow: 0 3px 5px #0000000b !important;
    cursor: pointer;
}

.dataTables_paginate .paginate_button.current{
    background: #075985;
    color: #fff;
    pointer-events: none;
}

.text-center{
    text-align: center!important;
}

nav[role=navigation] a{
    cursor: pointer;
}

nav[role=navigation] span[aria-current="page"] span{
    background: #075985;
    color: #fff;
}
nav[role=navigation] p{
    display: none!important;
}

.disabled{
    opacity: .5;
    cursor: default;
    pointer-events: none;
}

.text-orange{
    color: #e75933;
}

.text-green{
    color: #57CC99;
}

.text-brown{
    color: #881337;
}

.text-yellow{
    color: #F2D12F;
}

.text-blue{
    color: #075985;
}

.big-priority {
    color: #0F766E;
    background: #0D94881A;
}


.button-big-priority{
    color: #0F766E!important;
    background: #0D94881A!important;
    border-color: #0D94881A!important;
    outline: 0;
    box-shadow: none;
}

.low-priority{
    color: #85163A;
    background: #85163A33;
}

.button-low-priority{
    color: #85163A!important;
    background: #85163A33!important;
    border-color: #85163A33!important;
    outline: 0;
    box-shadow: none;
}

.medium-priority{
    color: #E75933;
    background: #E759331A;
}

.button-medium-priority{
    color: #E75933!important;
    background: #E759331A!important;
    border-color: #E759331A!important;
    outline: 0;
    box-shadow: none;
}

.hight-priority{
    color: #08EE11;
    background: #08EE111A;
}

.button-hight-priority{
    color: #08EE11!important;
    background: #08EE111A!important;
    border-color: #08EE111A!important;
    outline: 0;
    box-shadow: none;
}

.img-success{
    filter: invert(43%) sepia(96%) saturate(1237%) hue-rotate(88deg) brightness(128%) contrast(119%);
}

.img-danger{
    filter: invert(37%) sepia(93%) saturate(7471%) hue-rotate(356deg) brightness(91%) contrast(135%);
}

.file-preview{
    cursor: pointer;
}

#file-modal-preview .preview-content{
    display: flex;
    justify-content: center;
}

#file-modal-preview .preview-content audio{
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
#file-modal-preview .preview-content p{
    font-size: 15px;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    color: #03045e;
}

#file-modal-preview .preview-content video{
    max-height: 350px;
}

#file-modal-preview .preview-content img{
    max-height: 350px;
}

.tooltip {
    position: relative;
    display: inline-block;
  }

  .tooltip .tooltiptext {
    display: none;
    width: 100px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 3px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
  }

  .tooltip:hover .tooltiptext {
    display: inline-block;
  }

.btn_submit_filter{
    background: #075985;
    color: #fff;
    font-weight: 500;
    padding: 10px;
    border-radius: 5px;
    min-width: 100px
}

.lead-status-rejected{
    background: #881337!important;
}

.lead-status-reassigned{
    background: #075985!important;
}

.lead-status-worked{
    background: #006D77!important;
}

.lead-status-booked{
    background: #57cc99!important;
}

.file-preview-lead{
    object-fit: scale-down;
    width: 50px;
    height: 50px;
}

.img-white{
    filter: brightness(0) invert(1);
}

.cabecera_superior{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.table-td-hover{
    cursor: pointer;
}