﻿
/*Color personalizado cliente*/
.navbar-black .navbar-nav a:hover, .navbar-black .navbar-nav li.active a { background:#00798f; }
.list-group-item:hover { background-color:#00798f; }
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { background-color:#00798f; }
.list-group-item.active>.badge { color:#00798f !important; }
.btn-primary { background-color:#373737; border-color:#373737; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, #table-tarifas tr:hover .btn-primary { background-color:#00798f; border-color:#00798f; }
.btn-inverse { color:#fff; background-color:#00798f; border-color:#00798f; }
.btn-inverse:hover, .btn-inverse:active, .btn-inverse:focus { color:#fff; background-color:#373737; border-color:#373737; }  
a { color:#00798f } 
a:hover,a:focus,a:active { color:#373737 }  
a.bk { color:#373737; text-decoration:underline } 
a.bk:hover { color:#00798f } 
.primary { color:#00798f }
.title-resalt { background-color:#00798f; color:#fff; }
.grid-pagination a { color:#373737 !important }
.grid-pagination .active a, .grid-pagination .active a:hover { background:#00798f; border-color:#00798f; color:#fff }
.grid-pagination .disabled a { color:#999 !important }
.panel-pasos .paso.active { color:#fff; background:#00798f url('../../images/background/reservas-paso-active.png') no-repeat 100% 50% }
.panel-pasos .paso.active .fa-stack-1x { color:#00798f }
.panel-fecha ul li a.active { background:#00798f; color:#fff }
.panel-carrito.active { background:#00798f; border-color:#00798f }
#table-tarifas th.active { background:#00798f; color:#373737 }
#table-tarifas tr td.buy:after { border-top-color:#00798f; } 
.tableJugadores .players .j:hover,
.tableJugadores .players .j.on { background:#00798f; }
.tableJugadores .precio { color:#00798f; }
.k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default {background-image: url('../Content/kendo/2015_1_318/textures/highlight.png');/* background-color: #00798f; */}
.k-dropdown .k-input, .k-dropdown .k-state-hover .k-input, .k-dropdown .k-state-focused .k-input { color:#000 }
.k-menu .k-popup { color: #373737; }
.k-slider-track { background-color: #ccc; }
.k-slider-selection { background-color: #00798f; }
.k-calendar .k-header .k-link.k-nav-prev, .k-calendar .k-header .k-link.k-nav-next { background:#ccc }
.custom-inputs input[type=radio]:checked+label:before{color:#00798f}
.custom-inputs input[type=checkbox]:checked+label:before{color:#00798f} 
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
background-color: #bbb;
border-color: #777;
}
.form-control:focus { border-color:#00798f; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(220, 202, 0, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(220, 202, 0, 0.6); }
.panel-filtros #Lugar { border-bottom: 1px solid #00798f}
.table-reservaModal-t { background:#d6e9ed }
/*---*/


ul.sub-menu-lv1 {
    position: absolute;
    z-index: 9999;
    padding: 0;
    width: 250px;
    background: #373737;
    list-style: none;
    display: none;
}
ul.sub-menu-lv1 li  {
    position: relative;
}

ul.sub-menu-lv1 li a {
    padding: 10px 15px;
    position: relative;
    border-top: 1px solid #4e4d4d;
    display: inline-block;
    width: 100%;
    text-align: left !important;
}

.sub-menu-lv2 {
    position: absolute;
    left: 250px;
    top: 0;
    background: #373737;
    padding: 0;
    list-style: none;
    min-width: 180px;
    display: none;
}

ul.sub-menu-lv1 li i {
    float: right;
}
.menu-main .nav>li:hover .sub-menu-lv1{
    display:block;
}
.sub-menu-lv1>li:hover .sub-menu-lv2{
    display:block;
}
.menu-mobile {
    position: fixed;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 250px;
    z-index: 810;
    margin-left: -250px;
    background: #000000;
    transition: 0.5s;
}
.open-menu-page {
    margin-left: 250px;
}
.open-menu-mbl {
    margin-left: 0px !important;
}
.sidebar-menu {
    list-style: none;
    padding: 0;
}
.menu-mobile ul li {
    padding: 10px 15px;
    border-bottom: 1px solid;
    list-style: none;
}
.menu-mobile ul li a {
    color: #c5a54c !important;
    text-transform: uppercase;
    font-size: 12px;
}
.menu-mobile >ul>li>a>i {
    color: #7c7c7d;
    margin-right: 15px;
}
.status-mobile {
    width: 5px;
    height: 5px;
    background: #343436;
    border-radius: 50px;
    margin-top: 6px;
    margin-right: 11px;
}
.menu-mobile .footer-mb {
    color: #c5a54c;
    border-bottom: 0;
    background: #000000;
    text-transform: uppercase;
    font-size: 8px;
    text-align: center;
}
.title-list-medical {
    background: #E2E1E0 none repeat scroll 0 0;
    color: #333;
    font-weight: bold;
    padding-left: 15px;
    padding: 10px;
    font-size:15px;
}
#u651-3, #u651-4, #u781-3, #u781-4 {
    font-family: raleway,sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}
.form-group.has-feedback.has-success p {
    font-size: 15px;
}

.form-group.has-feedback p {
    font-size: 15px;
}
.show-total-treatment {
    /* background: #00798f none repeat scroll 0 0; */
    color: #fff;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 15px;
    text-align: center;
    text-transform: uppercase;
}
.show-total-treatment p {
    margin-bottom: 5px;
    font-size: 15px;
}
@media (max-width:769px) and (min-width:420px){
    .panel-filtros .filtro {
    font-size: 0.85em;
    margin: 0 5%;
    width: 40%;
    height: 80px;
    padding: 10px 0;
    display: inline-block;
    float: left;
    border-bottom: 1px solid #ddd;
}
    .custom-inputs.block label {
    display: inline-block;
    margin-bottom: 8px;
}
}
@media (max-width: 768px){
    .content-page {
    overflow: hidden;
    transition: 0.5s;
        width: 100%;
}
    .mobile-sub-menu-lv1 {
    margin-top: 10px;
    padding: 0 0 0 30px;
}
}
@media (max-width: 420px) {
    .navbar-black {
        margin-bottom: 10px;
    }
    .step-register{
        display:none;
        border-left:none!important;
    }
    .step-register .btn-block{
         display: block;
        width: auto;
        margin: 0 auto;
        min-width: 150px;
    }
    .step-login .btn-block{
         display: block;
        width: auto;
        margin: 0 auto;
        min-width: 150px;
    }
    .box-white {
    padding: 0;
}
}