@font-face {
    font-family: Varela-round;
    src: url(https://fonts.googleapis.com/css?family=Varela+Round);
}

@import url(https://fonts.googleapis.com/css?family=Varela+Round);

.contract-main {width:100%}
.col-dreta {display:none}
body, p, li, td, th h1, h2, h3 {font-family:'Varela Round', sans-serif;}
h3 {background-color:white;color:#646567;text-transform:uppercase;margin-bottom:15px;}
h5 {background-color:white;color:#646567;text-transform:uppercase;margin-bottom:10px;}
h5.titol {background-color:#0b89fa;color:white;text-transform:uppercase;border-radius:5px;font-size:15px;padding:10px;font-weight:bold;margin-top:10px;}
#menu_top td {background-color:#EAEAEA;border:1px solid #BCBDBC;border-radius:5px;text-align:center;color:#BCBDBC;padding:10px;text-transform:uppercase;font-weight:normal;cursor:normal;}
#menu_top td.enable {background-color:#0B89FA;color:white;border:1px solid #BCBDBC;border-radius:5px;text-align:center;padding:10px;text-transform:uppercase;font-weight:normal;cursor:normal;}

#menu_top_idiomes td {background-color:#EAEAEA;border:1px solid #BCBDBC;border-radius:5px;text-align:center;color:#BCBDBC;padding:10px;text-transform:uppercase;font-weight:normal;cursor:normal;}
#menu_top_idiomes td.enable {background-color:#0B89FA;color:white;border:1px solid #BCBDBC;border-radius:5px;text-align:center;padding:10px;text-transform:uppercase;font-weight:normal;cursor:normal;}

td.enable {background-color:#0B89FA;color:white;border:1px solid #BCBDBC;border-radius:5px;text-align:center;padding:10px;text-transform:uppercase;font-weight:normal;cursor:normal;}
.titol_reserves {text-transform:uppercase;color:#0B89FA;margin-bottom:10px;font-size:48px;font-weight: lighter}
.subtitol_reserves {color:#0B89FA}
.contract-container input[type="text"], .contract-container textarea, .contract-container select {border:1px solid #BCBDBC;border-radius:5px;background-color:#EAEAEA;font-family:Arial;font-size:15px;height:25px;padding-left:1%;}

/* formulari area clients */
.form-label-clients {text-transform:uppercase;color:#0B89FA;margin-bottom:10px;font-size:18px;font-weight: normal}
.disable a {color:grey;text-decoration:none;}
.enable a {color:white;text-decoration:none;}


.contract-container input[type="submit"] {cursor:pointer;border:1px solid #BCBDBC;border-radius:5px;background-color:#0B89FA;padding:10px 20px;font-size:15px;text-transform:uppercase;color:white;margin-top:20px}
input[type="submit"]:disabled {background-color:#EAEAEA}

.contract-container input[type="button"] {cursor:pointer;border:1px solid #BCBDBC;border-radius:5px;background-color:#0B89FA;padding:10px 20px;font-size:15px;text-transform:uppercase;color:white;margin-top:20px;}
table.total_info {color:white;margin-top:30px;width:50%;border-radius:5px;background-color:#0b89fa;color:white;}
table.total_info h2 {color:white;margin-top:5px;}
table.total_info div {color:white}
#TotalReserva {background-color:#0b89fa;color:white;}
#TotalPagat {background-color:#98BE00;color:white;}
#TotalPendent {background-color:#B22222;color:white;}
input[type="button"]:disabled {background-color:#EAEAEA}

#table_sel_fills td {cursor:pointer;background-color:#cccccc;padding:10px;border:1px solid grey;color:black;border-radius:5px;color:#646567}
#table_sel_fills td.selected {background-color:#0B89FA;color:white;}


.table_tematica td {cursor:pointer;background-color:#cccccc;padding:10px;border:1px solid grey;color:black;border-radius:5px;text-transform:uppercase;width:200px;color:#646567}
.table_tematica td.selected {background-color:#0B89FA;color:white;}
.table_tematica td.text {cursor:normal;background-color:white;color:#0B89FA;width:100%;border:0px;text-transform:none;}
.table_tematica td.info_torn {font-size:10px;}

.table_tematica td.selected-green {background-color:#93CB16;color:white;}

.table_facturacio td {cursor:pointer;background-color:#eaeaea;padding:10px;border:1px solid grey;color:black;border-radius:5px;text-transform:uppercase;width:200px;color:#646567}
.table_facturacio td.C {color:green}
.table_facturacio td.F {color:#0b89fa}
.table_facturacio td.action {background-color:#0B89FA;color:white;}
.table_facturacio th {color:#0B89FA;background-color:white;text-transform:uppercase;font-family:'Varela Round', sans-serif;font-weight: lighter}
.table_facturacio td.action a:link {color:white;text-decoration:none}
.table_facturacio td.action a:visited {color:white;text-decoration:none}
.table_facturacio td.hidden {display:none}
.programacio td.button {cursor:pointer;background-color:#eaeaea;padding:10px;border:1px solid grey;border-radius:5px;text-transform:uppercase;}
.programacio td.button a:link {text-decoration:none;color:#646567} 
.programacio td.button a:visited {text-decoration:none;color:#646567} 
.programacio td.text {padding-left:20px; color:grey;}
.programacio td.selected {background-color:#3698e3;color:white}
.programacio tr:hover td.text {	color:#3698e3}
.programacio tr:hover td.button {background-color:#3698e3;color:white}
.programacio tr:hover td.button a {color:white;}
.programacio {border-collapse:separate;  border-spacing:0em 1em;}
.button_logout {border:1px solid #BCBDBC;border-radius:5px;background-color:#E68A00;padding:10px 20px;font-size:15px;text-transform:uppercase;color:white;margin-top:20px;float:right}
.button_logout a:link {text-decoration:none;color:white}
.button_logout a:visited {text-decoration:none;color:white} 
.table_fill {margin-top:20px;}
.table_fill th {background-color:#cccccc;color:#646567;font-weight:bold;border:1px solid grey;border-radius:5px;text-transform:uppercase}
.table_fill th.selected {background-color:#3698e3;color:white;}	  
.table_fill tr {position:relative;height:1px;}
.table_fill td {position:relative;height:100%;background-color:#aaaaaa;color:white;text-align:center;border-radius:5px;cursor:pointer;width:50px;}
.table_fill td.tipus_selected {background-color:#3698e3;color:white;}	  
.table_fill .preu_reserva_online {background-color:#aaaaaa;color:white;width:100%;text-align:center;height:100%;border-radius:5px;cursor:pointer;vertical-align:middle;}
.table_fill .tipus_name {background-color:#dddddd;color:#646567;font-weight:normal;border:1px solid grey;border-radius:5px;text-transform:uppercase;cursor:normal;}
.table_fill .titol_table {color:#0B89FA;text-transform:uppercase;font-size:10px;background-color:white;border:0px;font-weight:normal;text-align:left;vertical-align:bottom;}



/* COLORS CASES */
.table_fill .banyeres {background-color:#44a12a}
.table_fill .llobeta {background-color:#fab800}
.table_fill .miquelo {background-color:#a03689}
.table_fill .torn_esgotat {background-color:#aaaaaa;color:white;opacity:0.5;}
.table_fill .torn_ple {color:#FF4C4E;}
.table_fill .vandrell {background-color:#FF8000}
.table_fill .jou {background-color:#96ba00}
.table_fill .aldric {background-color:#44a12a}
/* LEGENDA */
.llegenda {margin-top:20px;margin-bottom:20px;font-size:10px;}
.llegenda td {border-radius:5px;}	 
.llegenda td.title {text-transform:uppercase;color:#646567;font-weight:bold;}
.llegenda .torn_esgotat {background-color:#aaaaaa;color:white;width:20px;height:20px;text-align:center;}
.llegenda .torn_ple {background-color:#FF4C4E;color:white;width:20px;height:20px;text-align:center;}
.llegenda .banyeres {background-color:#44a12a;width:20px;height:20px;color:white;}
.llegenda .llobeta {background-color:#fab800;width:20px;height:20px;color:white;}
.llegenda .miquelo {background-color:#a03689;width:20px;height:20px;color:white;}
.llegenda .vandrell {background-color:#FF8000;width:20px;height:20px;color:white;}
.llegenda .jou {background-color:#96ba00;width:20px;height:20px;color:white;}
.llegenda .aldric {background-color:#44a12a;width:20px;height:20px;color:white;}


.table_fill .disable {color:grey;opacity:0.5;}
.table_fill .selected {background-color:#3698e3;color:white;}

/* TOOL TIP */
.ui-tooltip, .arrow:after {background: black; border: 2px solid white;}
.ui-tooltip {padding: 10px 20px;color: white; border-radius: 20px; font: bold 14px; text-transform: uppercase;box-shadow: 0 0 7px black;}
.arrow {width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px;}
.arrow.top {top: -16px; bottom: auto;}
.arrow.left {left: 20%;}
.arrow:after {content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 6px 5px 9px -9px black; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.arrow.top:after {bottom: -20px; top: auto;}

#footer {
    font-size: 12px;
    margin: 30px auto 10px;
    width: 1000px;
    position:relative;
}

#footer .nav {
    border-top: 1px solid #cccccc;
    margin-bottom: 22px;
    overflow: hidden;
    padding-top: 15px;
}

#footer .nav ul {

    list-style: outside none none;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0;
    display:table;
}

#footer .nav li {
	display:table-cell;
	width:100px;
}

#footer .nav a {
    color: #0b89fa;
    text-decoration: none;
}

#footer .foot {
	vertical-align:top;
	margin-bottom:20px;
}

#footer .foot ul {
	list-style:none;
	margin-top:0px;
}

#footer .foot ul li {
	display:inline-block;
}

#footer .foot .address {
    margin-bottom: 10px;
    display:inline-block;
}

#footer .foot .address p {
    font-weight: bold;
    margin-top:0px;	
}

#footer .foot .members {
  display:inline-block;
    position:absolute;
right:0px;

}

#footer .foot .members span {
    font-weight: bold;
}

#bottomline {
    background: #1087aa url("/resources/ges-reserves/images/bg-footer.gif") no-repeat scroll center top;
    height: 3px;
    width:1000px
}

#footer .foot .members ul li img {
    vertical-align: text-top;
}

td.horari_enable {background-color:#0B89FA;color:white;border:1px solid #BCBDBC;border-radius:5px;text-align:center;padding:10px;font-weight:normal;cursor:normal;}
td.horari_apat {background-color:#FDE7A8;color:#554679;border:1px solid #BCBDBC;border-radius:5px;text-align:center;padding:10px;font-weight:normal;cursor:normal;}
td.horari_acti_lud {background-color:#dbdb00;color:white;border:1px solid #BCBDBC;border-radius:5px;text-align:center;padding:10px;font-weight:normal;cursor:normal;}
td.horari_acti_cur {background-color:#acc600;color:white;border:1px solid #BCBDBC;border-radius:5px;text-align:center;padding:10px;font-weight:normal;cursor:normal;}
td.horari_lliure {background-color:#eaeaea;color:#554679;border:1px solid #BCBDBC;border-radius:5px;text-align:center;padding:10px;font-weight:normal;cursor:normal;}

.clients-header {
    width:1000px;
}
#menu-superior-reserves-online { width: 100%; }
#content-idiomes { float:right;display:inline-block }
#table_dades_pare_mare { padding-top:20px;border:1px solid #707173;border-radius: 5px;padding:10px; width:100%; }
.dades_fill {border:1px solid #707173;border-radius: 5px;padding:10px; width:100%;}
.table-escull-colonies {width:100%;}
table-extres td { font-size:x-large;text-align:left;padding-left:60px }
table.total_info td {color:white;padding:10px;background-color:#0b89fa;}
table.total_info td.radio {font-weight:normal}
.table_tematica td.tematica {width:20%;}

/* PAGAMENT */
.table_info_participant td {padding:10px;padding-bottom:0px;border-radius:5px;text-transform:uppercase;background-color:#0B89FA;color:white;}
.table_info_participant td.linia {border:0px;border-bottom:1px dotted white;border-radius:0px;width:70%}
.table_info_participant td.preu {border:0px;width:10%;}
.table_info_participant td.info_torn {font-size:10px;width:20%;}
.total_reserva_pagament {border:0;margin-top:0px;width:100%;}

#taula_dades_facturacio {border:1px solid #707173;border-radius:5px;padding:5px;}
.taula_border {border-left:1px solid black;border-top:1px solid black;border-spacing:0px;}
.taula_border th {border-right:1px solid black;border-bottom:1px solid black;padding:2px;}
.taula_border td {border-right:1px solid black;border-bottom:1px solid black;padding:2px;}
.taula_border td h2 {padding:0px;margin:10px;}
.extra_info_tbl {width:50%;}
.extra_info_tbl td {text-align:left;}
.extra_info_tbl td:first-child {padding-left:60px;}
@media (max-width: 768px) {
    /* For mobile phones: */
    body {margin:0px;}
    /*#menu_top { display:none; }*/
    table.clients-header { width: 100%; margin-top:0px;}
    .contract-main { width:98%; padding-left:1%; padding-right:1%; }
    .titol_reserves { font-size: 30px; }
    #footer { width:100%; }
    #bottomline { width:100% }
    #footer .nav li { width:auto; padding-right:20px; }
    #table_dades_pare_mare {width:98%;padding:1%;}
    #table_dades_pare_mare tr td { width:98%; display: block; }
    h5.titol {padding:1%;width:96%;}
    .dades_fill { width:98%;padding:1%; }
    .dades_fill tr td { width:100%; display: block; }
    #boto-recuperar-dades {padding-left:0px;padding-top:5px;}
    .table_tematica { width:98%;}
    .table_tematica td.tematica {display:block;width:90%;margin-top:5px;}
    .table_fill td {font-size:10px;width:auto;}
    h3 {font-size: 15px;}
    table-extres td {font-size:15px;}    
    table.total_info {width:98%;display:table;}
    table.total_info td {padding:1%;width:49%;}
    .extra_info_tbl {width:100%;}    
    .extra_info_tbl td:first-child {padding-left:0px;}
    
    /* PAGAMENT */
    .table_info_participant td.info_torn {width:70%;}
    .table_info_participant td.linia {display:none;}
    .table_info_participant td.preu {width:30%;}
    .total_reserva_pagament {font-size:12px;}
    #taula_dades_facturacio {width:98%;}
    #taula_dades_facturacio td {display:block;}
}