html, body{
	min-height:100%;
	overflow: hidden;
}

body{
	overflow-y: scroll;
	font-size: 18px;
	font-weight: 500;
	line-height:normal;
	background-color:#000;
}

#login, input{
	font-size:39px;
	font-weight: 300;
}

#background{
	position:fixed;
	background-image:url(../img/interface/background-blur.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 100%;
	z-index:-1;
	opacity:.95;
}

h1{
	color:#fff;
	text-transform:uppercase;
	font-size:38px;
	font-weight: 300;
	margin:14px auto;
	color:#009bdf;
	width: 100%;
	text-align: left;
}

form#login {
	background:none;
	color: #fff;
	padding: 129px 0;
	width: 988px;
	margin: -204px 0 0 -494px;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	border-top: none;
	border-bottom: none;
	border-radius: 3px;
	text-align: center;
	-webkit-box-shadow:none;
}

input[type="text"], input[type="password"], input[type="number"]{
	background-color:rgba(255,255,255,.2) !important;
	color:#000 !important;
	border:3px solid #fff;
	padding: 1px 20px;
	line-height: normal;
}
textarea{
	background-color:rgba(255,255,255,.2) !important;
	color:#000 !important;
	border:3px solid #fff;
	padding: 12px 20px;
	font-size: 18px;
	font-weight: 300;
	line-height:normal;
	height: 92px;
}
input[type="text"]:focus, textarea:focus, input[type="password"]:focus, input[type="number"]:focus, select:focus, input[type="file"]:focus{
	background-color:rgba(255,255,255,1.0) !important;
	color:#009bdf !important;
	outline: 0;
}

textarea:disabled{
	background-color:transparent !important;
	border:3px dotted #fff;
    resize:none !important;
}

.checkboxblock{
	border-radius: 3px;
	border-top-left-radius: 0;
	border:3px solid #fff;
	padding:10px 20px;
	margin: 0 0 20px 0;
}
.checkboxblock input[type="checkbox"]{
	position:relative;
	top:19px;
	left:20px;
	z-index:1;
}
.checkboxblock label{
	position:relative;
	margin:6px 0 6px -20px !important;
	border-top-right-radius:inherit !important;
	border-bottom-right-radius:inherit !important;
	padding: 15px 15px 16px 58px !important;
	text-align:left !important;
	width: 70% !important;
	background-color: rgba(255,255,255,.75) !important;
}
select{
	height: 61px;
	border: 3px solid #fff;
	background-color: rgba(255,255,255,.2) !important;
	font-size: 18px;
	padding: 12px;
	font-weight: 300;
}
label{
	color:#fff;
	/*opacity:.5;
    transition: all .5s;*/
}

input, textarea{
	border-radius: 3px;
}
label, input[type="submit"], button{
	text-transform:uppercase;
	border:none;
}
input[type="submit"], button{
	background:#009bdf;
	background:rgba(0,155,223,1);
	padding:33px 44px;
	cursor:pointer;
	-webkit-transition: all .5s;  /* For Safari 3.1 to 6.0 */
    transition: all .5s;
}
input[type="submit"]:hover,button:hover{
	background:rgba(0,155,223,0);
	-webkit-box-shadow: 0px 0px 3px 0px rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(255,255,255,1);
	box-shadow: 0px 0px 3px 0px rgba(255,255,255,1);
}

#login label{
	float:right;
	height: 61px;
	margin-top: 21px;
	text-align:right !important;
}
#login input[type="text"], #login input[type="password"]{
	float:left;
	padding:10px 0 10px 10px;
}

.left, .right{
	width:48%;
}
.left{
	float:left
}
.right{
	float:right
}

#login #header{
	top:-29px;
}
#login h1{
	width:initial;
	display:inline-block;
	margin:0;
	text-align:center;
}
#login .holder{
	position:absolute;
	width:100%;
}
#login #submit{
	bottom:-34px;
}
#login input[type="submit"]{
	margin:0 40px;
}

.line{
	position:absolute;
	height:3px;
	background-color:#fff;
}
#login .top{
	width:296px;
	top:0
}
#login .bottom{
	width:296px;
	bottom:0
}
#login .left{
	left:0
}
#login .right{
	right:0
}

aside#notificationbar{
	height: 55px;
	background:none;
	line-height: 61px;
	border-top: 3px solid #fff;
	text-transform:uppercase;
	font-weight: 300;
	 background: rgba(0,0,0,0.3);
}

#page-container{
	background:none;
}



/*	PAGE	*/

header{
	background-color:#ffffff !important;
	background: rgba(255,255,255,0.5) !important;
	border-bottom: 3px solid #fff;
	color: #009bdf;
}
header .loggedin{
	color: #009bdf;
	font-size:18px;
}
header .loggedin a{
	color: #fff;
	background-color:#009bdf;
	border-radius:3px;
	overflow:hidden;
	padding:5px 10px;
	text-transform:uppercase;
	-webkit-transition: all .5s;  /* For Safari 3.1 to 6.0 */
    transition: all .25s;
}
header .loggedin a:hover{
	color:#009bdf;
	background:#fff;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,155,223,1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,155,223,1);
	box-shadow: 0px 0px 3px 0px rgba(0,155,223,1);
}
#cms-name{
	position: absolute;
	left: 10px;
	top: 5px;
}


#content-holder{
	position:fixed;
	left: 0px;
	right: 0;
	top: 0px;
	bottom: 47px;
}
section#content {
	padding: 0px 20px 0;
	overflow: auto;
	overflow-y: scroll;
	height: 100%;
	top: 47px;
	left:240px !important;
}

select#filter {
	top: 8px;
	position: absolute;
	right: 20px;
}

td{
	font-size:18px;
	padding:10px;
	border:none;
}
.tableborder{
	border:3px solid #fff;
	border-radius:3px;
}
table{
}
table thead, table thead tr:nth-child(odd){
	background:#fff;
	color:#009bdf;
	text-transform:uppercase;
	font-size: 18px;
}
table thead{
	background:#ffffff !important;
}
tr{
	color:#000;
	/*border-top:1px dotted rgba(255,255,255,1);*/
}
tr:nth-child(even){
	background:rgba(255,255,255,0.35);
}
tr:nth-child(odd){
	background:rgba(255,255,255,0.5);
}
td.vanaf{
	font-size: 18px;
}
td.tot{
	font-size: 18px;
}
td.action, td.index {
	text-align: center;
}
td.action a{
	color:#fff;
	background:#009bdf;
	border-radius:3px;
	padding: 0px 6px;
	-webkit-transition: all .25s;  /* For Safari 3.1 to 6.0 */
    transition: all .25s;
}
td.action a:hover{
	color:#009bdf;
	background:#fff;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,155,223,1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,155,223,1);
	box-shadow: 0px 0px 3px 0px rgba(0,155,223,1);
}


/* ADD/EDIT */

#content label{
	text-align: right;
	margin-right: 20px;
	padding: 15px 15px 16px;
	margin: 0px 0px 20px;
	background-color: #fff;
	color: #009bdf;
	border-radius: 3px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
#content input, #content button{
	margin-top:0;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	padding: 12px 20px 13px;
	font-size: 18px;
	height: 30px;
}

input[type="file"]{
	background: #fff;
	margin-left: 0px;
	font-size: 18px;
	padding: 14px 20px 15px !important;
	vertical-align: top;
	padding-bottom:10px;
}

#content input[type="submit"], #content button{
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	margin: 40px 0 100px 25%;
	font-size: 30px;
	font-weight: 300;
	padding: 23px 23px 44px;
}
#content button {
	margin: 0 0 40px 0;
}
#content textarea{
	border-top-left-radius:0;
    resize: vertical;
}

/* UPLOAD FILE */

#filecontainer{
	list-style: inherit;
	max-width: 790px;
	border: 3px solid #fff;
	border-radius: 3px;
	padding: 20px;
}
#filecontainer li{
	cursor: move;
	margin-bottom: 1px;
	padding: 15px 15px 16px;
	background-color: rgba(255,255,255,.75) !important;
	color: #009bdf;
	border-radius: 3px;
	height: 56px;
}
#filecontainer li:hover{
	background-color: rgba(255,255,255,1) !important;
}

#filecontainer li .seconds {
	width: 40px;
	float: right;
	border: 1px solid #000;
	margin: 0 10px 0 0;
}

/* NAVIGATION */

nav#menu ul li a, nav#menu ul li.active a{
	-webkit-transition: all .25s;  /* For Safari 3.1 to 6.0 */
    transition: all .25s;
	padding: 3px 20px !important;
}
nav#menu ul li a:hover, nav#menu ul li.active a:hover{
	color:#009bdf;
	background:#fff;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,155,223,1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,155,223,1);
	box-shadow: 0px 0px 3px 0px rgba(0,155,223,1);
}
nav#menu [class^="icon-"], nav#menu [class*=" icon-"]{
	-webkit-transition: all .25s;  /* For Safari 3.1 to 6.0 */
    transition: all .25s;
	color:#ffffff;
}
nav#menu ul li a:hover [class^="icon-"], nav#menu ul li a:hover nav#menu [class*=" icon-"]{
	color:#009bdf;
}

nav#menu{
	margin-top:25px;
	z-index: 10;
}
nav#menu li{
	border-radius:3px;
	overflow:hidden;
}
nav#menu li li{
	border-radius:0;
}
nav#menu ul li a, nav#menu ul li.active a{
	background:#009bdf;
	color: #fff;
	text-transform: uppercase;
	font-size:18px;
}
nav#menu ul li ul li a, nav#menu ul li.active ul li a{
	background:#009bdf;
	color: #fff;
	font-size:13px;
	text-align:left;
}
nav#menu ul li ul li, nav#menu ul li{
	margin-bottom:5px;
	border:none;
}
nav#menu ul li ul li{
	margin:0;
	border-top:1px solid #008bc8;
}
nav#menu ul li, nav#menu ul li ul{
	background:none;
}
nav#menu ul li ul li a{
	padding:0;
	text-align: left;
}
nav#menu ul li.active ul li.active a{
	background:#008bc8;
	color: #fff;
	border-right:none;
	font-weight:600;
	cursor:default
}


/* DATEPICKER */

body .ui-widget, body .ui-datepicker-calendar span{
	font-family:inherit;
	font-weight:300;
}
body .ui-datepicker .ui-datepicker-header{
	border:none;
	border-radius:3px;
	background:#fff;
	font-family:inherit;
	font-weight:300;
	text-transform:uppercase;
	color:#009bdf;
}
body .ui-state-default, body .ui-widget-content .ui-state-default, body .ui-widget-header .ui-state-default{
	border:none;
	border-radius:0px;
	background: #009bdf;
	color: #fff;
	font-weight:300;
}
body .ui-state-active{
	background-color: #004d6f !important;
}
body .ui-widget-content .ui-state-default:hover{
	color:#009bdf;
	background:#fff;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,155,223,1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,155,223,1);
	box-shadow: 0px 0px 3px 0px rgba(0,155,223,1);
}
body .ui-datepicker .ui-datepicker-buttonpane button{
	font-weight:300;
	font-family:inherit;
	border:none;
	border-radius:3px;
	color: #fff;
	background: #009bdf;
	overflow: hidden;
	padding: 5px 10px;
	text-transform: uppercase;
	opacity:1;
}
body .ui-datepicker .ui-datepicker-buttonpane button:hover{
	color:#009bdf;
	background:#fff;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,155,223,1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,155,223,1);
	box-shadow: 0px 0px 3px 0px rgba(0,155,223,1);
}
body .ui-datepicker td{
	padding: 0 0 1px 1px;
}

#content tr{
	border:1px dotted #ffffff\9; /* IE8 and below */
}

span#viewers-list {
	line-height: 30px;
	border-radius: 3px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;	
	padding: 15px 15px 16px;
	margin: 0px 0px 20px;
	background-color: rgba(255,255,255,.8) !important;
	display: inline-block;
	color: #009bdf;	
}