@charset "utf-8";

#iexplorer {
    min-height:50px; 
    padding:10px;
    display:none;
    text-align:center;
    width:100%;
    border-top:solid 1px #666;
    border-bottom:solid 1px #666;
    background:rgba(200,200,200,0.3);
    font-size:1.2em;
}
#infTaules {
    overflow:auto;
    overflow-y:auto;
    background:#EEE;
    border: solid 1px #DDD;
    border-radius:5px;
    height:400px;
}
#infTaules .panel-dragg {
    width:380px !important;
}
#infTaules .panel-dragg > .llcamps {
    height:auto;
    max-height: 300px;
    overflow-y:auto;
}
.overflowX {
    overflow:auto;
    overflow-y: hidden;
}	
.overflowX.border {
    border:solid 1px #CCC;
    padding: 0px !important;
}
.list-group-item.listMini {
    padding-top:5px !important;
    padding-bottom:5px !important;
}
.overH500 {
    height:500px !important;
    overflow-y: scroll;
}
body.bespecial {
    margin-bottom:0px;
    position:relative;
    background:RGBA(51, 51, 51, 0.95) !important;
}
.detallRebut {
    display:none;
    background:rgba(15,15,15,0.10) !important;
}

@media screen and (max-width:768px) {
    .divControl {
        width:50% !important;
    }
    .divControl.control80 {
        width:24% !important;
    }
}

/* ** Menus TOPs *********************** */
.menuTOPDV {
    cursor:pointer;
}
@media screen and (max-width:768px) {
    .menuTOPDV {
        min-height:38px;
        min-width: 38px;
    }
}
#menuTOP1.nav > li {
    /*border-right:solid 1px #FF6600;*/
}
#menuTOP1.nav > li:last-child {
    border:none;
}
#menuTOP1.nav > li > a {
    padding-left:6px !important;
    padding-right:6px !important;
}
#menuTOP1.nav > li > a:hover {
    background:rgba(255,120,0,0.7);
    color:#FFF !important;
}
#menuTOP1.nav > li.dropdown {
    border:none;
    padding-left:2px !important;
    padding-right:2px !important;
}
#menuTOP1.nav > li.dropdown > a {
    padding-right:2px !important;
    padding-left:2px !important;
}
#btnCAPprv {
    color:#337ab7 !important;
    background: rgba(255,255,255,0.1) !important;
}
#menuTOP2 {
    background:rgba(255,255,255,0.6) !important;
}	
#menuTOP2 > #menuTOP1.nav > li > a {
    padding-left:2px !important;
    padding-right:2px !important;
}
#menuTOP2 > #menuTOP1.nav > li.dropdown {
    padding-left:2px !important;
    padding-right:2px !important;
}
#menuTOP2 > #menuTOP1.nav > li.dropdown > a {
    padding-right:5px !important;
    padding-left:5px !important;
}

#menuTOP1FNX {
    margin-left:-20px;
}	
#menuTOP1FNX.nav > li {
    border:none;
    font-size:1.1em;
}
#menuTOP1FNX.nav > li:last-child {
    border:none;
}
#menuTOP1FNX.nav > li > a {
    padding:4px 8px 4px 8px !important;
}
#menuTOP1FNX.nav > li > a:hover {
    background:rgba(255,120,0,0.7);
    color:#FFF !important;
}
#menuTOP1FNX.nav > li.dropdown {
    border:none;
    padding-left:2px !important;
    padding-right:2px !important;
}
#menuTOP1FNX.nav > li.dropdown > a {
    padding-right:2px !important;
    padding-left:2px !important;
}		
#menuDESPL1, #menuDESPL2 {
    display:none;
    padding-top:5px;
    padding-bottom:10px;
    overflow-y:scroll;
    box-shadow: 0px 2px 2px #DDD;
}
#menuDESPL1 {
    color:#FFF;
    background-color:#333;
}
#menuDESPL1 a {
    color:#DDD !important;
}	
#menuDESPL1 a:hover {
    color:#333 !important;
}
#menuDESPL1 .nav-pills > li > a, #menuDESPL2 .nav-pills > li > a {	
    padding-top:5px;
    padding-bottom:5px;
}
#menuDESPL1 .nav-pills > li > a.nivellPRIN, #menuDESPL2 .nav-pills > li > a.nivellPRIN {
    border:solid 1px #555;
}
#menuDESPL1contingut, #menuDESPL2contingut {
    padding-bottom:10px;
}
.topSepara {
    padding-bottom:5px !important;
    margin-bottom: 5px;
    border-bottom: dotted 1px #251822 !important;
}
#menuBase a:hover {
    color:#CCC !important;
}
/* ************************************* */
/* Control **************************** */
.rowControlTOUCH > .col-md-12, .rowControlTOUCH > .col-md-3, .rowControlTOUCH > .col-md-2, .rowControlTOUCH > .col-xs-6, .rowControlTOUCH > .col-xs-4 {
    padding:0px;
}
.rowControlTOUCH a, .rowControlTOUCH a:hover {
    text-decoration:none;
}
.divControlTOUCH {
    background:#333;
    color:#FFF;
    text-align:center;
    /*height:98%;*/
    height:140px;
    width:98%;
    margin:1%;
    padding:16px 8px 16px 8px;
}
.divControlTOUCH:hover {
    background:#666;
    color:#EEE;
}
.divControlTOUCH i.gran {
    font-size:4em;
}
.divControlTOUCH i.base {
    font-size:2em;
}
.divControlSECCTOUCH {
    padding:5px 0px 5px 0px;
    background:#337ab7;
    color:#FFF;
    text-align:left;
    width:100%;
    padding-left:2%;
}	
/* ************************************ */			

.grTaula {
    background-image:url(../img/fonsGTaula.png);
}
.grHora.titol, .col-grFranja.element > .titol {
    height:30px;
    overflow:hidden;
}
.col-grFranja {
    min-width:40px;
    float:left;
}
.col-grFranja.element {
    /*min-width:200px;*/
}	
.grFranja {
    padding-left:2px;
    padding-right:2px;
    border:solid 1px #333;
    border-radius: 4px;
}
.loader {
    border: 6px solid #333;
    border-radius: 50%;
    border-top: 6px solid #EEEEEE;
    border-bottom: 6px solid #EEEEEE;
    width: 32px;
    height: 32px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
.loader.blanc {
    border: 6px solid #EEE;
    border-top: 6px solid #333;
    border-bottom: 6px solid #333;
}
@media (min-width: 768px) {	
    .col-sm-2_10 {
        width: 20% !important;
    }		
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.btn-app{
    padding:10px 15px 10px 15px !important;
    margin: 2px;
}

.kmp-icon {
    width: 16px;
    height: 22px;
}



/*
 * Graelles 2018
 */
.txt-border{
    color: black;
    /*text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;*/
    text-shadow: 1px 0 #acacac, 0 -1px #acacac;
    /*background-color: #cccccc;*/
    border-radius: 2px;
    padding: 0px;
    margin: 2px;
}
#resultatGRAELLA .infrj {
    cursor:pointer;
}
@media screen and (max-width:768px) {
    #resultatGRAELLA .infrj {
        font-size:2em;
    }
}
#graellaNOVA_espera {
    position:fixed;
    top:0px;
    left:0px;
    display:none;
    background:rgba(0,0,0,0.4);
    width:100%;
    height:100%;
    overflow:hidden;
    z-index:1000;
}
#graellaNOVA_espera #dv_espera {
    /*position:absolute;*/
    top:200px;
    left:50%;
    margin-left:-32px;
}
#graellaNOVA_espera #dv_info {
    /*position:absolute;*/
    border-radius:10px;
    width:80%;
    height:80%;
    top:10%;
    left:10%;
    padding:3%;
    background: #FFF;
    overflow-y:scroll;
}
#graellaNOVA_espera #dv_info .dv_info_titol {
    font-size:1.6em;
    padding:5px;
    border-bottom: solid 1px #333;
}
#graellaNOVA_espera #dv_info .dv_info_text {
    padding-bottom: 10px;
    font-size:1.2em;
}
#graellaNOVA_espera #dv_info .dv_info_text .usNivellIMG {
    margin:10px;
    width:40% !important;
    float:left;
}
@media screen and (max-width:768px) {
    #graellaNOVA_espera #dv_info .dv_info_text .usNivellIMG {
        margin:10px;
        width:90% !important;
        float:none;
    }
}
#navegaGraellaInterna {
    padding:10px;
    padding-bottom:30px;
    position:fixed;
    bottom:0px;
    left:0px;
    width:100%;
    z-index:2000;
    background:#FFF;
    border-top:solid 1px #999;
    box-shadow: 0px -2px 3px #666;	
}
#navegaGraellaInterna .rdGraella {
    padding:5px;
}
#navegaGraellaInterna .rdGraella.seleccionat {
    background:#EEE;
}
#navegaGraellaInterna #radioUsos {
    margin-top:10px;
}			
#resCURS { 
    padding-top:10px;
    padding-bottom:10px;
    color:#FFF;
    font-size:1.2em;
    background:#33cc33;
    z-index:100;
}
#resCURS.fixe {
    position:fixed;
    width:100%;
}
#resCURS.noactiu {
    display:none;
} 	
#resCURS .row {
    margin-right: 0px;
    margin-left: 0px;
}	
#resCURS .btn.btn-confirmar {
    background:#FFF;
    color:#33cc33;
    border-color: #FFF;   
    border-radius: 0px;
    letter-spacing: 0.5px;
    vertical-align: middle;
    font-size: 1.2rem;
    line-height: 36px;
    outline: 0 none;
    padding: 0 2rem;
    display: inline-block;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);	
}
#resCURS .btn.btn-tankuam:hover {
    background:#EEE;
    border-color: #EEE; 
}
#resCURS .btn.btn-tankuam.activat {
    background:#EEE;
    border-color: #EEE;
}
.rdGraella {
    padding-right:20px;
}	
#diaINFO {
    padding-left:0px !important;
    padding-right:0px !important;
}	
#menuGR {
    margin-right: 0px;
    margin-left: 0px;
}	
#menuGR .list-group {
    border-radius:0px;
    margin-bottom: 0px;
}
#menuGR .list-group .list-group-item:first-child, #menuGR .list-group .list-group-item:last-child {
    border-radius:0px;
}
#menuGR .col-md-4, #menuGR .col-md-3 {
    padding-right: 2px;
    padding-left: 2px;
}
@media screen and (max-width:768px) {
    #menuGR.row {
        margin:0px !important;
    }	
}
#filGRCalendari {
    margin-top:2px;
    min-height:230px;
    position:relative;
}
.calMESnavega {
    /*position:absolute;*/
    top:0px;
    left:0px;
    width:100%;
    height:20%;	
}
.calMESnavega .calMESnavega_botons, .calMESnavega .calMESnavega_dies {
    height:50%;
}
.calMESnavega .calMESnavega_botons .dBotons {
    height:100%;
    width:33%;
    float:left;
    text-align:center;

    background:#333333;
    color:#EEE;
    border-color: #333333;   
    border-radius: 0px;
    letter-spacing: 0.5px;
    vertical-align: middle;
    outline: 0 none;
    padding: 0 2rem;
    display: inline-block;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
}
.calMES {
    /*position:absolute;*/
    top:20%;
    left:0px;
    width:100%;
    height:80%;
}
.calMesQuadrat{
    /*width:90%;
    height:230px;*/
}
.calMES .calDIA, .calMESnavega_dies .calDIA {
    text-align:center;
    width:14.28571%;
    padding:2px;
    float:left;
}
.calMES .calDIA.setb4 {
    height:35px;/*25%*/
}
.calMES .calDIA.setb5 {
    height:30px;/*20%;*/
}
.calMES .calDIA.setb6 {
    height:26px;/*16.66%;*/
}
.calMES .calDIA.setb7 {
    height:24px;/*14.28571%;*/
}
.calMES .calDIA .mEstat {
    position: relative;
    text-align:center;
    width:100%;
    height:100%;
    border:solid 1px #AAA;
}
.calMES .calDIA .mEstat.inactiu {
    background:#FFF;
    color:#DDD;
    border:solid 1px #EEE;
}
.calMES .calDIA .mEstat.lliure {
    background:#0F0;
    color:#FFF;
    cursor:pointer;
}
.calMES .calDIA .mEstat.festiu {
    background:#25c0ff;
    color:#FFF;
    cursor:pointer;
}				
.calMES .calDIA .mEstat.ocupat {
    background:#F00;
}
.calMES .calDIA .mEstat.avui {
    border: solid 1px #333;
    box-shadow: 1px 2px 2px #ff0000;
}
.calMES .calDIA .mEstat.seleccionat {
    border: solid 1px #999;
    box-shadow: 3px 5px 4px red;	
}
.calMES .calDIA .mEstat > span {
    display: inline-block;
    vertical-align: middle;
    line-height:1em;
}
.graellaRes_0 {
    margin-top:5px;	
}
.graellaRes_0.reservaActiva {
    padding-bottom:100px;
}
.graellaRes_0 .element_0 {
    padding:5px;
    float:left;
}
.graellaRes_0 .element_0 .e0Titol {
    padding:5px;
    height:30px;
    color:#FFF;
    overflow:hidden;
}	
.graellaRes_0 .uso_0 {
    padding:2px;
    float:left;
}
.graellaRes_0 .uso_0 .u0Titol {
    padding:8px;
    height:40px;
    overflow:hidden;
    cursor:pointer;
}
@media screen and (max-width:768px) {
    .graellaRes_0 .uso_0 .u0Titol.infrj {
        font-size:1em !important;
    }
}
.graellaRes_0 .uso_0 .u0Uso {
    position:relative;
    overflow:hidden;
    cursor:pointer;
}
.graellaRes_0 .uso_0 .u0Uso .u0Contingut, .graellaRes_0 .u0ContingutBLN {
    height:100%;
    width:100%;
    border-top:solid 1px #FFF;
    padding-left: 4px;
    padding-top:4px;
}
.graellaRes_0 .uso_0 .u0Uso.seleccionat {
    background:#333 !important;
    color:#FFF !important;
}
.graellaRes_0 .uso_0 .u0Uso.deshabilitat {
    cursor:auto !important;
}
.graellaRes_0 .uso_0.deshabilitat {
    opacity:0.5;
}
#reservaCONTINUA {
    display:none;
    position:fixed;
    height:100px;
    width:100%;
    bottom:0px;
    left:0px;
    padding:20px;
    border-top: solid 3px #FFF;
    color:#FFF;
    font-size:1.2em;
    background:#33cc33;
    z-index:1000;
    text-align:center;
}
#reservaCONTINUA .btn.btn-confirmar {
    background:#FFF;
    color:#33cc33;
    border-color: #FFF;   
    border-radius: 0px;
    letter-spacing: 0.5px;
    vertical-align: middle;
    font-size: 1.8rem;
    line-height: 36px;
    outline: 0 none;
    display: inline-block;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);	
}								
.graellaRes_1 .row {
    margin-right: 0px;
    margin-left: 0px;
}
.graellaRes_1 .element {
    margin-top:5px;
    padding:10px;
    color:#FFF;
}
.graellaRes_1 .us {
    padding:10px;
    padding-left:20px;
}
.graellaRes_1 .franja {
    margin-bottom:2px;
    border: solid 1px #CCC;	
    padding:10px;
    background:rgba(255,255,255,0.9);
}
.graellaRes_1 .franja .row .cfrj {
    cursor:pointer;
}

.diaSET_b7 {
    width:14.28571%;
    float:left;
}
.diaSET_b6 {
    width:16.6666%;
    float:left;
} 
.diaSET_b5 {
    width:20%;
    float:left;
} 
.diaSET_b2 {
    width:50%;
    float:left;
}
.diaSET_b1 {
    width:100%;
}
.diaSET_b7 .diaSET, .diaSET_b6 .diaSET, .diaSET_b5 .diaSET, .diaSET_b2 .diaSET, .diaSET_b1 .diaSET {
    margin:2px;
    background:#EEE;
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
}
.diaSET_b7 .diaSET.avui, .diaSET_b6 .diaSET.avui, .diaSET_b5 .diaSET.avui, .diaSET_b2 .diaSET.avui, .diaSET_b1 .diaSET.avui {
    background:#CCC;
    font-weight:bold;
}
@media screen and (max-width:768px) {	
    .diaSET_100 {
        width:100% !important;	
    }		
}
.diaUS {
    margin:2px;
    border:solid 1px #EEE;
    text-align:left;
}
.diaUS .row {
    margin-right: 0px;
    margin-left: 0px;
}
.diaUS .element {
    padding:2px;
    color:#000;
}
.diaUS .us {
    padding:4px;
    border-bottom: solid 1px #FFF;
}	
.diaUS .us .horari {
    font-size:0.9em;
    padding:2px;
    background: rgba(255,255,255,0.2);
}
.diaUS .us .horari .hora {
    width:50%;
    float:left;
}
.diaUS .us .info .cfrj {
    cursor:pointer;
}
.noUS {
    height:1px;
}
.restipus-1 {
    background-size: auto 100%;
    background-position: top right;
    background-repeat: no-repeat;	
}
.restipus-2 {
    background-size: auto 100%;
    background-position: top right;
    background-repeat: no-repeat;	
}
.restipus-3 {
    background-size: auto 100%;
    background-position: top right;
    background-repeat: no-repeat;	
}
.restipus-4 {
    background-image:url('../img/usos/res-tipus-4.png');
    background-size: auto 100%;
    background-position: top right;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
    opacity: 0.7;
}
.restipus-5 {
    background-image:url('../img/usos/res-tipus-5.png');
    background-size: auto 100%;
    background-position: top right;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
    opacity: 0.7;
}
.cgrH {
    background:#FFF;
}	
.cgrH .info {
    padding:10%; 
    background:#FFF; 
    height:100%;
}			
.btn.btn-tankuam {
    background:#333333;
    color:#EEE;
    border-color: #333333;   
    border-radius: 0px;
    letter-spacing: 0.5px;
    /*text-transform: uppercase;*/
    vertical-align: middle;
    font-size: 1.2rem;
    line-height: 36px;
    outline: 0 none;
    padding: 0 2rem;
    display: inline-block;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);	
}
.btn.btn-tankuam:hover {
    background:#000000;
    border-color: #666666; 
}
.btn.btn-tankuam.activat {
    background:#000000;
    border-color: #666666;
}
.btn.btn-tankuam.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn.btn-tankuam.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.usNivell {
    padding:4px;
    padding-left: 6px;
    border: solid 1px #999;
    font-size:1.6em;
}
.usNivellTXT {
    line-height:1em;
    padding-bottom:10px;
}
.usNivellIMG {
    width:100%;
    margin-bottom:5px;
}
.usNivellMN {
    padding:4px;
    padding-left: 6px;
    border: solid 1px #999;
    font-size:1.3em;
}