@charset "utf-8";
/* CSS Document */

/* Styled Button */
.btn-curved {
    border-radius: 4px 30px 30px 4px;

    font-weight: 500;
    text-align: left;

    position: relative;
    z-index: 5;

    transition: 0.3s;
}
    .btn-curved:disabled {
        color: #758fc5;
    }

.btn-curved.btn-curved-blue {
    background: none;
    border: 1px solid #3b5998;

    color: #3b5998;
}
.btn-curved.btn-solid-blue {
    background: #3b5998;
    border: none;

    color: #fff;
    font-weight: 400;
}
.btn-curved.btn-curved-white {
    background: none;
    border: 1px solid #fff;

    color: #fff;
}

.btn-curved .btn-btn {
    border: none;
    border-radius: 50%;

    position: absolute;

    z-index: 20;

    text-align: center;
}
    .btn-curved .btn-btn i {
        transition: 0.2s;
    }
    .btn-curved:hover .btn-btn i {
        margin-left: 8px;

        transition: 0.2s;
    }
    .btn-curved:hover .btn-btn.down i {
        position: relative;
        top: 0;
    }
    .btn-curved:hover .btn-btn.down i {
        top: 4px;

        margin-left: 0;
    }

.btn-curved.btn-large {
    font-size: 18px;

    padding: 12px 60px 12px 20px;
}
    .btn-curved.btn-large .btn-btn {
        top: 8px;
        right: 8px;

        font-size: 16px;

        width: 35px;
        height: 35px;
        line-height: 36px;
    }

.btn-curved.btn-medium {
    font-size: 16px;

    padding: 10px 60px 10px 20px;
}
    .btn-curved.btn-medium .btn-btn {
        top: 6px;
        right: 6px;

        font-size: 14px;

        width: 30px;
        height: 30px;
        line-height: 30px;
    }

.btn-curved.btn-small {
    font-size: 14px;

    padding: 6px 20px;
}

.btn-curved.btn-curved-blue .btn-btn {
    background: #3b5998;
    color: #fff;
}
.btn-curved.btn-solid-blue .btn-btn {
    background: #fff;
    color: #3b5998;
}
.btn-curved.btn-curved-white .btn-btn {
    background: #fff;
    color: #3b5998;
}

/* */
.btn-blue {
    background: #3b5998;
    border: none;
    border-radius: 4px;

    color: #fff;

    transition: 0.2s;
}
    .btn-blue:hover {
        background: #5773ae;

        color: #fff;

        transition: 0.2s;
    }

.btn-white {
    background: #fff;
    border: none;
    border-radius: 4px;

    color: #3C3C4F;

    transition: 0.2s;
}
    .btn-white:hover {
        background: #f5f5f5;

        transition: 0.2s;
    }

.btn-red {
    background: #f8d7da;
    border: none;
    border-radius: 4px;

    color: #721c24;

    transition: 0.2s;
}
    .btn-red:hover {
        background: #f3cdd1;

        color: #721c24;

        transition: 0.2s;
    }

.btn-grey-outline {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;

    color: #3C3C4F;

    transition: 0.2s;
}
    .btn-grey-outline:hover {
        background: #f5f5f5;

        transition: 0.2s;
    }
/* */
.btn-xlarge {
    font-size: 18px;

    padding: 14px 40px;
}
.btn-large {
    font-size: 16px;

    padding: 14px 40px;
}
.btn-medium {
    font-size: 16px;

    padding: 10px 40px;
}
.btn-small {
    font-size: 14px;

    padding: 6px 20px;
}

/* */
.input-group-text button {
    font-size: 14px;

    padding: 4px 8px;
}