@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,700&display=swap');

.client_image{
    width: 100%;
    height: 145px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    margin:auto;
}
.container_card{
margin-bottom:30px;
}

.card{
 justify-content: space-between;
}
.card:hover h4{
color:#965db0;
}
.card:hover small{
color:white;
}

.card.new_client{
background-color:#FED038;
text-align:center;
justify-content:center;
}
.card-title{
color: #30113ee6;
}

.navbar_er{
    display: flex;
    justify-content: center;
}
.navbar_er .breadcrumb{
background-color: transparent;
}

.navbar_er a {
text-decoration:none;
color: #7918a4;
font-size: 25px;
}

.navbar_er > ol > li:last-child > a{
color: #3f1551 !important;
}

.navbar_er a:hover {
color:#edc6ff;
}
body{
background-color: #f3f0f5;
font-family: 'Raleway', sans-serif;
}
.card-block{
text-align:center;
padding-top:20px;
}
.new_client_icon{
width:55px;
height:auto;
opacity: 0.5;
}
.new_client_text{
margin:15px;
color:white;
opacity:0.8;
}

.full_button{
width: 100%;
height: 100%;
position: absolute;
z-index: 100;
}

.breadcrumb-item{
margin-top:5px;
margin-bottom:5px;
}

.logo_plataforma{
margin-right:10px;
}

.logo_plataforma img{
max-width:40px;
}

.breadcrumb-item + .breadcrumb-item::before{
color:#c09fcf !important;
content: '-' !important;
}
.icono{
max-width:40px;
}
.icono_espaciado{
max-width:40px;
margin:5px;
}
.section_title{
margin-bottom:25px;
}

.table_container{
background-color: white;
padding: 25px;
}

.icon_table{
max-width: 15px;
opacity: 0.5;
margin:0 5px;
}


.title_table{
text-decoration:none;
color:#4f1868;
}
.title_table:hover{
text-decoration:none;
color:#7918a4;
}
body{
color:#464646;
}




.icono_header{
max-width:40px;
}
.icono_regalos{
max-width:20px;
display:none;
}

.link_icono_regalos{
    position: absolute;
    top: 10px;
    z-index: 100;
    right: 10px;
}


.regalo_card{
padding:0 30px;
text-align:center;
}
.regalo_card h3{
text-align:center;
}
.regalo_card:hover .icono_regalos{
display:block;
}

.icono_header:hover{
opacity:0;
}

.btn.btn-outline-dark.btn-lg:hover {
    background-color: #7918a4;
    border-color: #7918;
}

.actions_table img{
display:none;
}
tr:hover .actions_table img{
   display: inline-block;
}
tr:hover {
background-color:#ecdbf3;
}

.project-detail{
    display:flex;
    flex-direction: column;
}

.card-img-top{
    max-height: 300px !important;
    object-fit: contain !important;
}

.myBtn{
    color: #4f1868;
    background-color: transparent;
    border-color: #4f1868;
}

.client-view{
    background-color: transparent !important;
    border: 2px solid #fff !important;
}

.library-view{
    background-color: white !important;
    border: 2px solid #fff !important;
    color: #7918a4;
}
.library-view > a:hover{
    color: #7918a4 !important;
}
.client-view > a{
    color: #fff;
}

/* //ESTILOS DETAIL ROUND// */

.create-detail-round{
    display: flex;
    margin: auto;
    text-decoration: none;
    padding: 30px;
    background-color: #edc6ff;
    border-radius: 50px;
    color: #7918a4;
    font-size: 14px;
    font-weight: 600;
    border: none;
    outline: none;
    cursor: pointer;
}
.create-detail-round:hover{
    background-color:#E2A6FE;
}

.tittle-detail{
    display: flex;
    justify-content: center;
    padding: 20px;
}