.table tbody .fa-trash{
    color: #dc3545;
}

.table tbody .fa-trash:hover{
    color: #c82333;
}

.table tbody .fa-edit{
    color: #01a870;
}

.table tbody .fa-edit:hover{
    color: #018070;
}

.table tbody i{
    margin: 3px;
}

#previewLogo {
    background: #e1e1e1;
    padding: 2rem 0px;
    text-align: center;
}

.contenido {
    margin-top: 9rem;
}

.menu {
    width: 8rem;
}

#croppie-demo {
    padding-top: 1rem;
}

#croppie-container {
    padding: 0px;
    margin-bottom: 5px;
}

#previewLogo svg {
    position: absolute;
    right: 5px;
    top: 5px;
    background: #00a983;
    padding: 7px;
    border-radius: 1rem;
    font-size: 2rem;
    color: white;
    cursor: pointer;
}

#previewLogo img {
    box-shadow: 0px 0px 2px 1px #3d3d51;
}

.formEmpresa label{
    color: #00a983;
    font-size: 1rem;
    margin-bottom: 0px;
    font-weight: 600;
    white-space: nowrap;
}

.galeriaPreview {
    margin-top: 20px;
    width: 100%;
}

.galeriaPreview div{
    padding: 8px;
}

.galeriaPreview div img{
    width: 100%;
    border-radius: .5rem;
    height: 8rem;
    object-fit: cover;
}

.galeriaPreview div .bi-trash3 {
    font-size: 15px;
    color: white;
    cursor: pointer;
}

.galeriaPreview div svg.fa-eye {
    position: absolute;
    left: 4px;
    top: 5px;
    background: #00a983;
    padding: 3px;
    border-radius: 1rem;
    font-size: 20px;
    color: white;
    cursor: pointer;
}

.busqueda {
    padding-top: 12.5rem;
    height: auto;
    background-image: linear-gradient(263.25deg, #6147FF -0.66%, #190E5C 99.96%);
    background-blend-mode: multiply;
    padding-bottom: 2rem;
}

.busqueda h2 {
    color: white;
}

.cards {
    margin-top: 2rem;
}

.link-whatsapp {
    font-weight: bold;
    cursor: pointer;
}

.link-whatsapp svg {
    font-size: 18px;
    color: #01a985;
}

.categorias {
    margin: 0px;
    color: #01a985;
    font-weight: 600;
    margin-bottom: 8px;
}

.categorias div {
    border-left: 1.8px solid #01a985;
    padding: 0px 5px;
}

.categorias div:first-child {
    border-left: none;
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* estilos admin modulo usuario */

.status{
    color: #dc3545;
    cursor: pointer;
}

.statusCnange{
    color: #01a870;
    cursor: pointer;
}

.chocolat-wrapper {
    z-index: 999999;
}

.descripcion {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 7;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

.btn-success {
    background: #00a983;
    border-color: #00a983;
}

.formCategory {
    width: 100%;
}

.formCategory h4 {
    padding: 0px 10px;
}

.oculto{
    display: none;
}

.formCategory div i.fa-plus-circle {
    font-size: 26px;
    padding: 6px;
    color: #1ba983;
    cursor: pointer;
}

.formCategory div i.fa-minus-circle {
    font-size: 26px;
    padding: 6px;
    color: #a91b1b;
    cursor: pointer;
}

.page-item.active .page-link {
    color: #fff;
    background-color: #1ca983;
    border-color: #3eb796;
}

.page-link {
    color: #3e3e54;
}

.page-link:hover {
    color: #1ba983;
}

.error {
    font-size: inherit;
}
.hide {
    display: none;
}

.formEmpresa label.telefono {
    margin-bottom: 6px;
}

.input-tlf {
    width: 17.5rem;
    border: 1px solid #ced4da;
    padding: 4px 0px;
}

.input-tlf-contact {
    width: 19.3rem;
    border: 1px solid #ced4da;
    padding: 4px 0px;
    border-radius: 4px;
}

.text-inside {
    white-space: nowrap;
}

.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-ellipsis2 {
    white-space: nowrap;
    overflow: visible;
    text-overflow: ellipsis;
}

.div_enlace_pos{
    text-align: right;
    width: 95.5%;
    position: absolute;
    top: 11rem;
    z-index: 10;
    display: none;
}

.div_enlace_pos a{
    color: #3d3d51;
    font-weight: bold;
    padding: 2px 11px;
    border-radius: 6px;
    background: #ffffff8f;
    margin-left: 5px;
}

.div_enlace_pos a:hover{
    color: #00a983;
    text-shadow: none;
    font-weight: bold;
}

.mensaje {
    font-size: 20px;
    cursor: pointer;
    color: #00a983;
}

.mensaje:hover{
    color: #3d3d51;
}

.mensaje.active{
    color: #3d3d51;
}

.formBuscador {
    margin-top: 2rem;
    margin-bottom: 20px;
}

.informes .element {
    background-color: #E2FCF7;
    border-radius: .5rem;
    height: 100%;
    padding: 0px;
}

.informes .element h6 {
    font-weight: bold;
    font-size: 13px;
    padding: 10px 0px;
    text-align: center;
    color: #01A985;
}

.informes .element div {
    text-align: center;
    font-size: 2.5rem;
    font-weight: bold;
    color: #01A985;
}

.honey {
    visibility: hidden;
    position: absolute;
}

.informesMail {
    margin-bottom: 2rem;
}

.informesMail a {
    display: inline-block;
}

.btn {
    cursor: pointer;
}

.inline {
    display: inline-block;
}

.iti {
    width: 100%;
}

.input-tlf-contact {
    width: 100%;
}

.tamano {
    max-width: auto;
    min-width: auto;
    max-height: auto;
    min-height: 157px;
}

.gallery .gallery-item {
    border: 7px solid #f7f7f7;
    margin: 0px;
    border-radius: 20px;
    width: inherit;
    height: inherit;
}

.logito {
    width: auto;
    margin-bottom: 25px
}

@media (max-width: 767px) {
    .details-content {
        margin-top: 0 !important;
        padding-top: 0;
    }

    .details-content > div {
        margin-top: 40%;
    }
}

.oculto{
    display: none;
}

small{
    color: #a9a400;
}

.fa-toggle-off{
    font-size: 20px;
    cursor: pointer;
    color: #3d3d51;
    margin-left: 5px;
}

.fa-toggle-on {
    font-size: 20px;
    cursor: pointer;
    color: #069171;
    margin-left: 5px;
}

.fa-trash {
    cursor: pointer;
}

.statusMessage{
    position: relative;
    top: -2px;
    margin-left: 7px;
}

#form_mensaje input::placeholder {
    text-align: left !important;
}

.politicas {
    padding-left: 1.5rem;
}

.politicas input {
    width: 1.285rem;
    height: 1rem;
    min-height: 1rem !important;
}

.politicas .form-check .form-check-input {
    pointer-events: all;
}

.form-check .form-check-input {
    pointer-events: all;
}

.form-empre.select {
    padding: 5%;
    height: auto;
}

@media (max-width: 452px) {
    #header .logo img {
        max-height: 2rem;
    }
    .div_enlace_pos {
        top: 11.8rem;
    }
    .busqueda h2 {
        font-size: 1.5rem;
    }
}

.textareaStyles {
    border-radius: 10px;
    background-color: #F5F5F5;
    /* margin: 6px 0px; */
    padding: 10px 20px 10px 20px;
    font-size: 1rem;
    border: 1px solid #A0A0A0;
}

#v-pills-tab .nav-link, .form-empre, .form-empre-basic {
    font-size: 1rem;
}

.icon-secure {
    position: relative;
}

.icon-secure img {
    position: absolute;
    right: -24px;
    width: 34px;
}

.descriptionCardItem {
    font-size: .9rem; 
    height: 5rem;
}

.descriptionCardItem .line-clamp-text {
    line-clamp: 3;
    -webkit-line-clamp: 3;
}

.titleCardEnterprice {
    display: flex;
    position: relative;
    padding-right: 1rem;
    gap: 10px;
    height: 6rem;
}

.titleCardEnterprice .logo img{
    box-shadow: 0px 4px 10px 0px #00000040;
    height: auto;
    width: 5.5rem;
}

.titleCardEnterprice ._title {
    width: 100%;
    font-size: .9rem;
}

.boxItemCard {
    font-size: .9rem;
}

.figureCard {
    color: #3F3F51;
    font-size: .9rem;
    font-weight: 400;
}

.item-details {
    font-size: .9rem;
}

.contactDetailsItems .align-items-center{
    margin: 15px 0 !important;
}

.details-content {
    justify-content: center;
}

.margin-0 {
    margin: 0 !important;
}

.item-olw .icon-secure {
    width: 40px;
    position: absolute;
    right: 8px;
}

.item-olw .icon-secure img {
    padding: 0 !important;
}

.item-olw .titleCardEnterprice .logo img {
    height: inherit;
    width: 10.5rem;
    padding: 0 !important;
}

.iconReport {
    font-size: 1.5rem; 
    color: #01A985;
}

/* estilos admin modulo convocatorias */
.label-convocatorias{
    color: #01A985;
}

.form-emprez{
    border-radius: 1.25rem !important;
    border-color: #A0A0A0;
    background-color: #F5F5F5;
    margin: 6px 0px;
  }

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: black;
    border: none;
}

.table-hover tbody tr:hover {
    color: #000000;
}   

.table td, .table th {
    padding: 1rem;
    vertical-align: middle;
    border-top: none;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #01A985;
    color: #01A985;
    font-weight: 300!important;
    /* min-width: 10rem; */
}

.limit-line {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.table thead th p {
    font-weight: 300!important;
}

.backgraund-grey {
    background-color: #F5F5F5;
}


.paginated {
    gap: 3rem;
}

.paginated p,
.paginated i {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 2rem;
    cursor: pointer;
}

.tag-active {
    background-color: #01A985;
    color: white;
}

/* buttons admin */

.btn-new-convocatoria,
.btn-filter-convocatoria {
    background-color: #01A985;
    color: white;
    border-radius: .5rem!important;
}

.btn-more-convocatoria {
    background-color: #01A985;
    color: white!important;
    border-radius: .5rem!important;
}

.btn-admin-published {
    margin: 0px;
    padding: 0rem .5rem;
    color: white;
    background-color: #01A985;
    border-radius: 1rem;
    width: 100%;
}

.btn-admin-deleted {
    margin: 0px;
    padding: 0rem .5rem;
    color: white;
    background-color: #A0A0A0;
    border-radius: 1rem;
    width: 100%;
}

.btn-admin-expired {
    margin: 0px;
    padding: 0rem .5rem;
    color: white;
    background-color: #FFB800;
    border-radius: 1rem;
    width: 100%;
}

.btn-admin-failed {
    margin: 0px;
    padding: 0rem .5rem;
    color: white;
    background-color: #b60202;
    border-radius: 1rem;
    width: 100%;
}

.btn-admin-published:hover,
.btn-admin-deleted:hover,
.btn-admin-expired:hover,
.btn-new-convocatoria:hover,
.btn-filter-convocatoria:hover,
.btn-more-convocatoria:hover {
    color: white;
}

/* estilos admin modulo convocatorias/Nuevas convocatorias */

.btn-back-convocatoria {
    background-color: transparent;
    color: #01A985;
    border-radius: .5rem !important;
    border: 1px solid #01A985;
}

.ellipsis-th {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 18rem;
    overflow: hidden;
}

.title_conv {
    color: #3F3F51;
    font-size: 1.8rem;
    font-weight: bold;
}

.inputs_conv {
    margin: 2rem 0 1rem 0;
}

.inputs_conv label {
    color: #01A985;
    font-weight: 600;
    font-size: 14px;
    margin: 0;
}

.inputs_conv input, .inputs_conv select {
    padding: 7px;
    background: #F5F5F5;
}

.table-green thead{
    border-bottom: 1px solid #01A985;
}

.table-green thead th{
    color: #01A985;
    /* width: 15rem; */
    padding: 10px 6px;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
}

.table-green tbody td {
    font-size: 14px;
    padding: 10px 7px;
    color: #3F3F51;
}

.buttonGreen {
    background: #01A985;
    color: white;
    padding: 7px 14px;
    display: flex;
    border-radius: 2rem;
    cursor: pointer;
    justify-content: center;
}

/* .buttonGreen i {
    position: relative;
    left: 7px;
} */

.buttonGreenOutline {
    border: 1px solid #01A985;
    background: transparent;
    padding: 11px 12px;
    border-radius: 2rem;
    color: #01A985;
    font-weight: 600;
    font-size: 16px;
}

.buttonGreenOutline {
    color: #01A985;
}

.with-max-content {
    width: max-content;
}

.titleConv {
    font-size: 2.5rem;
    font-weight: 600;
    margin: 1rem 0px 5px 0px;
}

.descriptionConv {
    margin: 2rem 0;
}

.descriptionConv .subtitle {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: .7rem;
}

.ellipsis-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.modalStyles .modal-content{
    background: #FFFFFF;
    border-radius: 10px;
    color: #3F3F51;
    padding: 1.5rem;
    font-family: 'Open Sans';
}

.modalStyles .modal-title{
    font-size: 2rem;
    font-weight: 600;
}

.modalStyles .close {
    position: relative;
    left: 10px;
    bottom: 10px;
}

.modalStyles .modal-header {
    border-bottom: 0;
    padding-bottom: 0;
}

.modalStyles .modal-body {
    padding-bottom: 0;
}

.modalStyles .modal-footer {
    border-top: none;
}

.modalStyles .detailsInfoModal .element {
    margin-bottom: 1rem;
}

.modalStyles .detailsInfoModal ._name {
    color: #01A985;
    font-weight: 600;
}

.modalStyles .detailsInfoModal ._value {
    color: #3F3F51;
    opacity: .6;
}

.modalStyles .detailsInfoModal ._value i.bi-exclamation-triangle {
    background: #FFB80026;
    padding: 4px 7px;
    border-radius: 2rem;
    color: #FFB800;
    font-size: 14px;
    margin-right: 4px;
    opacity: 1;
}

.btn-outline-green {
    background: white;
    border: 2px solid #01A985;
    padding: 7px 25px;
    border-radius: 2rem;
    color: #01A985;
    cursor: pointer;
}

.btn-green {
    background: #01A985;
    border: 2px solid #01A985;
    padding: 7px 25px;
    border-radius: 2rem;
    color: white;
    cursor: pointer;
}

.btn-gray {
    background: #A0A0A0;
    border: 2px solid #A0A0A0;
    padding: 7px 25px;
    border-radius: 2rem;
    color: white;
    cursor: pointer;
}

.modalStyles .buttons-modal {
    width: 100%;
}

.alertSuccessModal .modal-content {
    text-align: center;
    background: #FFFFFF;
    border-radius: 10px;
    color: #3F3F51;
    padding: 1.5rem;
    font-family: 'Open Sans';
}

.alertSuccessModal .modal-body {
    padding: 0;
}

.alertSuccessModal .bi-check2, .alertSuccessModal ._icon {
    color: #01A985;
    font-size: 5rem;
}

.alertSuccessModal svg._icon {
    margin: 22px 0;
}

.alertSuccessModal ._title-large {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.alertSuccessModal ._description {
    margin-bottom: 1rem;
}

.border-card-tab {
    border-radius: .5rem;
    border-color: white;
}

.convocatoria-register-title {
    color: #FFFFFF;
    font-size: 3rem;
    width: 39rem;
}

.convocatoria-register-title .line{
    line-height: 48px;
    margin-bottom: 14px;
}

.hover-click:hover {
    color: #01A985;
    cursor: pointer;
}

.content-message-conv {
    text-align: center;
    padding: 22px 0;
}

.content-message-conv .content-title {
    font-size: 30px;
    margin: 10px 0;
}

.flex-buttons {
    align-items: center;
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.flex-buttons button {
    display: flex;
    gap: 11px;
    text-wrap: nowrap;
    align-items: center;
}

.border-none {
    border: none;
}

.noMargin {
    margin: 0 !important;
}

.noPadding {
    padding: 0 !important;
}

.contentForm{
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
}

.contentForm .left{
    width: 14rem;
}

.contentForm .right {
    width: 52.2rem;
}

.contentForm .mi-vitrina-log img{
    width: 100%;
}

.contentForm .dataFormInputs {
    display: flex;
    gap: 32px;
    width: 100%;
}

.contentForm .logoPersonalData {
    width: 12.3rem;
}

.contentForm .frontInputs {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.buttonUploadGallery {
    position: relative;
    width: 11rem;
}

.buttonUploadGallery input {
    background-color: transparent !important;
}

.circle-select2 .select2-container--default .select2-selection--single{
    background: whitesmoke;
    border-radius: 2rem;
    padding: 5px 0;
    min-height: 40px;
    margin-top: 5px;
}

.circle-select2 .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 2rem;
    border: 1.7px solid #01a985;
}

.circle-select2 .select2-container.select2-container--focus .select2-selection--multiple, .select2-container.select2-container--focus .select2-selection--single {
    border-color: #01a985;
}

.circle-select2 .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 4px;
    right: 7px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #6c757d !important;
}

.select2-container--default .select2-results>.select2-results__options{
    overflow-x: hidden !important;
}

.select2-container--default .select2-selection--multiple {
    margin-top: 5px;
}

.nowrap {
    white-space: nowrap;
}

.logoNewDetails {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 4rem;
}

.logoNewDetails img{
    position: absolute; 
    top: -75px;
    border-radius: 1rem;
}

.advertise-btn-navbar {
    padding: 5px 10px;
}

.enter-btn-navbar {
    display: flex;
    padding: 5px 10px;
    height: max-content;
    white-space: nowrap;
}

.formNavbarCommon {
    justify-content: center;
}

.formNavbarCommon .mi-vitrina-log a {
    display: flex;
    justify-content: center;
}

.formNavbarCommon .mi-vitrina-log img {
    width: 12rem;
    position: relative;
    bottom: 9px;
}

.select-pais-form .select2-container--default .select2-selection--single{
    background: transparent;
    border-radius: 2rem;
    padding: 5px;
}   

.select-pais-form .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #c6c2df !important;
}

@media (max-width: 1200px) {
    .contentForm .right {
        width: 39rem;
    }

    .logoNewDetails {
        margin-bottom: 2rem;
    }
}

@media (max-width: 991px) {
    .contentForm .right {
        width: 26rem;
    }

    .contentForm .dataFormInputs {
        flex-wrap: wrap;
    }

    .logoNewDetails img{
        top: -50px;
    }
}

@media (max-width: 860px) {
    .formNavbarCommon {
        gap: 25px;
    }
}

@media (max-width: 767px) {
    .contentForm .right {
        width: 100%;
    }
    
    .logoNewDetails {
        margin-bottom: 9rem;
    }

    .contentResumeLeft {
        margin-top: 30% !important;
    }

    .contentResumeRight {
        margin-top: 1rem !important;
    }
}

@media (max-width: 420px) {
    .logoNewDetails {
        margin-bottom: 6rem;
    }
}

@media (max-width: 345px) {
    .logoNewDetails {
        margin-bottom: 4rem;
    }
}

@media (max-width: 290px) {
    .logoNewDetails {
        margin-bottom: 2rem;
    }
}

.smallTextConv {
    font-size: 16px;
}

.delete-brochure {
    background: #3d3d51;
    color: white;
    border-radius: 2rem;
    padding: 4px 8px;
}
  
.delete-brochure:hover {
    color: white;
    background: #01a985;
}

.download-brochure {
    gap: 12px;
}

.download-brochure a {
    color: #3d3d51;
    font-weight: 700;
    text-decoration: underline;
}

.download-brochure a:hover {
    color: #01a985;
}