/*.at-fill-height {
	overflow: hidden; } */

.at-fill-height:before,
.at-fill-height:after {
	content:".";
    display:block;
    height: 0;
    clear:both;
    visibility: hidden; }

    /*
        Comente overflow: hidden; en
        .at-fill-height y
        .at-container
        porque los dropdown no se ven bien
        si la tabla no tiene contenido,
        la propiedad hidden los corta.
        y overflow espeficado no parece pasar
        nada.
        Agregue un clearfix :before
        porque at-fill-height
        ignora el margin-top de
        .adjustables
    */

	.at-container {
		/*overflow: hidden;*/
		position: relative;
		top: 0;
	}

		.at-overflow-y,
		.at-headers-relative {
			position: relative; }

			.at-overflow-y {
				overflow: hidden; }

			.at-overflow-x {
				overflow: auto; }

				/*.scrollable_touch {
					-webkit-overflow-scrolling: touch; }*/

				.at-shadow-left,
				.at-shadow-right {
					top: 0;
					width: 1px;
                    opacity: 0;
					transition: opacity 0.2s ease-in-out;
					position: absolute;
					height: 100%;
					background: rgba(0, 0, 0, 0.15); }

				.at-shadow-left {
					left: 0;
                    box-shadow: 1px 0 6px rgba(0, 0, 0, 0.6); }

				.at-shadow-right {
					right: 0;
					box-shadow: -1px 0 6px rgba(0, 0, 0, 0.6); }

                .at-headers-relative {
                    /* This makes this div to be as long as their inner tables */
                    display: table;
                    width: 100%; }

				    .at-fixed-headers {
                        width: 100%;
                        max-width: none; /*Bootstrat default 100% causes problem*/
					    position: absolute;
					    transition: box-shadow 0.3s ease-in-out;
					    box-shadow: none; }

				.at-box-shadow {
					box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }