html, body {
    font-family: 'PT Sans', sans-serif;
}

.table > :not(caption) > * > * {
    border-color: #00b3e6;
    font-size: 14px !important;
}

th, td {text-align: center; text-transform: uppercase}
th, td {padding: 5px 0px 5px 0px !important}

tbody tr {
    color: #00b3e6 !important;
}

img.logo {max-width: 200px;}

tbody tr:hover {
    color: #5e9c35 !important;
}

.precio {color: #5e9c35 !important;}

.cabeceras {
    background-color: #00b3e6 !important;
    text-align: center !important;
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    padding: 0.5rem !important;
}

.cabeceras_tow {
    background-color: #019cc6 !important;
    text-align: center !important;
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    padding: 0.5rem !important;
}

.accordion-item {
    border: 0px !important;
}

.accordion-body {
    padding: 5px !important;
}

.title {
    color: #00b3e6;
    font-size: 2rem;
    font-weight: bold !important;
}

.subtitle {
    color: #5e9c35;
    font-size: 1.5rem;
    font-weight: 300;
}
sub {
    text-transform: capitalize !important;
    color: #000 !important;
}

.total {
    color: #000000 !important;
}

.desgloce {
    border: 1px solid #00b3e6 !important;
    padding: 10px;
    color: #5e9c35 !important;
    text-transform: uppercase !important;
}

.btn-primary {
    padding: 15px !important; font-size: 1.5rem !important;
    text-transform: uppercase !important;
    margin-top: 10px;
    border-color: #5e9c35 !important;
    background-color: #5e9c35 !important;
    width: 100%;
}

.btn-primary:hover {
    border-color: #00b3e6 !important;
    background-color: #00b3e6 !important;
}

b {
    color: #000000 !important;
}

.swal2-styled.swal2-confirm {
    border-color: #5e9c35 !important;
    background-color: #5e9c35 !important;
}

.p-button-primary {
    text-transform: uppercase !important;
    font-weight: 800;
    border-color: #5e9c35 !important;
    background-color: #5e9c35 !important;
}

.p-button-primary:hover {
    border-color: #00b3e6 !important;
    background-color: #00b3e6 !important;
}

.p-button-text {
    text-transform: uppercase !important;
    color: #e13c3c !important;
}

.p-button-text:hover {
    background-color: #e8e8e8 !important;
}

span.error {
    color: #e13c3c !important;
}

.form-register {
    width:100% !important;
}


h2.principal {
    font-size: 25px !important;
    color: #5e9c35 !important;

}

.accordion-button::after {margin-right: 1rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.accordion-button:not(.collapsed)::after {margin-right: 1rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }



/* Antes: 390px*/
@media (max-width:428px) {
    .form-register {
        width:100% !important;
    }

}

@media (min-width:360px) {

    .h2.principal {font-size: 18px !important;}
}

@media (max-width:820px) {
  .title { font-size: 1.5rem !important;}

  img.logo {max-width: 160px;}

  .btn-primary {padding: 15px !important; font-size: 1.5rem !important;}

  .table > :not(caption) > * > * {
      border-color: #00b3e6;
      font-size: 12px !important;
  }
}