Proyectos de Subversion LeadersLinked - Antes de SPA

.my-coach-record-card {
        background:var(--bg-color);
        border:1px solid var(--border-primary);
        border-radius:var(--border-radius);
        height:fit-content;
        box-shadow:var(--light-shadow);
        width:100%;
        padding:1rem;
        display:flex;
        flex-direction:column;
        gap:.5rem;
        height:100%
}

.my-coach-record-card .my-coach-record-card-container {
        display:flex;
        flex-direction:row;
}

.my-coach-record-card .my-coach-record-card-resume {
        flex: 20%;
}

.my-coach-record-card .my-coach-record-card-content {
        margin-left: 5px;
        flex: 80%;
}

.my-coach-record-card .my-coach-record-card-content span.question {

        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 14px;
        /* identical to box height */
        
        display: flex;
        align-items: center;
        
        color: #9A9A9A;
}

.my-coach-record-card .my-coach-record-card-content ul.my-coach-record-card-categories li {
        display: inline;
        background: var(--bg-color-secondary);
        padding: 10px;
        border-radius: 10px;
        margin-right: 5px;
        
}


@media(max-width: 767px){
        .my-coach-record-card{
                border-radius:0;
                border-left:0;
                border-right:0
        }
}
.my-coach-record-card>a {
        width:fit-content
}
.my-coach-record-card>a h2{ 
        color:var(--title-color);
        font-weight:800
}
.my-coach-record-card>h3 {
        color:var(--subtitle-color);
        font-weight:400
}
.my-coach-record-card>p {
        color:var(--font-color);
        font-weight:400;
        text-align:justify;
        text-justify:inter-word
}
.my-coach-record-card .my-coach-record-card-actions {
        display:flex;
        align-items:center;
        gap:.5rem
}
.my-coach-record-card .my-coach-record-card-actions>*{ 
        flex:1;
        max-width:33.3333333333%
}
.my-coach-record-card .reaction-btn{
        align-items:center;
        border-radius:10px;
        display:inline-flex;
        gap:.5rem;
        justify-content:center;
        padding:10px;
        position:relative;
        width:-webkit-fill-available;
        transition:background-color 200ms ease
}
.my-coach-record-card .reaction-btn:hover{
        background-color:#f5f5f5
}
.my-coach-record-card .reactions{
        position:absolute;bottom:calc(100% + .5rem);
        background-color:var(--bg-color);
        box-shadow:0px 0px 3px #000;
        gap:.5rem;
        left:50%;
        display:none;
        padding:.2rem;
        width:fit-content;
        border-radius:20px;
        transform:translateX(-50%)
}
.my-coach-record-card .reactions.active {
        display:flex
}
.my-coach-record-list {
        display:grid;
        gap:1rem
}
.my-coach-category-list{
        background:var(--bg-color);
        border:1px solid var(--border-primary);
        border-radius:var(--border-radius);
        height:fit-content;
        box-shadow:var(--light-shadow);
        width:100%;
        padding:1rem;width:100%
}
@media(max-width: 767px){
        .my-coach-category-list{
                border-radius:0;
                border-left:0;
                border-right:0
        }
}
.my-coach-category-list ul{
        display:flex;
        flex-direction:column;
        gap:.5rem
}
.my-coach-category-list ul li{
        font-weight:400;
        font-size:16px;
        color:var(--font-color);
        padding:.5rem;
        border-radius:var(--border-radius)
}
.my-coach-category-list ul li.my-coach-category-li-selected{
        background-color:var(--bg-color-secondary)
}
.input-group-btn .btn{
        height:-webkit-fill-available
}