button, input {
    transition: all .15s;
    outline: none;
    margin: 5px;
}

.button {
    cursor: pointer;
}

.outlined {
    border: 1px solid !important;
}

.button.primary.outlined {
    background-color: transparent;
    border-color: #227093;
    color: #227093;
}

    .button.primary.outlined:hover {
        background-color: #227093;
        color: #FFFFFF;
    }

.button.danger.outlined {
    background-color: transparent;
    border-color: #ee5253;
    color: #ee5253;
}

    .button.danger.outlined:hover {
        background-color: #ee5253;
        color: #FFFFFF;
    }

.button.warning.outlined {
    background-color: transparent;
    border-color: #ff9f1a;
    color: #ff9f1a;
}

    .button.warning.outlined:hover {
        background-color: #ff9f1a;
        color: #FFFFFF;
    }

.button.notification.outlined {
    background-color: transparent;
    border-color: #38ada9;
    color: #38ada9;
}

    .button.notification.outlined:hover {
        background-color: #38ada9;
        color: #FFFFFF;
    }




.rounded {
    border-radius: 20px !important;
}



.primary {
    background: #227093;
    color: #FFFFFF;
}

    .primary:hover {
        background: #34ace0;
    }

.danger {
    background: #ee5253;
    color: #FFFFFF;
}

    .danger:hover {
        background: #ff6b6b;
    }

.warning {
    background: #ff9f1a;
    color: #FFFFFF;
}

    .warning:hover {
        background: #ffaf40;
    }

.notification {
    background: #38ada9;
    color: #FFFFFF;
}

    .notification:hover {
        background: #00d1b2;
    }

.normal {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
}


i {
    margin-right: 5px;
}

.container {
    width: 95%;
    margin: auto;
    text-align: center;
}