@charset "utf-8";
/* CSS Document */

.logoImage {width:100%; display:block; margin:0 auto}
.formSection {padding:10px 0; background:#DDDDDD}

input[type="text"], input[type="password"] {border:1px solid #333333; border-radius:6px; height:40px; margin:0 0 8px 0; padding-left:5px; background:#FFFFFF}
label {margin:0 0 2px 0}
button[type="button"] {width:100%; margin:10px 0}

#navSection {width:100%; padding:0 2%}
#navSection ul {width:100%; text-align:center; margin:10px 0 0 0; padding:0}
#navSection ul li {width:100%; background:#dc3545; height:35px; list-style:none; border-bottom:#FFFFFF 1px solid; cursor:pointer; transition:.5s}
#navSection ul li:hover {background:#B5212F}
#navSection ul li p {line-height:35px; color:#FFFFFF; font-weight:bold; text-transform:uppercase}

#initial_display {clear:both; padding:15px}
#initial_display p {text-align:center}

#room_display_row {display:none; width:100%; padding:2px 2%; background:#CCCCCC; margin:0 0 15px 0}
#room_display_row h3 {text-align:left; padding:4px 5px; font-size:1.25em; line-height:45px; margin:0; width:100%}
#room_display_row h3 #add_item {float:right; color:#000000; font-size:.85em}
#room_display_row h3 #add_item img {width:24px; height:24px; cursor:pointer; margin:auto 5px}

.underline {border-bottom:1px #999999 solid; padding:0 0 0 4px}
.tableHeader {clear:both; margin:0 auto 5px; padding:15px 0 0 0; width:85%}
.tableHeader p {margin:0; font-size:.75em}
.ulLeft {border-left:1px #999999 solid}
.ulRight {border-right:1px #999999 solid}
.ulTop {border-top:1px #999999 solid}

#item_list {clear:both; margin:0 auto 5px; padding:8px 0; width:85%}
#item_list .row:nth-child(odd) {background:#DDDDDD}
#item_list input {width:70%; margin:0 auto; border:none; background:#DDDDDD}


@media (min-width: 768px) {

	button[type="button"] {width:200px; float:right; margin-left:15px}
	#navSection ul {max-width:1200px; margin-left:auto; margin-right:auto}
	#navSection ul li {width:16.6666666%; float:left; border-right:1px #FFFFFF solid}

	#room_display_row {max-width:1200px; margin-left:auto; margin-right:auto}
	.underline {padding-left:12px}
	.tableHeader p {font-size:1em}
	


}