/*
    CSS for buttons in the backoffice
*/


.igc-btn-primary {
    width: 100px;
    height: 36px;
    border-radius: 3px!important;
    border: none!important;

    background: #1e88e5!important;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff!important;
}

.igc-btn-primary:hover {
    opacity: 0.7;
    cursor: pointer;
}

.igc-btn-primary:focus {
    outline: none;
}

.igc-btn-secondary {
    width: 100px;
    height: 36px;
    border-radius: 3px!important;
    border: solid 1px #e0e0e0!important;
    background: white!important;
    font-family: Roboto!important;
    font-size: 13px!important;
    font-weight: 500!important;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: rgba(0, 0, 0, 0.54)  !important;
}

.igc-btn-secondary:hover{
    background-color: #fafafa!important;
    color:  rgba(0, 0, 0, 0.87) !important;
    cursor: pointer;
}

.igc-btn-secondary span:hover {
    opacity: inherit;
}