/* fonts */
@font-face {
	font-family: 'Uni-Sans-Regular';
	src: url('../fonts/uni-sans-regular.eot');
	src: url('../fonts/uni-sans-regular.eot?#iefix') format('embedded-opentype'),
	     /* url('../fonts/uni-sans-regular.woff') format('woff'), */
	     url('../fonts/uni-sans-regular.ttf') format('truetype'),
	     url('../fonts/uni-sans-regular.svg#ywftsvg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Uni-Sans-Thin';
	src: url('../fonts/uni-sans-thin.eot');
	src: url('../fonts/uni-sans-thin.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/uni-sans-thin.woff') format('woff'),
	     url('../fonts/uni-sans-thin.ttf') format('truetype'),
	     url('../fonts/uni-sans-thin.svg#ywftsvg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Uni-Sans-Book';
	src: url('../fonts/uni-sans-book.eot');
	src: url('../fonts/uni-sans-book.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/uni-sans-book.woff') format('woff'),
	     url('../fonts/uni-sans-book.ttf') format('truetype'),
	     url('../fonts/uni-sans-book.svg#ywftsvg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Uni-Sans-Bold';
	src: url('../fonts/uni-sans-bold.eot');
	src: url('../fonts/uni-sans-bold.eot?#iefix') format('embedded-opentype'),
	     /* url('../fonts/uni-sans-bold.woff') format('woff'), */
	     url('../fonts/uni-sans-bold.ttf') format('truetype'),
	     url('../fonts/uni-sans-bold.svg#ywftsvg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* basics */
html, body {padding:0; margin:0; color:#121212; font:16px 'Uni-Sans-Regular', sans-serif; letter-spacing:.03em; font-weight:400; background:#fff}
div, section {width:auto; height:auto; margin:0 auto; padding:0; display:block; position:relative;}
h1 {margin:0 auto; padding:0; color:#f37022; font:700 72px 'Uni-Sans-Bold', sans-serif; text-transform:initial;}
h2 {margin:0 auto; padding:0 0 20px; color:#000; font:700 45px 'Uni-Sans-Bold', sans-serif; text-transform:initial;}
p {margin:10px auto; padding:0; color:#121212; font:16px 'Uni-Sans-Regular', sans-serif;}
p.error {color:red;}
a {text-decoration:none; transition:all .3s ease;}

::-moz-selection{background:#db6625; color:#fff; text-shadow:none;}
::selection {background:#db6625; color:#fff; text-shadow:none;}

::-webkit-input-placeholder {color:#d2d2d2;}
:-moz-placeholder {color:#d2d2d2; opacity:1;}
::-moz-placeholder {color:#d2d2d2; opacity:1;}
:-ms-input-placeholder {color:#d2d2d2;}
:placeholder-shown {color:#d2d2d2;}

/* formatting */
.container {width:100%; min-width:300px; height:100%; position:relative;}
	.container .login {width:100%; min-height:100vh; background:#f9f9f9;}
		.container .login .center {min-width:540px; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
			.container .login .center .inner {padding:20px;}
				.container .login .center .inner .logo {max-width:30px; padding:20px 0 0 0;}
					.container .login .center .inner .logo a {opacity:.2;}
					.container .login .center .inner .logo a:hover {opacity:1;}
						.container .login .center .inner .logo a img {max-width:100%;}
				
				.container .login .center .inner form {max-width:460px; margin-top:40px; padding:20px; background:#fff; display:block; box-shadow:0 5px 12px 0px rgba(0,0,0,.3); border-radius:6px;}
					.container .login .center .inner form label {position:relative;}
						.container .login .center .inner form label .icon {color:#d2d2d2; position:absolute; top:0; left:17px;}
					.container .login .center .inner form input {width:92%; margin:10px; padding:10px; font:16px 'Uni-Sans-Regular', sans-serif; letter-spacing:.03em; text-indent:20px; border:0; border-bottom:1px solid #cecece; border-radius:0; -webkit-appearance:none; outline:none;}
					.container .login .center .inner form input:-webkit-autofill {-webkit-box-shadow:0 0 0 100px #fff inset;}
					.container .login .center .inner form input.submit {width:auto; padding:10px 20px; color:#fff; text-indent:0; border-bottom:0; background:rgba(18, 18, 18, 0.7); border-radius:6px; cursor:pointer;}
					.container .login .center .inner form input.submit:hover {color:#fff; background:#f37022;}
				
				.container .login .center .inner .box {max-width:460px; margin-top:40px; padding:40px; background:#fff; display:block; box-shadow:0 5px 12px 0px rgba(0,0,0,.3); border-radius:6px;}
					.container .login .center .inner .box .button {width:auto; padding:10px 20px; color:#fff; text-indent:0; border-bottom:0; background:rgba(18, 18, 18, 0.7); border-radius:6px; cursor:pointer;}
					.container .login .center .inner .box .button:hover {color:#fff; background:#f37022;}
				
				.container .login .center .inner .select {margin:30px auto 10px; padding:20px; background:#fff; display:inline-block; border-radius:6px; box-shadow:0 5px 12px 0px rgba(0,0,0,.3);}
				.container .login .center .inner .select:hover {background:rgba(18, 18, 18, 0.7); color:#fff; cursor:pointer;}
				
		.container .login .logout {display:block; position:absolute; top:20px; right:20px;}
			.container .login .logout form {display:block;}
				.container .login .logout form input {padding:20px; color:#121212; font:16px 'Uni-Sans-Regular', sans-serif; letter-spacing:.03em; background:#fff; display:block; border:0; border-radius:6px; box-shadow:0 5px 12px 0px rgba(0,0,0,.3); -webkit-appearance:none; cursor:pointer; outline:none;}
				.container .login .logout form input:hover {color:#fff; background:#f37022;}
			.container .login .logout a {padding:20px; color:#121212; background:#fff; display:block; border-radius:6px; box-shadow:0 5px 12px 0px rgba(0,0,0,.3);}
			.container .login .logout a:hover {color:#fff; background:#f37022;}
				
		.container .login .selections {width:80%; height:80%; max-width:480px; padding:10px; background:#fff; border-radius:6px; box-shadow:0 5px 12px 0px rgba(0,0,0,.3); display:none; position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%,-50%); overflow:auto;}
			.container .login .selections .close {width:40px; height:40px; font-size:18px; line-height:40px; text-align:center; background:#f9f9f9; position:absolute; top:0; right:0; z-index:10; cursor:pointer;}
			.container .login .selections .close:hover {color:#fff; background:#f37022;}
			.container .login .selections .search {width:85%; position:absolute; top:5px; left:20px; z-index:9;}
				.container .login .selections .search input {width:100%; padding:10px 0; font:16px 'Uni-Sans-Regular', sans-serif; border:0; border-bottom:1px solid #ccc; border-radius:0; outline:none; display:block; -webkit-appearance:none;}
			.container .login .selections ul {margin:0 auto; padding:40px 0 0 0; list-style:none;}
				.container .login .selections ul li {margin:0; padding:0;}
					.container .login .selections ul li a {padding:10px; color:#121212; display:block;}
					.container .login .selections ul li a:hover {color:#fff; background:#f37022;}
		
		.container .login .footer {min-width:200px; color:#ccc; font-size:14px; text-align:center; position:absolute; left:50%; bottom:20px; transform:translate(-50%,-50%);}
		.container .login .footer:hover {color:#121212;}
			.container .login .footer svg {padding-right:10px;}
			
			.container .login .footer .logo {max-width:14px; vertical-align:middle; padding:0px 5px 0 0; display:inline-block;}
			.container .login .footer .logo a {opacity:.2;}
			.container .login .footer .logo a:hover {opacity:1;}
				.container .login .footer .logo a img {max-width:100%;}
			

	.container .inner.chart {padding:20px 25px;}
		.container .logo.sls {width:50px; float:right; margin-top:-7px; display:none;}
			.container .logo.sls img {width:100%; max-width:100%; height:auto; display:block;}
		.container .logo.right {width:50px; float:right; margin-top:-7px;}
			.container .logo.right img {width:100%; max-width:100%; height:auto; display:block;}
		.container .logo.kitestring {width:50px; float:right; margin-top:-7px; display:none;}
			.container .logo.kitestring img {width:100%; max-width:100%; height:auto; display:block;}
		.container .options {position:absolute; top:12px; z-index:1; right: 120px; background: #fff; padding: 15px; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3); }
			.container .options .legend {padding: 5px 0; color: #2f2f2f;}
				.container .options .legend ul {list-style:none; margin:0; padding:0;text-align:left;}
					.container .options .legend ul li {font-size:12px; line-height: 16px;}
						.container .options .legend ul li span {display:inline-block; vertical-align:middle; margin:0 10px;}
						.container .options .legend ul li .item {width:40px; font-size: 26px;}
						.container .options .legend ul li .desc.italic {font-style:italic;}
						.container .options .legend ul li .item.italic {color:#fff;}
						.container .options .legend ul li .item.gray {color:#808080;}
						.container .options .legend ul li .item.lightgray {color:#bfbfbf;}
						.container .options .legend ul li .item.yellow {color:#ffdd99;}
						.container .options .legend ul li .item.pink {color:#f9b1f5;}
						.container .options .legend ul li .item.orange {color:#ff9966;}
						.container .options .legend ul li .item.blue {color:#a3d5ff;}
						.container .options .legend ul li .desc {float:right;}
			.container .options .toggleGantt {font-size:11px; display:inline-block; padding:4px 10px; border:1px solid #2f2f2f; cursor:pointer; margin:10px auto 0;}
			.container .options .toggleGantt2 {font-size:11px; display:inline-block; padding:4px 10px; border:1px solid #2f2f2f; cursor:pointer; margin:10px auto 0;}
			.container .options .draftToggle {font-size:11px; display:inline-block; padding:4px 10px; border:1px solid #2f2f2f; cursor:pointer; margin:10px auto 0;}
			.container .options .toggleLogo {font-size:11px; display:inline-block; padding:4px 10px; border:1px solid #2f2f2f; cursor:pointer; margin:10px auto 0;}
			.container .options .toggleKitestring {font-size:11px; display:inline-block; padding:4px 10px; border:1px solid #2f2f2f; cursor:pointer; margin:10px auto 0;}
			.container .options .toggleGantt:hover {background:#2f2f2f; color:#fff;}
			.container .options .toggleGantt2:hover {background:#2f2f2f; color:#fff;}
			.container .options .draftToggle:hover {background:#2f2f2f; color:#fff;}
			.container .options .toggleLogo:hover {background:#2f2f2f; color:#fff;}
			.container .options .toggleKitestring:hover {background:#2f2f2f; color:#fff;}
			/*.container .options .toggleGantt.hide {background:#2f2f2f; color:#fff;}*/
			
	.curr-date {font-size:13px; padding-bottom:10px; display:block;}
	.draft-message {margin:20px 0; background:#fff; box-shadow:0px 7px 15px 0px rgba(0,0,0,0.3); display:inline-block;}
		.draft-message .inner {padding:15px; display:none;}

	/*
		Gantt Chart styles
		
		Task list table columns
			width with all columns: 771px
			width with 1 column removed: 700px
			width with 2 columns removed: 629px
	*/
		.glistlbl, .glistgrid {width:659px !important;}
		/*.gselector {display:none;}*/
		.gtaskname div, .gtaskname {min-width:410px !important; max-width:410px !important; width:410px !important; font-size:11px; overflow:hidden;}
		.gtaskname div.gselector {font-size:9px;}
		
		div.gantt {font-family:inherit;}
			.gtasktableh {background:#2f2f2f; color:#fff;}
			.gtaskheading, .gmajorheading, .gminorheading, .gantt table tr:last-child, .gantt table tr:last-child .gtaskheading, .gantt table tr:last-child .gname, .gantt table tr:last-child .gtaskname, .gantt table tr:last-child .gresource, .gantt table tr:last-child .gduration, .gantt table tr:last-child .gpccomplete, .gantt table tr:last-child .gstartdate, .gantt table tr:last-child .genddate, .gantt table tr:last-child .gtasklist {background-color:#2f2f2f; color:#fff; border-color:#2f2f2f;}
			span.gformlabel {display:inline-block; padding:3px 4px;}
			span.gformlabel:hover, span.gselected {color:#fff; background-color:#f37022; border-color:#f37022;}
			.gantt .gtasktableh td {border-color:#2f2f2f;}
			.gtasktableh .gtaskname {font-weight:bold; font-size:10px;}
			.pjs_taskname {display:inline-block; vertical-align:middle; padding-left:3px;}
			.ggroupitem {font-weight:400;}
		
		/*custom row colors and styles*/
		tr.Black {background-color:#000000; color:#fff; -webkit-print-color-adjust:exact;}
		tr.Yellow {background-color:#ffdd99; -webkit-print-color-adjust:exact;}
		tr.Pink {background-color:#f9b1f5; -webkit-print-color-adjust:exact;}
		tr.Blue {background-color:#a3d5ff; -webkit-print-color-adjust:exact;}
		tr.Orange {background-color:#ff9966; -webkit-print-color-adjust:exact;}
		tr.Gray, tr.Grey {background-color:#808080; -webkit-print-color-adjust:exact; color:#fff;}
		tr.Lightgray, tr.Lightgrey {background-color:#bfbfbf; -webkit-print-color-adjust:exact;}
		tr.Light, tr.Light {background-color:#bfbfbf; -webkit-print-color-adjust:exact;}
		tr.Bold {font-weight:bold;}
		tr.Italic {font-style:italic;}
		tr.Underline .pjs_taskname {text-decoration:underline;}
		tr.gitemhighlight {color:#656565;}
		
.trans {transition:all .3s ease;}
.noselect {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}

	#logo-1 img {position: fixed; float: right; right: 0px; top: 0px; z-index: 10; width: 65px; display: none;}
	#button {color: #000;}
	.toggleGantt2:hover #button {color: #fff;}

@media print {
	#button {display: none;}
	#logo-1 img {display: block !important;}
	@page { size: auto; margin-top: 4mm;}
	.logo {display: none;}
	
	.gtaskname div, .gtaskname {font-size: 13px;}
	.gresource, .gduration, .gpccomplete, .gstartdate div, .gstartdate {font-size: 12.5px;}
	.gmilecaption, .ggroupcaption, .gcaption {font-size: 13px;}
	.gtaskheading, .gmajorheading, .gminorheading {font-size: 13px;}
	.genddate div, .genddate {font-size: 12.5px;}
	
	h2 {font-size:28px; max-width:600px; margin:0; padding:0;}
	
	.container .options {margin:20px 0; position:relative; display:inline-block; clear:both; top:auto; right:auto !important; box-shadow:none; border:1px solid #d3d3d3; vertical-align:top;}
	.draft-message {max-width:430px; margin-left:10px; box-shadow:none; border:1px solid #d3d3d3; vertical-align:top;}
	
	.toggleGantt {display: none !important;}
	.toggleGantt2 {display: none !important;}
	.draftToggle {display: none !important;}
	.trans {display: none !important;}
	
	#GanttChartDIVgchartbody {overflow:hidden;}
} 

/* Responsive Styles */

/* smaller than iPad */
@media(max-width:767px){
	h1 {font-size:32px;}
	p {font-size:14px;}
	
	.container .login .center {min-width:370px;}
		.container .login .center .inner form {margin-top:30px;}
			.container .login .center .inner form input {margin:0 0 10px 0;}
			.container .login .center .inner form input.submit {margin:10px 0 0 0;}
			.container .login .center .inner form label {display:block;}
				.container .login .center .inner form label .icon {top:10px; left:5px;}
	
	.container .login .selections {height:65%;}
}

/* smaller than iPhone 8 */
@media(max-width:374px){
	h1 {font-size:32px;}
	p {font-size:14px;}
	
	.container .login .center {min-width:320px;}
	.container .login .center .inner form input {margin:0 0 10px 0; font-size:14px;}
	.container .login .center .inner form input.submit {margin:10px 0 0 0;}
}

/* smaller than iPhone 8+ landscape */
@media(max-height:414px){
	.container .login .center {margin:0 auto; display:inline-block; position:relative; top:initial; left:50%; transform:translateX(-50%);}
	.container .login .footer {margin:0 auto; padding-bottom:20px; display:block; position:relative; bottom:initial; left:initial; transform:none;}
}

/*print styles*/
@media print {
	* {-webkit-print-color-adjust: exact;}
	.gselector {display:none;}
	.container .options .toggleGantt {display:none;}
	.gitemhighlight td {background:inherit;}
	html, body {background:transparent;}
}

.gtaskblue {background:#ff611d !important;}