@font-face {
    font-family: 'ProximaNova-Light'; 
    font-weight: 300;
    font-style: normal; 
	font-stretch: normal;
	unicode-range: U+0020-20AC;
    src: url('../../fonts/font-proxima-nova/ProximaNova-Light.eot'); 
    src: url('../../fonts/font-proxima-nova/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),  
         url('../../fonts/font-proxima-nova/ProximaNova-Light.woff') format('woff'), 
         url('../../fonts/font-proxima-nova/ProximaNova-Light.ttf') format('truetype'),
         url('../../fonts/font-proxima-nova/ProximaNova-Light.svg#ProximaNova-Light') format('svg'); 
}
@font-face {
    font-family: 'ProximaNova-Regular'; 
    font-weight: 400;
    font-style: normal; 
	font-stretch: normal;
	unicode-range: U+0020-20AC;
    src: url('../../fonts/font-proxima-nova/ProximaNova-Regular.eot'); 
    src: url('../../fonts/font-proxima-nova/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),  
         url('../../fonts/font-proxima-nova/ProximaNova-Regular.woff') format('woff'), 
         url('../../fonts/font-proxima-nova/ProximaNova-Regular.ttf') format('truetype'),
         url('../../fonts/font-proxima-nova/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg'); 
}
@font-face {
    font-family: 'ProximaNova-Semibold'; 
    font-weight: 600;
    font-style: normal; 
	font-stretch: normal;
	unicode-range: U+0020-20AC;
    src: url('../../fonts/font-proxima-nova/ProximaNova-Semibold.eot'); 
    src: url('../../fonts/font-proxima-nova/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),  
         url('../../fonts/font-proxima-nova/ProximaNova-Semibold.woff') format('woff'), 
         url('../../fonts/font-proxima-nova/ProximaNova-Semibold.ttf') format('truetype'),
         url('../../fonts/font-proxima-nova/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg'); 
}
@font-face {
    font-family: 'Roboto-Thin';
    src: url('../../fonts/font-roboto/Roboto-Thin-webfont.eot');
    src: url('../../fonts/font-roboto/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/font-roboto/Roboto-Thin-webfont.woff') format('woff'),
         url('../../fonts/font-roboto/Roboto-Thin-webfont.ttf') format('truetype'),
         url('../../fonts/font-roboto/Roboto-Thin-webfont.svg#Roboto-Thin') format('svg');
    font-weight: normal;
    font-style: normal; 
}
 
html { position: relative; min-height: 100%; } 
body { font-family:'ProximaNova-Regular',sans-serif; font-weight:normal; font-size:100%; margin-bottom:20px; } 
.cookies-info { background:#fff1d5; padding: 10px 5px; font-size:21px; color:#333; text-align:center }
    .cookies-info a { color:#333; text-decoration:none }
    .cookies-info a span { border-bottom:1px solid #bcb8b2 }
    .cookies-info a:hover { color:#333; text-decoration:none } 
    .cookies-info i { font-size:22px; vertical-align:middle; padding-right:4px } 
.container { padding-right:5px; padding-left:5px; }
.container-fluid { padding-right:0; padding-left:0; }
header { height:50px; padding:0 15px; position: relative }
    header .logo { position:relative; white-space:nowrap; height:40px; line-height:48px }  
        header .logo img { display:inline-block; vertical-align:middle; max-height:45px; max-width:150px }
        header .logo span { display:inline-block; vertical-align:middle; white-space:normal; font-family:'ProximaNova-Light',sans-serif; font-size:24px; line-height:15px; max-width:65px; padding-left:5px; }
    header .options { position:absolute; top:16px; right:5px; font-size:26px; }
        header .options ul { margin-left:0; padding-left:0; }
        header .options li { display:inline-block; }
        header .options li:last-child:after { content:"";font-size:inherit; padding:0 }
        header .options li a {color:#373737;text-decoration:none;padding: 2px 10px;border-right: 1px solid #c5c5c5;} 
        header .options li select {font-size: 12px;padding:3px 4px;border-radius:4px;border:1px solid #ccc;background:#fff;}
        header .options .li-icon { display:inline-block; } 
        header .options .li-icon i { position:relative } 
        header .options .li-icon .badge { position:absolute; top:-9px; right:-9px; font-size:10px; padding:3px 2px; border-radius:30px; background:orange; color:#000; font-style:normal }  
        header .options .li-icon span {display:none;}
        header .options #li-nombre { display:none; }
        header .options #li-nombre span { position:relative; } 
.footer { position: absolute; bottom:0; width:100%; height:25px; background-color:#f3f2f0; font-size:16px }
    .footer .container { padding-top:5px; text-align:center }
.navbar {border-radius:0;font-size:24px;margin-bottom:0;min-height:46px;}
.navbar-visible {display:block;}
.navbar-private { display:block; }
.navbar-black { background-color:#373737; border:0; color:#fff; }
    .navbar-black .navbar-header button span { background-color:#fff; }
    .navbar-black .navbar-nav a { color:#fff; }
    .navbar-black .navbar-nav a span.glyphicon { padding-right:0.3em; }
    .navbar-black h1 { float:left; font-size:21px; line-height:40px; margin:0; font-family:'ProximaNova-Light'; font-weight:normal; padding-left:15px }
    .navbar-black .registro { float:right; font-size:26px; line-height:50px; margin:0; padding-right:15px }
    .navbar-black .registro a { color:#fff }
    
#club-info { display:none; }
.club-info { display:none; width:100%; height:38%; top:auto; bottom:0; left:0; padding:5px 10px }
.club-name { margin: 10px 0; font-size: 22px !important; }
 .alert { font-size:24px }
 .modal .alert { font-size:16px }
  
.table>thead>tr>th { font-family:'ProximaNova-Semibold',sans-serif; font-weight:normal; border-bottom:2px solid #e8e7e3; background-color:#e8e7e3; }
.table>tbody>tr>td, .table>tfoot>tr>td { border-top: 1px solid #e8e7e3; }
.table>tbody>tr>td { white-space: nowrap; } 
.grid-loading { text-align:center; padding:100px 0; color:#999; font-size:19px; }
.grid-loading i { margin-right:5px; }
.grid-loading span { font-family:'ProximaNova-Light'; font-weight:normal; }

.row { margin:0; }
.col-r20 { padding:0 } 
.col-0 { padding:0 }
.panel {/* font-size:26px; */-webkit-box-shadow:none;box-shadow:none;border:1px solid #e8e7e3;overflow-x:auto;margin-bottom:10px;} 
    .panel-20 { padding:20px }
    .panel-20-m { margin:20px }
    .panel-init { text-align:center; background:#f3f2f0; margin:0 20px; }
    .panel-init h3 { margin:0 }
    .panel-login { background:#f3f2f0; margin:0 20px; }
.list-group-item { font-size:26px; }  
div.list-group-item:hover { background:none }  
div.list-group-item p:not(:last-child) { border-bottom:1px solid #ddd; padding-bottom:10px }  
a.list-group-item, a.list-group-item:hover { color:#000 }  
.badge { padding: 3px 7px 4px 7px; font-size:16px; font-weight:500; border-radius:4px; }
.badge-white { background-color:#fff; color:#474747 }

.nav-tabs { font-size:32px; font-weight:300; border-bottom:0; }
.nav-tabs>li { float:none; margin:0; max-width:initial }
.nav-tabs>li:first-child { margin-left:0; }
.nav-tabs>li:last-child>a { border-radius:4px 4px 4px 4px; }
.nav-tabs>li>a { background-color:#f0f0ee; border:2px solid transparent; color:#999 }
.nav-tabs>li>a:hover { text-decoration: none; background-color: #fcfcfc; } 
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { color: #373737; border:2px solid #e8e7e3; }
.nav-tabs>li>a>em { font-size:10px; font-style:normal; display:inline-block; line-height:1.3em; padding-left:26px }
.tab-content { font-size:16px; margin-top:20px }
.tab-info { padding:15px; text-align:center; min-height:initial }

h1 { font-family:'ProximaNova-Light'; font-weight:normal; } 
h2 { font-family:'ProximaNova-Light'; font-weight:normal; }  
h3 { font-family:'ProximaNova-Regular'; margin-bottom:20px } 
h3 .note { display:block; margin-top:5px; font-size:13px } 
h4 { font-family:'ProximaNova-Semibold'; margin-bottom:15px; margin-top:25px }
.modal-header h3 { margin:0; font-size:32px }
.hr1 { width:100%; height:1px; background:#ddd; border:none; clear:both; }
p { font-family:'ProximaNova-Regular'; }   
.p1 { font-size:26px }  
.p2 { font-size:14px }  
.font-18 { font-size:29px; }
.font-16 { font-size:26px; }
.font-13 { font-size:21px; }
.font-12 { font-size:19px; }
.font-10 { font-size:16px; }
.font-09 { font-size:14px; }
.font-08 { font-size:13px; }
.font-07 { font-size:11px; }
.font-06 { font-size:10px; }
.alert ul { margin:5px 0; }
strong, b, .bold { font-family:'ProximaNova-Semibold'; font-weight:normal; } 
.light { font-family:'ProximaNova-Light'; font-weight:normal; } 
.monotype { font-family:monospace }
label { font-family:'ProximaNova-Semibold'; font-weight:normal; } 
.clear:after { content:""; display:table; clear:both; }
.center { text-align:center }
.right { text-align:right }
.left { text-align:left }
.middle { vertical-align:middle }
.checkbox label { font-size:15px; font-family:'ProximaNova-Regular'; font-weight:normal; } 
.btn-center { position:relative; text-align:center; padding:10px 0 30px 0; }
.btn-left { position:relative; float:left; padding:0 0 20px 0; }
.btn-right { position:relative; float:right; text-align:right; padding:0 0 20px 0; }
.block { display:block }
.inline-block { display:inline-block }
.none { display:none; }
.inline { display:inline }
.no-visible { visibility:hidden }
.nolist { list-style:none }
.nodecor { text-decoration:none !important }
.transparent { background:transparent !important } 
.resalt-1 { background:#fff3ca }
.rounded-1 { border-radius:3px }
.rounded-2 { border-radius:4px }
.w-20 { width:20% }
.w-30 { width:30% }
.w-45 { width:45% }
.w-50 { width:50% }
.w-60 { width:60% }
.w-90 { width:90% }
.w-100 { width:100% }
.w-140 { width:140px }
.max-40 { max-width:40px }
.max-100 { max-width:100px }
.max-400 { max-width:400px }
.max-500 { max-width:500px }
.max-600 { max-width:600px }
.max-700 { max-width:700px }
.max-800 { max-width:800px }
.min-100 { min-width:100px }
.min-50p { min-width:50% }
.m-0 { margin:0 !important }
.m-0-auto { margin:0 auto }
.m-10-0 { margin:10px 0 }
.m-15-0 { margin:15px 0 }
.m-20-0 { margin:20px 0 }
.m-30-0 { margin:30px 0 }
.mt-0 { margin-top:0px }
.mb-0 { margin-bottom:0px }
.mb-10 { margin-bottom:10px }
.mr-20 { margin-right:20px }
.p-20 { padding:20px !important }
.p-20-0 { padding:20px 0 }
.p-20-15 { padding:20px 15px }
.p-5-10 { padding:5px 10px }
.p-4-10 { padding:4px 10px }
.p-10 { padding:10px }
.pb-10 { padding-bottom:10px }

/*Loading*/
.generic-loading { position:absolute; z-index:6000; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0; transition:opacity .7s; }
    .generic-loading div { display:table; width:100%; height:100%; }
    .generic-loading div p { display:table-cell; vertical-align:middle; text-align:center; font-size:32px; color:#bc3618; padding-bottom: 100px; }
    .generic-loading div p span { font-size:20px; line-height:32px; color:#333; padding-left:10px; display:inline-block; vertical-align:middle }

/*Popup*/
.popup { opacity:0; position:fixed; z-index:6000; background:#fff; border-radius:7px; overflow:hidden; transition:opacity .5s; box-shadow:0px 0px 6px 1px rgba(58, 58, 58, 0.75); }
.popup-full { opacity:0; position:absolute; z-index:6000; top:0; left:0 !important; background:#fff; overflow:hidden; border-radius:0; box-shadow:none; transition:opacity .4s; width:auto; height:auto } 
    .popup-head { padding:10px 0; border-bottom:1px solid #ddd } 
        .popup-head h3 { margin:0 15px; font-size:24px; font-family:'ProximaNova-Semibold'; } 
    .popup-body { padding:15px; font-size:26px; overflow-x:hidden; overflow-y:auto; } 
        .popup-body h3 { margin-top:0; font-size:24px; font-family:'ProximaNova-Semibold'; } 
        .popup-body h4 { margin-top:0; font-size:19px; font-family:'ProximaNova-Semibold' } 
        .popup-body h4.line { font-size:21px; padding-bottom:8px; border-bottom:1px solid #ddd } 
        .popup-body h5 { margin-top:0; font-family:'ProximaNova-Semibold' } 
        .popup-body a { text-decoration:underline } 
        .popup-body .alert { font-size: 16px; }
    .popup-btns { background:#f0f0f0; padding:10px; text-align:center; border-top:1px solid #ccc; } 
    .popup-btns button { margin:0 5px; font-size:29px } 
    .popup > .close { position:absolute; top:-2%; right:-2%; border:2px solid #fff; border-radius:20px; box-shadow: 0px 0px 3px 1px rgba(58, 58, 58, 0.75); } 
.overlay { position:absolute; z-index:5000; top:0; left:0; width:100%; height:100%; background:#000; opacity:0; transition:opacity .4s; } 
.hidden-tmpl { display:none }

/*Reservas*/
.panel-reservas { position:relative; border:1px solid #d0d0d0; border-radius:6px; } 
.panel-reservas.disabled,#promoCode.disabled { opacity:.5; cursor:progress } 
.panel-reservas.disabled .velo,#promoCode.disabled .velo { position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;opacity:0;filter:alpha(opacity=0); }
.club-info {
    position: absolute;
    background-image: url('../../../images/background/bg-black-65.png');
    overflow: hidden;
}  
    .club-info h3 { font-family:'ProximaNova-Light'; font-weight:normal; }
    .club-info h2, .club-info h3, .club-info h3 a, .club-info .redes a, .club-info .reviews .lks, .club-info .reviews .lks a { color:#fff } 
    .club-info .reviews { font-family:'ProximaNova-Light'; font-weight:normal; }
    .club-info .reviews .star a { color:#ffd100 } 
    .club-map { display:none }
.mensaje-alert { display:none; position:relative; padding-right:30px; }
.mensaje-view { position:absolute; bottom:11px; right:10px; color:#a94442; text-decoration:none; font-size:19px }
.mensaje-view:focus { color:#373737 }
.mensaje-content { height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
    .mensaje-content p, .mensaje-content ul { margin:0 0 8px 0 }
.mensaje-content-block { white-space:normal; text-overflow:inherit }
.mensaje-tmp { visibility:hidden; position:absolute; background:#fff; font-size:24px; }
.panel-pasos { overflow:hidden }
    .panel-pasos .paso { display:inline-block; text-align:center; padding:10px 0; color:#c8c5be; cursor:default; }
    .panel-pasos.last .paso.active { background-image:none }
    .panel-pasos.last { text-align:right }
    .panel-pasos .fa-lg { font-size:14px }
    .panel-pasos .fa-stack-1x { font-size:16px } 
    .panel-pasos .fa-inverse { font-family:'ProximaNova-Semibold',sans-serif; }
    .panel-pasos .paso.active { width:58% }
    .panel-pasos .paso:not(.active) { width:19%; /*cursor:pointer*/ }
    .panel-pasos .paso:not(.active) .text { display:none }
.panel-filtros { background:#f3f2f0; overflow:inherit; padding:10px 0 } 
    .panel-filtros .filtro { visibility:hidden } 
#precioLabel { color:#999; padding-left:5px } 
.panel-fecha ul { list-style:none; margin:0; padding:0; background:#373737; }
    .panel-fecha ul li { float:left; display:block; margin:0; padding:0; width:12.25%;  }
    .panel-fecha ul li a { display:block; text-align:center; line-height:1.35em; font-family:'ProximaNova-Semibold'; font-size:19px; background:#fff; color:#373737 }
    .panel-fecha ul li a:hover { text-decoration:none; }
    .panel-fecha ul li a:not(.active):hover { background:#f3f2f0; }
    .panel-fecha ul li a span { display:block; font-size:10px; margin:0; }
    .panel-fecha ul li.arrow { width:7%; }
    .panel-fecha ul li.arrow a, .panel-fecha ul li.arrow a:hover { background:#373737; color:#fff }
    .panel-fecha ul li.arrow.disabled a, .panel-fecha ul li.arrow.disabled a:hover { background:#f3f2f0; color:#bbb }
.panel-tarifas { border:none; border-radius:0; margin:0 !important } 
    #tarifas-container .loading, #resultados-container .loading { color:#b7b3aa; padding:100px 0; text-align:center }
    #tarifas-container .loading i, #resultados-container .loading i { font-size:27px; }
    #tarifas-container .loading span, #resultados-container .loading span { padding-left:10px; font-family:ProximaNova-Light; font-size:26px; }
    #tarifas-container .loading p { color:#333; font-size:18px }
    #tarifas-container .loading p a { font-family:'ProximaNova-Semibold'; }
    
    .otherMsg { padding:20px 30px 10px 30px; text-align:center; margin:50px auto; border:1px solid #d0d0d0; background:#fff9ec; border-radius: 6px; }  
    .otherMsg p { font-size:18px; line-height: 1.5em }
    .otherMsg p a { font-family:'ProximaNova-Semibold'; }
    
    #tarifas-container .tarifa { position:relative; border:1px solid #d0d0d0; border-radius:5px; margin:0 0 25px 0; float:none; width:100%; overflow:hidden } 
        #tarifas-container .tarifa .hora { position:relative; background:#f3f2f0; height:48px } 
            #tarifas-container .tarifa .hora .players { position:absolute; top:2px; right:10px; } 
                #tarifas-container .tarifa .hora .h { display:block; position:relative; font-size:30px; line-height:48px; padding-left:10px; } 
                #tarifas-container .tarifa .hora .h i { position:absolute; top:11px; font-size:14px; margin-left:5px } 
                #tarifas-container .tarifa .hora .players .d { display:block; font-size:10px; } 
                #tarifas-container .tarifa .hora .players .j {display:inline-block;width:24px;height:24px;font-size:18px;border:1px solid #d2d1d1;border-radius:30px;background:#fff;text-align:center;font-family:'ProximaNova-Semibold';margin-left:5px;padding-top: 3px;} 
                #tarifas-container .tarifa .hora .players img { vertical-align:bottom; margin-left:5px } 
            #tarifas-container .tarifa ul { list-style:none; margin:0; padding:6px 0 40px 0; font-size:13px; cursor:default } 
                #tarifas-container .tarifa ul li { margin:0 8px; padding:6px 0; border-bottom:1px solid #e1e1e1; } 
                #tarifas-container .tarifa ul li.promo { background:#fff1d5; } 
                #tarifas-container .tarifa ul li:first-child { padding-top:0 } 
                #tarifas-container .tarifa ul li:last-child { border:none; padding-bottom:0 } 
                    #tarifas-container .tarifa ul li .n { float:left; width:80%; padding-left:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
                    #tarifas-container .tarifa ul li .n-s { width:70%; padding-top:10px }
                    #tarifas-container .tarifa ul li .p { float:right; width:18%; text-align:right }
                    #tarifas-container .tarifa ul li .p-l { width:29%; }
                    #tarifas-container .tarifa ul li .p-o,#tarifas-container .tarifa ul li .p-d { font-size:10px }
                    #tarifas-container .tarifa ul li .p-o { text-decoration: line-through; color:#888 }
                    #tarifas-container .tarifa ul li .p-d { color:#a94442; }
        #tarifas-container .tarifa .buttons { position:absolute; left:0; bottom:0; width:100%; background:#f3f2f0; text-align:right } 
        #tarifas-container .tarifa .buttons button, #tarifas-container .tarifa .buttons a { border-radius:0 } 
      
    .tsave { font-size:13px; color:#f7584c }
    .tsave-block { display:block; } 
    #cargarMasTarifas,#cargarTotalTarifas {font-size: 16px;border-color: #c7c5c5;}
.table-reservaModal-t { border-bottom:0; border-left:1px solid #e8e7e3; border-right:1px solid #e8e7e3; margin-bottom:0; }
.table-reservaModal { border-bottom:1px solid #e8e7e3; border-left:1px solid #e8e7e3; border-right:1px solid #e8e7e3; margin-bottom:30px }
.table-reservaModal td { position:relative; white-space:normal !important; }
.table-reservaModal tr.total td { background: #f4f4f4; }
.table-reservaModal tr.total td, 
.table-reservaModal td.precio { text-align:right; font-family:'ProximaNova-Semibold'; vertical-align:middle }
.table-reservaModal a { color:#373737 }   
.table-reservaModal-t h4, .table-reservaModal h4 { margin:0 }   
.tableJugadores { padding:0; }
    .tableJugadores p { font-size:18px; line-height: 1.2em; }
    .tableJugadores p span { display:block; font-size:13px; }
.tableJugadores .table tr > td:first-child { padding-left:0; } 
.tableJugadores .table tr > td:last-child { padding-right:0; }  
.tableJugadores .table td { vertical-align:middle } 
.tableJugadores .t-left { padding-bottom:5px }  
.tableJugadores .nombre { font-size:16px; display: block;  overflow: hidden;  text-overflow: ellipsis; max-width:135px;} 
.tableJugadores .servicios, .table-reservaModal .servicios { display:block; font-size:11px; color:#858585; white-space:normal; } 
.tableJugadores .players { text-align:right; } 
.tableJugadores .players .j { display:inline-block; width:24px; height:24px; font-size:18px; border:1px solid #d2d1d1; border-radius:30px; background:#fff; 
                              text-align:center; font-family:'ProximaNova-Semibold'; margin-left:5px; text-decoration:none; color:#888;} 
.tableJugadores .players .j:hover,
.tableJugadores .players .j.on { color:#fff; }  
.tableJugadores .players img { vertical-align:bottom; margin-left:5px }
 
.panel-carrito { background:#f3f2f0; font-family:'ProximaNova-Regular'; }
.panel-carrito a { display:block; color:#373737; text-decoration:none }
.panel-carrito.active a { color:#fff; }
.panel-carrito .empty { font-size:16px; line-height:1.1em; float:left; width:80%; padding:16px 0 0 10px; }
.panel-carrito .full { float:left; width:80%; padding:5px 0 0 20px; }
    .panel-carrito .full .num { float:left; width:30%; max-width:28px; font-size:38px; font-family:'ProximaNova-Semibold'; line-height:1.1em; }
    .panel-carrito .full .lab { float:left; width:65%; max-width:120px; padding-top:3px; line-height:1.2em; line-height:1.1em; }
.panel-carrito .icon {font-size:32px;float:right;width: 20%;padding:5px 20px 0 0;text-align:right;} 
.carrito-list { max-height:460px; overflow:auto } 

#promoCode { position:relative; width:100% }
    #promoCode .etiqueta{display:none;position:absolute;z-index:100;background-color:#fff1d5;border-radius:3px;color:#000;border:1px solid #ccc} 
    #promoCode .etiqueta {background: #fff1d5;border:1px solid #cccccc;}
    #promoCode .etiqueta:after, #promoCode .etiqueta:before {left:100%;top:50%;border: solid transparent;content: " ";height:0;width:0;position:absolute;pointer-events:none;}
    #promoCode .etiqueta:after {border-color:rgba(255, 241, 213, 0);border-left-color: #fff1d5;border-width: 14px;margin-top: -14px;}
    #promoCode .etiqueta:before {border-color: rgba(204, 204, 204, 0);border-left-color: #cccccc;border-width: 15px;margin-top: -15px;} 
        #promoCode .etiqueta .text{font-size:26px;font-family:'ProximaNova-Semibold';text-align:center;padding:5px} 
    #promoCode .form-group { width:100% }
    #promoCode .form-group input { font-size:32px }

#registrarCondiciones,
#btnCondicionesBack,
#recuperarClaveForm,
#solicitarLicenciaForm,
#btnRecuperarBack,
#btnRecuperarClave,
#btnSolicitarLicencia { display:none; }
 
.panel-resumen h3 { font-size:32px; font-family:'ProximaNova-Semibold'; }
.panel-resumen table {font-size: 20px;}
.panel-resumen .empty { font-size:29px; text-align:center; padding:50px 0 }
.panel-resumen .dato { display: inline-block; min-width:70px; text-align: right; }
.table-total { font-size:26px; border:1px solid #e8e7e3 }
.table-total tr.total td { text-align:right; font-family:'ProximaNova-Semibold'; background: #f4f4f4; }
.table-total tr.total-t td { background:#fff1d5 /*#fffcd7;*/ }
.panel-condiciones { font-size:26px; text-align:center } 

.panel-ide { padding:15px 10px; margin-bottom:30px; border-radius:5px; border:1px solid #c8c5be; background:#fff1d5; font-size:24px; }   
    .panel-ide .col-xs-5 { width:100%; } 
.panel-reg { padding:20px 5px; margin-bottom:30px; border-radius:5px; border:1px solid #d0d0d0; background:#f2f1ee; font-size:26px; }
    .panel-reg .checkbox { border:1px solid #d0d0d0; padding:10px; background:#fff; border-radius:5px; margin-top:20px }
    .panel-reg .checkbox.open { background:#fff1d5; }
    .panel-reg .checkbox #regForm { display:none; margin:15px 0; padding-top:12px; border-top:1px dashed #ccc }
    .panel-reg .checkbox #regForm label { padding:0 }
    
.panel-tpv { text-align:center; padding:40px 0; }
.panel-tpv h3 { font-family:'ProximaNova-Regular'; font-size:28px; margin-bottom:20px }
.panel-tpv h3 i {margin-right:5px;font-size: 30px;}
.panel-tpv p {font-size: 18px;}
.panel-tpv .panel-tpv-form { padding:20px 4px; border-radius:5px; border:1px solid #d0d0d0; background:#f2f1ee }
.panel-tpv .panel-tpv-form iframe { border:0; padding:0; margin:0 auto; width:260px; min-height:315px; background:#f2f1ee }
.panel-tpv .panel-tpv-form select { padding:7px 5px; border-radius:5px; font-size:29px; width:100% }
.panel-tpv .panel-tpv-form input { padding:7px 5px; border-radius:5px; font-size:29px; width:100% }
.panel-tpv #datosTarjeta { display:none; padding:7px 5px 7px 12px; border-radius:5px; border:1px solid #d0d0d0; font-size:26px; width:380px; margin:15px auto 0 auto; text-align:left }
 
.btn-paso2 { display:block; padding: 20px 0; }
.btn-paso2-c { text-align:center; }
.btn-paso2-c button { width:98%; }
.btn-paso2-l button { width:49% }
.btn-paso2-r button { width:99%; }
.btn-paso2-l, .btn-paso2-r { text-align:center }
.btn-paso2-r { padding-bottom:10px }
/*#volverPaso1 { display:none }*/ 
.btn-process-big {font-size:24px;border-color: #c5c5c5;}  

/*Lista acciones*/
.panel-list .panel-heading { background:#f3f2f0; border-bottom: 1px solid #ccc; }
.panel-list .bge { display:inline-block; border-radius:4px; padding:3px 7px; border-width:1px; border-style:solid } 
.panel-list .green { color:#48a802; border-color:#48a802; }
.panel-list .orange { color:#f97c00; border-color:#f97c00; }
.panel-list .red { color:#fc5b3f; border-color:#fc5b3f; }
.panel-list .grana { color:#950000; border-color:#950000; }
.panel-list .blue { color:#20aad8; border-color:#20aad8; }
.panel-list .dark_green { color: #468679; border-color:#468679; }
.panel-list .actions { padding-top:20px }

/*Torneos*/
.panel-torneo-detail { overflow:hidden; margin:0; background:#f9f9f9 }
.panel-torneo-detail table { background:#fff }
.panel-torneo-detail .table>tbody>tr>td { white-space:normal; vertical-align:middle }
.panel-torneo-detail#opciones { text-align:center }
.panel-torneo-detail#opciones .btn { width:75%; margin-bottom:15px}
.panel-torneo-detail#opciones .btn:first-child { margin-top:15px }
.panel-inscrito { overflow:hidden; margin:0; margin-bottom:15px; background:#f9f9f9 }
.panel-inscrito .info { padding:4px 10px; border-bottom:1px dashed #ccc }
.panel-inscrito .precio { padding:4px 10px; }

/*Custom inputs*/
.custom-inputs label{display:inline-block;cursor:pointer;position:relative;padding-left:20px;margin-right:8px}
.custom-inputs input[type=checkbox],
.custom-inputs input[type=radio]{display:none}
.custom-inputs.radio,.custom-inputs.checkbox {margin: 15px 0 0 0;}
.custom-inputs.radio label:before{content:"\f1db";font-family:FontAwesome;color:#aaa;display:inline-block;margin-right:12px;position:absolute;left:0;/* bottom:-3px; */}
.custom-inputs.checkbox label:before{content:"\f096";font-family:FontAwesome;color:#aaa;display:inline-block;margin-right:12px;position:absolute;left:0;bottom:-4px;} 
.custom-inputs input[type=radio]:checked+label:before{content:"\f192";font-family:FontAwesome;color:#474747;}
.custom-inputs input[type=checkbox]:checked+label:before{content:"\f046";font-family:FontAwesome;color:#474747;}
.custom-inputs.block label {display:block;margin-bottom: 8px !important;} 
.custom-inputs.radio label:before{font-size:17px;}
.custom-inputs.checkbox label:before{font-size:17px;} 
.custom-inputs.checkbox label{margin-bottom:5px} 
.custom-inputs input[type=radio]:checked+label:before{font-size:17px;}
.form-control:focus { border-color:#a9a9a9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(209, 209, 209, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(209, 209, 209, .6); }

/*Kendo datepicker*/
.k-calendar .k-header a, .k-calendar .k-footer a { color:#474747 !important; }
.k-calendar table th { text-align:center !important; padding:.4em 0 .4em .5em !important; }
.k-calendar table td a { color:#474747 !important; }
.k-calendar table .k-weekend a { color:#a94442 !important; }
.k-calendar table .k-other-month a { color:#999 !important; }

/*Popover*/
.pop-over{position:absolute;z-index:1000;width:200px;background-color:#fff1d5;border-radius:6px;color:#000;opacity:0;border:1px solid #ccc}
.pop-over-text{font-size:26px;font-family:'ProximaNova-Semibold';text-align:center;padding:20px} 
.pop-over-arrow-top,.pop-over-arrow-top:after{position:absolute;display:block;width:0;height:0;bottom:-11px;left:50%;margin-left:-11px;border-color:#ccc transparent transparent;border-style:solid;border-width:11px 11px 0}
.pop-over-arrow-top:after{bottom:-9px;margin-left:-10px;border-top-color:#fff1d5;content:"";border-width:10px}
.pop-over-arrow-bot,.pop-over-arrow-bot:after{position:absolute;display:block;width:0;height:0;top:-11px;left:50%;margin-left:-11px;border-color:transparent transparent #ccc;border-style:solid;border-width:0 11px 11px}
.pop-over-arrow-bot:after{top:-9px;margin-left:-10px;border-bottom-color:#fff1d5;content:"";border-width:10px}
.pop-over-1{top:0;right:195px;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;transition:all 1s}
.pop-over-2{top:500px;left:500px;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-ms-transition:opacity 1s;transition:opacity 1s}
.pop-over-3,.pop-over-4{-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-ms-transition:opacity 1s;transition:opacity 1s;}
.pop-over-3 .pop-over-text{font-family:'ProximaNova-Regular';font-size:13px;padding:10px 8px}
.pop-over-4 .pop-over-text{font-family:'ProximaNova-Regular';font-size:22px;padding:10px 8px}

/*Admin*/
.g-titulo { border:1px solid #d0d0d0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; 
            padding:8px 12px; margin:20px; }
.g-titulo h1 { font-size:32px; line-height:1.7em;font-family:'ProximaNova-Semibold'; font-weight:normal; color:#444; float:left; margin:0 }
.g-titulo h1 a:hover { text-decoration:none; }
/*Grid*/
.grid a{ color:#373737; text-decoration:none } 
.grid a:hover { color:#373737; text-decoration:underline }
.grid th { visibility:hidden; white-space:nowrap;  }
.grid td { vertical-align:middle !important }
.grid .wrap { white-space:normal; }
.grid-pagination { visibility:hidden; text-align: center; }
    .grid-pagination ul { margin: 0 auto; font-size:21px }
/*Salidas*/
#table-salidas th { text-align:left; }
#table-salidas tr>td { border-right:1px solid #e8e7e3; }
#table-salidas tr>td:last-child { border-right:none; }
#table-salidas td.ts-hora { text-align:center; font-family:'ProximaNova-Semibold' }
#table-salidas td:not(.ts-hora) { font-size:14px; }
#table-salidas td.ts-libre { background:#f7ffe6; font-family:'ProximaNova-Semibold'; }
#table-salidas td td { padding:0 10px 5px 0; }
#table-salidas .ts-jugadores { white-space:normal; }
#table-salidas .ts-jugadores div { width:290px; }
#table-salidas span { background:#dcdad3; display:inline-block; text-align:center; border-radius:3px; padding:1px 4px; margin-left:10px } 
#table-salidas .ts-liqui { width:35px; background:#d0ff78; }
#table-salidas .ts-noliqui { width:35px; background:#fc8874; }
#table-salidas .ts-handi { width:35px; background:#9fdeff; font-family:'ProximaNova-Semibold'; }
#table-salidas .ts-nohandi { width:35px; background:#d5f0ff; }
#table-salidas .ts-tipo { min-width:35px; background:#d0bcfe; } 
#table-salidas .ts-tipoempty { min-width:35px; background:#eae1ff; } 
#table-salidas p { margin:0 0 4px 0 } 

/*Portal*/
.home-portal header { box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3); }
.home-portal.resultados-portal header { box-shadow:none }
.home-img { position:relative; text-align:center; background-size:cover; background-position:center center; min-height:390px }
.home-img h2 { margin:0; font-family:'Roboto-Thin'; color:#fff; font-size:44px; padding-top:40px; text-shadow:0px 0px 2px #333 }
.home-img .search { text-align:center; padding:30px 15px; font-size:24px; }
.home-img .search .criterio { margin-bottom:20px; width:100%; position:relative }  
.home-img .search .criterio > input,  
.home-img .search .criterio > select,
.home-img .search .criterio > span,
.home-img .search .criterio > button { width:100%; border-radius:4px; }  
.home-img .search .criterio input, .home-img .search .criterio select { outline:none !important; }
.home-img .search #lugar-busqueda { border:0; background:#fff url(../../Images/ico-search-52.png) no-repeat 95% 50% !important; background-size:26px 26px !important; padding:12px; padding-right:40px }
.home-img .search #distancia-busqueda { -webkit-appearance:none; -moz-appearance:none; padding-right:30px !important; border:0 !important; padding:12px;
                                        background:#fff url(../../Images/ico-place-52.png) no-repeat 95% 50% !important; background-size:26px 26px !important }
.home-img .search #btn-busqueda { padding:12px; }
.home-img .search .criterio #lk-busqueda { position:absolute; top:0; right:0; width:50px; height:45px }   

.home-portal .ui-widget-content { border:1px solid #ccc; background-color:#ffffff; color:#333; border-bottom-left-radius:4px; border-bottom-right-radius:4px; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3); }
.home-portal .ui-widget { font-family:'ProximaNova-Regular',sans-serif; font-weight:normal; font-size: 22px; }
.home-portal .ui-autocomplete {  overflow-x:hidden; overflow-y:auto; max-height:230px; max-width:324px; }
.home-portal.resultados-portal .ui-autocomplete { max-width:300px; }
.home-portal .ui-menu .ui-menu-item { padding:7px 5px; border:0; }
    .home-portal .ui-menu .ui-menu-item .ui-left { display:block;width:99%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } 
    .home-portal .ui-menu .ui-menu-item .ui-right { color:#999;font-size:12px;text-align:right;padding-top:3px; } 
.home-portal .ui-menu .ui-state-focus { background:none; background-image:none,linear-gradient(to bottom,rgba(0,0,0,.01) 0,rgba(0,0,0,.08) 100%); border:1px solid #eee; margin:-1px }

.home-boxes { position:relative; padding:30px; margin:0 auto; }
.home-boxes .box { position:relative; border:1px solid #d0d0d0; border-radius:5px; margin:0 0 25px 0; float:none; width:100%; height:200px; overflow:hidden; 
                   background-size:cover; background-position:center center; } 
    .home-boxes .box .msg { position:absolute; bottom:0; left:0; width:100%; font-family:ProximaNova-Light; color:#fff; padding:20px 10px 10px 10px; font-size:35px; line-height:1.1em;
                            background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(5,2,2,0.7) 100%); 
                            background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(5,2,2,0.7) 100%); 
                            background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(5,2,2,0.7) 100%); } 
    .home-boxes .box .msg a { color:#fff } 
         
.panel-filtros #Lugar { border-radius:6px; font-size:18px }
.panel-resultados { border:none; border-radius:0; margin:0 !important } 
    #resultados-container .loading { color:#b7b3aa; padding:100px 0; text-align:center }
    #resultados-container .loading i { font-size:27px; }
    #resultados-container .loading span { padding-left:10px; font-family:ProximaNova-Light; font-size:26px; }
    #resultados-container .resultado { position:relative; border:1px solid #d0d0d0; border-radius:5px; margin:0 0 25px 0; width:100%; overflow:hidden; height:185px; 
                                       background-repeat:no-repeat; /*background-position-x:90%; background-position-y:0%; background-size:195%;*/ } 
        #resultados-container .resultado .description { position:relative; height:90px; background:#f3f2f0; padding:5px 0 0 15px; width:70%; margin-left:30%; } 
            #resultados-container .resultado .description h3 { margin:10px 0 0 0; font-size:19px } 
            #resultados-container .resultado .description h3 a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
            #resultados-container .resultado .description h3 span { display:block; margin-top:3px; color:#999; font-size:13px } 
            #resultados-container .resultado .description p { margin-top:8px; color:#999; font-size:13px } 
        #resultados-container .resultado .actions { position:relative; height:95px; background:#fff; } 
            #resultados-container .resultado .actions div { text-align:center; margin-top:10px }  
            #resultados-container .resultado .actions h4 { margin:0; font-size:14px }  
            #resultados-container .resultado .actions .tee { float:left; width:49%; border-right:1px solid #d0d0d0; padding:10px 0 20px 0;  } 
                #resultados-container .resultado .actions .tee h4 { margin-bottom:10px } 
            #resultados-container .resultado .actions .prices { float:left; width:49%; padding:0; } 
                #resultados-container .resultado .actions .prices h4 { margin-bottom:4px } 
                #resultados-container .resultado .actions .prices span { display:block; margin-bottom:4px }  
    #resultados-container .alert { font-size:16px }       
    #cargarMasResultados,#cargarTotalResultados { font-size: 24px }
  
.panel-filtros #filtros-1-lk { display:none; }
.panel-filtros-off { padding:5px 10px; }
.panel-filtros-off #filtros-1-lk { display:block; text-align:center; font-size:14px }
.panel-filtros-off #filtros-1-lk a { display:block; width:100% }
.panel-filtros-off #filtros-1-lk a:hover { text-decoration:none }
.panel-filtros-off .filtro { height:0 !important; overflow:hidden; padding:0 !important; border:0 !important }
#filtros-1 .filtro { transition:all 0.6s }

@media all and (min-width: 320px) 
{ 
    /*Reservas*/
    .club-info { width:100%; height:35%; top:auto; bottom:0; left:0; padding:0 10px }
    .club-info h2 { display:none; }
    .club-info h3 { display:inline-block; margin:0; font-size:16px; float:none } 
    .club-info h3 .dir { display:none } 
    .club-info h3 .plano { padding:0 5px 0 5px; font-size:19px } 
    .club-info .redes { position:relative; display:inline-block; top:auto; bottom:auto; left:auto; right:auto } 
    .club-info .reviews { position:absolute; top:2px; right:10px; font-size:11px; }  
    
    .panel-filtros .filtro { position:relative; font-size:13px; margin:0; padding:10px; width:100%; height:auto; display:block; float:none; border-bottom:1px solid #ddd } 
    .panel-filtros .filtro>label {display:inline-block;float:left;margin:5px 0 0 5px;text-align:left;padding:0;width: 100%;}
    .panel-filtros .filtro>label.spc { margin-bottom:5px }
    .panel-filtros .filtro-control {display: -webkit-inline-box;}
    
    .reserva-modal-tit { float:none; display:block; margin-bottom:7px }
    .reserva-modal-tit em { display:block; margin-top:3px; font-family:"ProximaNova-Regular"; font-style:normal; font-size:14px }
    .reserva-modal-sub { float:none; display:block; font-size:13px }
         
    #table-tarifas { font-size:14px } 
      
    /*Criterios*/ 
    .panel-criterios { position:relative; background:#f3f2f0; padding:5px 10px; text-align:center; }  
        .panel-criterios .criterio { display:block; vertical-align:middle; padding:0; margin-bottom:10px } 
            .panel-criterios label { display:inline-block; vertical-align:middle; padding:0; margin-right:5px }
            .panel-criterios .criterio .field { padding:5px 10px; border-radius:5px; border:1px solid #ccc }
            .panel-criterios .criterio .date { width:125px; }
            .panel-criterios .criterio select { padding:7px 5px; border-radius:5px; }
            .panel-criterios .criterio .check { display:inline-block; padding:4px 7px; border-radius:5px; border:1px solid #ccc; background:#fff }
            .panel-criterios .criterio .info { display:inline-block; padding:4px 7px 5px 7px; border-radius:5px; border:1px solid #ccc; background:#fff; font-family:"ProximaNova-Regular" }
        .panel-criterios .buttons { display:block; vertical-align:middle; text-align:center; padding:0 } 
            .panel-criterios .buttons .btn { padding:5px 10px; margin:0 }   
}
@media all and (min-width: 420px) 
{ 
    /*Reservas*/ 
    #club-info { display:block; }
    .club-info { padding:5px 10px }   
    .club-info .redes { position:relative; display:inline-block; top:auto; bottom:auto; left:auto; right:auto } 
    .club-info .redes a { padding-left:4px } 
    .club-info .reviews { position:absolute; top:7px; }  
    
    /*Portal*/
    .home-img h2 { font-size:48px; padding-top:60px }
    #resultados-container .resultado { /*background-position-x:100%; background-size:180%;*/ } 
}
@media all and (min-width: 630px) 
{ 
    .panel-init { margin:0 50px }
    .navbar { margin-bottom:10px }
    /*Reservas*/
    .club-name { display:none; }
    .club-info { display:block; width:100%; height:38%; top:auto; bottom:0; left:0; padding:5px 10px }
    .club-info h2 { display:block; margin:0; font-size:18px; float:none }
    .club-info h3 { display:block; margin-top:4px; font-size:13px; } 
    .club-info h3 .dir { display:inline-block } 
    .club-info h3 .plano { padding-left:5px; font-size:16px } 
    .club-info .redes { position:absolute; top:2px; bottom:auto; left:auto; right:10px; } 
    .club-info .reviews { top:auto; bottom:5px; }  
     
    .panel-filtros .filtro { font-size:14px; margin:0 5%; width:40%; height:55px; padding:10px 0; display:inline-block; float:left; border-bottom:1px solid #ddd } 
    
    .panel-pasos .paso.active { width:32% }
    .panel-pasos .paso:not(.active) { width:32% }
    .panel-pasos .paso:not(.active) .text { display:inline }
        
    #tarifas-container .tarifa { float:left; width:48%; }
    #tarifas-container .tarifa:nth-child(2n) { margin-right:0; float:right }

    .reserva-modal-tit { float:left; display:inline-block; margin-bottom:0 }
    .reserva-modal-sub { float:right; display:inline-block; }
    .add-licencia { float:left; width:32%; padding-right:5px }
    .add-nombre { float:left; width:40% }
    .add-btn { float:right; width:26% } 
     
    #table-tarifas tr td.buy:before { top:0; right:1px; color:#373737; font-size:16px }
    #table-tarifas tr td.buy:after { border-left:32px solid transparent; border-bottom:32px solid transparent; border-top:32px solid transparent; }
    .table-licenciaModal .licencia { display:inline-block; font-size:15px; width:92px; color:#999; font-family:consolas,monospace; } 
    
    .tableJugadores { padding:0 25px; }
    .tableJugadores .t-left { width:75%; float:left; padding:0 } 
    .tableJugadores .t-right { width:24%; float:right } 
    .tableJugadores p { font-size:19px; }
    .tableJugadores p span { display:block; font-size:13px; }  
        .tableJugadores .nombre { font-size:18px; max-width:290px; } 
    
    #promoCode { width:65%; margin-bottom: 5px; } 
    #promoCode .etiqueta{display:block;width:40%;}
    #promoCode .form-group{width:59%;}
    
    .panel-ide { padding:15px 15px 5px 15px; } 
    .panel-ide .col-xs-5 { width:36% }
    .panel-ide .btn-ide { padding-top:26px; }

    .panel-tpv .panel-tpv-form select { width:380px } 
    
    /*Portal*/
    .home-img .search { width:400px; margin:0 auto } 
    .home-boxes .box { float:left; width:48%; } 
    .home-boxes .box:nth-child(2n) { margin-right:0; float:right }
    .home-boxes .box .msg { font-size:32px; }
    #resultados-container .resultado { /*background-position-x:250%; background-size:115%;*/ } 
     
}
@media all and (min-width: 768px) 
{ 
    body { margin-bottom:50px; }  
    .container { padding-right:15px; padding-left:15px; } 
    header { height:76px; }
        header .logo { height:76px; line-height:76px }
            header .logo img { max-height:60px; max-width:320px } 
            header .logo span { display:inline-block; vertical-align:middle; font-family:'ProximaNova-Light',sans-serif; font-size:32px; line-height:20px; max-width:165px; padding-left:10px }
        header .options {top: 3px;right:10px;font-size: 12px;} 
            header .options li {/* padding:0 0 0 7px; */}
            header .options .li-icon span { display:inline-block; }
            
            header .options #li-nombre { display:inline-block; }
            header .options #li-nombre span { position:absolute; top:-20px; right:0; font-size:13px; } 
            header .options #li-nombre:after { content:"";}
    .footer { height:50px; font-size: 18px; } 
        .footer .container { padding-top:20px; }
    .panel { margin-bottom:20px } 
    .panel-login { margin:0 100px; }
    .navbar { display:block; margin-bottom:20px }
    .navbar-black .navbar-nav a { text-align:center; }
    .navbar-black .navbar-nav a span.glyphicon { display:block; font-size:20px; margin-bottom:.35em; padding:0; }
    .navbar-black h1 { font-size:29px; line-height:46px; }
    .navbar-black .registro { font-size:29px; line-height:60px; } 

    /*Reservas*/
    .club-info { width:45%; height:100%; top:0; bottom:auto; left:auto; right:0; padding:0 10px }
    .club-info h2 { font-size:21px; margin-top:15px; }
    .club-info h3 { font-size:13px; margin-top:10px; }
    .club-info .redes { top:auto; bottom:5px; left:10px; right:auto; } 
    .club-info .reviews { bottom:7px; right:10px } 
    .panel-fecha { float:left; width:70% }
    .panel-carrito { float:right; width:27%; } 
    .panel-carrito .empty { padding:18px 0 0 10px; line-height:2em }
    .panel-carrito .full { padding:10px 0 0 20px; }
    .panel-carrito .full .num { line-height:inherit; }
    .panel-carrito .full .lab { padding-top:8px; }
    .panel-carrito .icon .fa {font-size: 16px;float:left;width:10%;padding:15px 10px 0 0;text-align:left;}
    .ide-r { padding-right:0 }
    .ide-l { padding-left:0 }
    .btn-center { text-align:center; padding:10px 0 30px 0; } 
    .btn-paso2-c button { width:auto; }
    .btn-paso2-l button { width:auto }
    .btn-paso2-r button { width:auto; }
    .btn-paso2-l { text-align:left }
    .btn-paso2-r { text-align:right; padding-bottom:0 }
    .btn-process-big {font-size: 22px;}  
     
    .panel-ide { padding:15px } 
    .panel-reg { padding:20px 15px } 
    .panel-reg .checkbox #regForm { margin:15px 20px; }

    .tableJugadores .nombre { max-width:400px;} 

    /*Criterios*/   
    .panel-criterios .criterio { display:inline-block; padding-right:10px; margin:0 } 
    .panel-criterios .buttons { display:inline-block; padding-left:15px; margin:0 } 
    
    /*Portal*/
    .home-img { min-height:430px }
    .home-img h2 { font-size:64px; }     
    /*.home-boxes .box { font-size:19px; }*/ 
    #resultados-container .resultado { height:105px; /*background-position-x:-245%; background-position-y:50%; background-size:90%;*/ } 
        #resultados-container .resultado .description { position:relative; height:105px; background:#f3f2f0; float:left; width:40%; margin-left:20%; } 
        #resultados-container .resultado .actions { position:relative; background:#fff;  float:left; height:105px; width:40%; } 
}
@media all and (min-width: 960px) 
{ 
    .panel-init { margin:0 100px }
    .panel-login { margin:0 auto; width:400px }
    .nav-tabs>li { float:left; margin:0 2px -2px 0; max-width:305px }
    .nav-tabs>li:first-child { margin-left:10px; }
    .nav-tabs>li:last-child>a { border-radius:4px 4px 0 0; } 
    .nav-tabs>li>a { border-bottom:2px solid #e8e7e3; padding:8px 7px; }
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { border-bottom:2px solid #fff; }
    .nav-tabs { border-bottom:2px solid #e8e7e3; }
    .tab-info { padding:15px; text-align:center; min-height:445px }
    .col-r20 { padding:0 20px 0 0 }

    /*Reservas*/
    .club-info { width:40%; padding:0 20px }
    .club-info h2 { font-size:27px; margin-top:25px; }
    .club-info h3 { font-size:16px; margin-top:15px; }
    .club-info .redes { position:absolute; bottom:10px; left:20px }
    .club-info .redes a { padding-right:5px }
    .club-info .reviews { font-size:13px; position:absolute; bottom:10px; right:10px }  
    
    .panel-filtros { padding-bottom:0 } 
    .panel-filtros .filtro { font-size:15px; margin:0 auto 0 auto; text-align:left; width:180px; height:auto; display:block; float:none; border:none }  
    .panel-filtros .filtro>label {display:block;float:none;border:none;padding:0;margin: 0 0 5px 0;} 
    .panel-filtros .filtro-control { display:block; float:none; }
    
    .panel-pasos .fa-lg { margin-bottom:5px }
    .panel-pasos .paso .text { font-size:19px; }

    #promoCode { width:57% } 
    #promoCode .etiqueta{width:42%;}
    #promoCode .form-group { width:57% } 
     
    .custom-inputs label{padding-left:25px; margin-right:8px}
    .custom-inputs.radio label:before{font-size:22px;/* bottom:-6px; */}
    .custom-inputs.checkbox label:before{font-size:22px;bottom:-7px;} 
    .custom-inputs.checkbox label{margin-bottom:8px} 
    .custom-inputs input[type=radio]:checked+label:before{font-size:22px;} 
    
    .club-map { display:block; border-top:1px solid #d0d0d0; } 

    /*Portal*/   
    .home-img { min-height:460px }
    .home-img .home-search { position:absolute; bottom:0; padding-bottom:40px; width:100%; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(5,2,2,0.7) 100%); }
    .home-img h2 { font-size:80px; padding-top:120px }
    .home-img .search { width:840px; margin:0 auto }
    .home-img .search .criterio { display:inline-block; margin:0 2px 0 0; }    
    .home-img .search .criterio.cr1 { width:40% }    
    .home-img .search .criterio.cr2 { width:20% }    
    .home-img .search .criterio.cr3 { width:20% }    
    .home-img .search .criterio.cr4 { width:16% }    
    .home-img .search .criterio > input,  
    .home-img .search .criterio > select,
    .home-img .search .criterio > span,
    .home-img .search .criterio > button { border-radius:0px; }  
    .home-img .search #lugar-busqueda { border-top-left-radius:4px; border-bottom-left-radius:4px }
    .home-img .search #btn-busqueda { border-top-right-radius:4px; border-bottom-right-radius:4px } 
    .home-portal .ui-autocomplete { max-height:280px; } 
    #filtroBack { display:none }
    .home-boxes { max-width:900px; } 
}
@media all and (min-width: 1200px) 
{ 
    .nav-tabs>li { float:left; margin:0 2px -2px 0; max-width:305px }
    .nav-tabs>li:first-child { margin-left:10px; }
    .nav-tabs>li:last-child>a { border-radius:4px 4px 0 0; } 
    .nav-tabs>li>a { border-bottom:2px solid #e8e7e3; padding:8px 7px; }
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { border-bottom:2px solid #fff; }
    .nav-tabs { border-bottom:2px solid #e8e7e3; }
    .tab-info { padding:15px; text-align:center; min-height:445px }
    .col-r20 { padding:0 20px 0 0 }
    
    /*Reservas*/
    .club-info { width:35%; padding:0 20px }
    .club-info h2 { font-size:29px }
    .club-info h3 { font-size:18px } 
    .club-info .redes { position:absolute; bottom:15px; left:20px } 
    .club-info .reviews { font-size:14px; position:absolute; bottom:15px; right:10px }  
     
    .panel-carrito .empty { padding:12px 0 0 10px; font-size:19px; line-height:2.4em; }
    .panel-filtros .filtro { font-size:16px; width:220px; }  

    #tarifas-container .tarifa { width:265px; float:left; margin-right:30px }
    #tarifas-container .tarifa:nth-child(2n) { float:left; margin-right:30px }
    #tarifas-container .tarifa:nth-child(3n) { float:left; margin-right:0 }

    .panel-ide .col-xs-5 { width:24% }
    
    #promoCode { width:50% }  

    .custom-inputs label{padding-left:25px;margin-right:12px}
    .custom-inputs.radio label:before{font-size:22px;}
    .custom-inputs.checkbox label:before{font-size:23px;} 
    .custom-inputs.checkbox label{margin-bottom:10px} 
    .custom-inputs input[type=radio]:checked+label:before{font-size:23px;}

    /*Portal*/
    .home-img { min-height:600px }
    .home-img h2 { font-size:96px; padding-top:200px } 
    .home-boxes { max-width:1200px; } 
    .home-boxes .box { font-size:18px; }
    .home-boxes .box { float:left; width:31.5%; margin-right:30px; } 
    .home-boxes .box:nth-child(2n) { float:left; margin-right:30px; }
    .home-boxes .box:nth-child(3n) { float:left; margin-right:0 }
    /*.home-boxes .box .msg { font-size:32px; }*/
}

/* === Puclib === */
.padding-0{
	padding: 0px;
}
.padding-5{
	padding: 5px;
}
.padding-10{
	padding: 10px;
}
.padding-15{
	padding: 15px;
}
.padding-20{
	padding: 20px;
}
.padding-left-5{
	padding-left: 5px;
}
.padding-left-10{
	padding-left: 10px;
}
.padding-left-15{
	padding-left: 15px;
}
.padding-left-20{
	padding-left: 20px;
}
.padding-right-5{
	padding-right: 5px;
}
.padding-right-10{
	padding-right: 10px;
}
.padding-right-15{
	padding-right: 15px;
}
.padding-right-20{
	padding-right: 20px;
}
.padding-top-5{
	padding-top: 5px;
}
.padding-top-10{
	padding-top: 10px;
}
.padding-top-15{
	padding-top: 15px;
}
.padding-top-20{
	padding-top: 20px;
}
.padding-bottom-5{
	padding-bottom: 5px;
}
.padding-bottom-10{
	padding-bottom: 10px;
}
.padding-bottom-15{
	padding-bottom: 15px;
}
.padding-bottom-20{
	padding-bottom: 20px;
}
.margin-0{
	margin: 0px;
}
.margin-5{
	margin: 5px;
}
.margin-10{
	margin: 10px;
}
.margin-15{
	margin: 15px;
}
.margin-20{
	margin: 20px;
}
.margin-left-5{
	margin-left: 5px;
}
.margin-left-10{
	margin-left: 10px;
}
.margin-left-15{
	margin-left: 15px;
}
.margin-left-20{
	margin-left: 20px;
}
.margin-right-5{
	margin-right: 5px;
}
.margin-right-10{
	margin-right: 10px;
}
.margin-right-15{
	margin-right: 15px;
}
.margin-right-20{
	margin-right: 20px;
}
.margin-top-5{
	margin-top: 5px;
}
.margin-top-10{
	margin-top: 10px;
}
.margin-top-15{
	margin-top: 15px;
}
.margin-top-20{
	margin-top: 20px;
}
.margin-top-30{
	margin-top: 30px;
}
.margin-bottom-5{
	margin-bottom: 5px;
}
.margin-bottom-10{
	margin-bottom: 10px;
}
.margin-bottom-15{
	margin-bottom: 15px;
}
.margin-bottom-20{
	margin-bottom: 20px;
}