html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}


.ph1 { font-size: 45px;  font-weight: bold; text-align: center; margin-bottom: 0; color: #03c6d8;}
.ph3 { font-size: 27px;  text-align: center; margin: 0;}
.ph5 { font-size: 17px;    text-align: center;    margin: 0 0 20px 0;}

.wrap > .container {    padding: 70px 15px 20px;}

.main-grupos {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.footer {
    min-height: 60px;
    background-color: #53c1d2;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {    text-align: center;    background-color: transparent;}
.jumbotron .btn {    font-size: 21px;    padding: 14px 24px;}
.not-set {    color: #c55;    font-style: italic;}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after { content: "\e152";}
.sort-numerical a.asc:after { content: "\e153";}
.sort-numerical a.desc:after { content: "\e154";}
.sort-ordinal a.asc:after { content: "\e155";}
.sort-ordinal a.desc:after { content: "\e156";}
.grid-view td { white-space: nowrap;}
.grid-view .filters input,.grid-view .filters select {    min-width: 50px;}
.hint-block { display: block;    margin-top: 5px;    color: #999;}
.error-summary { color: #a94442; background: #fdf7f7; border-left: 3px solid #eed3d7; padding: 10px 20px;  margin: 0 0 15px 0;}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {    padding: 15px;    border: none;}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

.fl {float:left;}
.fr {float:right;}

.color-trenpy-azul{color: #03c6d8;}
.color-trenpy-gris{color: #a7a7a9;}

.a-trenpy {color: #a7a7a9;}
.a-trenpy:link{color: #a7a7a9;}
.a-trenpy:visited{color: #a7a7a9;}
.a-trenpy:hover{color: #03c6d8; text-decoration: none;}
.a-trenpy:active{color: #03c6d8;}
.icono-color {color: #03c6d8;}
.ico-grupos {display: inline-block; color: white; float: left;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    background: #03c6d8;
    height: 35px;
    width: 35px;
    padding: 5px;
    border-radius: 32px;
}
.border-phone { border-left: 2px solid #999a9c;}
.h4-phone {  font-size: 19px;    font-weight: bold; color:#818487;}


.text-sombra{text-shadow: -1px 0 #414D68, 0 1px #414D68, 1px 0 #414D68, 0 -1px #414D68, -2px 2px 0 #414D68, 2px 2px 0 #414D68, 1px 1px #414D68, 2px 2px #414D68, 3px 3px #414D68, 4px 4px #414D68, 5px 5px #414D68; 6px 6px #414D68, 7px 7px #414D68, 8px 8px #414D68, 9px 9px #414D68;}
.text-3d{ text-shadow: 0 1px 0 #ddd, 0 2px 0 #ccc, 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 0 #acacac, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15); }
.text-contorno{text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;}
.text-neon-blanco{text-shadow: 0px 0px 9px #888;}
.text-tachado{	text-decoration: line-through; }
.bold{font-weight: bold;}

.pt-0{ padding-top:0px;}
.pl-0{ padding-left:0px;}
.pr-0{ padding-right:0px;}

.pt-10{ padding-top:10px;}
.pb-10{ padding-bottom:10px;}

.pt-20{ padding-top:20px;}

.pt-30{ padding-top:30px;}
.pb-30{ padding-bottom:30px;}

.pt-50{ padding-top:50px;}

.ptblr-10{ padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px;}

.mt-0{ margin-top:0px;}
.mt-10{ margin-top:10px;}
.mt-5{ margin-top:5px;}
.mt-20{ margin-top:20px;}
.mt-30{ margin-top:30px;}
.mt-50{ margin-top:50px;}

.mb-0 {margin-bottom: 0px;}
.mb-10 {margin-bottom: 10px;}

.ml-0{ margin-left:0px;}
.ml-10{ margin-left:10px;}
.ml-20{ margin-left:20px;}
.ml-30{ margin-left:30px;}
.ml-50{ margin-left:50px;}

.mr-0{ margin-right:0px;}

.bg-gris{ background-color: #e3e3e3;}


input.CheckboxXL { 
            width: 1.5em; 
            height: 1.5em; 
            /* transform : scale(1.8);  */
        } 
       
/* Web de Grupos */
.div-producto-home-web-grupos{
    border: 1px solid #c0c0c0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin: 4px 10px;
    background: #fff;
    max-width: 30%;
}       

.div-contenido-producto-home-web-grupos{
	height: auto !important;    background: none !important;    width: 100%;
    max-height: 280px;    background: #fff;    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;    margin-bottom: 10px;
} 

.img-producto-home-web-grupos-peq{	padding-top:5px;	padding-left:5px;
	padding-bottom:5px;	max-height: max-content;	min-height: max-content;
	border-radius: 2px;	vertical-align: middle;	border: 0;
    max-inline-size: -moz-available;          /* WebKit-based browsers will ignore this. */
    max-inline-size: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    max-inline-size: fill-available;
    
}
.div-contenido-producto-web-grupos{
    border: 1px solid #c0c0c0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #fff;

    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 10px;
    
	height: auto !important; 
	width: 100%;   
    max-height: 150px;
    min-height: 150px;
    overflow: hidden;
}


.div-contenido-producto-taquilla{
    border: 1px solid #c0c0c0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #fff;

    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 10px;
    
	height: auto !important; 
	width: 100%;   
    max-height: 150px;
    min-height: 150px;
    overflow: hidden;
}

.aSelecionSesion{
	border: 1px solid #ccc!important;
	border-radius: 5px;
	display: block;
	 
}



@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
    
    .ph1 { font-size: 32px;}
    .ph3 {   font-size: 19px;}
    .ph5 {   font-size: 14px;}
}