.btn-action, .btn-action.disabled {
    background: #65bf89;
    border: 1px solid #65bf89;
}

.btn {
    padding: 7px 12px;
    cursor: pointer;
}

.btn-action {
    color: #fff;
    background-color: #118F44;
    border-color: #0f7d3b;
}

.btn-action:hover {
    color: #fff;
    background-color: #13ad52;
    border-color: #0f7d3b;
}


.dark-logo{
    width: 100%;
    padding: 5px;
}

.conta-vinculada{
    position: absolute;
    right: 15px;
    top:5px; 
    font-weight: 500; 
    color: #13ad52;
    font-size: 18px;
}

.desvincular-conta{
    position: absolute;
    left: 5px;
    font-weight: 500; 
    color: #ff5c6c;
    font-size: 18px;
    padding: .25rem .5rem !important;
}

.vincular{
    position: absolute; right: 10px;top:5px
}

.title-como-funciona{
    margin-bottom: 50px;
}

.img-item-como-funciona{
    height: 90px;
}

.item-como-funciona{
    text-align: center;
     font-weight: 600;
     color: dimgrey;
}

.item-como-funciona span{
    font-size: 18px;
    line-height: 0;
    font-weight: 700;
    font-style: italic;
    font-family: 'Baloo Bhaina 2', cursive;

}

.arrow-separate{
    width: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -5px;
    margin: auto;
}

.text-agpro{
    color: #118F44;
}

.container-loading{
    float: right;
}

.container-loading span{
    position: relative;
    vertical-align: middle;
}
.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color:#65bf89;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #65bf89;
    background-color: #65bf89;
}

.img-agpro-login{
    width: 70%;
     float: left;
     margin-top: 10%;
     margin-left:20px;
}

@media screen and  (max-width: 768px) {
    .img-agpro-login{
        display: none;
    }
}

@media screen and (max-width: 480px) {
    
    .img-agpro-login{
        display: none;
    }

    .title-como-funciona{
        margin-bottom: 50px;
    }

    .img-item-como-funciona{
        height: 90px;
    }

    .item-como-funciona{
        text-align: center;
        font-weight: 600;
        color: dimgrey;
        margin-top: 30px;
    }

    .item-como-funciona span{
        font-size: 18px;
        line-height: 0;
        font-weight: 700;
        font-style: italic;
    }

    .arrow-separate{
        display: none;
    }
    

}