@media (min-width:320px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }

@media (min-width:480px) { /* smartphones, Android phones, landscape iPhone */ }

@media (min-width:600px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }

@media (min-width:801px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	.main-container{
		width: 800px;
	}
}

@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ 
	.main-container{
		width: 800px;
	}
}

@media (min-width:1281px) { /* hi-res laptops and desktops */ 
	.main-container{
		width: 800px;
	}
}


body{
	font-size: 12px;
}

.panel-container{
    overflow-y: hidden;
    padding: 0 10px 10px 10px;
    margin: 0 -10px
}

.panel-main{
	background-color: #F4FCFF;
	padding: 30px 10px 10px 10px;
	box-shadow: 0px 0px 10px black;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px 10px 10px 10px;
	width: 700px;

}

.panel-mini-header{
	background-color: #F4FCFF;
	padding: 10px;
	margin-bottom: 0px;
	box-shadow: 0px 0px 5px black;	
	border-radius: 10px 10px 0 0;
	width: 150px;
	height: 50px;
	display: flex;
}

.panel_reg{
	height: 300px;
}

.pnl_pg_0 {
	height: 375px;
}

.panel_reg .panel-body {

}

.vertical_line {
	border-left: thick solid #ff0000;
}

.panel_login {
	height: 300px;
}

.panel_new {
	height: 300px;
}

.test{
	background-color: red;
	overflow: hidden;
}

#sel_season {
	width: 200px;
}

#btn_next {
	float: right;
}

.hidden {
	display: hidden;
}

.nothidden {
	display: inline-block;
}

.RegForm tr > td {
	padding-bottom: .5em;
}

.Req {
	background-color: #FFFFD6;
}

/* For "Blue" Theme ("Gray" Theme overrides this in separate file) */
.RegTable td{
    padding: 5px;
}
 .RegTable tr:nth-child(even){
    background-color: #E2E2E2;
}
.RegTable tr:nth-child(odd){
    background-color: #F2F2F2;
}
.RegTable tr:first-child{
    background-color: #ADCAE2;
}

.ToolTipPanel
{
    background-color: #5bc0de;
    border: solid 1px navy; 
}

.ToolTipPre
{
    margin: 5px; 
    border: none; 
    background-color: #337ab7; 
    color: white;     
    font-family: Arial, Sans-Serif, Verdana;
    font-weight:normal;
    font-size:10pt;
}

/* -- -- End of "Blue" theme CSS -- -- */
/***
    1. Base - Styles applied to element selectors
    2. Layout - Major layout styling/formatting - nav, sidebar, footer. id's can be used here
    3. Module - Modular components of the page that can be reused and can stand alone
    4. State - Augments and overrides all other styles. Describes how things look in a particular state.
    5. Theme - colors, typography
    6. Changing State - Any changes with javascript events, pseudo class styling, or media queries
	7. Helper Classes 
    **/
/*
    In the naming of classes: cl(classic) sh(shareview) fnd(foundation)
    */
/*************************************************************************/
/**************************** 2. Layout **********************************/
/*************************************************************************/
/*Custom classes for Bootstrap Grid*/
.row-add-margin-bottom .row {
	margin-bottom: 10px;
}

/*************************************************************************/
/**************************** 7. Helper Classes **************************/
/*************************************************************************/
.mb20 {
	margin-bottom: 20px;
}