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

html, body {margin: 0; padding: 0; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #000; font-size: .9em;}
body { background-color: #F7F5F2; color: #555;}

@font-face {
font-family: "Moderat";
src: url("../Moderat/Moderat-Extended-Regular.eot");
src: url('../Moderat/Moderat-Extended-Regular.eot?#iefix') format('embedded-opentype'),
	 url("../Moderat/Moderat-Extended-Regular.woff") format("woff"),
	 url("../Moderat/Moderat-Extended-Regular.ttf") format("truetype"),
     url("../Moderat/Moderat-Extended-Regular.otf") format("opentype");
}

@font-face {
font-family: "Moderat-Bold";
src: url("../Moderat-Bold/Moderat-Extended-Bold.eot");
src: url('../Moderat-Bold/Moderat-Extended-Bold.eot?#iefix') format('embedded-opentype'),
	 url("../Moderat-Bold/Moderat-Extended-Bold.woff") format("woff"),
	 url("../Moderat-Bold/Moderat-Extended-Bold.ttf") format("truetype"),
     url("../Moderat-Bold/Moderat-Extended-Bold.otf") format("opentype");
}



a { text-decoration: none; color: #000;}
a:hover, .forgot a:hover {color: #C00707;}

h2 { font-family: 'Moderat', Arial, sans-serif; font-weight:normal;font-style:normal; font-size: 2em; margin: 0px 0 10px ; color: #1a0f96; }
h3 { font-family: 'Moderat', Arial, sans-serif; font-weight:bold;font-style:normal; font-size: 1.4em; margin: 0px 0 10px ; color: #333; }
h4 {font-family: 'Moderat-Bold', Arial Black, sans-serif; font-weight:bold; margin-bottom: 4px; margin-top: 12px; font-size: 1.1em;}

h3.h3 {font-weight: bold; color: #000; margin-bottom: 10px; }

.pp {display: none;}
.cc {cursor: pointer;}
.cc:hover { color: #DD0000;}
p { font-family: 'Moderat', Arial, sans-serif; margin: 0px; color: #555; line-height: 1.5em; margin-bottom: 10px;}

strong { font-family: 'Moderat-Bold', Arial Black, sans-serif;}

li.p1, li.p2, li.p3, li.p4, li.p5, li.p6, li.p7, li.p8  {padding-bottom: 5px; font-family: 'Moderat', Arial, sans-serif;}


.login-box {width: 500px; background-color: #FFF; height: auto; margin: 120px auto 0px; box-shadow: 0px 5px 20px rgba(73, 79, 89, 0.08), 0px 2px 6px rgba(73, 79, 89, 0.05); position: relative;}
.login-content { padding: 20px 30px;}
.login-form { padding: 20px 0; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; margin: 20px 0; font-size: 1.2em; }

.login-form input { border: 1px solid #DDD; padding: 5px 10px; width: 100%;border-radius: 4px; background-color: #F6F9FF; font-size: 1.2em; }
.submit input { border: none; padding: 7px 10px; width: 80px;border-radius: 4px; background-color: #032ABD; font-size: 1.2em; color: #FFF; cursor: pointer;}
.login-form td {padding: 3px 0; }


.copyright { width: 500px; margin: 20px auto; font-size: .6em; color: #666;}
.copyright2 {  font-size: .6em !important; color: #666; position: absolute; bottom:20px;}
.forgot {  color: #999; display: none;}
.forgot-content { display: none; position: absolute; top: 50%; width: 440px; height: 50px; padding: 30px; border: 1px solid #DDD; background: #FFF; box-shadow: 0px 5px 20px rgba(73, 79, 89, 0.30), 0px 2px 6px rgba(73, 79, 89, 0.30);}

.error { font-size: .8em; color: #DD0000;}


.wrapper { padding: 4rem 6rem; position: relative;}
.content {position: relative; background: #FFF; padding: 3em; width:fit-content; }
.logout {position: absolute; right: 15rem; margin:21px 50px 0 0;}
.b { display: block; width: 250px; height: 80px;}

.designate { background: url("../images/designate.svg") no-repeat; width: 200px; height: 30px;  margin-right:50px; margin-top: 20px; background-size: 100px; }
.designate-icon { 	background: url("../images/designate-icon.svg") no-repeat; width:30px;  height: 30px; position: absolute; right: 15rem; margin-top: 15px; }

.menu {width:230px; height: 100%; position: fixed; left:0; top:0px; padding: 0px 20px 0 3rem; background: #F7F5F2; display:block; overflow-y: auto;
}
.work {padding-left: 220px; min-height: 400px; }

ul {font-family: 'Moderat', Arial, sans-serif; font-weight:normal;font-style:normal;  }

.menu ul {padding: 0; list-style: none; }
.menu li {height: auto; cursor: pointer; padding-bottom: 5px;}
.menu1 li {padding: 7px 10px 7px 0; }

.menu li:hover { color: #1a0f96 !important; }
.projects { background: url("../images/folder.png") no-repeat;}
.people { background: url("../images/people.png") no-repeat;}
.admin { background: url("../images/settings.png") no-repeat;}
.ishow { background: url("../images/info.png") no-repeat; background-size: 20px; background-position: left top;}

.menu h4 { font-size: 1.2em; color: #000;}

.boxes {display: none;}

.intro_box {display: block;}
.policy_box {display: none;}

.boxes p { margin-bottom: 10px; }
.boxes h3 {margin-bottom: 10px;}
.boxes h4 {margin-bottom: 10px; }


	.upload { background-image: none !important; background:#F6F6F6 !important; border: 1px solid #AAA !important; border-radius: 4px; text-indent: 0 !important; color: #666 !important; width: 80px !important; padding-left: 0px !important; text-align: center !important;}	

.luminous { display: block; background: url(../images/luminous.png) no-repeat; width:150px;  height: 30px; z-index: 101; margin-top: 12px; margin-right: 200px; background-size: 150px;}

ul.project_nav {list-style: none; margin: 0 0 0 28px; border-bottom: 1px solid #EEE; padding: 0px; padding-bottom: 10px;  }
.project_nav li { list-style: none; display: inline-block; font-size: 1.2em; padding-right:30px; cursor: pointer; }
.project_nav li:hover { color: #CC0000 !important; }

.files_nav {color:#666; padding-left: 30px; background: url("../images/files.png") no-repeat left; }
.team_nav {color: #666; padding-left: 30px; background:url("../images/people.png") no-repeat left; }
.schedule_nav {color: #666; padding-left: 30px; background:url("../images/schedule.png") no-repeat left; }
.schedule_box {display: none; padding-left: 30px;}
/*.teams_box, .files_box {display: none; }*/
.teams_box {padding-left: 30px;}
.teambox2 { border-bottom:1px solid #DDD;}

.teams_box th, .teambox2 th {padding: 0px 40px 10px 0px; text-align: left; background: #FFF; }
.teams_box td, .teambox2 td{text-align: left; background-color: #FFF; border-top: 1px solid #DDD; border-right: 1px solid #DDD; }
.teams_box td:first-of-type {  }
.teams_box table,  .teambox2 table { border-bottom: 1px solid #DDD; background: #FFF;}

.ejobs th {padding: 7px 30px 7px 7px; text-align: left; background: #FFF; }
.ejobs td {padding:7px 30px 7px 7px; text-align: left; background-color: #FFF; border-top: 1px solid #DDD; border-right: 1px solid #DDD; position: relative;}
.ejobs td:first-of-type {border-left: 1px solid #DDD;   }

.ejobs { border-bottom: 1px solid #DDD;  }



.schedule { border-bottom:1px solid #DDD;}
.schedule th {text-align: left; padding: 0 20px 20px 0;}
.schedule td {text-align: left; padding: 10px 20px; border-top: 1px solid #DDD; border-right:1px solid #DDD}
.schedule td:first-of-type { border-left: 1px solid #DDD; }

.milestone { background: #ecf5ff;}
.savepdf {color: #666;  padding-right: 25px; display: block; background:url("../images/icons/pdf.png") no-repeat right; background-size: 20px; position: absolute; right: 30px;}
.viewpdf {color: #666;  padding-right: 25px; display: block; background:url("../images/icons/viewpdf.png") no-repeat right; background-size: 20px; position: absolute; right: 100px;}

table.logins {border-bottom: 1px solid #DDD; margin-bottom: 20px; }
.logins th {text-align: left; padding-bottom: 5px; }
.logins td { border-right:1px solid #DDD; border-top: 1px solid #DDD;}
.logins td:first-of-type { border-left:1px solid #DDD; }
.logins input[type="text"], .logins input[type="password"] {padding: 5px 10px; border: none;}
.logins select {padding: 5px 10px; border: none; outline:none;}

table.logins2 {border:none !important; margin: 0px !important; }
.logins2 th {text-align: left; padding: 0 !important; }
.logins2 td { border: none !important;}


.tables { border-left:1px solid #DDD; border-top:1px solid #DDD; margin-bottom: 20px;}
.tables td { padding: 5px 10px; border-right:1px solid #DDD; border-bottom:1px solid #DDD; vertical-align: top;  }
td ul {margin-top: 0;}


#loading {width: 100%;height: 100%;top: 0px;left: 0px;position: fixed;display: block; z-index: 99;}

#loading-image {position: absolute;top: 40%;left: 45%;z-index: 100;} 

.nav-box {display: flex; width: 100%; height: 60px;background-color: #FFF; min-width: auto; padding-left: 3rem; padding-right: 6rem; position: fixed;  z-index: 10;   box-shadow: 0px 5px 20px rgba(73, 79, 89, 0.08), 0px 2px 6px rgba(73, 79, 89, 0.05);}

.loggedin { position: absolute; right: 330px;  top: 21px; text-align: right; color: #999; }

.menu_icon { display: none; width: 43px; height: 43px; border-radius: 5px; background: #999; position: fixed; z-index: 100; top: 9px; left: 11px; padding: 7px 0 0 7px; cursor: pointer;}

.menu_m { display: none; width: 100%; position: fixed; top: 75px; z-index: 110; height: 100%; background: #999;  }
/*.menu_m .projects, .menu_m .people, .menu_m .admin { background: none;}*/
.menu_m .projects {background-image: url("../images/folder_lg.png"); background-position: 10px;}
.menu_m .people {background-image: url("../images/people_lg.png"); background-position: 10px;}
.menu_m .admin {background-image: url("../images/settings_lg.png"); background-position: 10px;}
.menu_m .ishow {background-image: url("../images/info.png"); background-position: 10px;}
.menu_m ul {padding: 0; list-style: none; background: #999; }
.menu_m li {height: 30px; padding: 10px 0 10px 3em ; cursor: pointer; color: #FFF; font-size: 1.6em; border:none; }


h3 img { display: inline-block; margin-right: 5px; position: relative; top:5px;}

.filehead { margin: 20px 0 20px; cursor:pointer;}
.filehead:hover { color: #1a0f96;}

.files {/*display: none;*/ margin-bottom: 20px;}

.instructions {display: none; position: fixed; width: 500px; padding: 30px 30px; height: 270px; border: 1px solid #DDD; left: 50%; margin-left:-280px; top:50%; margin-top: -180px; box-shadow: 0px 5px 20px rgba(73, 79, 89, 0.08), 0px 2px 6px rgba(73, 79, 89, 0.05); z-index: 2000; background: #FFF;  }

.instructions h3 { margin-bottom: 10px;}
.close { width: 50px; padding-right: 20px; padding-top: 0px; height: 30px; position: absolute; right: 20px; top:20px;  background:url("../images/close.png") no-repeat right top;  background-size: 15px 15px; text-align: right; cursor: pointer;}

.close:hover { color:#DD0000;}

.existing { cursor: pointer;padding-left: 30px; margin-right: 30px;background: url("../images/people.png") no-repeat; color:#BB0000;}
.existing:hover { color:#1a0f96; }
.addteam { cursor: pointer; padding-left: 20px; background: url("../images/person.png") no-repeat; }
.addteam:hover { color: #1a0f96;}
.add1 {display: none;}



.forgot1 { cursor: pointer;}
.forgot1:hover { color: #DD0000;}



.new {cursor: pointer;}
.new:hover {color:#1a0f96;}

/*.newjobs { display: none;}*/


.s_clients {color: #DD0000;}
.s_project {display: none;}

table .s_clients_t {border-bottom:1px solid #DDD; margin-bottom: 20px;}
.s_clients_t th {text-align: left; padding-bottom: 10px;}
.s_clients_t td {border-right:1px solid #DDD; border-top:1px solid #DDD;}
.s_clients_t td:first-of-type {border-left: 1px solid #DDD;   }



.edit {display: none;}
.editer, .hide { display: block; border-radius: 4px; background: #999; color: #FFF; padding: 5px 10px; position: absolute; right:20px; cursor: pointer;}
.editer:hover, .hide:hover { background: #1a0f96;}


.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color:#666;
  color: #fff;
  text-align: center;
  padding: 5px;
  border-radius: 4px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
	left: 40px;
  z-index: 1;
	line-height: 1.1em;
	font-size: .9em;
	top: -1px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}
	
a.delete  { background:url(../images/delete.png) no-repeat 0 0; width:17px; height:17px; display:block; position: relative; top:4px; right: 1px;}





.warning { display:block; position:absolute; width:300px; height:20px; background:#FFF; z-index:100; border:2px solid #CC0000; padding:30px; left:50%; margin-left:-180px; top:50%; margin-top:-30px;}
	
.closewarning {display:block; position:absolute;right:10px; top:10px; cursor: pointer;}

p.items { margin: 0; padding:10px 0 10px 25px; border-top: 1px solid #EEE;}
p.items2 { margin: 0;  padding:0; border-top: 1px solid #EEE;}
.item:hover {color: #1a0f96; cursor: pointer;}

.icon_txt {background: url("../images/icons/txt.png") no-repeat left center;}
.icon_pdf {background: url("../images/icons/pdf.png") no-repeat left center;}
.icon_doc {background: url("../images/icons/doc.png") no-repeat left center;}
.icon_docx {background: url("../images/icons/doc.png") no-repeat left center;}
.icon_rtf {background: url("../images/icons/txt.png") no-repeat left center;}
.icon_pages {background: url("../images/icons/doc.png") no-repeat left center;}
.icon_xls {background: url("../images/icons/xls.png") no-repeat left center;}
.icon_csv {background: url("../images/icons/xls.png") no-repeat left center;}
.icon_xls2 {background: url("../images/icons/xls.png") no-repeat left center;}
.icon_xlsm {background: url("../images/icons/xls.png") no-repeat left center;}
.icon_xlsx {background: url("../images/icons/xls.png") no-repeat left center;}
.icon_ppt {background: url("../images/icons/ppt.png") no-repeat left center;}
.icon_pptx {background: url("../images/icons/ppt.png") no-repeat left center;}
.icon_pptm {background: url("../images/icons/ppt.png") no-repeat left center;}
.icon_key {background: url("../images/icons/ppt.png") no-repeat left center;}
.icon_mp3 {background: url("../images/icons/audio.png") no-repeat left center;}
.icon_wav {background: url("../images/icons/audio.png") no-repeat left center;}
.icon_mov {background: url("../images/icons/video.png") no-repeat left center;}
.icon_mpeg {background: url("../images/icons/video.png") no-repeat left center;}
.icon_mp4 {background: url("../images/icons/video.png") no-repeat left center;}
.icon_avi {background: url("../images/icons/video.png") no-repeat left center;}
.icon_gif {background: url("../images/icons/gif.png") no-repeat left center;}
.icon_png {background: url("../images/icons/gif.png") no-repeat left center;}
.icon_jpg {background: url("../images/icons/gif.png") no-repeat left center;}
.icon_jpeg {background: url("../images/icons/gif.png") no-repeat left center;}
.icon_zip {background: url("../images/icons/zip.png") no-repeat left center;}
.icon_txt {background: url("../images/icons/txt.png") no-repeat left center;}
.icon_indd {background: url("../images/icons/indd.png") no-repeat left center;}

.icon { background-size: 20px;}

/*input[type="file"] {
    display: none;
}*/
.upshow {padding-left: 20px; margin-bottom:15px; font-size: 14px !important;  background: url("../images/paperclip.png") left center no-repeat; background-size: 15px;  margin-left: 30px; } 


input[type="submit"] {	
	border: none;
	cursor: pointer;
	outline: none;
	width: 30px;
	height: 22px;
	color:#999;
	-webkit-border-radius: 2px;  -moz-border-radius: 2px; 	border-radius: 2px; 
	background: url(../images/submit2.png) no-repeat left center;
	/*text-indent: 0px;*/
	padding-left: 25px; 
	position: absolute; 
	margin-top: 2px; 
	text-align: right;
	margin-left: 10px !important; 
}

input[type="submit"].add {	
	border: none;
	cursor: pointer;
	outline: none;
	width: 30px;
	height: 22px;
	color:#FFF;
	-webkit-border-radius: 2px;  -moz-border-radius: 2px; 	border-radius: 2px; 
	background-image: url(../images/add2.png) !important;
	text-indent: -400px;
	padding-left: 20px !important;
	margin-left: 10px !important; 
}	
	


.agree {display: none; position: fixed; width: 100%; height: 100%; z-index: 1000; top: 0; left: 0; }
.agree_box {  display: block; width: 400px; height: 200px; background: #FFF; box-shadow: 0px 5px 20px rgba(73, 79, 89, 0.08), 0px 2px 6px rgba(73, 79, 89, 0.05); left:50%; margin:auto; margin-top: 20%; padding: 20px;}
.iagree {
	background: #6dc801 !important;
    color: #FFF !important;
    font-size: 12px;
    width: 60px !important;
    text-align: left !important;
    border-radius: 10px !important;
    height: 20px !important;
	position: absolute;
	right: 60px;
	top:20px;
	padding-left: 10px !important;
}

.mandatory { display: block; background:url("../images/mandatory.png") 0px 0px no-repeat; background-size: 15px; padding-left: 25px; padding-top:1px;  border: none;     height: 20px;
}
.agreed { display: block; background:url("../images/agreed2.png") 0px 0px no-repeat; background-size: 15px; padding-left: 25px; padding-top:1px;  border: none;     height: 20px;
}


.menu li.mandatory { background:url("../images/mandatory.png") 5px 8px no-repeat; position: relative; background-size: 15px; padding-left: 25px; left: -25px; border: none;}
.menu li.agreed { background:url("../images/agreed2.png") 5px 8px no-repeat; position: relative; background-size: 15px; padding-left: 25px; left: -25px; border: none;}


.cols3 { column-count: 3; -webkit-column-count: 3;
    -moz-column-count: 3; column-gap: 30px; vertical-align: top; padding: 10px;}
.policies { display: none; }	
.psel { width: 20px; height: 20px; background-image: url("../images/sel.png"); background-position: 0px 0px; position: absolute; margin-left: -25px; margin-top: 3px; cursor: pointer;}

.ftp_success { position:fixed; z-index: 200; display: block; width:200px; height:60px; background:#FFF; border:1px solid #DDD; box-shadow: 0px 5px 20px rgba(73, 79, 89, 0.08), 0px 2px 6px rgba(73, 79, 89, 0.05); top:50%; margin-top:-50px; left:50%; margin-left:-100px; padding: 20px; text-align: center; }

.mr { display: block;}

@media (max-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */
	.designate {display: none;}}
@media (max-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
.designate {display: none;}
	.loggedin {left: 220px;}
}
@media (max-width:640px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
	.loggedin { right: auto !important; left: 70px; top: 45px}
	.nav-box { height: 75px;}
/*	.wrapper { padding-top: 100px;}*/
	.menu { display:none;}
	.work {padding-left: 10px; min-height: 400px; }
	.content { padding: 2rem;}
	.wrapper { padding-left: 0 !important; }
	.wrapper { padding-top: 5rem !important; }
	.designate-icon { 	right:8rem !important; }
	.logout { right: 8rem !important;}
	.menu_icon {display: block;}
	.mr { display: none;}
	h3 {font-size: 1.2em;}
}

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
}



@media (max-width:700px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
/*.designate { width:60px; position: absolute; margin-top: 5px;} 
.wrapper { padding-left: 6rem; padding-right: 3rem; position: relative;}
.designate-icon { 	width:30px;  height: 30px; position: absolute; right: 8rem; margin-top: 15px; }
.logout {right: 8rem; margin:21px 50px 0 0;}
	.loggedin {right: 220px;}
	h2 {left: -2px; }
	.menu_icon {display: block;}
	.mr { display: none;}
*/ 
	.loggedin { right: auto !important; left: 70px; top: 45px}
	.nav-box {padding-left: 5rem; padding-right: 2rem; }
	.nav-box { height: 75px;}
	.menu { display:none;}
	.work {padding-left: 10px; min-height: 400px; }
	.content { padding: 2rem;}
	.wrapper { padding: 0 !important; padding-top: 5rem !important;  }
	.designate-icon { 	right:8rem !important; }
	.logout { right: 8rem !important;}
	.menu_icon {display: block;}
	.mr { display: none;}
}
@media (max-width:960px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	h2 {font-size: 1.4em; position: relative; top: 10px;  margin: 0px 0 20px ; left: -2px;}
	.designate { width:60px; position: absolute; margin-top: 10px;} 
}

@media (max-width:1025px) { /* big landscape tablets, laptops, and desktops */ 
}
@media (max-width:1281px) { /* hi-res laptops and desktops */ 
}

.footer { position: relative; z-index: 100; left: 224px; font-size: .8em; top:10px; width: 200px;color: #999;}

.pagebreak, .pagestart { display: none;}
.print {display: none;}