@charset "utf-8";
/* CSS Document */
html {height: 100%;}

body {
	background-color: #FFFFFF;
	text-decoration: none;
	color: #000000;
	font-family: Cambria, Sans-Serif, Arial, Verdana, "Hoefler Text", "Liberation Serif", Times, "Time New Roman", Serif;
	font-size: 17px;
	font-style: normal;
	display: flex;
	flex-direction: column;
    min-width: 300px;
	min-height: 100%;
	margin: 15px;}


main div>a>div {
	background-color: #87CEEA;
	color: #FFFFFF;
	background-clip: border-box;
	border: thin;
	display: block;
	font-size: 25px;
	padding: 25px;
	position: relative;
	border-radius: 25px;
	width: 250px;
	text-align: center;
	float: left;}


footer a {
	color: #FFFFFF;
	margin-left: 15px;}


fieldset {border: 2px solid #87CEEA;}

form>fieldset>div>p>span {font-weight: bold;}

input {
	font-weight: normal;
	text-align: center;
	border: 2px solid #87CEEA;
	border-radius: 25px;}

textarea {
    font-size: 14px;
	font-family: inherit;
	font-weight: normal;
	text-align: center;
	border: 2px solid #87CEEA;}

select {
	font-weight: normal;
	text-align: center;
	border: 2px solid #87CEEA;
	border-radius: 25px;}



.logo_room {
	border: hidden;
	background-clip: border-box;
	background-color: #FFFFFF;}

.grand_logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    max-width: 100%;}

.header_menu {
	background-color: #87CEEE;
	margin: 5px 0px;
	padding: 15px;
	background-clip: border-box;
	position: relative;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;}

.header_menu_items1 {
	position: relative;
	color: #FFFFFF;
	margin-right: 25px;
	text-decoration: none;}

.header_menu_items1:hover {
	text-shadow: 0.5px 0.5px 15px #FFFFFF, -0.5px -0.5px 15px #FFFFFF;}


.header_menu_items2 {
	position: relative;
	color: #FFFFFF;
	margin-left: 25px;
	text-decoration: none;}

.header_menu_items2:hover {
	text-shadow: 0.5px 0.5px 15px #FFFFFF, -0.5px -0.5px 15px #FFFFFF;}


.grand_main {flex: 100%;}


.error_main {flex: 100%;}


.grand_welcome {
    text-align: center;
	word-wrap: break-word;
	word-break: keep-all;}
	
	
.error_address {
    text-align: center;
	word-wrap: break-word;
	word-break: keep-all;}


.departmentorder {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: center;}
	
.department_envelope {
    padding: 10px;}

.homedepartmentlist:hover {
	text-shadow: 0.5px 0.5px 15px #FFFFFF, -0.5px -0.5px 15px #FFFFFF;
	cursor: pointer;}


.status_box_container{
	margin: 5px;
	padding: 5px;
	background-clip: border-box;
	position: relative;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;}

.status_box_item {
    color: #87CEEE;
	position: relative;
	margin-left: 15px;
	text-decoration: none;}


.main {
    display: flex;
    flex-flow: row wrap;
	justify-content: space-between;
	flex: 100%;}


.left_section {
	position: relative;
	float: left;
	width: 200px;
	background-color: #FFFFFF;
	margin: 5px 5px 5px 0px;
	padding: 15px;
	word-wrap: break-word;
	word-break: keep-all;}

.left_section_clone {
	position: relative;
	float: left;
	min-height: 250px;
	width: auto;
	background-color: #FFFFFF;
	margin: 5px 5px 5px 0px;
	padding: 15px;
	border-top: none;
	border-bottom: none;
	border-left: 5px solid;
	border-right: 5px solid;
	border-color: #87CEEA;
	word-wrap: break-word;
	word-break: keep-all;}


.middle_section {
	background-color: #FFFFFF;
	background-clip: border-box;
	position: relative;
	border-style: none;
	min-width: 200px;   
	max-width: 50%;
	margin: 5px;
	padding: 15px;
	word-wrap: break-word;
	word-break: keep-all;}

.middle_section_order {
	display: flex;
	flex: 100%;
	flex-flow: row wrap;
	justify-content: space-between;}


.right_section {
	position: relative;
	float: right;
	width: 200px;
	background-color: #FFFFFF;
	margin: 5px 0px 5px 5px;
	padding: 15px;
	word-wrap: break-word;
	word-break: keep-all;}

.right_section_clone {
	position: relative;
	float: right;
	min-height: 250px;
	width: 200px;
	background-color: #FFFFFF;
	margin: 5px 0px 5px 5px;
	padding: 15px;
	border-top: none;
	border-bottom: none;
	border-left: 5px solid;
	border-right: 5px solid;
	border-color: #87CEEA;
	word-wrap: break-word;
	word-break: keep-all;}


.left_section_menus {
	padding: 5px;
	border: solid #87CEEA;
	border-radius: 25px;
	background-color: #87CEEE;}

.left_section_headers {
	padding: 3px;
	border-radius: inherit;
	background-color: #87CEEA;
	color: #FFFFFF}

.left_section_links {
	font-style: italic;
	color: #FFFFFF;
	text-decoration: none;}

.left_section_links:hover {
	text-shadow: 0.5px 0.5px 15px #FFFFFF, -0.5px -0.5px 15px #FFFFFF;}



/* Strictly Customers*/
.customer_home_page {
	background-color: #FFFFFF;
	background-clip: border-box;
	position: relative;
	border-style: none;
    width: 100%;
	padding: 5px;
	word-wrap: break-word;
	word-break: keep-all;
	flex: 100%;}

.customer_grid_menu_order {
	margin-top: 50px;
	margin-bottom: 50px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: center;}

.customer_grid_menu {
	border: thin;
	background-clip: border-box;
	font-size: 150%;
	border-radius: 25px;
	padding: 25px;
	margin: 10px;
	width: 200px;
	background-color: #87CEEA;
	color: #FFFFFF;
	float: left;
	text-align: center;}

.customer_grid_menu:hover {
	text-shadow: 0.3px 0.3px 10px #FFFFFF, -0.3px -0.3px 10px #FFFFFF;
	cursor: pointer;}

.customer_project_action_button {
	border-radius: 25px;
	color: #FFFFFF;
	background-color: #87CEEA;
	text-align: center;
	padding: 10px 15px;
	font-size: 125%;
	float: left;}

.customer_project_action_button:hover {
	text-shadow: 0.3px 0.3px 10px #FFFFFF, -0.3px -0.3px 10px #FFFFFF;
	cursor: pointer;}

.customer_account_settings_page_format {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;}

.customer_account_settings_biography_format {
	display: flex;
	flex-flow: column;
    min-width: 300px;
    max-width: 500px;
}

.left_blank_section {
	position: relative;
	float: left;
	min-width: 2%;
	max-width: 10%;
	background-color: #FFFFFF;
	margin: 5px 5px 5px 0;
	padding: 15px;}

.customer_middle_section {
	background-color: #FFFFFF;
	background-clip: border-box;
	position: relative;
	border-style: none;
	min-width: 200px;
	max-width: 100%;
	margin: 5px;
	padding: 15px;
	word-wrap: break-word;
	word-break: keep-all;}

.right_blank_section {
	position: relative;
	float: right;
	min-width: 2%;
	max-width: 10%;
	background-color: #FFFFFF;
	margin: 5px 0 5px 5px;
	padding: 15px;}
/* End */ 


.image_room {
    margin-top : 10px;
	border: hidden;
	background-clip: border-box;
	background-color: #FFFFFF;}

.image_seat {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    max-width: 100%;}


.account_balance {float:left;}


.footer {
	background-color: #87CEEA;
	color: #FFFFFF;
	background-clip: border-box;
	padding: 25px;
	margin-top: 5px;
	text-align: left;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;}


.footerorder {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;}
	
	
.footer_items {
    padding: 15px 10px;}


.copyright {
	color: #FFFFFF;
	text-align: center;
	font-size: 15px;
	margin-top: 25px;}


/* .profile_data_form {
    	border-radius: 25px;
    	max-width: 500px;
    	min-width: 280px;
    	padding: 15px;
    	border: 3px solid #00009F;} (Original) */

.profile_data_form {
    margin: 10px 0px;
	border-radius: 25px;
	min-width: 50%;
    max-width: 600px;
	padding: 15px;
	border: 3px solid #87CEEA;}
	
.uploads_form {
    margin: 10px 0;
	border-radius: 25px;
	min-width: 50%;
    max-width: 600px;
	padding: 15px;
	border: 3px solid #87CEEA;}
	
.wrapper {
    width: inherit;}


.centered_button {
    text-align: center;}


.submit_button {
	border-radius: 25px;
	color: #FFFFFF;
	background-color: #87CEEA;
	text-align: center;
	padding: 10px 15px;}

.submit_button:hover {
	text-shadow: 0.5px 0.5px 15px #FFFFFF, -0.5px -0.5px 15px #FFFFFF;
	cursor: pointer;}

.links {
	text-decoration: none;
	color: #87CEEA;}


.error {
	font-size: 85%;
	font-style: italic;
	color: #FF0000;}


.success {
	font-size: 85%;
	color: #009F00;}


.evaluation_table_header_cell {
	empty-cells: hide;
	padding: 5px;
	margin: 5px;
	width: 150px;}


.question_collapsible{
	background-color: #EBEBEB;
	font-weight: bold;
	padding: 3px;}

.question_collapsible:hover {
	cursor: pointer;}

.answer_collapsible {
	padding: 0 10px;
	display: none;
	height: auto;
	font-size: 90%;}

:checked + .answer_collapsible {
	display: block;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	

/* Media Query */


/* For Top Menu Bar In Header Template */
@media (max-width: 934px)
    {
        nav a {
            display: block;}
        
        .header_menu_items1 {
            margin-left: -5px;
            margin-right: 5px;}
            
        .header_menu_items2 {
            margin-right: -5px;
            margin-left: 5px;}
    }

/* For Left And Right Side Template */ 
@media (max-width: 1056px)
    {
        .right_section {
            width: 0;}
    }
    
/* For Middle Section */
@media (max-width: 586px)
    {
        .middle_section {
            min-width: 200px;
            max-width: 100%;}
    }
    
/* For Uploads Form And Some Other Tweakings */
@media (max-width: 592px)
    {
        .profile_data_form {
            margin: 0;
            width: 380px;}
            
        .uploads_form {
            margin: 0;
            width: 380px;}
            
        .customer_home_page {
            min-width: 200px;}
            
        .customer_middle_section {
            padding: 0;}
    }
    
/* For Customer Account */
@media (max-width: 400px)
    {
        .right_blank_section {
            width: 0;
        }
        
        .left_blank_section {
            width: 0;
        }
    }