@charset "utf-8";
/*
===============================================================================================================
01. GENERAL TYPOGRAPHY
=============================================================================================================== */
/* General
-------------------------------------------------------------- */
@font-face {
    font-family: 'Lato', sans-serif;
    font-family: 'Roboto', sans-serif;
}

body, html { margin:0; padding:0; font-size:100%; }
body	{ padding:0 0 0 1px; font-family: Roboto,Sans-Serif; color:#3a3a3a; background:#fff; }
body.outline	{ margin:2em 0; }

h1, h2, h3, h4	{	font-family: Lato, Sans-Serif; }
h1	{ margin:0 0 0.7em; font-size:1.8em; line-height:1.1; }
h2	{ margin:0 0 0.7em; font-size:1.6em; line-height:1.1; }
h3	{ margin:0 0 0.5em; font-size:1.4em; line-height:1.1; }
h4	{ margin:0 0 0.4em; font-size:1.2em; line-height:1.1; }

.Head	{ display:block; font-family: Lato, Sans-Serif; font-size:1.8em; line-height:1.1; }
.error	{font-size:100%; }

p, table td {
    font-size: 100%;
    line-height: 1.5;
		padding:inherit;
}
table td	{ font-size:1.3em; }
.tableMain { max-width:100%; }
.table-firstbold tr td:first-child	{ font-weight:bold; }


.content-block	{ margin-bottom:2em; }


/* Colors
-------------------------------------------------------------- */
.tableback	{ background-color:#f7f7f7; }

/* Standard Elements
-------------------------------------------------------------- */
.comment	{ font-size:0.8em; }

/* Menu
-------------------------------------------------------------- */
#menu	{ margin:2.5em 0 0; border-top:1px solid #3a3a3a; padding:1em 0 0; }
#menu ul { list-style:none; padding:0; margin:0; }
#menu li { display:inline-block; position:relative; margin:0 2em 0 0; padding:0; }

/* Reservation
-------------------------------------------------------------- */
.res_head [class*="col-"]	{ padding-bottom:1.5em; }
#menuVipn0 img	{ padding-left:10px; }
#menuVipn0Items table td table td	{ padding:4px 8px; }
.grayFrame	{ width:100%; height:auto; padding:15px; }
#btnPlan	{ margin-left:-4em; width:760px !important; height:auto !important; }
#div-lbTips	{ display:none; }
#div-nrtickets	{ margin-top:1em; padding:15px; font-size:1.2em; }
#div-nrtickets label	{ text-align:right; }
#res_main-selection { padding:2em 0; }
#res_main-selection #btnDelete	{ height:1em; width:auto; }
#res_main-selection .row	{ padding-top:5px; padding-bottom:5px; }
#res_main-legende img	{ padding:0 10px 0 0; }
#res_main-buttons	{ padding:0 0 2em; }

/* Edit Reservation
-------------------------------------------------------------- */
#gridRes td img	{ height:1em; width:auto; }
#gridHist>tbody>tr:last-child td	{ padding:15px 0 15px 30px; }
#gridHist>tbody>tr:last-child a, #gridHist>tbody>tr:last-child span	{
	text-decoration:none;
	border:1px solid #ccc;
	padding:5px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color:#d3d3d3;
}
#gridHist>tbody>tr:last-child a	{
  text-shadow: 0 1px 0 #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image:      -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
  background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #dbdbdb;
  border-color: #ccc;
	color: #333;
}
#gridHist>tbody>tr:last-child a:hover, #gridHist>tbody>tr:last-child a:focus { color: #333; background-color: #e0e0e0; background-position: 0 -15px; text-decoration:none; }

/* Edit User
-------------------------------------------------------------- */
#lbError	{ display:block; }
#form_useredit input.form-control	{ float:left; width:400px; max-width:90%; }
#dbAddresses, #tbZip, #tbBirthDate	{ width:10em !important; max-width:90%; }
#form_useredit .col-sm-10 span	{ margin-left:10px; }
span[style*="color:Red;visibility:hidden;"]	{ display:none; }



/* Buttons
-------------------------------------------------------------- */
#res_main-buttons a	{ width:100%; }
#btnBuy, #btnReserve, #SaveButton, #btnDefault, #btnSend, #btnDelete {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  text-decoration:none;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
#btnDefault, #SaveButton, #btnSend	{ 
  text-shadow: 0 1px 0 #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image:      -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
  background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #dbdbdb;
  border-color: #ccc;
	color: #333;
}
#btnDefault:hover, #btnDefault:focus, #SaveButton:hover, #SaveButton:focus, #btnSend:hover, #btnSend:focus  { color: #333; background-color: #e0e0e0; background-position: 0 -15px; text-decoration:none; }

#btnBuy, #btnDelete {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image:      -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #e38d13;
}
#btnBuy:hover, #btnBuy:focus, #btnDelete:hover, #btnDelete:focus { background-color: #eb9316; background-position: 0 -15px; }
#btnBuy:active { background-color: #eb9316; border-color: #e38d13; }

#btnReserve {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image:      -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
  background-image:         linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #28a4c9;
}
#btnReserve:hover, #btnReserve:focus { background-color: #2aabd2; background-position: 0 -15px; }
#btnReserve:active, #btnReserve.active { background-color: #2aabd2; border-color: #28a4c9; }


/* Form
-------------------------------------------------------------- */
form .label	{font-weight:300; }
.contol-input	{ padding-top:7px;}
input[type="checkbox"]	{ margin-right:10px; }
.checkbox-initial	label	{ font-weight:normal; }


/*
===============================================================================================================
08. RESPONSIVE MEDIA-QUERIES
=============================================================================================================== */
@media (max-width:1024px)	{
	#btnPlan	{ margin-left:-2em; width:640px !important; height:auto !important; }
}
@media(max-width:768px)	{ /* smartphone landscape */
	#btnPlan	{ margin-left:-2em; width:560px !important; height:auto !important; }
}
@media(max-width:480px)	{	/* smartphone portrait */
	#menu li { display:block; }
	#col-btnPlan	{ overflow:scroll; }
	#btnPlan	{ margin-left:-2em; width:352px !important; height:auto !important; }
}