/** THIS IS MAIN CSS **/
body{
	background:#FFF;	
}

.main_container{
	background:#FFF;
	padding:5px;
}

.top_navbar{
	border-radius:0;
	-webkit-border-radius: 0 0 0 0;	
}

.login_modal{
	border-radius:0;
	-webkit-border-radius: 0 0 0 0;
	width:100%;
	margin:auto;
}

.login_modal_header{
	background:#333;
}

.login_modal_title{
	color:#FFF;	
}


.logo_space{
	height: 150px;
    padding: 0px;
	margin-top:15px;
}

.sub_title{
	margin-top:15px;
	font-size:50px;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
	0px 8px 13px rgba(0,0,0,0.1),
	0px 18px 23px rgba(0,0,0,0.1);
	
}

.calendar{
	color:FFF;	
}

.highlight{
    color: red;
    font-weight: bold;
}

#time{
	font-size:24px;
	float:right;
	margin-top:50px;	
}

.welcome_text_title{
	font-weight:bold;
}

.welcome_text{
	padding:5px 15px 5px;
}

/************************************
************** PRODUCTS *************
************************************/

.left_column{
	padding:0;	
}

.right_column{
	padding:0;
}

.main_column{
	padding:0;
}
	
.calendar_row{
	height: 350px;
    padding:20px 20px 20px;
	background:#555;
	color:#FFF;
	margin:5px;
	margin-bottom:10px;
	-webkit-box-shadow: 2px 2px 2px 2px #383838;
	box-shadow: 2px 2px 2px 2px #383838;
}

.main_row{
	padding:20px 20px 20px;
	background:#555;
	color:#FFF;
	height: 350px;
	margin:5px;
	-webkit-box-shadow: 2px 2px 2px 2px #383838;
	box-shadow: 2px 2px 2px 2px #383838;
	height:auto;
	overflow:inherit
}

.contact_row{
	height: 350px;
    padding:20px 20px 20px;
	background:#555;
	color:#FFF;
	margin:5px;
	-webkit-box-shadow: 2px 2px 2px 2px #383838;
	box-shadow: 2px 2px 2px 2px #383838;	
}



.product_navs{
	margin-top:55px;	
}

.product_main_well{
	background:#666;
	margin-top:15px;	
}

/************************************
************** CATEGORY *************
************************************/

#category_table th{
	color:#FFF;
	text-align:center;
}

#category_table td{
	padding:5px;
	color:#F7F7F7;
	text-align:center;
}

.cat_headers{
	font-weight:bold;
	font-style:italic;
	text-decoration:underline;
	font-size:1em;
	margin-bottom:10px;
}


/************************************
*************** CART ****************
************************************/

.cart_main_well{
	background:#666;
	margin-top:50px;	
}



/************************************
************ ACCOUNT ****************
************************************/

.statement_options_switch{
	margin-top:25px;	
}




/************************************
******** SPINNER LOADER *************
************************************/


.spinner {
   position: absolute;
   left: 50%;
   top: 50%;
   height:60px;
   width:60px;
   margin:0px auto;
   -webkit-animation: rotation .6s infinite linear;
   -moz-animation: rotation .6s infinite linear;
   -o-animation: rotation .6s infinite linear;
   animation: rotation .6s infinite linear;
   border-left:6px solid rgba(0,174,239,.15);
   border-right:6px solid rgba(0,174,239,.15);
   border-bottom:6px solid rgba(0,174,239,.15);
   border-top:6px solid rgba(0,174,239,.8);
   border-radius:100%;
}

@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}
input, select, textarea{
    color: #000;
}
.img-responsive {
    display: block;
    width: 40px;
    height: auto;
}

#codexpl th, #codexpl td{
    padding:0.8em;
    border: 1px solid;
}
#codexpl th{
    background-color:#6699FF;
    font-weight:bold;
}





.multipleSizeOptions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start; }
.multi_size_input_option { 
	align-items: center;
	display: inline-flex;
	margin: 10px 15px 10px 0; }
.multi_size_input_option p { margin: 0 10px 0 0; }
.multi_size_input_option .form-control { width: 60px; }