/* begin ui dialog */

.ui-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 */


/* 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: block;
	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;
	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 {
	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-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  {
	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#datamanag	 { background-image: url(images/data-management.png); }
li#versionmanag	 { background-image: url(images/version-management.png); }
li#references	 { background-image: url(images/references.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#datamanag:hover, 	li#datamanag.current	 		{ background-image: url(images/data-management-hover.png); }
li#versionmanag:hover, 	li#versionmanag.current	 		{ background-image: url(images/version-management-hover.png); }
li#references:hover, 	li#references.current	 		{ background-image: url(images/references-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.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.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-nucinfo.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90%;
}

#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;
}

#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;
	padding: 18px 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;
}

.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-nucinfo.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"] {
    display:none;
}
input[type="checkbox"] + label {
	cursor:pointer;
}
input[type="checkbox"] + 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="checkbox"]:checked + label span {
    background:url(images/check_radio_sheet.png) -19px 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;
}

/*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;
}

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;
	}
}*/