/*formulario de inscripcion*/
.form-control,
textarea,
input[type=text],
input[type=email],
input[type=url],
input[type=tel],
input[type=password],
input[type=number],
select {
    border: 1px solid #6978A0 !important;
    border-radius: 4px;
    height: inherit;
    padding: 17px 20px;
    outline: none;
}

.form-control:focus,
textarea:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=number]:focus,
select:focus {
    border: 1px solid var(--secondary) !important;
    -webkit-box-shadow: 0 0 16px 0 rgba(252, 128, 42, 0.6);
    box-shadow: 0 0 16px 0 rgba(252, 128, 42, 0.6);
}

#inscripcion .btn, .button, input[type="submit"] {
    height: 42px !important;
    padding: 10px 25px !important;
}


#inscripcion .tablecuotas input[type=checkbox] {
    margin-right: 8px !important;
    margin-top: 5px !important;
}

input[type="Password"] {
    width: 100% !important;
}

#inscripcion legend {
    font-size: 20px !important;
    margin-bottom: 0 !important;
    color: #232323 !important;
}

#inscripcion h3 {
    font-size: 20px !important;
    margin-bottom: 0 !important;
}

#inscripcion h2 {
    font-size: 20px !important;
    margin-bottom: 30px !important;
}

#frmLOGIN {
    margin-top: 9px !important;
}

#inscripcion label {
    color: #475569 !important;
    font-size: 15px !important;
    margin-top: 0px !important;
}

#frmLOGIN label {
    color: #475569 !important;
    font-size: 15px !important;
    margin-top: 0px !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.btn-primary {
    color: #fff !important;
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-size: 15px !important;
}

.form-control, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="password"], input[type="number"], select {
    padding: 11px 15px !important;
}

#inscripcion label {
    display: inline-block !important;
    margin-bottom: 0 !important;
}


#inscripcion .aviso {
    color: red !important;
    margin-left: 5px !important;
}

#inscripcion input {
    margin: 0px 0 0px 0 !important;
}

#inscripcion small {
    font-size: 90% !important;
    font-weight: 400 !important;
    margin-bottom: 10px !important;
}

#inscripcion .form-group {
    margin-bottom: 0.75rem !important;
}


#inscripcion #altaasistente h2, #inscripcion #altaempresa h2 {
    color: #333 !important;
    /* color: var(--secondary) !important; */
}

fieldset p {
    text-align: justify !important;
    line-height: 27px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

#inscripcion #frmLOGIN .col-md-9, #inscripcion #frmLOGIN .col-md-3, #inscripcion #frmLOGIN .col-md-6 {
    max-width: 100% !important;
}

#inscripcion #frmLOGIN .col-md-9.col-md-offset-3{
    max-width: 100% !important;
    display: flex;
    flex-direction: column;
    font-size: 0;
}


#inscripcion #frmALTASIST .col-md-9, #inscripcion #frmALTASIST .col-md-3, #inscripcion #frmALTASIST .col-md-6 {
    max-width: 100% !important;
}

#inscripcion #frmALTEMP .col-md-9, #inscripcion #frmALTEMP .col-md-3, #inscripcion #frmALTEMP .col-md-6 {
    max-width: 100% !important;
}

#inscripcion #frmINS_ASIST .col-md-9, #inscripcion #frmINS_ASIST .col-md-3, #inscripcion #frmINS_ASIST .col-md-6 {
    max-width: 100% !important;
}

#inscripcion #TipoCIFFacturacion, #inscripcion #TipoCIF_E {
    margin-bottom: 10px;
}

input#rememberboton {
    margin-top: 12px !important;
}

input, select, textarea {
    border-color: #6978A0 !important;
}

.observacionesFormulario p {
    font-size: 14px;
    line-height: 20px;
}

#inscripcion .table-responsive {
    display: inline-table !important;
}

#inscripcion textarea {
    height: 150px !important;
}

#inscripcion .nav {
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    list-style: none !important;
}

#inscripcion .nav-pills > li {
    float: left !important;
}

#inscripcion .nav > li {
    position: relative !important;
    display: block !important;
}

#inscripcion .nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none !important;
    background-color: #eee !important;
}

#inscripcion .nav-pills > li > a {
    border-radius: 5px !important;
}

#inscripcion .nav-pills > li > a {
    border-radius: 4px !important;
}

#inscripcion .nav > li > a {
    position: relative !important;
    display: block !important;
    padding: 10px 15px !important;
}

#inscripcion .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff !important;
    background-color: var(--primary) !important;
}

#inscripcion .tab-content {
    margin-top: 80px !important;
}

#inscripcion .tab-content label {
    margin-top: 0px !important;
}

#inscripcion .form-group {
    clear: both !important;
}

#inscripcion #CIFFacturacion, #inscripcion #CIF {
    margin-top: 0 !important;
}

#inscripcion label.error {
    color: red !important;
    font-weight: 100 !important;
}

#checkLOPD {
    margin-left: -20px !important;
}

#checkLOPD {
    -webkit-appearance: checkbox !important;
}


input[type="radio"] {
    -webkit-appearance: radio !important;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
}

#inscripcion table, th, td {
    border: 1px solid #B1B2B3 !important;
}

#inscripcion .radio input {
    margin: 0 0 0px 0 !important;
    margin-right: 8px !important;
    margin-top: 5px !important;
}

.tab-content {
    border: 0px solid #e9e9e9 !important;
}

#inscripcion span.error {
    color: red !important;
    font-weight: 100 !important;
}

span.mensaje {
    color: green !important;
    font-size: 20px !important;
}

fieldset {
    border: 0px solid #c0c0c0 !important;
    margin: 0 2px !important;
    padding: 0.35em 0.625em 0.75em;
}

.observacionesFormulario {
    margin-top: 15px !important;
}

#idProvinciaF, #idProvincia, #idProvincia_E {
    margin-top: 10px !important;
}

.help-block {
    display: block !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    color: #475569;
}

#frmLOGIN .observacionesFormulario {
    margin-top: 0 !important;
}

#inscripcion .row{
    margin-right: 0 !important;
    margin-left:  0 !important;
    justify-content: center
}

#inscripcion .col-sm-6{
    max-width: 100% !important;
    flex: unset !important;
}

#inscripcion > div.row > .col-sm-6:last-child{
    order: 0;
}

#inscripcion > div.row > .col-sm-6:last-child > legend{
    margin-bottom: 10px !important;
}

#inscripcion > div.row > .col-sm-6:first-child{
    order: 1;
    padding: 0.35em 0.625em 0.75em;
}

#inscripcion > div.row > .col-sm-6:first-child > h2{
    text-align: center !important;
}

#inscripcion > div.row > .col-sm-6:first-child > div.row > .col-sm-6{
    max-width: 50% !important;
}

#inscripcion > div.row > .col-sm-6:first-child > div.row > .col-sm-6 > a.btn{
    font-size: 13px !important;
}

@media (min-width: 576px) {

    #inscripcion > div.row > .col-sm-6:first-child > div.row > .col-sm-6{
       max-width: fit-content !important;
    }

    #inscripcion > div.row > .col-sm-6:first-child > div.row > .col-sm-6 > a.btn{
       font-size: 15px !important;
    }
    
}

@media (min-width: 991px) {

    #inscripcion .row{
        margin-right: 0 !important;
        margin-left:  0 !important;
        justify-content: flex-start
    }

    #inscripcion > .row:first-child{
        align-items: center;
    }

    #inscripcion .col-sm-6{
        max-width: 50% !important;
        flex: unset !important;
    }

     #inscripcion > div.row > .col-sm-6:last-child{
       order: 1;
    }

    #inscripcion > div.row > .col-sm-6:first-child{
       order: 0;
       padding: 0.35em 0.625em 0.75em;
    }

    #inscripcion > div.row > .col-sm-6:first-child > h2{
        text-align: left !important;
    }
    
}

/*formulario de inscripcion*/