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

body {
	margin: 0px;
	padding: 0px;
	font-family: 'Roboto', sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-size: 16px;
	color: #c5c8c9;
	line-height: 20px;
	font-weight: 300;
}
#wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #00AAE7;
	background: linear-gradient(#00AAE7, #73D8FD);
}
table {
	border-collapse: collapse;
	width: 100%;
}
td {
	padding: 13px 20px 13px 20px;
	border-bottom: 1px solid #c5c8c9;
	font-weight: 400;
}
td.header {
	background-color: #73D8FD;
	background: linear-gradient(#00AAE7, #73D8FD);
	color: #FFF;
	border: none;
	font-weight: 700;
}
td.headerFirst {
	border-radius: 5px 0px 0px 5px;
}
td.headerLast {
	border-radius: 0px 5px 5px 0px;
}
.contentArea {
	position: relative;
	width: 884px;
	height: 400px;
	padding-top: 40px;
	padding-right: 70px;
	padding-left: 70px;
	padding-bottom: 50px;
	border-radius: 0px 0px 15px 15px;
	background: #fff;
}
#contentWrapper {
	position: relative;
	margin: 0 auto;
	width: 1024px;
	height: auto;
	overflow-y: visible;
	border-radius: 15px;
	box-shadow: 2px -2px 8px rgba(0,0,0,0.5);
	background-color: rgba(0,0,0,0.35)
}

h1 {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 33px;
	font-weight: 300;
	font-size: 24px;
	color: #95989A;
	text-align: center;
}
.form {
	width: 100%;
	margin-top: -22px;
	height: auto;
	text-align: justify;
}
.fieldset {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin: 0px;
	margin-bottom: 6px;
	padding: 0px;
}
.form:after {
	content: '';
	display: inline-block;
	width: 100%;
}
.fieldsetJustified {
	text-align: justify;
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin: 0px;
	padding: 0px;
	margin-bottom: -10px;
}
.fieldsetJustified:after {
	content: '';
	display: inline-block;
	width: 100%;
}
.fieldsetButton {
	text-align: justify;
	position: relative;
	margin: 50px auto;
	width: 60%;
}
.fieldsetButton:after {
	content: '';
	display: inline-block;
	width: 100%;
}
input:focus, select:focus, textarea:focus, button:focus {
	outline: none;
}
input, select, button, a.button {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 41px;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	border-color: #c5c8c9;
	padding-left: 45px;
	background-repeat: no-repeat;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #656565;
	line-height: 20px;
}
select {
	background-position: top 17px right 11px;
	background-image: url(../images/arrow_icon.png);
}
.label {
	width: 422px;
	display: inline-block;
	margin-top: 22px;
	margin-bottom: 10px;
	font-size: 13px;
	color: #656565;
	line-height: 13px;
	font-weight: 700;
}
button, a.button {
	width: 160px;
	padding: 0px;
	border-radius: 22px;
}
button.solid, a.buttonsolid {
	border-style: none;
	background-color: #73D8FD;
	background: linear-gradient(#00AAE7, #73D8FD);
	color: #FFFFFF;
}
.select_icon {
	width: 41px;
	height: 41px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}
.select_wrapper {
	position: relative;
}
.confirmbox {
	display: table;
	position: relative;
	margin: 25px auto;
	padding: 10px;
	text-align: center;
	width: 700px;
	height: 200px;
	border-radius: 15px;
	background-color: #73D8FD;
	background: linear-gradient(#00AAE7, #73D8FD);
}
.newcode {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border: 0px;
	font-size: 28px;
	color: #FFF;
	line-height: 40px;
	font-weight: 600px;
}
.searchBox {
	position: relative;
	margin-bottom: 10px;
	text-align: center;
	width: 100%;
	background-color: #FFF;
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	border-color: #c5c8c9;
}
input.search {
	margin: 20px 20px 0px 20px;
	width: calc(100% - 40px);
	background-color: #FFFFFF;
	border-radius: 0px;
	border-style: none;
	border-bottom: solid #c5c8c9;
	border-bottom-width: 1px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 24px;
	color: #00AAE7;
	line-height: 30px;
	padding-left: 0px;
}
.filter {
	text-align: justify;
	display: inline-block;
	vertical-align: top;
	width: 24%;
	height: 30px;
}
.filterWrapper {
	width: calc(100% - 40px);
	margin: 20px 20px 10px 20px;
	text-align: justify;
}
.filterWrapper:after {
	content: '';
	display: inline-block;
	width: 100%;
}
.search_icon {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 20px;
	left: 820px;
	z-index: 100;
}
#settingsMenu {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 15%;
	height: 100%;
}
#settingsMenu ul {
	width: 100%;
	list-style: none;
	height: 100%;
	margin: 0px;
	padding: 0px;
	display: table;
}
#settingsMenu li {
	display: table-row;
	list-style: none;
}
#settingsMenu li .inner {
	display: table-cell;
	vertical-align: middle;
	border-bottom: 1px #FFF solid;
	background-color: #95989A;
	background-size: auto;
	text-align: center;
}
#settingsMenu li .innerLast {
	display: table-cell;
	vertical-align: middle;
	border-bottom: none;
	background-color: #95989A;
	background-size: auto;
	text-align: center;
	border-radius: 0px 0px 0px 15px;
}
#settingsMenu li .innerPadding {
	display: table-cell;
	vertical-align: middle;
	border-bottom: none;
	background-image: url(../images/settings_menu_background_active.png);
	background-repeat: no-repeat;
	background-position: right;
	width: 30px;
}
#settingsMenu li a {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 600;
}
.scalingicon {
	display: inline-block;
	clear: both;
	height: 35%;
}
#configArea {
	position: absolute;
	right: 0px;
	bottom: 0px;
	padding: 45px;
	width: calc(45% - 90px);
	height: calc(100% - 90px);
	background-color: #fff;
	border-radius: 0px 0px 15px 0px;
}
.manageOptions {
	position: absolute;
	left: 185px;
	margin: auto;
	padding: 5px;
	margin-bottom: 30px;
	text-align: center;
	width: 300px;
	height: 350px;
}
.editOptions {
	align-content: center;
	margin-bottom: 0px;
	position: relative;
	margin: auto;
	padding: 5px;
	text-align: center;
	width: 350px;
	height: 400px;
	border-radius: 0px;
	background-color: #FFF;
}
.optionsBox {
	position: relative;
	margin: auto;
	padding: 5px;
	margin-bottom: 30px;
	text-align: center;
	width: 300px;
	height: 350px;
	border-radius: 15px;
	background-color: #FFF;
	box-shadow: 1px -1px 8px grey;
}
.optionsBox ul {
	list-style: none;
	width: 100%;
	height: 90%;
	margin: 0px;
	padding: 0px;
	display: table;
}
.optionsBox ul li {
	display: table-row;
	list-style: none;
	height: 50px;
}
.optionsBox ul li.active {
	display: table-row;
	list-style: none;
	height: 50px;
	background-color: #73D8FD;
	background: linear-gradient(#00AAE7, #73D8FD);
}
.optionsBox ul li.active a {
	color: #FFF;
	font-size: 18px;
	font-weight: 600;
}
.optionsBox ul li .inner {
	display: table-cell;
	vertical-align: middle;
	border-bottom: 1px #FFF solid;
	background-size: auto;
	text-align: center;
}
.optionsBox ul li a {
	color: #95989A;
	font-size: 16px;
	font-weight: 600;
}
.scrollArea {
	width: 100%;
	height: 90%;
	overflow-y: auto;
}

::-webkit-scrollbar {
 width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
 -webkit-border-radius: 15px;
 border-radius: 15px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
 -webkit-border-radius: 10px;
 border-radius: 15px;
 background: rgba(149,152,154,.20);
}

h2 {
	text-align: center;
	margin: 0px;
	margin-bottom: 20px;
	font-weight: 400;
	font-size: 18px;
	color: #606264;
	z-index: 100;
}

.addButton {
	position: relative;
	bottom: -15px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 0px;
	background-color: #000000;
	border-style: none;
	border-width: 0px;
	border-radius: 0px;
	border-color: none;
	padding-left: 0px;
	box-shadow: 1px -1px 8px grey;
}

.settingsInput {
	text-align: justify;
	width: 100%
}

#navbar {
	width: 100%;
	height: 50px;
	display: table;
	background-color: none;
}

#navbar ul {
	display: table-row;
	width: 100%;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#navbar li.spacer {
	width: 1px;
	display: table-cell;
	background : none;
	border-radius : 0px;
	box-shadow : none;
	margin-right: 0px;
	padding-top: 0px;
	font-size: 0px;
}

#navbar li {
	width: 33%;
	display: table-cell;
	background-image:url(../images/tab_shaddow.png);
	background-repeat: repeat-x;
	border-radius : 10px 10px 0px 0px;
	margin-right: 2px;
	padding-top: 0px;
	text-align: center;
	vertical-align: middle;
	font-weight: 400;
	font-size: 18px;
	color: #95989A;
}

#navbar li.active {
	background-image: none;
	background-color: #FFF;
	font-weight: 500;
	font-size: 20px;
	color: #00AAE7
}