@font-face {
        font-family: 'Century Gothic';
        src: url('../fonts/Century Gothic.ttf');
        src: local('gothic'), url('../fonts/Century Gothic.ttf') format('truetype');
        font-style: normal;
        font-weight: 400;
    }

    @font-face {
        font-family: 'Avenir';
        src: url("../fonts/Avenir.ttf");
        font-weight: normal;
    }

    @font-face {
        font-family: 'Avenir';
        src: url("../fonts/Avenir-Medium.ttf");
        font-weight: bold;
    }

    *
    {
        backface-visibility: hidden;
        font-family: 'Avenir' !important;
    }

    .btn{
        border-radius: 50px !important;
        box-shadow: 0 2px 4px rgba(0,0,0,.5);
    }
    .btn.rounded{
        border-radius: .25em !important;
    }

    .btn-outline-warning{
        border: 2px solid #FA9F42 !important;
        background-color: transparent !important;
    }

    .btn-outline-warning:hover, .btn-outline-warning:focus{
        background-color: #fa9f42 !important;
    }

    .cursorPointer
    {
        cursor: pointer;
    }

    .socialSignIn .btn.btn-primary:hover .fa-google path{
        fill:url(#grad1);
    }
    .socialSignIn .btn.btn-primary:hover .fa-google + .fa-google path{
        fill:url(#grad2);
    }

    .socialSignIn .btn.btn-primary:hover .fa-facebook-f
    {
        color: #3b5998;
    }

    .modal-dialog
    {
        will-change: transform;
    }

    .socialSignIn
    {
        letter-spacing: 0;
    }

    svg {
        display: inline-block;
        vertical-align: middle;
    }

    a:focus, a:active
    {
        outline: 0;
    }

    .gIcon {
        display:inline-block;
        position:relative;
        transition: all 2s;
    }
    .fa-google + .fa-google {
        position:absolute;
        left:0;
        top:0;
        clip-path: polygon(0% 0%,120% 0%,0% 75%);
        transition: all 2s;
    }

    body {
        min-height: 100vh;
        margin: 0px;
        display: flex;
        flex-direction: column;
        font-family: "Avenir" !important;
        letter-spacing: 1.9px;
        overflow-x: hidden;
        background-color: #1B1B1B !important;
        color: #fff !important;
        -webkit-backface-visibility: hidden;
    }

    h1, h2, h3, h4, h5{
        font-weight: lighter;
    }

    h1, h2, h3, h4, h5 {
        letter-spacing: 2px;
    }

    h2 {
        font-size: 1.7vw;
    }

    a, a:hover, a:visited
    {
        color: white;
    }

    ul li
    {
        margin-bottom: .5rem;
    }

    #errorCont
    {
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

    #errorCont div
    {
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

    #contenedor {
        flex: 1;
    }

    .navbarPadding
    {
        padding-top: 100px !important;
    }

    .navbarMargin
    {
        margin-top: 110px !important;
    }

    .col-centered {
        margin: 0 auto;
        text-align: center;
    }

    /*header*/

    #header {
        border-top: 3px solid #CE1B5D;
        align-items: center;
        background-color: rgba(27, 27, 27, .9);
    }

    #header .container-fluid
    {
        background-color: #CE1B5D;
        box-shadow: 0 5px 10px rgba(0,0,0,.55);
        min-height: 24px;
    }

    #eventosBtn
    {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px;
        background-color: #CE1B5D;
        border: 2px solid #a01b50;
        position: absolute;
        right: 0;
        bottom: -60px;
    }

    #header .container-fluid .breadcrumb-item.active
    {
        color: #FFFFFF;
        font-weight: bold;
    }

    #header .container-fluid .breadcrumb-item.active:before
    {
        font-weight: normal;
    }

    #header .container-fluid .breadcrumb-item
    {
        font-weight: normal;
    }

    #header .container-fluid .breadcrumb-item + .breadcrumb-item:before
    {
        color: #FFFFFF;
        content: '>';
    }

    #header .dropdown-toggle:after {
        content: none;
    }

    #header .dropdown > button:focus {
        box-shadow: unset;
    }

    #header .dropdown > button,
    #header .dropdown > .dropdown-menu,
    #header .dropdown a{
        background-color: #CE1B5D;
        color: white;
        border: transparent;
    }

    #header .dropdown.show button
    {
        background-color: #CE1B5D !important;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }


    #header .dropdown.show.musicos button, #header .dropdown.show button.btn-outline-warning
    {
        background-color: #FA9F42 !important;
    }

    #header .dropdown a
    {
        padding: 5px 10px;
        line-height: 17px;
    }

    #header .dropdown a:hover
    {
        background-color: #a01b50;
    }

    #header .dropdown > button
    {
        min-width: 160px;
    }

    #header .dropdown > .dropdown-menu {
        border-left: 3px solid #CE1B5D;
        border-right: 3px solid #CE1B5D;
        border-top: 1px solid white !important;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        margin-top: -2px;
        opacity: .95;
        width: 100%;
        min-width: unset;
        letter-spacing: 0.5px !important;
        transition: height 1s;
    }

    #header .dropdown > .dropdown-menu a.featured{
        border: 1px solid white !important;
        border-right: 0 !important;
        border-left: 0 !important;
        border-top: 0 !important;
    }

    div#paypalCheckoutContainer
    {
        margin: 0 auto;
    }

    #header .dropdown.show > #registroDropdown {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }


    #header .dropdown.musicos .dropdown-menu
    {
        background-color: #FA9F42;
        border-color: #FA9F42;
    }
    #header .dropdown.musicos .dropdown-menu a
    {
        background-color: #FA9F42;
    }

    #header .dropdown.musicos .dropdown-menu a:hover
    {
        background-color: #ca8548;
    }

    #header.simple #brandSection
    {
        background-color: #000000;
    }

    #header img.svgIcon
    {
        vertical-align: sub !important;
        margin-right: 15px;
    }

    .marginTopContainer
    {
        margin-top: 129px;
    }

    #sessionDropdown
    {
        background-color: transparent !important;
        cursor: pointer;
        outline: none;
    }

    #header.musicos #sessionDropdown
    {
        min-width: 210px !important;
    }

    h1 small
    {
        font-size: 60%;
    }

    .musicos
    {
        border-color: #FA9F42 !important;
    }

    #header.musicos,
    #footer.musicos
    {
        border-color: #FA9F42;
    }

    #header .container-fluid.musicos
    {
        background-color: #FA9F42 !important;
    }

    .navbar-brand img {
        width: 30vw;
        max-width: 250px;
        min-width: 110px;
    }

    /*Main carousel*/

    #mainCarousel, #carouselMusicos {
        height: 26vw;
        min-height: 280px;
        border-radius: 0;
        color: white;
        text-align: center;
        overflow: hidden;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .carousel .carousel-item {
        height: 100%;
    }

    #carouselMusicos img{
        width: 101%;
    }
    #mainCarousel img{
        height: 101%;
    }

    #mainCarousel img, #carouselMusicos img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
    }

    #carouselOverlay, .carouselOverlay {
        position: absolute;
        width: 100%;
        top: 0;
        text-align: center;
        background-color: rgba(0, 0, 0, .5);
        height: 100%;
        padding: 27px 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }



    #carouselMusicos .carouselOverlay
    {
        flex-direction: unset !important;
    }

    #carouselOverlay h1 {
        font-size: 2.2vw;
        margin-bottom: 2vw;
    }

    #carouselOverlay p {
        position: absolute;
        bottom: 0;
        align-self: center;
        font-size: 1.2vw;
    }

    /*btn iniciar sesión*/
    #menuUsuario .navbar-text.btnIniciar {
        margin-top: inherit;
        text-align: right;
        margin-right: inherit;
        color: #ffffff;
    }

    #menuUsuario .navbar-text.btnRegistrate {
        margin-top: inherit;
        text-align: right;
    }

    .blanco {
        color: #ffffff !important;
    }

    .musicosHeader
    {
        border-bottom: 2px solid #FA9F42;
        padding-left: 20px;
    }

    #asiFuncionaSerenatta img
    {
        max-height: 155px;
        height: 11vw;
    }

    #asiFuncionaSerenatta svg
    {
        position: absolute;
        top: 30%;
        right: -21px;
    }

    #beneficiosSection .backgroundImage
    {
        width: 100%;
        min-width: 1055px;
        align-self: center;
    }

    /*Barra eventos*/

    #barraEventos {
        display: block;
        height: 70px;
        font-size: 14px;
        background-color: #272727;
        color: #ffffff;
        margin-bottom: 10px;
    }

    #barraEventos div:first-child {
        position: relative;
        display: inline-block;
        font-weight: bold;
        width: 100px;
        margin-right: 10px;
        vertical-align: middle;
        text-align: right;
    }

    #barraEventos > div:last-child {
        position: absolute;
        display: inline-block;
        right: 0;
        heught: 70px;
        width: 100px;
        text-align: right;
        padding-top: 40px;
    }

    #barraEventos > div:last-child > a {
        color: #FFFFFF;
        text-decoration: underline;
    }

    .evento {
        display: none;
        padding: 5px 0 5px 20px !important;
        border-left: solid 1px #FFFFFF;
        height: 100%;
        margin-right: 20px;
        vertical-align: middle;
        white-space: nowrap;
        animation: slideIn 0.5s;
    }

    @keyframes slideIn {
        from{transform: translateX(1000%);}
        to{transform: translateX(0);}
    }

    #notaAnim
    {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        animation: bounce 0.5s infinite;
        display: block;
    }
    @keyframes bounce {
        0% {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
        }

        50% {
            -webkit-transform: translateY(30px);
            -moz-transform: translateY(30px);
            -ms-transform: translateY(30px);
            -o-transform: translateY(30px);
            transform: translateY(30px);
        }

        100%
        {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
        }
    }

    .evento img {
        position: absolute;
        border-radius: 100%;
        border: solid 2px;
        border-color: #9B8259;
        height: 60px;
        width: 60px;
    }

    .evento div:nth-child(2) {
        display: inline-block;
        margin-left: 70px;
    }

    .evento div:nth-child(2) > h1 {
        font-size: 14px;
        font-weight: bold;
        margin: 0;
    }

    .evento div:nth-child(2) > p {
        margin-bottom: 0;
    }

    /*End Barra eventos*/

    .form-control{
        background-clip: unset !important;
    }

    input.form-control:focus
    {
        box-shadow: unset !important;
    }

    .form-group.has-success .requiredInput,
    .requiredInput {
        border-left: 5px #CE1B5D solid !important;
    }

    .form-group.has-success .requiredInput.musicos,
    .requiredInput.musicos
    {
        border-left-color: #FA9F42 !important;
    }

    .form-control.requiredInput
    {
        border-top: 0;
        border-bottom: 0;
    }
    .fstElement.musicos.form-control.fstMultipleMode
    {
        height: unset;
    }

    .form-group .fstElement.form-control
    {
        padding: unset !important;
    }

    i.requiredInput{
        margin-right: 5px;
    }

    input[type=range]{
        outline: 0;
        -webkit-appearance: none;
    }

    input::-moz-range-thumb{
        width: 10px;
        height: 23px;
        border-radius: 40%;
        border: 1px solid #000000;
        cursor: pointer;
        border-bottom-left-radius: 100%30px;
        border-bottom-right-radius: 100%30px;
        border-top-left-radius: 100%10px;
        border-top-right-radius: 100%10px;
    }

    input::-moz-range-track{
        height: 13px;
        border: solid 1px #000000;
        border-radius: 3px;
        background-color: transparent;
    }

    input::-webkit-slider-runnable-track{
        height: 13px;
        border: solid 1px #000000;
        border-radius: 3px;
        background-color: transparent;
    }

    input::-webkit-slider-thumb{
        -webkit-appearance: none;
        margin-top: -3px;
        width: 10px;
        height: 23px;
        border-radius: 40%;
        border: 1px solid #000000;
        cursor: pointer;
        background-color: #F9F9F9;
        border-bottom-left-radius: 100%10px;
        border-bottom-right-radius: 100%10px;
        border-top-left-radius: 100%10px;
        border-top-right-radius: 100%10px;
    }

    input::-moz-range-progress{
        background-color: #E0CE9F;
        box-sizing: unset;
        height: 6px;
        border-left: solid 5px #FFFFFF;
        line-height: 13px;
    }

    input::-webkit-slider-container{
        background-color: #E0CE9F;
        box-sizing: unset;
        height: 6px;
        border-left: solid 5px #FFFFFF;
        line-height: 13px;
    }

    .rangeLabel{
        width: 19% !important;
        position: relative;
        height: 20px;
        max-width: 120px;
        font-size: 14px;
        text-align: center;
        float: right;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 6%;
    }

    .rangeLabels .rangeLabel:last-child{
        margin-left: 0;
    }

    .rangeLabels .rangeLabel:first-child{
        margin-right: -8%;
    }

    .rangeLabels{
        width: 100%;
        z-index: -1;
    }

    .form-group.has-error .form-control
    {
        border-color: #CE1B5D !important;
        background-color: #F6D5E1 !important;
    }

    .form-group.has-error .input-group-append,
    .form-group.has-error .input-group-addon
    {
        border-color: #CE1B5D !important;
        background-color: #F6D5E1 !important;
    }

    /*sesion*/

    .containerBtnSesion {
        width: auto;
        padding: 0px;
    }

    /**/

    .barraCafe {
        text-align: center;
        /*margin-top: 9px;*/
        /*margin-bottom: 40px;*/
    }

    .barraCafe a {
        color: #ffffff !important;
    }

    .txtSubrayado {
        text-decoration: underline;
    }

    .txtBlanco {
        text-align: center;
        color: #ffffff !important;
    }

    .aligned.centrado {
        text-align: center;
        padding-bottom: 30px;
    }

    #mapa .col-sm-4 .aligned.centrado {
        padding: 0px;
    }

    #mapa .aligned.centrado a {
        color: #000000 !important;
    }

    #seleccionTipoMusico .aligned.centrado img {
        padding-bottom: 26px;
    }

    #seleccionTipoMusico .aligned.centrado p {
        color: #A71D31;
        font-size: 16px;
    }

    #inicio {
        background-color: #000000;
        color: white;
        height: 100%;
    }

    #inicio .lightBackground
    {
        background-color: #1B1B1B;
    }

    #btnMusicos
    {
        border-radius: 30px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        /*bottom: 20px;*/
        right: -1px;
        z-index: 1000;
        transition: background-color 0.5s;
    }

    #btnMusicos:hover
    {
        background-color: #000000 !important;
    }

    #btnMusicos:hover small
    {
        text-decoration: underline;
    }

    .lightBackground.pago
    {
        background-color: #E1DEDD;
        color: #1b1b1b;
    }

    .lightBackground.pago label img{
        width: 50vw;
        max-width: max-content;
    }

    .lightBackground.pago label
    {
        line-height: 1.3;
    }

    .lightBackground.pago [type="radio"]:checked + label,
    .lightBackground.pago [type="radio"]:not(:checked) + label
    {
        height: 100%;
    }

    .lightBackground.pago [type="radio"]:checked + label:before,
    .lightBackground.pago [type="radio"]:not(:checked) + label:before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 35px;
        height: 35px;
        border-color: #1B1B1B !important;
        margin: auto;
    }

    .lightBackground.pago [type="radio"]:checked + label:after,
    .lightBackground.pago [type="radio"]:not(:checked) + label:after {
        width: 29px;
        height: 29px;
        position: absolute;
        background-color: #1B1B1B;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

    .pago .radioCol
    {
        min-width: 70px !important;
    }

    .pago button.btn
    {
        font-size: 26px !important;
    }

    .pago .cardPayImg
    {
        max-height: 30px;
        margin: 0 5px;
    }

    .pago .logoPago
    {
        max-height: 40px;
    }

    .pago .secure
    {
        border-left: 1px solid black;
    }

    .div .arrow:after {
        left: 0;
        right: 0;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .div .arrow:after {
        border-color: rgba(136, 183, 213, 0);
        border-top-color: #1B1B1B;
        border-width: calc(2vw + 20px);
        margin: -1px auto auto auto;
    }

    .payCardError
    {
        background-color: #F78C00;
    }

    .arrow.payCardError:after
    {
        border-top-color: #F78C00 !important;
    }

    .div .arrow:before {
        border-color: rgba(194, 225, 245, 0);
        border-top-color: #1b1b1b;
        border-width: 36px;
        margin-left: -36px;
    }

    #buscador .input-group,
    #inicio .input-group
    {
        margin: 0px auto 40px auto;
        width: 36%;
        border: #CE1B5D solid 1px;
        border-radius: 6px;
    }

    #buscador .input-group .form-control,
    #inicio .input-group .form-control {
        padding: 5px;
    }

    #buscador .input-group #searchButton,
    #inicio .input-group #searchButton,
    .faq .input-group #searchButton{
        background-color: #CE1B5D;
        color: white;
        border: unset;
    }

    #inicio h2{
        margin: 0;
    }

    .generoImg
    {
        max-height: 150px;
        height: 20vw;
        min-height: 50px;
    }

    #formClientes .input-group {
        /*margin: 0px auto 40px auto; */
        width: 100%;
        border: none;
        border-radius: inherit;
    }

    #formClientes .form-control,
    #formClientes .fstToggleBtn
    {
        background-color: white !important;
        border-radius: .25rem !important;
    }

    #formClientes .input-group-addon
    {
        background-color: #FFFFFF !important;
    }

    #formClientes #datetimepicker .form-control
    {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    #modalRegistro .txtBlack
    {
        color: #1B1B1B !important;
    }

    .table-dark
    {
        background-color: #1b1b1b;
    }

    .table-dark.table-striped tbody tr:nth-of-type(2n+1)
    {
        background-color: #000000;
    }
    .table-dark td, .table-dark th, .table-dark thead th
    {
        border: 2px solid #000000;
    }

    .table-dark thead #pruebaTableH
    {
        border-left: 3px solid #FFFFFF !important;
    }

    .table-dark thead #mensualTableH
    {
        border-left: 3px solid #CE1B5D !important;
    }

    .table-dark thead #anualTableH
    {
        border-left: 3px solid #FA9F42 !important;
    }

    #promoHead
    {
        color: #000000;
        top: -18px;
        left: -3px;
        width: 101%;
        border-top-right-radius: 5px
    }

    #tablaMusicos td
    {
        position: relative;
    }

    #tablaMusicos td .infoTd
    {
        position: absolute;
        margin: auto 5px auto auto;
        top: 0;
        bottom: 0;
        right: 0;
    }

    /*Boton de buscar*/
    .stylish-input-group .input-group-addon {
        background: white !important;
    }

    .stylish-input-group .form-control {
        border-right: 0;
        box-shadow: 0 0 0;
        border-color: #ccc;
        padding-left: 10px;
    }

    .stylish-input-group button {
        border: 0;
        background: transparent;
    }

    /*Contenido*/
    #inicio .container-fluid {
        padding: 2rem 0;
    }

    #contenedor {
        position: relative;
    }

    #generosDeHoy > .row {
        padding: 1vw 11vw;
    }

    #generosDeHoy .rounded-circle {
        width: 14vw;
        min-width: 50px;
        max-width: 150px;
    }

    #generosDeHoy .contenido {
        text-align: left !important;
    }

    #generosDeHoy .col-sm-2 {
        text-align: center;
        padding: 10px !important;
    }

    /*#generosDeHoy .col-sm-2 img
    {
        width: 70%;
    }*/

    #generosDeHoy .col-3.col-centered a {
        text-decoration: none;
        color: #FFFFFF;
    }

    #ventajas img
    {
        max-width: 200px;
        max-height: 128px;
        margin: 10px auto;
        height: 25vw;
    }

    #ventajas div
    {
        height: 100%;
    }

    #ventajas .col-lg-3 svg
    {
        position: absolute;
        right: -10px;
        top: 0;
        bottom: 0;
        margin: auto;
        font-size: 3.5em;
    }

    #mapa {
        width: 100%;
        margin-bottom: 18px;
        color: #000;
    }

    #mapa.active
    {
        height: 360px;
    }

    .mapaYFiltrar {
        padding: 30px 0;
    }

    /*checkbox*/

    /**/

    .flexrow {
        display: flex;
        /*background: lightgray; /*for debug*/
    }

    .flexrow > * {
        flex: 1;
        margin: 1em;
        /*outline: auto green;*/
    }

    .txtDorado {
        color: #E0CD9E !important;
    }

    .txtDoradoO {
        color: #A58B5F !important;
    }

    .bordeBottom {
        border-bottom: #CE1B5D solid 2px;
    }

    .bordeIzq {
        border-left: #CE1B5D solid 4px;
        padding: 0 10px;
    }

    #formulariocliente .aligned.centrado {
        padding: 40px;
    }

    #formulariocliente .btnCentrado {
    }

    #formulariocliente .aligned.centrado img {
        padding-bottom: 30px;
    }

    #formulariocliente .aligned.centrado p {
        font-size: 18px;
    }

    .fstElement
    {
        display: block !important;
        border-radius: .25rem;
        background-color: #E1DEDD !important;
    }
    .fstChoiceItem
    {
        background-color: #CE1B5D !important;
        border-color: #CE1B5D !important;
        padding: .1em .1em .1em 1.3em !important;
        margin: 2px !important;
    }

    .fstResultItem.fstFocused, .fstResultItem.fstSelected
    {
        background-color: #CE1B5D !important;
        border-color: #CE1B5D!important;
    }

    /*Login cliente*/

    #formLogin .btn-primary {
        border-radius: 20px;
        background-color: #A68C60;
        border-color: inherit;
        width: 142px;
        height: 40px;
    }

    #formLogin .login {
        /*padding-top: 18px;*/
    }

    #formLogin {
        margin: auto;
        padding-bottom: 30px;
        max-width: 324px;
    }

    #formLogin input {
        border: inherit;
        box-shadow: none;
        border-bottom: solid 2px #A68C60;
        border-radius: inherit;
    }

    #formLogin ::-webkit-input-placeholder {
        color: #000000;
    }

    #formLogin :-moz-placeholder { /* Firefox 18- */
        color: #000000;
    }

    #formLogin ::-moz-placeholder { /* Firefox 19+ */
        color: #000000;
    }

    #formLogin :-ms-input-placeholder {
        color: #000000;
    }

    #formLoginMusico input{
        color: #FFFFFF;
    }

    #formLoginMusico .form-group.has-error .form-control
    {
        background-color: #2C151B !important;
    }

    #formLoginMusico small.help-block
    {
        top: -25% !important;
    }

    #loginCliente {
        border-top: 3px solid #A68C60;
        /*margin-bottom: 259px;*/
    }

    #loginCliente .loginSerenatta {
        margin-top: 171px;
        margin-bottom: 83px;
    }

    #loginCliente .row .col-sm-6.izq {
        text-align: right;
    }

    #loginCliente .row .col-sm-6.der {
        text-align: left;
    }

    #loginCliente .row .col-sm-6 .btn-primary {
        border-radius: 20px;
        border: 2px solid #A68C60;
        background-color: #ffffff;
        width: 142px;
        height: 36px;
        color: #000000;
    }

    #loginCliente .row .col-sm-6.der .btn-primary {
        margin-left: 50px;
    }

    #loginCliente .row .col-sm-6.izq .btn-primary {
        margin-right: 50px;
    }

    #loginCliente .row {
        /*margin-bottom: 224px;*/
        margin-bottom: 83px;
    }

    #loginCliente .logoChocoLogin {
        margin-bottom: 20px;
    }

    #loginCliente .logoChocoLogin img {
        width: 150px;
    }

    /*login musico*/

    .container.puntosSerenatta {
        width: 786px !important;
        margin: 0 auto !important;
        padding-bottom: 60px;
    }

    .error.message.txtCentrado ul {
        list-style: none;
    }

    /*footer*/

    #footer{
        background-color: #1B1B1B;
        color: #FFFFFF;
    }

    #footer div
    {
        align-items: center;
    }

    #footer .row div:last-child
    {
        justify-content: flex-end;
    }

    /*info*/

    .checkbox label {
        display: inline-block;
        position: relative;
        padding-left: 5px;
    }

    .checkbox label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 17px;
        left: 0;
        margin-left: -20px;
        border: 1px solid #A68C60;
        border-radius: 3px;
        background-color: #fff;
        -webkit-transition: border 0.15s, color 0.15s ease-in-out;
        -o-transition: border 0.15s , color 0.15s ease-in-out;
        transition: border 0.15s, color 0.15s ease-in-out;
    }

    .checkbox label:hover::before
    {
        border-color: #32B57C;
    }

    .checkbox label::after {
        display: inline-block;
        position: absolute;
        width: 16px;
        height: 16px;
        left: 0;
        top: 0;
        margin-left: -20px;
        padding-left: 3px;
        padding-top: 1px;
        font-size: 11px;
        color: transparent;
    }

    .checkbox input[type="checkbox"] {
        opacity: 0;
    }

    .checkbox label svg
    {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: -19px;
        color: transparent;
    }

    .checkbox input[type="checkbox"]:checked + label svg path
    {
        color: #1B1B1B;
    }

    .checkbox input[type="checkbox"] + label::after
    {
        font-family: 'Font Awesome 5 Free';
        content: "\f00c";
        font-weight: 900;
    }

    .checkbox.checkbox-inline {
        margin-top: 0;
    }

    [type="radio"]:checked ~ label{
        font-weight: bold;
    }

    [type="radio"]:checked,
    [type="radio"]:not(:checked) {
        opacity: 0;
        height: 0 !important;
        pointer-events: none;
    }

    [type="radio"]:checked + label,
    [type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
    }

    [type="radio"]:checked + label:before,
    [type="radio"]:not(:checked) + label:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 18px;
        height: 18px;
        border: 1px #CE1B5D solid;
        border-radius: 100%;
        background-color: #fff !important;
    }

    [type="radio"].musicos:checked + label:before,
    [type="radio"].musicos:not(:checked) + label:before
    {
        border-color: #FA9F42 !important;
    }

    [type="radio"]:checked + label:after,
    [type="radio"]:not(:checked) + label:after {
        content: '';
        width: 14px;
        height: 14px;
        position: absolute;
        top: 2px;
        left: 2px;
        border-radius: 100%;
        background-color: #CE1B5D;
        transition: all 0.2s;
    }

    [type="radio"].musicos:checked + label:after,
    [type="radio"].musicos:not(:checked) + label:after
    {
        background-color: #FA9F42 !important;

    }

    [type="radio"]:not(:checked) + label:after {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    [type="radio"]:checked + label:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    /*datos del musico google maps*/
    .nombreBanda {
        font-size: 16px;
        font-weight: 400;
    }

    .content {
        overflow-x: hidden;
    }

    .content .txtDorado
    {
        color: #A58B5F !important;
    }

    .content .btn.btn-primary:hover
    {
        color: white;
        border-color: white;
    }

    .content .btn.btn-primary
    {
        color: #ffffff;
        width: 130px !important;
        min-width: unset;
        -webkit-appearance: unset !important;
        margin: 0 0 5px 0 !important;
        line-height: 2;
        border: 2px solid #CE1B5D;
    }

    .rating-xs
    {
        font-size: 1em !important;
    }

    .content .rating-stars
    {
        font-size: 11px;
    }

    .content .rating-container .star
    {
        margin: 0 1px !important;
    }

    .content .rating-container .filled-stars,
    .content .rating-container .empty-stars,
    .card .rating-container .filled-stars,
    .card .rating-container .empty-stars
    {
        color: #A58B5F !important;
    }

    .content h3,
    .content p
    {
        margin-bottom: .25rem;
    }

    .content .logoGrupoMusical
    {
        width: 66px;
        height: 66px;
        border-radius: 50%;
        object-fit: cover;
    }

    .txtNegritas {
        font-weight: bold;
    }

    .btnsMusico .btn {
        border-radius: 20px;
        width: 106px;
        /*height: 40px;*/
    }

    .btnsMusico .contrataMusico {
        background-color: #A68C60 !important;
        border: none;
        box-shadow: 4px 7px 4px -2px rgba(0, 0, 0, 0.75);
        margin: 10px;
    }

    .gm-fullscreen-control {
        display: none;
    }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        padding: 0px;
    }

    .iw_title {
        text-align: center;
    }

    .navbar-inverse {
        background-color: inherit;
        border: inherit;
    }

    .navbar-brand {
        height: inherit;
        /*display: table;*/
        display: inline-block;
        float: none;
    }

    #logoMenu .itemLogo {
        margin: 0 auto;
    }

    /*nuevo*/

    .btn-primary,
    .btnCentrado .btn-primary{
        background-color: #CE1B5D !important;
        border: #CE1B5D;
        padding: 5px;
        margin-top: 20px;
        margin-bottom: 40px;
        width: 24.5vw;
        max-width: 355px;
        min-width: 270px;
        min-height: 40px;
    }

    .btn.btn-primary.btn-outline-dark
    {
        background-color: transparent !important;
        border: 2px solid #1B1B1B;
    }

    .btn.btn-primary.btn-outline-dark:hover
    {
        border-color: #CE1B5D !important;
        color: #1B1B1B;
        background-color: white !important;
    }

    .btn.btn-primary.btn-outline-pink
    {
        border: 2px solid #CE1B5D;
        background-color: transparent !important;
        color: #1B1B1B;
    }

    .btn.btn-primary.btn-outline-pink:hover
    {
        background-color: #CE1B5D !important;
        color: #FFFFFF;
    }

    #descargar, #imprimir
    {
        min-width: 150px !important;
    }

    .btn.btn-success
    {
        background-color: #32B57C !important;
        border: 2px solid #32B57C;
        color: #FFFFFF !important;
    }

    .btn.btnNotificarme
    {
        border: 2px solid #CE1B5D;
    }

    .btn.btn-primary.btn-success:hover, .btn.btnNotificarme:hover
    {
        border-color: #FFFFFF !important;
        color: #FFFFFF !important;
    }

    .btn-primary.musicos,
    .btnCentrado .btn-primary.musicos
    {
        background-color: #FA9F42 !important;
        border: #FA9F42 !important;
    }

    .card-header.musicos
    {
        background-color: #FA9F42 !important;
    }

    .card-text svg
    {
        width: 1em !important;
        margin-right: 10px;
    }

    .card .verDetalles
    {
        color: #1B1B1B !important;
    }

    /*selección tipo de musico*/
    #seleccionTipoMusico {
        padding: 280px 0;
    }

    #seleccionTipoMusico .row .col-sm-6.izq {
        text-align: right;
    }

    #seleccionTipoMusico .row .col-sm-6.izq .btn-primary {
        margin-right: 50px;
    }

    #seleccionTipoMusico .row .col-sm-6.der {
        text-align: left;
    }

    #seleccionTipoMusico .row .col-sm-6.der .btn-primary {
        margin-left: 50px;
    }

    #seleccionTipoMusico .row .col-sm-6 .btn-primary {
        border-radius: 20px;
        border: 2px solid #A68C60;
        background-color: #ffffff;
        width: 252px;
        height: 45px;
        color: #000000;
        padding-top: 12px;
    }

    /*responsiva*/

    #generosDeHoy .row {
        margin: 0 auto;
        text-align: center;
    }

    /*pc*/

    .col-xs-offset-1 {
        margin-bottom: 10px;
    }

    .darkFooter
    {
        background-color: #000000 !important;
    }

    .tootip .tooltip-inner
    {
        background-color: #CE1B5D !important;
    }
    .bs-tooltip-top .arrow:before
    {
        border-top-color: #CE1B5D;
    }
    .bs-tooltip-right .arrow:before
    {
        border-right-color: #CE1B5D;
    }
    .bs-tooltip-left .arrow:before
    {
        border-left-color: #CE1B5D;
    }
    .bs-tooltip-bottom .arrow:before
    {
        border-bottom-color: #CE1B5D;
    }

    .tooltip.info .tooltip-inner
    {
        background-color: #D8D8D8 !important;
        color: black;
    }
    .bs-tooltip-top.info .arrow:before
    {
        border-top-color: #D8D8D8;
    }
    .bs-tooltip-right.info .arrow:before
    {
        border-right-color: #D8D8D8;
    }
    .bs-tooltip-left.info .arrow:before
    {
        border-left-color: #D8D8D8;
    }
    .bs-tooltip-bottom.info .arrow:before
    {
        border-bottom-color: #D8D8D8;
    }

    .darkBackground
    {
        background-color: #1b1b1b !important;
    }

    #footer .linkFooter
    {
        color: #FFFFFF;
    }

    #footer .linkFooter:hover {
        text-decoration: inherit;
        color: #ffffff;
    }

    #footer .logoChoco {
        min-width: 55px;
        max-width: 80px;
        width: 6vw;
    }

    /*FastSelect Elements*/

    .fstElement
    {
        display: block !important;
        border-radius: .25rem;
        background-color: #E1DEDD !important;
    }
    .fstElement.musicos
    {
        border-color: #FA9F42 !important;
    }

    #contenedorGeneroPrincipal .fstElement
    {
        border-left: 5px solid #FA9F42 !important;
    }

    .fstMultipleMode .fstControls
    {
        padding: 0 !important;
        width: 100% !important;
    }

    .fstMultipleMode .fstQueryInput
    {
        margin: 0 !important;
    }

    .fstElement.musicos .fstChoiceItem
    {
        background-color: #FA9F42 !important;
        border-color: #FA9F42 !important;
        padding: .1em .1em .1em 1.3em !important;
        margin: 2px !important;
    }

    .fstToggleBtn
    {
        min-width: unset !important;
        background-color: #E1DEDD !important;
    }

    .fstElement.musicos .fstResultItem.fstFocused, .fstElement.musicos .fstResultItem.fstSelected
    {
        background-color: #FA9F42 !important;
        border-color: #FA9F42!important;
    }

    .fstSingleMode .fstControls
    {
        padding: 0.3em !important;
    }

    .fstToggleBtn
    {
        padding: .28571em .35714em !important;
    }

    .fstMultipleMode .fstQueryInput,
    .fstResults .fstResultItem,
    .fstResults .fstNoResults,
    .fstSingleMode .fstQueryInput,
    .fstToggleBtn,
    .fstChoiceItem
    {
        font-size: 1em !important;
    }

    /*End Fastselect Elements*/

    #formularioAgrupacion textarea.form-control {
        resize: none;
    }

    #formularioAgrupacion .container .col-sm-4 {
        padding: 14px;
    }

    #formularioAgrupacion .container .col-sm-8 {
        padding: 14px;
    }

    #formularioAgrupacion .input-group {
        margin: 0px;
        width: 100%;
        border: none;
        border-radius: inherit;
    }

    /*pines google*/

    /*agrupacion musical*/

    .bordeTopRojo {
        border-top: 3px solid #A71D31 !important;
    }

    .txtRosa
    {
        color: #CE1B5D !important;
    }

    .txtAmarillo
    {
        color: #FA9F42 !important;
    }

    .txtVerde
    {
        color: #32B57C;
    }

    #agrupacionMusical .aligned.centrado {
        text-align: center;
        padding-bottom: 30px;
        padding-top: 30px;
    }

    #formularioAgrupacion h3 {
        margin: 0px;
    }

    .blanco {
        background-color: #ffffff;
        text-align: center;
        color: #000000 !important;
        padding: 10px;
        margin-bottom: 30px;
    }

    .blanco h3 {
        margin: 0px;
    }

    #formularioAgrupacion .btnCentrado {
        /*padding-top: 70px;*/
        padding-top: 0px;
        padding-bottom: 40px;
    }

    #perfilMusico .btnCentrado {
        padding: 30px 0;
    }

    #perfilMusico .comentariosUsuarios .btnCentrado {
        padding: 0px !important;
    }

    #perfilMusico .comentariosUsuarios .row {
        padding: 14px 0px;
    }

    #perfilMusico .comentariosUsuarios .txtDorado
    {
        color: #A58B5F !important;
    }

    #perfilMusico .comentariosUsuarios .media img
    {
        width: 60px;
        height: 60px;
        object-fit: cover;
    }

    .historialEventosContainer .eventoHistorial img
    {
        width: 100px;
        height: 100px;
        object-fit: cover;
    }

    .historialEventosContainer hr:not(:last-child)
    {
        border-color: #CE1B5D;
    }

    .historialEventosContainer hr:last-child
    {
        display: none;
    }
    /*solista*/

    #solistaMusical .aligned.centrado {
        text-align: center;
        padding-bottom: 30px;
        padding-top: 30px;
    }

    #solistaMusical .btnCentrado {
        /*padding-top: 70px;*/
        padding-top: 0px;
        padding-bottom: 40px;
    }

    #solistaMusical .input-group {
        margin: 0px;
        width: 100%;
        border: none;
        border-radius: inherit;
    }

    #solistaMusical .container .col-sm-4 {
        padding: 14px;
    }

    #solistaMusical .container .col-sm-8 {
        padding: 14px;
    }

    /*perfil musico*/
    #perfilMusico .imgGrupo {
        text-align: center;
    }

    #perfilMusico .imgGrupo .logoGrupoMusical {
        border: 6px solid #FFFFFF;
        border-radius: 50%;
        width: 180px;
    }

    #perfilMusico .imgGrupo .estadoMusico {
        width: 70%;
        margin: 0 auto;
        min-width: 220px !important;
        color: #000000;
        border: 2px solid #ffffff;
        border-radius: 5px;
    }

    #perfilMusico .imgGrupo .estadoMusico p
    {
        margin-bottom: 0;
    }

    .btnCentrado
    {
        text-align: center;
    }

    .btn.btn-primary.btnContratar
    {
        background-color: #32B57C !important;
        color: #FFFFFF;
    }

    .btn.btn-primary.regresarBtn
    {
        border-radius: 5px !important;
        background-color: unset !important;
        border: 2px solid #CE1B5D;
        color: #ffffff !important;
    }

    .btn.btn-primary.regresarBtn:hover
    {
        background-color: #3c3c3c !important;
    }

    #perfilMusico .btnCentrado .btn-primary {
        padding: 14px 0;
        color: #000000;
    }

    input.rating
    {
        display:none !important;
    }

    .rating-container star

    .rating-container .clear-rating {
        display: none !important;
    }

    .rating-container .filled-stars {
        color: #E0CD9E !important;
    }

    .rating-container .empty-stars {
        color: #E0CE9F !important;
    }

    #perfilMusico .ec-stars-wrapper a {
        font-size: 36px;
    }

    #perfilMusico h1 {
        margin: 0px;
    }

    #perfilMusico .infoMusico .container {
        padding-bottom: 26px;
    }

    #perfilMusico .infoMusico {
        /*padding: 36px 0px;*/
    }

    #perfilMusico .btnCentrado .btnDorado {
        background-color: #A68C60 !important;
        width: 236px;
        color: #ffffff !important;
        -webkit-box-shadow: 7px 6px 5px -2px rgba(0, 0, 0, 0.34);
        -moz-box-shadow: 7px 6px 5px -2px rgba(0, 0, 0, 0.34);
        box-shadow: 7px 6px 5px -2px rgba(0, 0, 0, 0.34);
    }

    #perfilMusico .imgComentario {
        float: left;
        padding: 5px;
        text-align: center;
    }

    #perfilMusico .imgComentario img {
        width: 54%;
    }

    /*carrucel*/
    .carrucel {
        background-color: #f9f9f9;
        padding: 34px 0;
    }

    .carrucel .row .carousel-inner .col-md-4 {
        text-align: center;
    }

    #carouselVideos .carousel-item.active,
    #carouselVideos .carousel-item.carousel-item-next,
    #carouselVideos .carousel-item.carousel-item-prev
    {
        display: flex !important;
    }

    /**/
    #carouselVideos .carousel-item-left.carousel-item-next,
    #carouselVideos .carousel-item-right.carousel-item-prev
    {
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
    }

    #carouselVideos .carousel-item-prev,
    #carouselVideos .active.carousel-item-left
    {
        -webkit-transform: translateX(-33.33%);
        -moz-transform: translateX(-33.33%);
        -ms-transform: translateX(-33.33%);
        -o-transform: translateX(-33.33%);
        transform: translateX(-33.33%);
    }

    #carouselVideos .carousel-item-next,
    #carouselVideos .active.carousel-item-right
    {
        -webkit-transform: translateX(33.33%);
        -moz-transform: translateX(33.33%);
        -ms-transform: translateX(33.33%);
        -o-transform: translateX(33.33%);
        transform: translateX(33.33%);
    }

    #carouselVideos .carousel-item-left.carousel-item-next div:last-child,
    #carouselVideos .carousel-item-right.carousel-item-prev div:first-child
    {
        animation: fadeIn .5s;
    }
    #carouselVideos .carousel-item-left.active:not(.carousel-item-next) div:first-child,
    #carouselVideos .carousel-item-right.active:not(.carousel-item-prev) div:last-child
    {
        animation: fadeOut .5s;
        opacity: 0;
    }

    @keyframes fadeIn{
        from{opacity: 0}
        to{opacity: 1}
    }

    @keyframes fadeOut {
        from{opacity: 1}
        to{opacity: 0}
    }

    #carouselVideos .carousel-item svg
    {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        opacity: 0.6;
        font-size: 70px;
    }

    #carouselVideos .carousel-item img,
    #carouselVideos .carousel-item a
    {
        max-width: 400px;
        max-height: 225px;
        min-width: 225px;
        min-height: 127px;
        width: 25vw;
        height: 15vw;
        object-fit: cover;
    }

    #carouselVideos .carousel-item a
    {
        height: 100%;
        display: block;
        margin: 0 auto;
    }

    .multi-item-carousel .carousel-control.left,
    .multi-item-carousel .carousel-control.right {
        background-image: none;
    }
    .carousel-control-prev {
        background-image: linear-gradient(to right, #000000, #000000, rgba(0,0,0,0));
    }

    .carousel-control-next {
        background-image: linear-gradient(to left, #000000, #000000, rgba(0,0,0,0));
    }

    .carousel-control {
        color: #000000 !important;
        opacity: 1;
    }
    /*Spotify*/
    .b4.ah.dv.dw.dx.dy
    {
        background-size: cover !important;
    }

    /*Contenedor eventos*/

    .contenedorEventos .card
    {
        color: #1B1B1B;
        background-color: #E1DEDD;
        border: 0 !important;
        height: 100%;
        border-radius: 12px;
    }

    .contenedorEventos .card.eventoConfirmado .card-header
    {
        background-color: #FA9F42 !important;
    }

    .contenedorEventos .card .card-header
    {
        background-color: #CE1B5D;
        border-top-right-radius: 12px;
        border-top-left-radius: 12px;
        color: #ffffff;
        min-height: 45px;
        display: flex;
        vertical-align: center;
    }


    .contenedorEventos .card p
    {
        letter-spacing: 1px;
    }

    .contenedorEventos .card img
    {
        width: 45px;
        height: 45px;
        object-fit: cover;
    }

    .contenedorEventos .card .btn
    {
        width: unset !important;
        color: #FFFFFF;
    }

    .contenedorEventos .card .btn
    {
        min-width: unset;
        letter-spacing: 0 !important;
    }

    .contenedorEventos .quitarEvento
    {
        border-radius: 30px;
        margin-bottom: 15px;
        border: 2px solid #1B1B1B;
    }

    /*cards*/

    #musicosCardContainer
    {
        max-width: 1350px;
        margin: 0 auto;
    }

    .infoCard
    {
        color: #1B1B1B;
        background-color: #E1DEDD;
        height: 100%;
        border-radius: 10px;
        padding-bottom: 90px !important;
    }

    .infoCard.disponible
    {
        border: 4px solid #32B57C;
        padding-top: 15px;
    }

    .infoCard small
    {
        width: 50%;
        min-width: 290px;
        left: 0;
        right: 0;
        margin-top: -25px;
        padding: 7px 45px;
        background-color: #32B57C;
        color: #FFFFFF;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        text-align: center;
    }

    .infoCard .verPerfil, .infoCard a
    {
        text-decoration: underline;
        color: #1B1B1B;
    }

    .infoCard a.btn
    {
        color: #FFFFFF !important;
    }

    .infoCard img, .infoCard .rating-container, .infoCard .verPerfil
    {
        margin: 0 auto;
        display: block;
    }

    .infoCard img
    {
        width: 11vw;
        height: 11vw;
        min-width: 70px;
        min-height: 70px;
        max-width: 130px;
        max-height: 130px;
        object-fit: cover;
    }

    .fullFitImg
    {
        object-fit: contain !important;
        padding: 0.5vw 0;
        background-color: #1B1B1B;
    }

    .infoCard .rating-container,
    .infoCard svg
    {
        font-size: 1.1em;
        color: #A58B5F;
    }

    .infoCard hr
    {
        border-color: #CE1B5D;
    }

    .infoCard .row.buttons
    {
        position: absolute;
        bottom: 0;
        right: 0;
        padding-bottom: 15px;
    }

    .infoCard a.btn, .infoCard button.btn
    {
        width: 48%;
        min-width: 158px !important;
        max-width: 190px !important;
        font-size: 15px;
        text-decoration: none !important;
        font-size: 14px;
        line-height: 20px;
    }

    .infoCard .txtDorado
    {
        color: #A58B5F !important;
    }

    .cuantasHrYTiempo {
        margin: 30px 0;
    }

    .row {
        margin-right: 0px;
        margin-left: 0px;
    }

    .col-sm-2.contrataHoy {
        margin-top: 30px;
        text-align: inherit;
    }

    .col-sm-1.contrataHoy p {
        margin: 4px;
    }

    .col-sm-2.contrataHoy p {
        margin: 6px;
    }

    .col-sm-1.contrataHoy {
        margin-top: 30px;
        text-align: center;
    }

    /*date*/
    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #ffffff;
    }

    .form_datetime {
        width: auto;
        position: absolute;
        margin-top: 28px;
    }

    .form_datetime .form-control {
        border-radius: 5px;
        border: #A68C60 solid 2px;
    }

    .add-on {
        position: absolute;
        top: 6px;
        left: 86%;
    }

    /*input clock*/
    .clock {
        margin-top: 26px;
    }

    .logoGrupoMusical {
        width: 100px;
    }

    .clock .input-group {
        width: auto;
        margin: 0px;
        border: #A68C60 solid 2px;
        border-radius: 5px;
    }

    /*contratar hoy*/

    .popover
    {
        z-index: 1020 !important;
    }

    #contratarHoy .mapaUbicacionEvento {
        margin-bottom: 10px;
    }

    #contratarHoy .imgGrupo {
        text-align: center;
    }

    .clockpicker-popover .popover-content
    {
        background-color: #E1DEDD !important;
    }

    .clockpicker-popover .clockpicker-canvas-bg
    {
        fill: rgba(206,27,93, 0.4)!important;
    }

    .clockpicker-popover .clockpicker-tick.active,
    .clockpicker-popover .clockpicker-tick:not(.disabled):hover {
        background-color: rgb(206, 27, 93) !important;
        background-color: rgba(206, 27, 93, .25) !important;
    }

    .clockpicker-popover .text-primary
    {
        color: #CE1B5D !important;
    }

    .clockpicker-popover .clockpicker-canvas-fg,
    .clockpicker-popover .clockpicker-canvas-bearing
    {
        fill: #CE1B5D !important;
    }

    .clockpicker-popover .clockpicker-canvas line
    {
        stroke: #CE1B5D;
    }

    p.blackBackground
    {
        padding: 5px 0;
    }

    .blackBackground{
    background-color: #000000 !important;
    }

    .blackBackground.nav a
    {
        color: #ffffff;
    }

    .blackBackground.nav a:hover
    {
        text-decoration: underline;
    }

    .colorBackground {
        background-color: #CE1B5D;
        color: #FFFFFF;
        text-align: center;
    }

    .colorBackground.musicos
    {
        background-color: #FA9F42 !important;
    }

    .colorBackground.success
    {
        background-color: #32B57C !important;
    }

    .colorBackground.musicos a
    {
        color: #1B1B1B !important;
    }

    #contratarHoy .fondoDorado h4 {
        padding: 10px;
    }

    #contratarHoy .imgGrupo .logoGrupoMusical {
        border-radius: 50%;
    }

    .noDisponible {
        border: 6px solid #E85D75;
    }

    img.noDisponible
    {
        filter: contrast(50%) brightness(200%);
    }

    .noDisponibleBorde {
        background-color: #E85D75;
        text-align: center;
        color: #ffffff;
        padding: 10px;
    }

    .txtInvisible {
        display: none;
    }

    .disponible {
        border: 6px solid #32B57C;
    }

    .disponibleTxtEstado {
        background: #FFFFFF;
    }

    .noDisponibleTxtEstado {
        background: unset;
        color: white !important;
    }

    #contratarHoy .estadoMusico p {
        margin: 0px;
    }

    #contratarHoy .logoGrupoMusical {
        width: 200px;
    }

    #contratarHoy .container .row.infoMusico {
        margin-bottom: 20px;
        margin-top: 30px;
    }

    #contratarHoy .ec-stars-wrapper a {
        font-size: 36px;
    }

    #contratarHoy .col-sm-7,
    #contratarOtroDia .row.infoMusico .col-sm-7 {
        padding: 0px 0px 0px 32px;
    }

    #contratarOtroDia .row.infoMusico {
        margin: 20px 0px;
    }

    #contratarHoy .hrTocada .col-sm-4 .row {
        display: flex;
    }

    /*primero*/
    #contratarHoy #inputHrContratrHoy {
        text-align: center;
    }

    #contratarHoy .hrTocada .row .col-md-2 .alinear.abajo {
        margin-top: 34px;
    }

    /*segundo*/

    #relojContratarHoy .form-control,
    #relojContratarOtroDia .form-control
    {
        font-size: 20px;
        width: 135px;
    }

    #datetimepicker .form-control,
    #datepicker .form-control {
        font-size: 18px;
    }

    #relojContratarHoy .form-control,
    #relojContratarOtroDia .form-control,
    #contratarHoy #datetimepicker .form-control,
    #contratarHoy #datepicker .form-control{
        border: #E0CE9F solid 2px;
        border-radius: 5px 0 0 5px;
        padding: 13px;
        border-right: 0;
        padding-left: 10px;
        box-shadow: none;
        height: 50px;
        text-align: center;
    }

    #contratarHoy .input-group-append,
    #contratarHoy .input-group-addon
    {
        background-color: #ffffff;
        color: #A58C60;
        border: 2px solid #E0CE9F;
        border-left: 0;
        border-radius: 0 5px 5px 0;
        padding: 10px 13px 10px 2px;
    }

    #contratarHoy .help-block
    {
        top: -10px !important;
    }

    .form-control.customSelect
    {
        border-right: 0;
    }

    .input-group-append.customSelect
    {
        padding: 10px !important;
        border: 1px solid lightgray !important;
    }

    small.help-block
    {
        white-space: nowrap;
        background-color: #CE1B5D;
        position: absolute;
        top: 25%;
        left: 50%;
        padding: 2px;
        box-shadow: 3px 3px 3px #1B1B1B;
        letter-spacing: 0.12px;
        font-size: 14px;
        z-index: 5;
        color: #FFFFFF;
    }

    label.customSelect
    {
        width: 100%;
    }

    label.customSelect svg
    {
        position: absolute;
        color: #A58B5F;
        top: 12px;
        right: 12px;
        pointer-events: none;
    }

    #relojContratarHoy.form-group,
    #relojContratarOtroDia.form-group
    {
        margin-bottom: 0 !important;
    }

    #contratarHoy .input-group-append svg,
    #contratarHoy .input-group-addon svg
    {
        width: 20px;
        height: 20px;
    }

    #contratarHoy .hrTocada .col-sm-4 .row .col-sm-4 .alinear.abajo {
        margin-top: 34px;
    }

    /*tercero*/
    #contratarHoy .hrTocada .row .col-sm-8 .col-sm-2 .alinear.abajo {
        margin-top: 34px;
    }

    #hrTocada
    {
        width: 60px;
        height: 50px;
        position: relative;
    }

    #hrTocada input[type="number"]
    {
        border: 2px solid #E0CE9F;
        border-radius: 5px;
        text-align: center;
        width: 100%;
        height: 100%;
    }

    #hrTocada svg.fa-chevron-up
    {
        top: -40px;
    }

    #hrTocada svg.fa-chevron-down
    {
        bottom: -40px;
    }

    #hrTocada svg
    {
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
        color: #A58B5F;
        cursor: pointer;
        font-size: 40px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type="number"] {
        -moz-appearance: textfield;
    }

    /*btn hrs contratar hoy*/

    .btnArriba {
        width: 50%;
        height: 30px;
        border-color: transparent !important;
        background-color: transparent !important;
        color: #A68C60;
    }

    .btnAbajo {
        width: 50%;
        height: 30px;
        border-color: transparent !important;
        background-color: transparent !important;
        color: #A68C60;
    }

    .fas.fa-angle-up,
    .fas.fa-angle-down {
        font-size: 26px;
    }

    #confirmar .btnVerde {
        margin-top: 40px;
    }

    #pago .tiposPagos {
        width: 320px;
        float: right;
    }

    #pago .bordeIzq .tiposPagos.alinearTxt {
        width: 320px;
        float: left;
    }

    #pago .tarjetas p {
        padding: 10px 0px 6px 0px;
        margin: 0 auto;
    }

    #pago .tarjetas h5 {
        padding: 20px 0px 0px 0px;
        margin: 0 auto;
    }

    #pago .tipoPago .col-md-6 .mercadopago {
        text-align: right;
        padding: 0px 30px 0px 0px;
    }

    #pago .tipoPago .col-md-6 .txtDer,
    #pago .bordeIzq .tiposPagos.alinearTxt {
        padding: 0px 0px 0px 30px;
    }


    #contratarHoy .nomBandaContratada h1,
    #contratarOtroDia .nomBandaContratada h1 {
        margin: 0px;
    }

    #contratarHoy .row.btnContratar,
    #contratarOtroDia .container.evento .row {
        margin-top: 50px;
        margin-bottom: 20px;
    }

    #pago .tipoPago h4 {
        margin-top: 26px;
    }

    .efectivo {
        width: 200px;
    }

    /*mapa contrarar hoy*/
    #contratarHoy .gmnoprint {
        display: none;
    }

    #direccionGroup
    {
        width: 100%;
        margin-top: 20px;
    }

    #pac-input {
        border: solid 2px #A68C60;
        width: 50%;
        padding: 8px;
        border-radius: 4px;
        top: 10px !important;
        font-size: 16px;
    }

    #triggerMiUbicacion
    {
        border-radius: 5px;
        background-color: #2b2b2b;
        color: #FFFFFF;
        font-size: 16px;
        margin-top: 0px !important;
    }

    #triggerMiUbicacion:focus
    {
        box-shadow: none;
    }

    /*mapa google contratar hoy*/

    #mapaContratar {
        width: 95%;
        max-width: 1800px;
        height: 500px
    }

    /*estrellas de contratar hoy*/
    #contratarHoy .clear-rating.clear-rating-active {
        display: none;
    }

    #contratarHoy .caption {
        display: none;
    }

    .glyphicon-time {
        position: absolute;
        top: 12px;
        left: 88%;
    }

    /*Contratar otro día*/
    #contratarOtroDia .imgGrupo .logoGrupoMusical {
        border-radius: 50%;
    }

    #contratarOtroDia .imgGrupo {
        text-align: center;
    }

    #contratarOtroDia .logoGrupoMusical {
        width: 50%;
    }

    #contratarOtroDia .imgGrupo .estadoMusico,
    #contratarHoy .imgGrupo .estadoMusico {
        width: 42%;
        margin: 0 auto;
        color: #ffffff;
        border-radius: 5px;
        padding: 4px;
    }

    #contratarOtroDia .imgGrupo .estadoMusico p,
    #contratarHoy .imgGrupo .estadoMusico p {
        margin: 0px;
    }

    #contratarOtroDia .clear-rating.clear-rating-active {
        display: none !important;
    }

    #contratarOtroDia .caption {
        display: none !important;
    }

    select.form-control
    {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

    .form-control.input-box.text-center {
        width: 54%;
        border: #E0CE9F solid 2px;
        border-radius: 5px;
        margin: 0 auto;
        padding: 0px;
    }

    #contratarOtroDia #datepicker .input-group-addon,
    #contratarOtroDia #datetimepicker .input-group-addon {
        color: #A68C60;
        background: #ffffff;
    }

    #contratarOtroDia #datepicker .input-group-addon:last-child,
    #contratarOtroDia #datetimepicker .input-group-addon:last-child {
        border: #E0CE9F solid 2px;
        border-left: none;
    }

    #contratarOtroDia #datepicker .form-control,
    #contratarOtroDia #datetimepicker .form-control{
        border: #E0CE9F solid 2px;
        border-radius: 5px 0px 0px 5px;
        border-right: none;
        padding-left: 10px;
        box-shadow: none;
    }

    .datepicker
    {
        background-color: #E1DEDD;
    }

    .datepicker tbody
    {
        background-color: #FFFFFF;
    }

    .datepicker .active.day
    {
        background-color: #CE1B5D !important
    }

    .datepicker .prev, .datepicker .next
    {
        color: #CE1B5D;
    }

    #contratarOtroDia .alinear.derecha {
        text-align: center;
    }

    #contratarOtroDia .alinear.abajo {
        margin-top: 36px;
    }

    #contratarOtroDia .alinear.abajoCalendario {
        margin-top: 30px;
    }

    #contratarOtroDia #relojContratarOtroDia .input-group-addon:last-child {
        border: #E0CE9F solid 2px;
        background: white;
        border-left: none;
        padding: 4px 8px 0px 0px;
    }

    #contratarOtroDia #relojContratarOtroDia .input-group-addon .glyphicon.glyphicon-time {
        top: 10px;
        left: 78%;
        position: absolute;
    }

    #contratarOtroDia #relojContratarOtroDia .input-group-addon {
        color: #A68C60;
        background-color: #E0CE9F;
    }

    #contratarOtroDia .glyphicon-time {
        position: inherit;
    }

    #contratarOtroDia .hrTocada .row {
        padding: 0px !important;
    }

    #contratarOtroDia .container.hrTocada .row .col-md-5 .col-sm-5 .abajo {
        margin-top: 36px;
    }

    #contratarOtroDia .container.hrTocada .row .col-md-5 .col-sm-7 .abajoCalendario {
        margin-top: 30px;
    }

    #contratarOtroDia .container.hrTocada .row .col-md-3 .col-sm-4 .alinear.derecha {
        margin-top: 36px;
    }

    #contratarOtroDia .container.hrTocada .row .col-md-4 .col-sm-6 .abajoCalendario .input-group-addon {
        padding: 4px;
    }

    #contratarOtroDia .container.hrTocada .row .col-md-4 .col-sm-6 .abajoCalendario {
        margin-top: 30px;
    }

    #contratarOtroDia #relojContratarOtroDia .input-group-addon .glyphicon.glyphicon-time {
        position: inherit;
    }

    /*contratar otro día mapa*/
    #mapaContratarOtroDia {
        width: 100%;
        height: 500px;
        margin-bottom: 10px;
    }

    #contratarOtroDia #pac-input {
        border: solid 2px #A68C60;
        margin-top: 8px;
        width: 92%;
        padding: 8px;
        border-radius: 4px;
        top: 10px !important;
    }

    #contratarOtroDia .gmnoprint {
        display: none;
    }

    /*tipo de evento*/
    .evento {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #tiposEventoContratarOtroDia {
        width: 50%;
        border: #A68C60 solid 2px;
        border-radius: 5px;
    }

    #formulariocliente .aligned.centrado p {
        margin: 0px;
    }

    .socialSignIn .btnCentrado
    {
        margin: 0 auto;
    }

    .socialSignIn .btn.btn-primary
    {
        background-color: unset !important;
        border: 2px solid #FFFFFF;
        transition: background-color color .5s;
    }

    .socialSignIn .btn.btn-primary:hover
    {
        background-color: #FFFFFF !important;
        color: #1B1B1B;
    }

    .socialSignIn svg
    {
        vertical-align: middle !important;
        margin-right: 20px;
    }

    .messages .help-block {
        color: #a94442 !important;
    }

    #seleccionTipoMusico .row {
        display: flex;
    }

    /*modal*/

    #modalDetalles .media .rounded-circle
    {
        width: 80px;
        height: 80px;
        object-fit: cover;
    }

    #modalMap {
        min-height: 160px;
        border: 3px solid #CE1B5D;
    }

    .modal p a, .modal ul a
    {
        text-decoration: underline;
    }

    .modal .aligned.centrado img
    {
        width: 90%;
        max-width: 400px;
    }

    .loginModal .modal-content
    {
        border: 2px solid #CE1B5D;
        margin: 30px 0;
    }

    .loginModal a.collapseElem
    {
        color: #1B1B1B !important;
        text-decoration: underline !important;
    }

    .loginModal.musicos a.collapseElem
    {
        color: #E1DEDD !important;
    }

    .loginModal.musicos .modal-content
    {
        background-color: #1b1b1b;
        border-color: #FA9F42;
    }

    .loginModal.musicos .btn.btn-primary.musicos,
    .loginModal.musicos .colorBackground.musicos
    {
        color: #1B1B1B !important;
    }


    .loginModal .socialSignIn .btn.btn-primary
    {
        color: #1B1B1B;
        border-color: #1B1B1B;
    }

    .loginModal .socialSignIn .btn.btn-primary:hover
    {
        border-color: #CE1B5D;
    }

    .loginModal input[type="text"],
    .loginModal input[type="password"]
    {
        background: none;
        border: none;
        border-bottom: 2px solid #CE1B5D;
        border-radius: 0;
    }

    .form-control:focus
    {
        box-shadow: none;
        border-color: lightgrey;
    }

    #modalDireccion .modal-content label
    {
        font-size: 14px;
        letter-spacing: normal;
    }

    .loginModal .btn
    {
        display: block;
        padding: 8px;
    }

    .modal
    {
        color: #1B1B1B;
    }


    .modal.musicos
    {
        color: #FFFFFF;
    }

    .modalAvisos .modal-dialog
    {
        color: #1B1B1B;
        width: 85%;
        max-width: unset;
        text-align: center;
        font-size: 1.5em;
    }

    .modal-header.headerColor .close
    {
        margin: -1rem -1rem -1rem -2rem;
    }

    .modal .modal-header .close
    {
        color: #CE1B5D !important;
    }

    .modal.musicos .modal-header .close
    {
        color: #FA9F42 !important;
    }

    .modal .headerColor .close
    {
        color: #E1DEDD !important;
    }

    .modal-xl
    {
        max-width: 1140px !important;
    }

    .modal .headerColor
    {
        background-color: #CE1B5D;
    }

    .modal .headerColor.musicos
    {
        background-color: #FA9F42;
    }

    .modal-header
    {
        border-bottom: unset;
    }

    .modalAvisos .modal-header
    {
        border-bottom: 0;
    }

    .modal-header h5
    {
        margin: 0 auto;
    }

    .modalAvisos p > a
    {
        color: #1B1B1B;
        text-decoration: underline;
    }

    .modal-content
    {
        border-radius: 15px;
        background-color: #E1DEDD;
        border: 5px solid #CE1B5D;
    }

    #modalSinRegistro .form-control,
    #modalYaHasContratado .form-control,
    #modalRecuperaPassword .form-control
    {
        background-color: transparent;
        border: none;
        border-bottom: 2px solid #CE1B5D;
        border-radius: 0;
    }

    #modalYaHasContratado #btnRegresar
    {
        min-width: 220px;
        max-width: 230px;
    }

    .modalAvisos .btn.btn-primary
    {
        margin-left: 25px;
        margin-right: 25px;
    }

    #modalVideo
    {
        padding-right: 0 !important;
    }

    #modalVideo .modal-dialog
    {
        max-width: 1240px !important;
        width: 86%;
    }

    #modalVideo .modal-content
    {
        border: unset !important;
        box-shadow: 0px 0 10px rgba(255,255,255,0.6);
        padding-bottom: 56.25%;
    }

    #videoPreview,
    #modalVideo .modal-content object,
    #modalVideo .modal-content embed
    {
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .infoMusico
    {
        overflow: hidden;
        position: relative;
    }

    .infoMusico,
    .infoMusico .container-fluid
    {
        min-height: 450px;
    }

    .infoMusico .container-fluid
    {
        padding-top: 30px;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,.8);
    }

    .infoMusico .container-fluid p
    {
        font-size: 18px;
    }

    .infoMusico .container-fluid h3
    {
        font-size: 1.95rem !important;
    }

    .infoMusico .btn.btn-primary
    {
        white-space: unset;
        max-width: 300px;
        border-radius: 50px;
        min-width: 150px !important;
        width: 100% !important;
        margin: 0 auto;
        display: block;
    }

    #perfilMusico .modal-content {
        border: solid 4px #A68C60;
        border-radius: 5px;
        width: 100% !important;
    }

    #perfilMusico .modal-header {
        border-bottom: none;
    }

    #perfilMusico .iniciarSesion {
        border-right: 2px solid #A68C60;
    }

    #perfilMusico .iniciarSesion #usrname {
        border-bottom: 2px solid #A68C60 !important;
        box-shadow: none;
        border: none;
        border-radius: inherit;
    }

    #perfilMusico .iniciarSesion #psw {
        border-bottom: 2px solid #A68C60 !important;
        box-shadow: none;
        border: none;
        border-radius: inherit;
    }

    #perfilMusico .btn.btn-success.btn-block {
        background-color: #ffffff;
        border: 1px solid #A68C60 !important;
        color: #000000;
        border-radius: 30px !important;
        width: 84px;
        margin: 36px auto;
    }

    .infoMusico .carousel-inner
    {
        width: 100%;
        height: 100%;
    }

    .infoMusico .backgroundImage
    {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -500;
    }

    .infoMusico img.backgroundImage.logo
    {
        height: 100% !important;
        width: auto !important;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    .infoMusico img.backgroundImage
    {
        object-fit: cover;
        left: 50%;
        top: 30%;
        transform: translateX(-50%) translateY(-30%);
        -o-transform: translateX(-50%) translateY(-30%);
        -ms-transform: translateX(-50%) translateY(-30%);
        -moz-transform: translateX(-50%) translateY(-30%);
        -webkit-transform: translateX(-50%) translateY(-30%);
    }

    #modalLogin .aligned.centrado {
        padding-bottom: 30px;
    }

    #modalLogin .aligned.centrado.txtModal {
        padding: 10px 20px 10px 20px;
        margin: 0px;
    }

    #modalLogin .modal-body {
        padding: 10px 50px 20px 50px;
    }

    #modalLogin .modal-content .row {
        padding-bottom: 40px;
    }

    #modalLogin .modal-header .close {
        font-size: 40px;
        color: #A58C60;
    }

    #modalLogin .aligned.centrado {
        padding-bottom: 0px;
    }

    #modalLogin .modal-content {
        border: #A58C60 solid 4px;
        background: #FFFFFF;
    }

    #modalLogin .modal-content h4 {
        padding: 20px 0px 40px 0px;
        font-weight: normal;
    }

    #modalLogin .iniciarSesion.bordeizqModal .btn.btn-success.btn-block {
        width: 120px;
        margin: 0 auto;
    }

    #modalLogin .registroAForm .aligned.centrado.txtModal p {
        margin-top: 60px;
    }

    #modalLogin .registroAForm .btn.btn-success.btn-block {
        width: 220px;
        margin: 0 auto;
    }

    #modalLogin .btn.btn-success.btn-block {
        border: 2px solid #A58C60;
        background: #ffffff;
        color: #000000;
        border-radius: 20px;
        -webkit-box-shadow: 0px 6px 5px -1px rgba(0, 0, 0, 0.28);
        -moz-box-shadow: 0px 6px 5px -1px rgba(0, 0, 0, 0.28);
        box-shadow: 0px 6px 5px -1px rgba(0, 0, 0, 0.28);
    }

    .bordeizqModal {
        border-right: 1px solid #A58C60;
    }

    #modalLogin .close {
        opacity: 1;
    }

    #modalLogin .modal-header {
        margin: 1px 20px;
        padding: 0px !important;
        border: none;
    }

    #perfilMusico .btn.btn-success.btn-block.btnRegistro {
        width: 198px;
        margin-top: 20px;
    }

    #perfilMusico .modal.in .modal-dialog {
        width: 68% !important;
    }

    #perfilMusico .modal-dialog {
        margin: 120px auto;
    }

    #perfilMusico .card {
        border: none;
    }

    iframe .g-background-default
    {
        background-color: #1B1B1B !important;
    }

    .fechaOtroDia .form_datetime {
        margin-top: 0px;
    }

    #menuUsuario .navbar-text .txtBlanco {
        text-align: right !important;
    }

    #iw_container .ec-stars-wrapper {
        text-align: center;
    }

    /*nuevo*/

    /*pago*/

    #pago {
        height: 687px; /*pendiente footer */
    }

    .bordeTituloDorado {
        background-color: #A68C60;
        text-align: center;
        color: #ffffff;
        padding: 10px;
    }

    #historialSerenattas .bordeTituloDorado,
    #buscarGenero .bordeTituloDorado {
        font-size: 20px;
    }

    .txtBusqueda {
        padding: 26px 0px;
        font-size: 16px;
    }

    #confirmar .infoPago {
        width: 600px;
        margin: 0 auto;
        padding-top: 20px;
    }

    .txtCentrado {
        text-align: center;
    }

    .check {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .txtDer {
        /*text-align: right;*/
        padding: 0 10px;
    }

    #pago .tipoPago .bordeIzq {
        border-left: 2px solid #A68C60;
    }

    #pago .tipoPago .col-sm-6.bordeIzq {
        padding: 0px 10px !important
    }

    #pago .tipoPago .row {
        padding: 16px !important;
        display: flex;
    }

    #pago .container.txtCentrado p {
        font-size: 20px;
    }

    /*historial de serenatta*/

    #historialSerenattas .tablaProximamente .row .col-sm-4 {
        text-align: center;
    }

    #historialSerenattas .tablaProximamente .row .col-sm-4 img {
        width: 108px;
    }

    #historialSerenattas .tablaPrevias .row .col-sm-4 img {
        width: 108px;
    }

    #historialSerenattas .tituloSalmon {
        background-color: #f9f9f9;
        padding: 10px 10px 10px 30px;
        margin: 0px;
    }

    #historialSerenattas .tablaPrevias .row.bordeAbajo {
        border-bottom: solid 2px #A68C60;
    }

    #historialSerenattas .tablaPrevias .row .col-sm-4 {
        text-align: center;
    }

    #historialSerenattas .tablaProximamente .row {
        padding: 14px;
    }

    #historialSerenattas .tablaPrevias .row {
        padding: 14px;
    }

    /*buscar*/

    #buscarGenero {
        padding-top: 36px;
    }

    #buscador {
        padding-top: 40px;
    }

    #goUp
    {
        width: 2.5rem;
        height: 2.5rem;
        border: 2px solid #CE1B5D;
        cursor: pointer;
    }

    #goUp svg
    {
        top: 0; bottom: 0;
        right: 0; left: 0;
        position: absolute;
    }

    .verdeFijo {
        background-color: #32B57C !important;
        color: #000000 !important;
        padding: 10px;
    }

    .verde {
        background-color: #32B57C !important;
        color: #FFFFFF !important;
    }

    #buscador .txtCentrado .btn-primary,
    #buscarGenero .txtCentrado .btn-primary {
        border-radius: 41px;
        /*padding: 2px 35px;*/
        margin: 12px;
        border: none;
        box-shadow: 10px 10px 5px -6px rgba(148, 148, 148, 1);
        width: 150px;
    }

    #buscador .rating-xs,
    #buscarGenero .rating-xs {
        font-size: 16px;
    }

    .txtNegro {
        color: #000000 !important;
    }

    #buscador .img-rounded,
    #buscarGenero .img-rounded {
        border-radius: 50%;
        margin-top: 10px;
        width: 100px;
    }

    #buscador .btnCentrado .btn-primary,
    #buscarGenero .btnCentrado .btn-primary {
        margin: 54px;
    }

    #buscador .aligned.centrado,
    #buscarGenero .aligned.centrado {
        text-align: center;
        padding-bottom: 0px;
    }

    /*contacto*/

    #contacto .rojo {
        margin: 0px;
        font-size: 20px;
        -webkit-box-shadow: 0px 6px 5px -1px rgba(0, 0, 0, 0.28);
        -moz-box-shadow: 0px 6px 5px -1px rgba(0, 0, 0, 0.28);
        box-shadow: 0px 6px 5px -1px rgba(0, 0, 0, 0.28);
    }

    .barraDorada {
        background: #A68C60;
        text-align: center;
        color: #ffffff;
        padding: 10px;
        margin: 10px 0px;
        font-size: 20px;
        -webkit-box-shadow: 0px 6px 5px -1px rgba(0, 0, 0, 0.28);
        -moz-box-shadow: 0px 6px 5px -1px rgba(0, 0, 0, 0.28);
        box-shadow: 0px 6px 5px -1px rgba(0, 0, 0, 0.28);
    }

    #formContacto {
        padding: 50px 0px;
    }

    #contacto .container.txtCentrado {
        margin-top: 50px;
    }

    #formContacto input[type="text"],
    #formContacto input[type="email"],
    #formContacto textarea {
        padding: 10px;
        border: #A68C60 1px solid;
        border-radius: 4px;
    }

    #formContacto textarea {
        resize: none;
    }

    #formContacto .col-sm-6 .form-group.tel {
        margin-right: 20px;
    }

    .txtRight {
        text-align: right;
    }

    #formContacto .btnDorado {
        border-radius: 4px;
        background-color: #A68C60;
        border-color: inherit;
        width: 142px;
        height: 40px;
        font-weight: normal;
    }

    #contacto .logoChoco {
        max-width: 250px;
        padding-top: 30px;
    }

    #contacto {
        padding-bottom: 50px;
    }

    #contacto .barraDorada p {
        margin: 0px;
    }

    #esperaConfirmacion, #confirmar{
        margin-top: 20px;
    }

    #esperaConfirmacion .rojo {
        font-size: 18px;
    }

    /*cronometro*/
    .cronometro .item {
        position: relative;
        margin: 0 auto;
        max-width: 250px;
    }

    .cronometro .item p {
        text-align: center;
        position: absolute;
        width: 220px;
        font-size: 14px;
        position: absolute;
        z-index: 3;
        top: 80px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .cronometro .item h2 {
        text-align: center;
        position: absolute;
        line-height: 200px;
        font-size: 34px;
        position: absolute;
        z-index: 3;
        top: 50px;
        left: 0;
        right: 0;
    }

    .cronometro svg {
        position: absolute;
        left: 0px;
        overflow: unset;
    }

    .cronometro .circulo {
        width: 152px;
        height: 152px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        border: 1.3em solid #FFFFFF;
        z-index: -1;
        margin: 0 auto;
        margin-top: 20px;
    }

    .cronometro .circle_animation {
        stroke-dasharray: 460;
        stroke-dashoffset: 0;
        transition: all 1s linear;
        stroke-linecap: round;
    }

    .cronometro circle {
        stroke-width: 1.6em;
        stroke-linecap: square;
        stroke: #32B57C;
        fill: none;
        position: absolute;
        z-index: 2;
        transform: rotate(-90deg);
    }

    #esperaConfirmacion .container{
        margin-top: 44px;
    }

    #esperaConfirmacion .cronometro .circulo {
        width: 250px !important;
        height: 250px !important;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        border: 1.3em solid #FFFFFF;
        z-index: -1;
    }

    #esperaConfirmacion .cronometro .circle_animation {
        stroke-dasharray: 710;
        stroke-dashoffset: 0;
        transition: all 1s linear;
        stroke-linecap: round;
    }

    #esperaConfirmacion .cronometro circle {
        stroke-width: 1.6em;
        stroke-linecap: square;
        stroke: #32B57C;
        fill: none;
        position: absolute;
        z-index: 2;
    }

    #esperaConfirmacion .txtAutorizar {
        margin: 22px;
    }

    .imgcanvas {
        width: 600px;
    }

    #esperaConfirmacion {
        margin-bottom: 100px;
    }

    .breadcrumbSerenatta {
        width: 80%;
        position: absolute;
    }

    .breadcrumb {
        margin: 0px;
        padding: 0px;
        background: transparent;
    }

    #confirmar {
        margin-bottom: 60px;
    }

    .alinearTxt {
        margin: 0 auto;
    }

    .has-success .form-control {
        border-color: #CE1B5D;
        box-shadow: none !important;
    }

    .has-success .form-control.musicos
    {
        border-color: #FA9F42;
    }

    .scrollControl
    {
        position: absolute;
        top: 65px;
        height: calc(100% - 80px);
        display: none;
        align-items: center;
        width: 50px;
        justify-content: center;
        background-color: #1b1b1b;
        border-radius: .35rem;
        z-index: 500;
        cursor: pointer;
    }
    @media (min-width: 999px){
        .generoContainer:hover .scrollControl{
            display: flex;
        }
        .musicosContainer:after{
            display: block;
            content: '.';
            color: transparent;
            margin-left: 48px
        }
    }
    .carouselControl{
        z-index: 500;
        cursor: pointer;
        height: 100%;
        width: 75px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .scrollControl.right, .carouselControl.right{
        right: 0;
    }
    .scrollControl.left, .carouselControl.left{
        left: 0;
    }
    .musicosContainer::-webkit-scrollbar,
    .musicosContainer::-webkit-scrollbar-button,
    .musicosContainer::-webkit-scrollbar-corner,
    .musicosContainer::-webkit-scrollbar-thumb,
    .musicosContainer::-webkit-scrollbar-track,
    .musicosContainer::-webkit-scrollbar-track-piece,
    #generosCarousel::-webkit-scrollbar,
    #generosCarousel::-webkit-scrollbar-button,
    #generosCarousel::-webkit-scrollbar-corner,
    #generosCarousel::-webkit-scrollbar-thumb,
    #generosCarousel::-webkit-scrollbar-track,
    #generosCarousel::-webkit-scrollbar-track-piece{
        display: none;
    }
    .musicoCard{
        background-color: #4c4c4c;
        border-radius: 1rem !important;
        position: relative;
        overflow: hidden;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        width: 92.5%;
        height: 92.5%;
        outline: none;
        border: 3px solid black;
    }
    .musicoCard:hover{
        width: 120%;
        height: 120%;
        border-color: #FA9F42;
    }
    .musicoCard img{
        object-fit: cover;
        margin: auto;
        display: block;
        width: 100%;
    }
    .musicoCard .seccionPerfil{
        height: 100%;
        width: 100%;
        position: absolute;
        display: block;
        top: 80%;
        left: 0;
        padding: 2px 8px;
        font-size: .7rem;
        background-color: rgba(0,0,0,.4);
        transition: top 0.3s;
        text-decoration: none;
    }
    .musicoCard:hover .seccionPerfil{
        top: 0;
    }
    @media (max-width: 991.98px){
        .musicoCard .seccionPerfil{
            pointer-events: none;
        }
        .musicoCard:focus-within .seccionPerfil,
        .musicoCard:focus .seccionPerfil{
            pointer-events: all !important;
        }
        .carouselControl{
            display: none;
        }
        .generoItem {
            width: 70px !important;
        }
        .generoItem img {
            height: 60px !important;
        }
        .scrollContainer{
            margin: 0 !important;
        }
        .musicosContainer.destacados > div{
            min-width: 320px !important;
            max-width: 320px !important;
        }
    }
    .musicoCard .seccionPerfil .btn{
        width:unset !important;
        min-width: unset !important;
        min-height: unset !important;
    }
    .musicoCard .seccionPerfil p{
        margin-bottom: 5px;
    }
    .musicosContainer{
        position: relative;
        overflow-x: scroll;
        overflow-y: hidden;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        padding: 20px 0;
        height: 180px;
    }
    .musicosContainer.destacados{
        height: 230px;
    }
    .musicosContainer > div{
        min-width: 280px;
        max-width: 280px;
    }
    .musicosContainer.destacados > div{
        min-width: 350px;
        max-width: 350px;
    }
    .musicosContainer.destacados .musicoCard .seccionPerfil{
        font-size: .9rem;
    }
    #generosCarousel{
        scrollbar-width: none;
        overflow-x: scroll;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
    }
    .generoItem {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 90px;
    }
    .generoItem img {
        height: 100px;
    }
    /*tabled*/
    @media only screen and (max-width: 991.98px) {
        #carouselMusicos img
        {
            width: unset;
            height: 101%;
        }


        #beneficiosSection .backgroundImage
        {
            height: 100%;
            width: unset;
            min-width: unset;
        }

        #carouselMusicos h4
        {
            font-size: 18px;
        }
    }
    @media only screen and (max-width: 767.98px) {
        body
        {
            letter-spacing: .5px;
        }

        h1, h2, h3, h4, h5, #mainCarousel p{
            font-weight: unset;
        }

        p, label{
            font-size: 13px !important;
        }

        .checkbox label svg
        {
            font-size: 17px;
        }

        #asiFuncionaSerenatta img
        {
            max-width: 200px;
            min-width: 100px;
            width: 15vw;
            height: unset;
        }

        #ventajas img
        {
            max-width: 200px;
            height: unset;
            width: 15vw;
            min-width: 68px;
        }

        .marginTopContainer
        {
            margin-top: 125px;
        }

        .modal-xl
        {
            max-width: 800px;
        }

        .modalAvisos .modal-dialog{
            width: unset;
            font-size: 1em;
        }

        .modalAvisos .btn-primary
        {
            margin-bottom: 20px;
        }

        #logoMenu #menuUsuario {
            font-size: 12px;
        }

        #menuUsuario .btn-primary {
            font-size: 12px;
        }

        .generoImg
        {
            height: 15vw !important;
        }

        #menuUsuario.navbar-nav {
            margin: inherit;
        }

        #menuUsuario .navbar-text.btnRegistrate {
            margin-bottom: 0px;
            margin-right: 15px;
            border-color: #CE1B5D;
        }

        .infoMusico .container-fluid p
        {
            font-size: 12px;
        }

        .infoMusico .col-centered
        {
            display: block;
        }

        #carouselVideos .carousel-item svg
        {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            opacity: 0.6;
            font-size: 50px;
        }

        #logo .logoSerenatta {
            width: 31.5%;
            margin-top: 8px;
        }

        #fixedMenu .container.barraCafe {
            padding: 0 100px;
        }

        .barraCafe {
            margin-top: 0px;
        }

        /*contenido*/
        #generosDeHoy .col-sm-2 {
            font-size: 11px;
        }

        #generosDeHoy > .row {
            padding: 1vw 3vw;
        }

        .col-centered {
            display: inline-block;
            float: none;
            padding-bottom: 10px;
            padding-top: 10px;
        }

        #inicio .input-group {
            width: 56%;
        }

        /*perfil musico*/
        #perfilMusico .imgGrupo .logoGrupoMusical {
            width: 150px;
        }

        /*contratar hoy*/
        #relojContratarHoy.input-group.clockpicker {
            width: 100%;
        }

        #contratarHoy .hrTocada .col-md-2 .row.alinearDosCampos {
            display: flex;
        }

        #contratarHoy .hrTocada .col-md-8 .col-md-4 .abajoCalendario {
            width: 200px;
        }

        #contratarHoy .hrTocada .row {
            display: flex;
        }

        #contratarHoy .hrTocada .row .col-md-8 .row {
            display: flex;
        }

        /*Contratar otro día*/
        #contratarOtroDia .container.hrTocada .row {
            margin-left: 14px;
        }

        /*primera*/
        #contratarOtroDia .container.hrTocada .col-sm-6 {
            margin-bottom: 14px;
            display: flex;
        }

        #contratarOtroDia .container.hrTocada .col-sm-6 .col-md-5 .abajo {
            margin-top: 6px;
        }

        #contratarOtroDia .container.hrTocada .col-sm-6 .col-md-5 {
            margin-top: 12px;
        }

        #contratarOtroDia .container.hrTocada .col-sm-6 .col-md-7 {
            margin-top: 12px;
        }

        #contratarOtroDia .container.hrTocada .col-sm-6 .form-group.abajoCalendario {
            margin-left: 10px;
        }

        #contratarOtroDia .container.hrTocada .col-sm-6 .form-group.abajoCalendario .input-group {
            width: 100%;
        }

        /*segunda*/
        #contratarOtroDia .container.hrTocada .col-sm-3 {
            display: flex;
        }

        #contratarOtroDia .container.hrTocada .col-sm-3 .col-sm-3 .alinear.abajo.txtCentrado {
            margin-top: 48px;
            margin-left: 14px;
        }

        #contratarOtroDia .container.hrTocada .col-sm-3 .col-sm-5 #inputHr {
            margin-top: 11px;
        }

        #contratarOtroDia .container.hrTocada .row .col-sm-3 .col-sm-4 .alinear.derecha {
            margin-top: 48px;
        }

        /*tercera*/
        #contratarOtroDia .container.hrTocada .col-sm-3 .col-sm-6 .alinear.abajo {
            margin-top: 6px;
        }

        #contratarOtroDia .container.hrTocada .col-sm-3.tercera {
            width: 61%;
            display: flex;
        }

        #contratarOtroDia .container.hrTocada .col-sm-3.tercera .col-md-4 {
            width: 36%;
        }

        #contratarOtroDia #relojContratarOtroDia .input-group-addon .glyphicon.glyphicon-time {
            position: inherit;
        }

        #contratarOtroDia .container.hrTocada .row .col-md-4 .col-sm-6 .abajoCalendario {
            margin-top: 0px;
        }

        /*footer*/
        /*pines mapa*/
        #iw_container .container {
            width: auto;
        }

        #iw_container .container .row {
            display: flex;
        }

        #iw_container .container .row .col-sm-8 .iw_content {
            width: 214px;
        }

        #iw_container .container .row .col-sm-8 .iw_content p {
            display: flex;
        }

        /*login musicos*/
        .container.puntosSerenatta {
            width: 100% !important;
        }

        /*formulario clientes*/
        #formClientes .row .col-sm-4 {
            width: 100%;
        }

        /*login cliente*/
        #loginCliente .row {
            display: inline-flex;
        }

        /*nuevo*/
        #generosDeHoy .container .row .col-md-2 {
            font-size: 11px;
        }

        /*historial Serenatta*/
        #historialSerenattas .tablaProximamente .row .col-sm-4 img {
            width: 120px !important;
        }

        #historialSerenattas .tablaPrevias .row .col-sm-4 img {
            width: 120px !important;
        }

        /*buscador*/

        #buscador .row.rowCard {
            display: flex;
        }

        #buscador .input-group {
            width: 60%;
        }

        .infoCard .rating-container
        {
            margin-left: 0;
        }

        .infoCard
        {
            letter-spacing: 1px;
        }

        .infoCard small
        {
            min-width: 270px !important;
        }

        .infoCard a
        {
            font-size: 12px;
        }

        .infoCard a.btn, .infoCard button.btn
        {
            font-size: 14px;
        }

        /*carousel*/
        #carouselOverlay p {
            font-size: 12px;
        }

        /*footer*/

        /*#logoMenu {
            background-color: green;
        }

        }*/

        #beneficiosSection .backgroundImage {
            left: 20%;
            -webkit-transform: translateX(-20%);
            -moz-transform: translateX(-20%);
            -ms-transform: translateX(-20%);
            -o-transform: translateX(-20%);
            transform: translateX(-20%);
        }

        #tablaMusicos
        {
            font-size: 12px;
        }

        #promoHead
        {
            top: -14px;
        }

        .lightBackground.pago label
        {
            font-size: 14px;
        }

        h2
        {
            font-size: 13px;
        }

        /*Mapa*/

        #mapa.active{
            height: 270px;
        }

        .marginTopContainer
        {
            margin-top: 87px;
        }

        #header .container-fluid .breadcrumb-item.active:before
        {
            display: none;
        }

        .navbarPadding{
            padding-top: 80px !important;
        }

        .navbarMargin{
            margin-top: 80px !important;
        }

        #logo {
            margin: 10px;
        }

        #footer {
            font-size: 2.8vw;
        }

        #menuUsuario .navbar-text.btnRegistrate {
            margin-bottom: 0px;
            margin-right: 12px;
        }

        #fixedMenu .container.barraCafe {
            padding: 0px;
        }

        /*carousel*/
        #mainCarousel {
            height: 50vw;
            min-height: 190px;
        }

        #carouselMusicos h4
        {
            font-size: 14px;
        }

        #carouselOverlay h1 {
            margin-top: 10px;
            font-size: 16px;
        }

        #carouselOverlay p {
            font-size: 11px;
        }

        #carouselVideos .carousel-item-next,
        #carouselVideos .active.carousel-item-right
        {
            -webkit-transform: translateX(100%);
            -moz-transform: translateX(100%);
            -ms-transform: translateX(100%);
            -o-transform: translateX(100%);
            transform: translateX(100%);
        }

        #carouselVideos .carousel-item-prev,
        #carouselVideos .active.carousel-item-left
        {
            -webkit-transform: translateX(-100%);
            -moz-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            -o-transform: translateX(-100%);
            transform: translateX(-100%);
        }

        #inicio .input-group {
            width: 95%;
        }

        #inicio .input-group .form-control,
        #inicio .input-group #searchButton {
            font-size: .875rem;
        }

        #inicio .input-group .form-control {
            height: 30px;
        }

        #inicio .input-group #searchButton {
            height: 30px;
        }

        #btnMusicos
        {
            font-size: 12px;
            bottom: 0;
        }

        /**/
        #logo .logoSerenatta {
            margin-top: 8px;
        }

        #fixedMenu .navbar-text {
            text-align: right;
            margin-right: 14px;
        }

        #perfilMusico .btnCentrado {
            padding: 0px;
            display: flow-root;
        }

        #perfilMusico .btnCentrado .btnDorado {
            margin: 30px 0;
        }

        #perfilMusico .iniciarSesion {
            border-right: none;
            border-bottom: 2px solid #A68C60;
        }

        .infoCard a.btn, .infoCard button.btn
        {
            min-width: 150px !important;
        }

        .modal-xl
        {
            max-width: 500px;
        }

        #modalLogin .modal-body {
            padding: 0px !important;
        }

        #perfilMusico .infoMusico .btnCentrado .izq {
            margin: 20px;
        }

        #perfilMusico .infoMusico .btnCentrado .der {
            margin: 20px;
        }

        #contratarHoy #pac-input {
            width: 84%;
            margin: 10px;
        }

        #contratarHoy .logoGrupoMusical {
            width: 200px;
        }

        /*nuevo*/
        #generosDeHoy .container .row .col-md-2 {
            font-size: 14px;
        }

        /*contrata otro dia*/
        /*contrata otro dia mapa*/
        #contratarOtroDia #pac-input {
            width: 90%;
        }

        /**/
        #logoMenu #menuUsuario {
            width: 42%;
        }

        #generosDeHoy .container .row .col-centered {
            padding-bottom: 10px;
        }

        #menuUsuario .navbar-text.btnRegistrate p {
            margin: 0 0 2px;
        }

        #fixedMenu .input-group {
            width: 72%;
        }

        /*contenido*/
        #inicio .filtro .row .col-md-2.col-centered {
            padding-top: 0px;
            padding-bottom: 0px;
        }

        /*contratar hoy*/
        #contratarHoy .hrTocada .row {
            display: block;
            width: 400px;
            margin: 0 auto;
        }

        #contratarHoy .hrTocada .row .col-md-8 .row {
            display: block;
        }

        /*contratar otro día*/
        #contratarOtroDia .container.hrTocada .col-sm-6 {
            margin-bottom: 0px;
            display: block;
        }

        #contratarOtroDia .container.hrTocada .col-sm-6 .col-md-5 {
            margin-top: 0px;
        }

        #contratarOtroDia .container.hrTocada .col-sm-6 .col-md-7 {
            margin-top: 0px;
        }

        #contratarOtroDia .container.hrTocada .row .col-md-5 .col-sm-7 .abajoCalendario {
            margin-top: 0px;
        }

        /*segunda*/
        #contratarOtroDia .container.hrTocada .col-sm-3 .col-sm-3 .alinear.abajo.txtCentrado {
            margin-left: 0px;
            margin-top: 34px;
        }

        #contratarOtroDia .container.hrTocada .row .col-sm-3 .col-sm-4 .alinear.derecha {
            margin-top: 34px;
        }

        #contratarOtroDia .container.hrTocada .col-sm-3 .col-sm-5 #inputHr {
            margin-top: 0px;
        }

        /*tercera*/
        #contratarOtroDia .container.hrTocada .col-sm-3.tercera {
            display: block;
            width: 62%;
        }

        #contratarOtroDia .container.hrTocada .row .col-md-4 .col-sm-6 .abajoCalendario .input-group-addon {
            padding: 6px;
        }

        #contratarOtroDia .container.hrTocada .col-sm-3.tercera .col-md-4 {
            width: 68%;
        }

        #contratarOtroDia .container.hrTocada .col-sm-6 .form-group.abajoCalendario {
            margin-left: 0px;
        }

        /*checkbox*/
        #generosDeHoy .col-sm-2 {
            font-size: 12px;
        }

        /*login cliente*/
        #formLogin {
            padding: 0px 18px 28px 18px; /*arriba , der, abajo, izq */
        }

        #loginCliente .row .col-sm-6.izq .btn-primary {
            margin-right: 10px;
        }

        #loginCliente .row .col-sm-6.der .btn-primary {
            margin-left: 10px;
        }

        /*formulario cliente*/
        #formulariocliente .aligned.centrado img {
            width: 70%;
        }

        #formulariocliente .aligned.centrado p {
            font-size: 12px;
            margin: 0px;
        }

        #agrupacionMusical .loginSerenatta img {
            width: 60%;
        }

        #agrupacionMusical .blanco h3 {
            font-size: 18px;
        }

        #solistaMusical .blanco h3 {
            font-size: 18px;
        }

        /*registrar solista*/
        #solistaMusical .loginSerenatta img {
            width: 60%;
        }

        /*selección tipo*/
        #seleccionTipoMusico .row {
            display: inline-block;
        }

        #seleccionTipoMusico .aligned.centrado img {
            width: 60%;
        }

        #seleccionTipoMusico .row .col-sm-6.izq {
            margin: 20px;
        }

        #seleccionTipoMusico .row .col-sm-6.izq .btn-primary {
            margin-right: 0px;
        }

        #seleccionTipoMusico .row .col-sm-6.der {
            margin: 20px;
        }

        #seleccionTipoMusico .row .col-sm-6.der .btn-primary {
            margin-left: 0px;
        }

        /*footer*/

        .col-center {
            float: none;
            margin: 0 auto;
        }

        .col-centered {
            float: none;
            margin: 0 auto;
        }

        /*nuevo*/
        /*historial Serenatta*/
        #historialSerenattas .tablaProximamente .row .col-sm-4 img {
            width: 30%;
        }

        #historialSerenattas .tablaPrevias .row .col-sm-4 img {
            width: 30%;
        }

        /*pago*/
        #pago .tipoPago .row {
            display: block;
        }

        #pago .tipoPago .row.logosBancos {
            display: flex;
        }

        #pago .tipoPago .col-sm-6.txtCentrado {
            width: 100%;
        }

        #pago .tipoPago .col-sm-6.bordeIzq {
            width: 100%;
        }

        #pago .tipoPago .col-sm-6.bordeIzq a {
            text-align: center;
        }

        #pago .tipoPago .col-sm-6.txtCentrado .txtDer {
            text-align: center;
            padding: 10px;
        }

        #pago .tipoPago .bordeIzq {
            border-left: none;
            border-top: 2px solid #A68C60;
        }

        #pago .tipoPago .col-sm-6.bordeIzq .txtCentrado {
            padding: 10px;
        }

        /*contratar hoy*/
        /*contratar hoy hr*/
        .clockpicker-align-top.popover > .arrow {
            display: none;
        }

        .popover.clockpicker-popover.left.clockpicker-align-top {

        left: 384px !important;
        }
    }
    @media only screen and (max-width: 320px)
    {
        body {
            min-width: 320px;
            overflow-x: scroll !important;

        }
    }