.ceibo-btns:focus {
    outline: none;
    width: 96px !important;
    height: 24.8px !important;
}

.ceibo-btns {
    width: 96px !important;
    height: 24.8px !important;
    border-radius: 1rem;
    font-family: Lato;
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    line-height: 14.4px;
    text-align: center;
    border: 0.75px solid #adbdc2;
    background-color: transparent;
    margin-right: 10px;
    cursor: pointer;
}

.cian-btn {
    color: #07a7b1;
}

.cian-btn.active-btn {
    background: #07a7b1;
    color: #ffffff;
    border-color: #07a7b1;
}

.cian-btn:hover {
    background: #07a7b1;
    color: #ffffff;
    border-color: #07a7b1;
}

.orange-btn {
    color: #ff8a00;
}

.orange-btn.active-btn {
    background: #ff8a00;
    color: #ffffff;
    border-color: #ff8a00;
}

.orange-btn:hover {
    background: #ff8a00;
    color: #ffffff;
    border-color: #ff8a00;
}

.green-btn {
    color: #669b00;
}

.green-btn.active-btn {
    background: #669b00;
    color: #ffffff;
    border-color: #669b00;
}

.green-btn:hover {
    background: #669b00;
    color: #ffffff;
    border-color: #669b00;
}

.violet-btn {
    color: #ca02eb;
}

.fucsia-btn {
    color: #ff027c;
}

.fucsia-btn.active-btn {
    background: #ff027c;
    border-color: #ff027c;
    color: #ffffff;
}

.fucsia-btn:hover {
    background: #ff027c;
    border-color: #ff027c;
    color: #ffffff;
}

.blue-btn {
    color: #001aff;
}

.blue-btn.active-btn {
    background: #001aff;
    border-color: #001aff;
    color: #ffffff;
}

.blue-btn:hover {
    background: #001aff;
    border-color: #001aff;
    color: #ffffff;
}

.violet-btn.active-btn {
    background: #ca02eb;
    color: #ffffff;
    border-color: #ca02eb;
}

.violet-btn:hover {
    background: #ca02eb;
    color: #ffffff;
    border-color: #ca02eb;
}

.red-btn {
    color: #fc0435;
}

.red-btn.active-btn {
    background: #fc0435;
    color: #ffffff;
    border-color: #fc0435;
}

.red-btn:hover {
    background: #fc0435;
    color: #ffffff;
    border-color: #fc0435;
}

.ceibo-light {
    width: 160px;
    height: 32px;
    background: #ffffff;
    border-radius: 16px;
    font-family: Lato;
    font-style: normal;
    font-weight: 500;
    font-size: 0.87rem;
    line-height: 1.06rem;
    text-align: center;
    color: #177dc6;
    border: 2px solid #177dc6;
    cursor: pointer;
    margin-top: auto;
    margin-bottom: auto;
}

.ceibo-primary {
    height: 34px;
    background: #177dc6;
    border-radius: 16px;
    font-family: Lato;
    font-style: normal;
    font-weight: 500;
    font-size: 0.87rem;
    line-height: 1.06rem;
    text-align: center;
    color: #ffffff;
    border: 2px solid #177dc6;
    cursor: pointer;
    margin-top: auto;
    margin-bottom: auto;
}

.ceibo-primary:focus {
    outline: none;
}

.ceibo-primary.disabled {
    background: #b4bec1 !important;
    border: 2px solid #b4bec1 !important;
    pointer-events: none;
    width: auto;
}

.ceibo-primary:disabled {
    background: #b4bec1 !important;
    border: 2px solid #b4bec1 !important;
    pointer-events: none;
}

.ceibo-btn-link {
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.5rem;
    text-decoration-line: underline;
    color: #177dc6;
    bottom: 0;
    cursor: pointer;
    border: 0px;
}

.ceibo-btn-link:focus {
    outline: none;
}

.ceibo-link-disabled {
    outline: none;
    background-color: transparent;
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    border: 0px;
    font-size: 16px;
    line-height: 24px;
    color: #3e5762;
}

.ceibo-link {
    outline: none;
    background-color: transparent;
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    border: 0px !important;
    font-size: 16px;
    line-height: 24px;
    color: #177dc6;
    text-decoration: underline;
    cursor: pointer;
}

.ceibo-btn-bgw {
    background-color: white;
}

.btn-outline-primary:disabled {
    color: #b4bec1 !important;
    border: 2px solid #b4bec1 !important;
    pointer-events: none;
}

.ceibo-btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff;
    border-radius: 50px;
    padding: 0.2rem 1rem;
    width: 160px !important;
    height: 32px !important;
}

.acction-link {
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    color: #177dc6;
    cursor: pointer;
    font-size: 14px;
    line-height: 19px;
    text-decoration-line: underline;
    float: left;
}

.modal-footer .ceibo-btns:focus {
    width: 160px !important;
    height: 32px !important;
}

.ceibo-danger {
    width: 160px;
    height: 32px;
    background: #c0000f;
    border: 2px solid #c0000f;
    border-radius: 16px;
    font-family: Lato;
    font-style: normal;
    font-weight: 500;
    font-size: 0.87rem;
    line-height: 1.06rem;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    margin-top: auto;
    margin-bottom: auto;
}

.ceibo-green {
    width: 160px;
    height: 32px;
    border: 2px solid #669b00;

    background: #669b00;
    border-radius: 16px;
    font-family: Lato;
    font-style: normal;
    font-weight: 500;
    font-size: 0.87rem;
    line-height: 1.06rem;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    margin-top: auto;
    margin-bottom: auto;
}

.ceibo-refresh {
    width: 60%;
    padding: 1% 8%;
    font-size: 10.5px;
    border-radius: 8px;
    font-family: Lato;
    font-weight: 700;
    font-style: normal;
    color: #177dc6;
    line-height: 14.4px;
    text-align: center;
    border: none;
    background-color: #d4eff7;
    margin-right: 10px;
    cursor: pointer;
}

.ceibo-btns .notifications {
    background: red;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50px;
    position: absolute;
    color: white;
    font-weight: bolder;
    font-size: 0.7rem;
    padding: 1px;
    z-index: 999;
    margin-top: -0.6rem;
    display: none;
}

.cian-btn .notifications {
    margin-left: 0.6rem;
}

.orange-btn .notifications {
    margin-left: 0.5rem;
}

.green-btn .notifications {
    margin-left: 0.6rem;
}

.violet-btn .notifications {
    margin-left: 0.6rem;
}

.fucsia-btn .notifications {
    margin-left: 0.4rem;
}

.red-btn .notifications {
    margin-left: 0.2rem;
}

.calificar-btn{
    margin-top: 2vw;
}

.calificados{
    width: 98% !important;
    height: 50px !important;
}

.archivo{
    width: 8vw;
    height: 34px;
    background-color: #FFFFFF;
    border-radius: 16px;
    font-family: Lato;
    font-style: normal;
    font-weight: 500;
    font-size: 0.87rem;
    line-height: 1.06rem;
    text-align: center;
    color: #177DC6;
    border: 1px solid #177dc6;
    cursor: pointer;
    margin-top: auto;
    margin-bottom: auto;
}