/* Evaluation */

.striped-columns.border .answer-column{
   text-align: center;
   width: 80px;
   min-width: 8%;
   padding: 5px;
}

/* Profile */

    .forms-horizontally-aligned{
        text-align: center;
    }
    
    .forms-horizontally-aligned .single-form{
        display: inline-block;
    }
                 
    .ebea-tooltip{
        position: relative;
        background: transparent;
        padding: 2px 5px 0;
        margin: 5px ;
        color: #a7005e;
        width: 30px;
        height: 30px;
        border-radius: 15px;
        border: 2px solid #a7005e;
        text-align: center;
    } 
    
    .ebea-tooltip i{
        font-size: 18px;
    } 
    
    .range-input {
        background:#eee;
        padding:10px 20px;
        display:flex;
        align-items:center;
        border-radius:10px;
    }
    
    .evaluation-history{
        position: relative;
        margin: 60px;
        text-align: center;
        display: table;
        margin: auto;
    }
    
    .range-input input {
        -webkit-appearance:none;
        width:200px;
        height:2px;
        background:#a7005e;
        border:none;
        outline:none;
    }
    
    .range-input input::-webkit-slider-thumb {
        -webkit-appearance:none;
        width:20px;
        height:20px;
        background:#eee;
        border:2px solid #a7005e;
        border-radius:50%;
    }
    
    .range-input input::-webkit-slider-thumb:hover {
        background:#a7005e;
    }
    
    .range-input .value {
        color:#a7005e;
        text-align:center;
        font-weight:600;
        line-height:40px;
        height:40px;
        overflow:hidden;
        margin-left:10px;
    }
    
    .range-input .value div {
        transition:all 300ms ease-in-out;
    }

    .chart-text-zone{
        width: 100%;
        padding: 40px 20px;
        font-weight: normal;
    }
    
    .card-body .striped-columns,
    .row.profile-chart-progress,
    .container.skill-area-catalogue {
        font-weight: normal;
    }

    /* Skill Area */
    
    .row.skill-type .content{
        height: 30px;
    }
    
    .row a.px-3 {
        display: inline-block;
        width: 100%;
        height: 100%;
    }
    
    .skill-area-label{
        display: table;
        vertical-align: middle;
        position: relative;
        padding: 10px 0;
    }

    .skill-type .content {
        border-radius: 5px;
        border: 1px solid #999;
    }
    
    .legend{
        font-size: 14px;
        text-align: left;
        padding: 10px;
        width: 100%;
    }
    
    .liquid-fill-container {
        display: inline-block;
        position: relative;
    }
    
/* Single Course */

    .widget ul {
        margin-bottom: 0;
    }

    .range__tick {
      fill: #a0a0a0;
    }
    
    /* header flag */
    
    span.fi {
    width: 24px;
}