/* begin ui dialog */

.ui-dialog {
	display: none;
}

/* Hide source dialog elements until jQuery UI initializes them */
.dialog {
	display: none;
}

.ui-widget {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 300;
}

.ui-widget-content {
	border: 1px solid #bcbcbc;
	color: #324047;
}

.ui-dialog {
	left: 0;
	outline: 0 none;
	padding: 0 !important;
	position: absolute;
	top: 0;
}

#success {
	padding: 0;
	margin: 0;
}

.ui-dialog .ui-dialog-content {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	overflow: auto;
	position: relative;
	padding: 20px;
}

.ui-widget-header {
	background: #0078b3;
	border: 1px solid #0078b3;
	color: #f4f4f4;
	font-size: 16px;
	font-weight: 300;
}

.ui-dialog .ui-dialog-titlebar {
	padding: 5px 20px;
	position: relative;
}

.ui-dialog .ui-dialog-titlebar-close {
	text-indent: -9999px !important;
	white-space: nowrap !important;
	background: #f4f4f4;
	border-radius: 50%;
	/*margin-right: -15px;
	margin-top: -25px;
	border: 2px solid #0078b3;*/
}

/* end ui dialog */

#rows {
	padding-right: 20px !important;
}

/* TinyMCE editor layout */
.mce-tinymce {
	width: 100% !important;
	border: 1px solid #0078b3 !important;
	box-shadow: none !important;
	border-radius: 2px !important;
	overflow: hidden !important;
}

#content_ifr {
	padding-left: 10px;

}

/* TinyMCE editor layout */


/* progress bar */

.progress {
	display: block;
	text-align: center;
	width: 0;
	height: 3px;
	background: red;
	transition: width .3s;
}

.progress.hide {
	opacity: 0;
	transition: opacity 1.3s;
}

#progressbar {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.4);
	z-index: 99999;
}

#progressbar .loadtext {
	position: absolute;
	top: calc(50% - 50px);
	left: 25%;
	text-align: center;
	padding-top: 15px;
	width: 50%;
	height: 60px;
	background-color: White;
	/*background-image: url(images/progress-bar.gif);
	background-repeat: no-repeat;
	background-position: center;*/
	font-weight: 400;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}

#progressbar #loadingbar {
	position: relative;
	margin: 0 auto;
	margin-top: 50vh;
	width: 50%;
	border: none;
}

#progressbar .canceltext {
	display: none;
	position: absolute;
	transition: all .4s ease;
	top: calc(50% + 35px);
	left: calc(50% - 30px);
	text-align: center;
	width: 60px;
	height: 25px;
	line-height: 25px;
	border: 1px solid #0078b3;
	border-radius: 100px;
	border-radius: 10rem;
	color: #505050;
	background-color: #efeff0;
	cursor: pointer;
}

#progressbar .canceltext:hover {
	background-color: #fff;
}

/* progress bar */

html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	/*overflow-x: hidden;*/
}

#errorbox {
	position: absolute;
	top: 0px;
	z-index: 10000;
	transition: all .4s ease;
	width: 100%;
	line-height: 50px;
	background-color: #cc1111;
	color: #f5f5f5;
	text-align: center;
}

#container {
	position: absolute;
	min-height: 100%;
	min-width: 100%;
	margin: 0;
	padding: 0;
	/*margin-top: 72px;*/
	margin-top: 52px;
	background-color: #1a7fd1;
	background: url(images/bg-intranet.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-weight: 300;
	color: #324047;
}

#container.login {
	background: url(images/bg-login.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-top: 0px;
}

#intranetcontainer {
	position: relative;
	float: left;
	display: flex;
	min-height: calc(100% - 70px);
	min-width: 100%;
	background-color: rgba(240, 240, 240, 0.78);
	overflow: hidden;
}

.graphcol {
	float: left;
	width: 40%;
}

.inputcol {
	float: left;
	width: 60%;
}

.introtext.home {
	width: calc(100% - 300px);
}

.formtable {
	width: 48%;
	padding-right: 2%;
	float: left;
}

#intranetbody {
	position: relative;
	width: 100%;
}

#title {
	display: inline-block;
	padding-right: 60px;
	width: 100%;
}

.pricerecord {
	height: 35px;
	line-height: 35px;
	width: 100%;
}

#button-new,
.button-new,
.button-upload,
.button-remove {
	transition: all .4s ease;
	display: inline-block;
	background-color: #efeff0;
	border: 1px solid #0078b3;
	border-radius: 100px;
	border-radius: 10rem;
	height: 40px;
	line-height: 40px;
	padding-left: 50px;
	padding-right: 20px;
	color: #505050;
	background-image: url(images/plus.png);
	background-repeat: no-repeat;
	background-position: 10px;
	cursor: pointer;
	margin-right: 10px;
}

.button-remove {
	background-image: url(images/minus.png);
}

.button-upload {
	background-image: url(images/upload.png);
}

.link-new {
	transition: all .4s ease;
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 40px;
	color: #505050;
	background-image: url(images/plus.png);
	background-repeat: no-repeat;
	background-position: left;
	cursor: pointer;
}

.link-new:hover {
	margin-left: 5px;
}

#button-new:hover,
.button-new:hover,
.button-upload:hover,
.button-remove:hover {
	background-color: #fff;
}

.intranetlist {
	position: relative;
	display: block;
	float: left;
}

.searchform,
.scenario {
	position: relative;
	display: block;
	float: left;
	min-height: 400px;
	margin-bottom: 20px;
}

.searchform {
	width: 450px;
}

.scenario {
	width: calc(100% - 450px);
}

.intranetcol {
	position: relative;
	width: 100%;
	padding: 0px;
	border: none;
	font-size: 13px;
	border: 1px solid #585858;
	float: left;
}

.firsthalf {
	position: relative;
	width: 47.5%;
	margin-right: 2.5%;
	float: left;
}

.lasthalf {
	position: relative;
	width: 47.5%;
	margin-left: 2.5%;
	float: left;
}

.intranetcol tr {
	background-color: #fff;
}

.intranetcol tr td {
	border-bottom: 1px solid #cfcfcf;
}

.intranetcol tr:hover td {
	background-color: #cfcfcf;
	background-color: rgba(150, 150, 150, 0.3);
}

.intranetcol tr td:first-child,
.intranetcol tr th:first-child {
	padding-left: 5px;
}

.intranetcol th {
	height: 35px;
	color: #f4f4f4;
	text-align: left;
	font-weight: 300;
	font-size: 14px;
}

.intranetcol th a {
	color: #f4f4f4;
}

.intranetcol td {
	height: 30px;
}

.edit-photos {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	border-bottom: 2px solid #cfcfcf;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.currimgs {
	position: relative;
	float: left;
	width: 50%;
}

.imgupload {
	position: relative;
	float: left;
	width: 50%;
}

.edit-photo {
	position: relative;
	float: left;
	margin: 2%;
	width: 46%;
}

.edit-files {
	position: relative;
	float: left;
	margin: 2%;
	width: 46%;
}

.fullwidth {
	width: 96% !important;
}

.edit-photo img {
	width: 100%;
}

.imgicons {
	position: absolute;
	bottom: 2px;
	right: 4px;
	height: 32px;
	z-index: 10;
	background-color: rgba(255, 255, 255, 0.8);
}

.imgicon {
	position: relative;
	cursor: pointer;
	float: right;
	width: 35px;
	height: 32px;
	z-index: 10;
	background-repeat: no-repeat;
	background-position: center;
}

.delimg {
	background-image: url(images/delete.png);
}

.checkimg {
	background-image: url(images/icon-checked.png);
}

.uncheckimg {
	background-image: url(images/icon-unchecked.png);
}

#uploadform {
	position: relative;
	margin: 20px 5px;
	float: left;
	width: 100%;
	height: auto;
}

#uploadprocess {
	position: relative;
	float: left;
	width: 100%;
	margin: 20px 0;
}

#uploadprocess .button {
	display: block !important;
	margin: 0 auto;
	height: 35px;
	line-height: 35px;

}

#uploadform .dropzone,
.imgupload .dropzone,
.fileupload .dropzone {
	position: relative;
	float: left;
	width: 100%;
	border: 2px dashed #0078b3;
	background-color: #fff;
}

#logocontainer {
	position: relative;
	width: 100%;
	height: 150px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	background-color: #ffffff;
}

#logincontainer {
	position: absolute;
	top: calc(50% + 75px);
	transform: translateY(-50%);
	left: 100px;
	width: 350px;
	height: auto;
	background-size: 100%;
	background-color: rgba(255, 255, 255, 0.85);
	padding: 30px;
	color: #1e263d;
}

#logincontainer input {
	width: 290px;
	height: 25px;
	padding: 10px 20px;
	border: 1px solid #0078b3;
	border-radius: 100px;
	border-radius: 10rem;
	margin: 10px 0;
	background: none;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

.txt-label {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

#logincontainer input:focus {
	outline: none;
}

#logincontainer #loginbutton {
	transition: all .4s ease;
	cursor: pointer;
	margin: 10px 0;
	padding: 0;
	width: 50px;
	border-radius: 0px;
	height: 50px;
	outline: none;
	border: none;
	background: none;
	font-size: 18px;
	color: #0678b4;
	text-align: left;
	border-bottom: 1px solid #0678b4;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

#logincontainer #loginbutton:hover {
	color: #06171e;
}

input:-webkit-autofill {
	transition: all 5000s ease-in-out 0s;
}

#errorcontainer {
	position: absolute;
	z-index: 9999;
	top: 170px;
	left: 100px;
	margin: 0 auto;
	width: 385px;
	height: auto;
	background-size: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	border-left: 5px solid #b70000;
	padding: 10px;
	color: #5a5a5a;
}

#datetoday {
	position: absolute;
	right: 15px;
	top: 5px;
	height: 40px;
	line-height: 40px;
	color: #e4e4e4;
}

#menu {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 260px;
	margin-bottom: 50px;
	height: 50px;
	line-height: 50px;
	text-align: left;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	color: #313131;
}

#menu li {
	transition: background-color 0.4s ease-in-out;
	transition: background-image 0.4s ease-in-out;
	list-style-type: none;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 20px;
	padding-left: 10px;
}

li#dashboard {
	background-image: url(images/dashboard.png);
}

li#usermanag {
	background-image: url(images/clients.png);
}

li#scenarios {
	background-image: url(images/scenarios.png);
}

li#modifications {
	background-image: url(images/icon-checklist.png);
}

li#versionmanag {
	background-image: url(images/version-management.png);
}

li#licenses {
	background-image: url(images/licenses.png);
}

li#dashboard:hover,
li#dashboard.current {
	background-image: url(images/dashboard-hover.png);
}

li#usermanag:hover,
li#usermanag.current {
	background-image: url(images/clients-hover.png);
}

li#scenarios:hover,
li#scenarios.current {
	background-image: url(images/scenarios-hover.png);
}

li#modifications:hover,
li#modifications.current {
	background-image: url(images/icon-checklist-hover.png);
}

li#versionmanag:hover,
li#versionmanag.current {
	background-image: url(images/version-management-hover.png);
}

li#licenses:hover,
li#licenses.current {
	background-image: url(images/licenses-hover.png);
}

#menu li:hover,
#menu li.current {
	transition: all .4s ease;
	background-color: #0078b3;
	padding-left: 25px;
}

#menu li a {
	display: block;
	color: #313131;
	text-decoration: none;
	cursor: pointer;
	padding: 0px 15px;
	padding-left: 60px;
}

#menu li:hover a,
#menu li.current a {
	color: #eeeeee;
}

#menu li:hover .submenu li a,
#menu li.current .submenu li a {
	color: #313131;
}

#menu li:hover .submenu li:hover a,
#menu li.current .submenu li.current a {
	color: #eeeeee;
}

#menu li:hover .submenu li:hover .subsubmenu li a,
#menu li.current .submenu li.current .subsubmenu li a {
	color: #313131;
}

#menu li:hover .submenu li:hover .subsubmenu li:hover a,
#menu li.current .submenu li.current .subsubmenu li.current a {
	color: #eeeeee;
}

.submenu,
.subsubmenu {
	display: none;
	position: absolute;
	margin-left: 235px;
	margin-top: -50px;
	padding-left: 0px !important;
	background-color: rgba(255, 255, 255, 0.95);
	border-left: 3px solid #0078b3;
	width: 260px;
	z-index: 20;
}

.subsubmenu {
	width: 300px;
}

.submenu li,
.subsubmenu li {
	height: 50px;
}

.submenu li a,
.subsubmenu li a {
	padding: 0px 15px !important;
	padding-left: 15px !important;
}

#menu li:hover .submenu {
	display: block;
}

.submenu li:hover .subsubmenu {
	display: block;
}

/* --- end vertical menu --- */

#hor-menu {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: auto;
	float: left;
	border-bottom: 1px solid #666;
	width: 100%;
	margin-bottom: 20px;
}

#hor-menu li:first-of-type {
	margin-left: 0;
}

#hor-menu li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	margin: 0 4px;
}

#hor-menu li a {
	display: block;
	float: left;
	margin: 0;
	padding: 10px 20px;
	border: 1px solid #cfcfcf;
	border-bottom: 0px;
	text-align: center;
	color: #666;
	background-color: #efefef;
}

#hor-menu li a:hover {
	background-color: #cfcfcf;
}

#hor-menu li a.current {
	background-color: #fff;
	padding: 10px 20px;
}

#menucontainer {
	z-index: 1;
	position: relative;
	height: 50px;
	width: 900px;
}

#logo {
	position: relative;
	float: left;
	width: 900px;
	height: 20px;
	background: url(images/Logo_Hedera.png);
	background-repeat: no-repeat;
	background-position: top left;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	padding-top: 150px;
	padding-left: 15px;
	text-align: right;
	color: #CCCCCC;
	font-weight: bold;
}

#logoimg {
	position: relative;
	margin: 10px auto;
	width: 70%;
	height: 80px;
	background: url(images/Logo_Hedera.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90%;
}

#toplogo {
	position: relative;
	float: left;
	width: 400px;
	height: 150px;
	background: url(images/Logo_Hedera.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#topmenu {
	position: relative;
	float: left;
	width: calc(100% - 600px);
	text-align: center;
	padding-top: 14px;
	font-size: 18px;
	color: #1e263d;
	font-weight: 300;
}

#topmenu.login {
	width: calc(100% - 400px);
	padding-top: 50px;
	height: 150px;
}

#topmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

#topmenu ul li {
	display: inline;
	padding: 0 20px;
}

#topmenu ul a {
	display: inline-block;
	padding: 10px;
	color: #06171e;
}

#topmenu ul a:hover {
	color: #0678b4;
}

#logoimg-nucinfo {
	position: absolute;
	bottom: 10px;
	width: 100%;
	height: 80px;
	background: url(images/logo-nucinfo.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90%;
}

#menunav {
	position: absolute;
	right: 0;
	width: 700px;
	height: 150px;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	background: url(images/vergrootglas.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#menunav ul {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	padding-left: 50px;
	float: left;
}

#menunav ul li {
	display: block;
	float: left;
	height: 50px;
}

#menunav ul li a {
	display: block;
	float: left;
	color: #666666;
	text-decoration: none;
	padding: 16px 20px 0 20px;
	height: 50px;
}

#menunav ul li a span {
	padding: 17px 20px 0 0;
	float: left;
}

#menunav ul li a:hover {
	color: #222222;
	padding: 16px 20px 20px 20px;
	height: 50px;
	text-decoration: underline;
	background: url(images/toparrow.png);
	background-repeat: no-repeat;
	background-position: top center;
}

#menunav ul li a:hover span {
	display: block;
	width: auto;
	cursor: pointer;
}

#menunav ul li a.current,
#menunav ul li a.current:hover {
	color: #222222;
	padding: 16px 20px 20px 20px;
	height: 50px;
	text-decoration: underline;
	background: url(images/toparrow.png);
	background-repeat: no-repeat;
	background-position: top center;
}

#menulogo {
	position: absolute;
}

#menutext {
	position: relative;
	width: 900px;
}

ul.slides {
	font-family: 'Roboto', sans-serif;
	text-align: justify;
	font-size: 12px;
}

#menulogotext {
	position: absolute;
	left: 76px;
	top: 33px;
	font-size: 12px;
	color: #336633;
	font-weight: bold;
}

#content {
	position: relative;
	color: #333333;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	text-align: justify;
}

#content p {
	color: #606060;
	font-size: 13px;
	text-align: justify;
	padding-right: 5px;
}

#content b {
	color: #555555;
}

#topcontainer {
	position: fixed;
	width: 100%;
	height: 70px;
	background-color: #fff;
	border-bottom: 1px solid #c9c9c9;
	z-index: 999;
	top: 0px;
}

#subtopcontainer {
	width: 100%;
	height: 55px;
	background-color: rgba(247, 247, 247, 0.8);
	/*border-bottom: 2px dashed #c8c8c8;*/
	line-height: 55px;
	padding: 0 80px;
	/*display: none;*/
}

#subtopcontainer-expand {
	width: 100%;
	height: 8px;
	background-color: #d5d8dd;
	background-image: url(images/icon-slide-up-arrow.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer
}

#subtopcontainer-expand.closed {
	background-image: url(images/icon-slide-down-arrow.png);
}

#subtopcontainer-expand:hover {
	background-color: #a4b4ce;
}

#accountbutton {
	position: relative;
	transition: all .8s ease;
	height: 52px;
	width: 200px;
	padding: 20px 40px 0px 110px;
	color: #05171d;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	background: url(images/account.png) no-repeat 30px;
	float: left;
}

#helpbutton {
	position: relative;
	transition: all .8s ease;
	height: 52px;
	padding: 18px 110px 0px 40px;
	text-align: right;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	float: right;
	background: url(images/help.png) no-repeat right 30px top;
}

#accountbutton h3,
#helpbutton h3 {
	font-size: 16px;
	font-weight: 500;
	margin: 0;
	padding: 0;
	margin-top: -4px;
}

.intranetheadermenu {
	position: relative;
	width: 295px;
	height: auto;
	min-height: calc(100vh - 70px);
	background-color: rgba(255, 255, 255, 0.5);
	border-right: 3px solid #0678b4;
}

/* tables */
.topbox {
	position: absolute;
	right: 70px;
	top: 100px;
	z-index: 10;
	background-color: #ffffff;
	width: 220px;
	color: #15252c;
}

.topbox ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.topbox tr.trheader {
	background-color: #0078b3;
	color: #f4f4f4;

}

.topbox tr.trheader td {
	padding: 0px;
	font-size: 20px;
}

.topbox tr td {
	padding: 20px;
	font-weight: 300;
}

.intranetcontent {
	width: 92%;
	float: left;
	padding: 30px 4%;
}

.tablecontent {
	float: left;
	width: 48%;
	margin-bottom: 50px;
	margin-right: 2%;
}

.tablecontent.accordion {
	margin-bottom: 5px;
}

#listheader {
	width: auto;
	padding: 0px 20px;
	height: 35px;
	line-height: 24px;
}

#listheader #paging {
	width: 33%;
	float: left;
	text-align: left;
}

#listheader #paging img {
	margin: 0px 3px;
}

#listheader #rowscontainer {
	width: 34%;
	float: left;
	text-align: center;
}

#listheader #rowscontainer select {
	width: 100px;
	height: 28px;
}

#listheader #records {
	width: 33%;
	float: right;
	text-align: right;
}

#buttoncontainer {
	width: 100%;
	float: left;
	padding: 10px 0px;
}

.delclient img,
.editclient img {
	transition: all .4s ease;
	opacity: 0.7;
}

.delclient:hover img,
.editclient:hover img {
	opacity: 1;
}

#footer {
	position: relative;
	float: left;
	width: 96%;
	padding: 0px 2%;
	height: 100px;
	font-size: 18px;
	border-top: 1px solid #c9c9c9;
	background-color: #fff;
	z-index: 1;
}

#footer h2 {
	font-size: 18px;
	font-weight: 300;
	color: #05171d;
}

#footer h3 {
	font-size: 14px;
	font-weight: 300;
	color: #05171d;
}

#footerleft {
	position: relative;
	float: left;
	width: 26%;
	height: 100px;
	padding: 2%;
	background: url(images/Logo_Hedera.png) no-repeat center center;
	background-size: 300px;
}

/*#footerleft img {
	width: auto;
	height: 90px;
}*/

#footermiddle {
	position: relative;
	float: left;
	width: 45%;
	text-align: center;
	padding-top: 40px;
}

#footerright {
	position: relative;
	float: right;
	width: 25%;
	text-align: right;
	padding-top: 40px;
}

#searchtext {
	transition: all .4s ease;
	height: 30px;
	width: 200px;
	background-color: #efeff0;
	border: 1px solid #cfcfcf;
	background-image: url('images/search.png');
	background-repeat: no-repeat;
	background-position: 0px;
	padding-left: 30px;
	color: #505050;
}

#searchtext:hover {
	background-color: #fff;
}

select {
	transition: all .4s ease;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 34px;
	width: 200px;
	background-color: #efeff0;
	border: 1px solid #0078b3;
	border-radius: 100px;
	border-radius: 10rem;
	background-image: url('images/dropdown-arrow.png');
	background-repeat: no-repeat;
	background-position: 0px;
	padding-left: 30px;
	color: #000;
	cursor: pointer;
	z-index: 999999;
	font-family: 'Roboto', sans-serif;
	font-weight: 400 !important;
	font-size: 13px;
}

select.multiselect {
	border-radius: 3px;
}

.chosen-select,
.chosen-container-single .chosen-single,
.chosen-container-single .chosen-single span,
.chosen-container-single .chosen-single div b {
	color: #000 !important;
	font-family: 'Roboto', sans-serif;
	font-weight: 400 !important;
	font-size: 13px;
}

select:hover {
	background-color: #fff;
}

select.multiselect {
	width: 310px;
	height: 150px;
	background-image: none;
	padding: 5px;
}

select::-ms-expand {
	/* for IE 11 */
	display: none;
}

input[type="checkbox"],
input[type="radio"] {
	display: none;
}

input[type="checkbox"]+label,
input[type="radio"]+label {
	cursor: pointer;
}

input[type="checkbox"]+label span,
input[type="radio"]+label span {
	display: inline-block;
	width: 19px;
	height: 19px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	background: url(images/check_radio_sheet.png) left top no-repeat;
}

input[type="radio"]+label span {
	background: url(images/check_radio_sheet.png) -38px top no-repeat;
}

input[type="checkbox"]:checked+label span {
	background: url(images/check_radio_sheet.png) -19px top no-repeat;
}

input[type="radio"]:checked+label span {
	background: url(images/check_radio_sheet.png) -57px top no-repeat;
}

select:disabled,
input:disabled,
input:hover:disabled {
	background-color: #ccc;
	color: #888;
}

/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 24px;
	margin: 5px 0;
}

/* Hide default HTML checkbox */
.switch input {
	display: none;
}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked+.slider {
	background-color: #2196F3;
}

input:focus+.slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 24px;
}

.slider.round:before {
	border-radius: 50%;
}


input,
textarea {
	transition: all .4s ease;
	height: 30px;
	padding: 0px 12px;
	width: 200px;
	border: 1px solid #0078b3;
	border-radius: 100px;
	border-radius: 10rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 13px;
}

textarea {
	width: 300px;
	height: 100px;
	padding: 5px;
	border-radius: 5px;
}

/*input:hover, textarea:hover {
	background-color: #fff;
}*/

.button,
submit {
	transition: all .4s ease;
	height: 34px;
	width: 150px;
	background-color: #dddddd;
	border: 1px solid #0078b3;
	background-repeat: no-repeat;
	background-position: 0px;
	cursor: pointer;
	color: #505050;
}

input.fileupload {
	border: none;
	padding: 15px 0px;
	width: 100%;
	border-radius: 0px;
}

a.button {
	padding: 10px 20px;
	border-radius: 100px;
	border-radius: 10rem;
}

.button:hover,
submit:hover {
	background-color: #fff;
}

h1 {
	color: #000000;
	font-size: 26px;
	letter-spacing: 1px;
	font-weight: 400;
	font-family: 'Oswald', sans-serif;
	text-align: left;
	text-transform: uppercase;
	border-left: 3px solid #0078b3;
	padding: 0;
	padding-left: 10px;
	line-height: 28px;
}


#intranetcontainer h2 {
	color: #000000;
	font-size: 18px;
	font-weight: 300;
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
}


a {
	transition: all .4s ease;
	text-decoration: none;
	color: #1a7fd1;
}

a:hover {
	color: #5a5a5a;
}

@media (max-width: 1500px) {
	.notonsmallscreen {
		display: none;
	}

	#topmenu ul li {
		padding: 0 10px;
	}

	.graphcol {
		width: 100%;
	}

	.inputcol {
		width: 100%;
	}
}

@media (max-width: 1100px) {
	.topbox {
		right: 30px;
		top: 100px;
		z-index: 10;
		background-color: #ffffff;
		width: 220px;
		color: #15252c;
	}

	#toplogo {
		width: 300px;
	}

	#topmenu {
		width: calc(100% - 450px);
	}

	#topmenu ul a {
		padding: 2px 0px;
		font-size: 14px;
	}

	#accountbutton {
		padding: 18px 20px 0px 70px;
		background: url(images/account.png) no-repeat 0px;
	}

	#helpbutton {
		padding: 18px 70px 0px 20px;
		background: url(images/help.png) no-repeat right 0px top;
	}

	#accountbutton h3,
	#helpbutton h3 {
		font-size: 16px;
		font-weight: 500;
		margin: 0;
		padding: 0;
	}

	.intranetheadermenu {
		width: 50px;
	}

	.formtable {
		width: 100%;
	}

	#logoimg {
		background: url(images/logo-narrow.png);
		background-repeat: no-repeat;
		padding: 0;
		margin: 0;
		width: 100%;
	}

	#logoimg-nucinfo {
		background: url(images/logo-nucinfo-narrow.png);
		background-repeat: no-repeat;
	}

	#menu {
		width: 50px;
	}

	#menu>li {
		background-position: center;
		text-indent: -9999px;
		white-space: nowrap;
	}

	.submenu>li,
	.subsubmenu>li {
		text-indent: 25px;
	}

	#menu li>a,
	#menu li>a:hover {
		margin-left: -25px;
	}

	.submenu {
		margin-left: 25px;
	}

	.subsubmenu {
		margin-left: 235px;
	}

	.firsthalf,
	.lasthalf {
		width: 100%;
		margin: 20px 0px;
	}

	.notonmobile {
		display: none;
	}

	#listheader {
		position: relative;
		float: left;
		width: 92%;
		padding: 0 4%;
		height: 80px;
	}

	#listheader #paging {
		width: 60%;
	}

	#listheader #rowscontainer {
		position: absolute;
		top: 40px;
		width: 100%;
		left: 0;
	}

	#listheader #records {
		width: 40%;
	}

	.formtable {
		width: 100% !important;
	}

	.edit-photo,
	.edit-files {
		width: 96%;
	}

	/*#footerleft img {
		height: 60px;
		margin-top: 20px;
	}*/

	#footerleft {
		background-size: 100%;
		width: 22%;
	}

	#footermiddle {
		padding-top: 20px;
		width: 47%;
		padding-left: 2%;
	}

	#footerright {
		padding-top: 20px;
	}

	#footer h2 {
		font-size: 16px;
	}

	#footer h3 {
		font-size: 12px;
	}
}

@media (max-width: 700px) {
	#topcontainer {
		position: relative;
	}

	#container,
	#topcontainer {
		margin-top: 0px;
		min-width: 650px;
	}
}

/*
@media (max-width: 600px) {
	#toplogo {
		width: 250px;
	}
	
	
	
	#container {overflow-x: hidden; }
	
	#logincontainer {
		width: 70%;
		margin: 0 10%;
		left: 0;
		padding: 5%;
		border-left: none;
		border-right: none;
	}
	
	#logincontainer input {
		width: 80%!important;
	}
	
	#logincontainer #loginbutton {
		width: 50px!important;
	}
	
	#errorcontainer {
		width: 75%;
		margin: 0 10%;
		left: 0;
	}
	
	#listheader {
		height: 120px;
	}

	.intranetcol {
		font-size: 12px;
	}
	
	#listheader #paging, #listheader #records {
		width: 100%;
		text-align: center;
		height: 40px;
	}
	
	#listheader #rowscontainer {
		top: 80px;	
	}
	
	#datecontainer {
		display: none;
	}
	
	input, textarea, .textarea, select, .dialog {
		width: 100%;
		margin: 3px 0;
	}	
	
	.twothird {
		width: 66%!important;
	}
	
	.currimgs, .imgupload {
		width: 100%;
	}
	
	.edit-photo {
		width: 46%!important;
	}

	.fullwidth {
		width: 96%!important;
	}
}*/