html {
    background-color: #ccc;
}

.header {
    background-color: #fff;
}

.main {
    text-align: center;
}

form#frmLogin {
    width: 400px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 15px;
    border: 1px solid #999;
    border-radius: 5px;
    background-color: #fff;
}

h4 {
    font-size: 25px;
    color: #999;
}

#frmLogin input {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 16px;
    margin: 0 0 10px!important;
    float: none!important;
}

#from_registro, .seccion_separada, #form_services, #form_logo, #form_prices, #form_temp {
    width: 400px;
    margin: 10px auto 0;
    box-sizing: border-box;
    padding: 15px;
    border: 1px solid #999;
    border-radius: 5px;
    background-color: #fff;
    text-align: center;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}

#form_services label {
    display: inline-block;
    width: 100%;
    text-align: left;
    cursor: pointer;
    font-size: 16px;
    margin: 5px 0;
}

#from_registro input, #from_registro select, #from_registro textarea, #form_temp input, #form_temp select {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 16px;
    margin-bottom: 10px;
}

#form_services #enviar, #form_logo #enviar, #from_registro #enviar, #form_temp #enviar {
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 16px;
    margin-bottom: 10px;
    width: auto;
}

input#enviar {
    color: #fff;
    background-color: cadetblue;
    transition: .2s;
    box-sizing: border-box;
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    float: right;
    margin: 10px;
}

input#enviar:hover {
    background-color: lightblue;
}

p.error_msg {
    border: 1px solid red;
    margin-top: 10px;
    color: red;
    background-color: antiquewhite;
}

p.succes_msg {
    border: 1px solid green;
    margin-top: 10px;
    color: #fff;
    background-color: yellowgreen;
}

a.back_btn {
    color: #fff;
    background-color: steelblue;
    border: 1px solid #fff;
    display: inline-block;
    float: left;
}

.bis_list {
    width: 100%;
    text-align: center;
    float: left;
}

.bis_list a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background-color: cadetblue;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 5px 10px;
    margin: 3px 0 3px 3px;
    border: 1px solid #fff;
    float: right;
    font-weight: lighter;
    font-size: 13px;
}

.bis_list a:hover {
    background-color: teal;
}

a.btn_est {
    color: teal;
    font-weight: lighter;
    text-decoration: none;
    background-color: whitesmoke;
    border: 1px solid teal;
    box-sizing: border-box;
    padding: 15px 10px;
    border-radius: 5px;
    display: block;
    margin: 0px auto 10px!important;
    float: none;
    font-size: 20px;
}

a.btn_est:hover {
    color:#fff;
}

.btn_negocio_acciones {
    width: 48%;
    display: inline-block;
    border: 1px solid #666;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.4);
    margin: 3px 0;
    position: relative;
}

.btn_negocio_acciones span {
    font-weight: lighter;
    font-size: 14px;
    line-height: 21px;
    margin-left: 10px;
}

a.btn_new_user {
    border: 1px solid cadetblue;
    box-sizing: border-box;
    padding: 3px 10px;
    border-radius: 5px;
    text-decoration: none;
    color: cadetblue;
    text-align: right;
    width: 117avpx;
    display: block;
    margin: 0 auto;
    line-height: 15px;
    transition: .2s;
    display: inline-block;
}

a.btn_new_user i {
    float: left;
}

a.btn_new_user:hover {
    background-color: rgba(95, 158, 160, 0.20);
}

.btn_negocio_acciones img {
    width: 30px;
    float: left;
}

.row_btn_negocios {
    display: inline-block;
    width: 100%;
}

.info_btn_negocio {
    float: right;
    width: 80%;
}

.logo_btn_negocio {
    width: 20%;
    height: 62px;
    float: left;
    border-radius: 5px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.btn_negocio_acciones img {
    width: 100%;
    float: left;
}

span.bis_name {
    width: 98%;
    text-align: center;
    display: inline-block;
}

.owners_radio {
    width: 100%;
    display: inline-block;
}

.owners_radio input, .owners_radio label {
    width: auto!important;
    text-align: left;
    float: left;
    display: inline-block!important;
}

@media screen and (max-width: 680px) {
    form#frmLogin, #from_registro, .seccion_separada, #form_logo,  #form_services, #form_prices, #form_temp {
        width: 100%;
    }

    .bis_list, .btn_negocio_acciones {
        width: 100%;
    }

}