.flexigrid *,
.flexigrid *:before,
.flexigrid *:after,
#colorbox,
#colorbox:before,
#colorbox:after {
    -webkit-box-sizing: content-box!important;
    -moz-box-sizing: content-box!important;
    box-sizing: content-box!important;
}
/*
.carousel-caption {
    background:rgba(255,255,255,0)!important;
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 1))!important;
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 1))!important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.4)), to(rgba(255, 255, 255, 1)))!important;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(255, 255, 255, 1))!important;
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(255, 255, 255, 1))!important;
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(255, 255, 255, 1))!important;
    background-repeat: repeat-y;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0)', endColorstr='rgba(255, 255, 255, 1)', GradientType=1)!important;
    padding-top: 150px!important;
}
.carousel-caption h4, .carousel-caption p{
    color:#444!important;
}
.navbar-text{
    color:#ffffff!important;
    font-family: 'Telex',sans-serif;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2)!important;
}
*/
.not_shown{
	display: none;
}

.clear{
	clear: both;
}

.layout_widget_container input, .layout_widget_container textarea {
    max-width: 100%;
}

body { 
	padding-bottom:40px;
}

footer{
	padding: 10px;
}

#__section-banner>div{
	/* IE10 */ 
	background-image: -ms-linear-gradient(top left, white 0%, gray 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top left, white 0%, gray 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top left, white 0%, gray 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, white), color-stop(1, gray));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top left, white 0%, gray 100%);
	
	/* Proposed W3C Markup */ 
	background-image: linear-gradient(top left, white 0%, gray 100%);
}

#__section-left-and-content{
	padding:5px;
	margin-left:0px;
	
	/* IE10 */ 
	background-image: -ms-linear-gradient(top left, white 0%, #EEEEEE 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top left, white 0%, #EEEEEE 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top left, white 0%, #EEEEEE 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, white), color-stop(1, #EEEEEE));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top left, white 0%, #EEEEEE 100%);
	
	/* Proposed W3C Markup */ 
	background-image: linear-gradient(top left, white 0%, #EEEEEE 100%);
}

#__section-content{
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 30px;
}

/* grocery-CRUD flexigrid */
.pGroup select#per_page
{
    max-width: 54px;
}
#crudForm{
    padding-bottom: 145px;
}
.chzn-results{
    max-height: 200px!important;
}
/* end of grocery-CRUD flexigrid */

/* Landscape phones and down */
@media (max-width: 480px){    
    body {
        padding-top: 0px;
    }
    .form-input-box>input, .form-input-box>textarea,
    .form-input-box>div.chzn-container, .form-input-box div.chzn-drop{
        width: 250px!important;
        float: left!important;
    }
    .form-display-as-box{
       width: 100%!important;
    }
    
    .flexigrid table td,
    .flexigrid table th{
        display: none!important;
    }
    .flexigrid table td:first-child,
    .flexigrid table th:first-child,
    .flexigrid table td:last-child,
    .flexigrid table th:last-child
    {
        display: table-cell!important;
    }
}

/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 768px)  {  
    body {
        padding-top: 0px;
    }  
    .form-input-box>input, .form-input-box>textarea,
    .form-input-box>div.chzn-container, .form-input-box div.chzn-drop{
        width: 300px!important;
        float: left!important;
    }
    .form-display-as-box{
       width: 100%!important;
    }
    
    .flexigrid table td,
    .flexigrid table th{
        display: none!important;
    }
    .flexigrid table td:first-child,
    .flexigrid table th:first-child,
    .flexigrid table td:last-child,
    .flexigrid table th:last-child,
    .flexigrid table td:nth-child(2),
    .flexigrid table th:nth-child(2)
    {
        display: table-cell!important;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 769px)  and (max-width: 978px) {
    body {
        padding-top: 0px;
    }
    .flexigrid table td,
    .flexigrid table th{
        display: none!important;
    }
    .flexigrid table td:first-child,
    .flexigrid table th:first-child,
    .flexigrid table td:last-child,
    .flexigrid table th:last-child,
    .flexigrid table td:nth-child(2),
    .flexigrid table th:nth-child(2),
    .flexigrid table td:nth-child(3),
    .flexigrid table th:nth-child(3),
    .flexigrid table td:nth-child(4),
    .flexigrid table th:nth-child(4)
    {
        display: table-cell!important;
    }
}

/* normal desktop */
@media (min-width: 979px) and (max-width: 1199px)  {
    body {
        padding-top: 50px;
    }
}

/* Large desktop */
@media (min-width: 1200px) {
    body {
        padding-top: 50px;
    }
}