@charset "utf-8";
/* CSS Document */
* {
   box-sizing: border-box;
}
body {
	margin: 0;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";

}

#mainsec {
	background-color: #3fae42;
}

/* ---------------------- Header --------------------------------------- */
#header {
	position: relative;
	height: 75px;
	line-height: 18px;
	font-size: 20px;
	background-color: #1c2859;
	color: #fff;
}

#header a {
	color: #fff;
}

#appicon {
	position: absolute;
	top: 7px;
	left: 15px;
	width: 250px;
	height: 60px;
	font-size: 60px;
	line-height: 60px;
	background: url("../images/logo-short.png");
	border-radius: 3px;
} 

#appiconswift {
	position: absolute;
	top: 7px;
	left: 300px;
	width: 64px;
	height: 64px;
	border-radius: 3px;
} 

#appiconswift img {
	border-radius: 3px;
}

#appicon a {
	width: 250px;
	height: 60px;
	font-size: 60px;
	line-height: 60px;
	display: inline-block;
	text-decoration: none;
}

#appname {
	position: absolute;
	top: 12px;
	left: 60px;
}

#appname a {
	text-decoration: none;
}

#profile {
	position: absolute;
	top: 8px;
	right: 60px;
	width: 60px;
	height: 60px;
	z-index: 200;
	background: url("../images/icons/profile-white.png");
}

#profile-opt-wrap {
	position: absolute; 
	top: 75px;
	right: 30px;
	width: 200px;
	padding-top: 10px;
	display: none;
	z-index: 200;
}

#profile-opt {
	padding: 10px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #1c2859;
}

#profile-opt h3 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 18px;
}

#profile-opt ul {
	list-style: none;
	padding: 0;
	padding-left: 10px;
	margin: 0;
}

#profile-opt li {
	font-size: 16px;
	padding-left: 12px;
	padding-bottom: 3px;
}

#profile-opt a {
	text-decoration: none;
	color: #1c2859;
}


#username {
	position: absolute;
	top: 25px;
	right: 175px;
}

#help {
	position: absolute;
	top: 8px;
	right: 400px;
	width: 60px;
	height: 60px;
}

/* ------------- Left Column -------------------------------- */ 
#leftcol {
	float: left;
	padding: 10px 10px;	
	background-color: #3fae42
}

#leftcol a {
	text-decoration: none;
	color: #fff;
}

.leftcol-opened {
	width: 230px;
}

.leftcol-closed {
	width: 40px;
	text-align: left;
	overflow: hidden;
}

.menu-title {
	padding: 8px 0 8px 0px;
	border-bottom: 2px solid #fff;
}

.menu-title-open {
	
}

.menu-title-close .menu-subtitle {
	display: none;
}

.menu-title-link {
	padding-left: 30px;
	font-size: 24px;
	/* font-weight: bold; */
	line-height: 24px;
	display: inline-block;
}

.menu-arrow-hor {
	display: inline-block;
	height: 29px;
	width: 24px;
	padding-right: 6px;
}

.menu-arrow-open {
	background: url("../images/icons/menu-close-24-white.svg") top left no-repeat;
}

.menu-arrow-close {
	background: url("../images/icons/menu-open-24-white.svg") top left no-repeat;
}

#menu-projects-link {
	background: url("../images/icons/layout-24-white.svg") top left no-repeat;
}

#menu-admin-link {
	background: url("../images/icons/gear-icon-24-white.svg") top left no-repeat;
}


.submenu-arrow-hor {
	float: right;
	height: 20px;
	width: 20px;
}

.submenu-arrow-open {
	background: url("../images/icons/menu-down-12-white.svg") no-repeat;
}

.submenu-arrow-close {
	background: url("../images/icons/menu-up-12-white.svg") no-repeat;
}

.menu-subtitle {
	padding-left: 45px;
	padding-top: 5px;
	font-size: 16px;
	line-height: 18px;
	background: url("../images/icons/menu-dot-white.png") 32px 11px no-repeat;

}

/* -------------- Main Body --------------------------------- */
#maincol {
	padding: 25px 15px 10px 15px;
	min-height: 600px;
	border-left: 1px solid #006600;
	background-color: #fff;
}

.menu-open {
	margin-left: 250px;
}

.menu-close {
	margin-left: 40px;
}

.rblk {
	border: 1px solid #cbd2eb;
	background-color: #f5f6fa;
}

.return-link {
	font-size: 14px;
	line-height: 14px;
	display: inline-block;
	text-decoration: none;
	padding: 0px 10px;
	color: #1c2859;
}

.body-link {
	color: #1c2859;
}

.addcontact {
	padding-right: 5px;
	text-decoration: none;
	font-size: 24px;
	font-weight:  bold;
	color: #3fae42;
}

.submit-line input, .submit-button {
	color: #fff;
	/* background-color: #bfbfbf;
	border: 1px solid #848484; 
	*/
	background-color: #c9502b;
	border: 3px solid #85422c;
	border-radius: 3px;
	padding: 5px 15px;
	margin: 5px 15px;
	font-size: 16px;
}

.submit-line input:hover {
	background-color: #f5411d; /* #1c2859; */
}

.summary table, .tablelist {
    border: 1px solid #ccc;
	border-spacing: 0;
	border-collapse: collapse;	
}

.summary th, .tablelist th {
	color: #333;
	font-weight: 600;
	font-size: 16px;
	padding: 7px;	
	/* text-align: left; */
}

.summary .table-title .acenter {
	text-align: center;	
}

.summary .table-title .aright {
	text-align: right;	
}

.summary td, .tablelist td {
	padding: 7px;
	font-size: 14px;
}

.tablelist td, .tablelist th {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.summary tr:nth-child(2n+1), .trdark {
	background-color: #e3f7be;
}

.summary a {
	color: #1c2859;
	font-weight: 600;
}

.summary tr:hover {
	background-color: #b7ce97;
}

.summary .sort-headers .sort-link {
	color: #333;
}

.summary .sort-headers .sort-active {
	color: #040071;
}

.rbox-filter-search {
	width: 375px;
	height: 28px;
	padding-right: 15px;
	float: right;
	position: relative;
	z-index: 100;
}

.rbox-history-icon img {
	height: 26px;
	width: 26px;
	padding-top: 9px;
}

.rbox-filter-search input {
	padding: 3px;
	font-size: 20px;
	line-height: 20px;	
	border-radius: 3px;
	border: 1px solid #ccc;
	color: #666;
}

.rbox-filter-search input[type=image] {
	font-size: 0;
	line-height: 0;
	padding: 0;	
	height: 28px;
	width: 28px;
	border: 0;
	margin-left: 15px;
	display: inline-block;
	vertical-align: top;
}

/* ------- Tabs --------------------------- */
.tabOpt {
	display: inline-block;
	font-size: 18px;
	line-height: 1.3em;
	font-weight: bold;
	border-bottom: 2px solid #3fae42;
	background-color: #3fae42;
	padding: 5px 15px;
	width: 150px;
	text-align: center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.tabOptAct {
	background-color: #F60; /* #f5f6fa; */
	border-left: 1px solid #cbd2eb;
	border-right:  1px solid #cbd2eb;
	border-top:  1px solid #cbd2eb;
	border-bottom: 1px solid #F60;
	
}

.tabOpt a {
	color: #FFF;
	text-decoration: none;
}


/* -------------- Input and Display Controls ------------------------- */
.input-vertical label {
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 0px;
	font-weight: 600;
	min-width: 150px;
}

.text-c {
	text-align: center;
}

.text-r {
	text-align: right;
}

.text-white, .text-white a {
	color: #fff;
}

.text-dg {
	color: #333;
}



.changetitle {
	font-weight: bold;
	padding-right: 5px;
}

/* ------------------ Footer ----------------------------------------- */
#footer {
	margin: 0px;
	padding: 35px;
	clear: both;
	color: #fff;
	background-color: #1c2859;
	font-size: smaller;
	text-align: center;
	border-top: 1px solid #ccc;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

.contact {
	text-align: center;
}

/* --------------  Tree and Gantt Designs  ------------------ */

#scrollcont { /* Container for the gantt date blocks */
	position: relative;
	width: 100%;
	height: 700px;
	overflow: hidden;
	box-sizing: border-box;
}

#scrollblkheader {
    position: relative;
	top: 0px;
	left: 0px;
	width: 4600px;
	z-index: 10;
	background-color: #f5f6fa;
	
}

#scrollblk {
    position: relative;
	top: 0px;
	left: 0px;
	width: 4600px;
}	

#blkScrollBarMain {
	overflow: hidden;
	position: relative;
	width: 99%;
}

#blkScrollBar {
	border: 1px solid #666;
	height: 30px;
	background: #efefef;
}

#blkBar {
	position: absolute;
	background-color: #666;
	width: 100px;
	height: 30px;
	display: inline-block;
}

.sec {
	border-radius: 5px;
	background-color: #c9682b;
	margin: 2px 3px;
	padding: 5px 10px;
	width: 100%;
	flex: 1;
    font-weight: 500;
	color: #fff;
}

.flxbx {
	display: flex;
}

.tab {
	width: 50px;
	display: inline-block;
}


.hidden {
	display: none;
}

.daterow { /* row that contains the gantt time bars */
	height: 35px;
	padding: 2px 0;
}

.daterowcrew {
	height: 70px;
}

.dateclient { /* Title row to show the client project sections  */
	font-weight: bold;
	font-size: 25px;
	width: 450px;
	display: inline-block;
}

.dh { /* Date block header  where the column headers are */
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

.dr {
	border-right: 1px solid #ccc;
}


	


.db { /* Standard Date block  */
	font-size: 18px;
	width: 150px;
	display: inline-block;
	text-align: center;
	border-right: 1px solid #ccc;
	margin: 2px 0px;
	padding: 5px 0px;
}

.dbcrew { /* Standard Date block  */
	font-size: 18px;
	width: 150px;
	display: inline-block;
	text-align: center;
	border-right: 1px solid #ccc;
	margin: 2px 0px;
	padding: 5px 0px;
}

.dbft {
	border-bottom: 1px solid #ccc;
}


.dbblk { /* Event blocks */
	background-color: #bfbfbf;
    font-weight: 500;
	color: #040071;
	border-radius: 3px;
}

.dbproj {
    background-color: #1c2859;
    border: 2px solid #141C3E;
    color: #fff;
}

.dbproj a, .dbevent a {
	text-decoration: none;
	color: #fff;
}

.dbprojreg {
	background-color: #8A9BE4;
}

.dbevent {
    background-color: #3f6c15;
    border: 2px solid #2B4A0E;
    color: #fff;
}

.dbeventreg {
	background-color: #A8D082;
}

.dbblkalt { /* crew event with alert */
	background-color: darkorange;
	border: 2px solid #f00;
}

.dbblkgd { /* crew event that is good */
    background-color: lawngreen;
    border: 2px solid #1E7719;
}

/* --------- Arrows -------------- */
.arrow {
	display: inline-block;
	padding: 2px 5px;
}

.arrow a {
	text-decoration:  none;
	color: #fff;
}

.arrow-open {
	transform: rotate(180deg);
	
}

.arrow-closed {
	transform: rotate(90deg);
}

.section-arrow {
	float: right;
	line-height: 1.25em;
	padding: 5px;
	maring: 5px 10px;
		
}

.section-arrow {
	display: inline-block;
}

.section-open {
	transform: rotate(0deg);
}

.section-close {
	transform: rotate(180deg);
}

.sect-min {
	max-height: 100px;
	overflow: hidden;
	padding: 5px 0;
}




.sectarrowlink {
	text-decoration: none;
	font-size: 24px;
	color: 	#c9502b;
	/* background-color: #c9502b;
	 border: 3px solid #85422c;*/
}




/* Crew hotel assignments */ 
.crewassignments {
	position: relative;
}

.crewcol {
	position: absolute; 
	top: 0px; 
	left: 5px; 
	width: 500px;
}

.crewact {
	border: 1px #333 solid;
	border-radius: 5px;
	padding: 15px;
	margin: 10px 0;
	font-size: 18px;
	line-height: 1.3em;
	z-index: 50;
}
.crewHighlight {
	border: 5px solid #13F91F;
}

.crewDrag {
	background-color: #13F91F;
}

.crewcovered {
	background-color: #3fae42;
	color: #fff;
}

.crewwarn {
	position: relative;
	top: 0;
	left: 0;
	display: none;
	color: #FFF;
	background-color: #c9502b; /* #c9682b; */
	width: 400px;
	padding: 0px 15px;
	border: 3px solid #85422c;
	border-radius: 5px;
	z-index: 100;
}

.hotelcol {
	position: absolute; 
	top: 0px; 
	left: 600px; 
	width: 500px;
	
}

.hotelfull {
	background-color: #666;
	color: #000;
}

.hotelavail {
	border: 1px #333 solid;
	border-radius: 5px;
	padding: 15px;
	margin: 10px 0;
	font-size: 18px;
	line-height: 1.3em;
}

.hotelHighlight {
	border: 5px solid #13F91F;
}

.hotelHover {
	background-color: #ff0;
}

/* --------------  colors ----------------- */

.attention {
	background-color: #13F91F;
}

.warn {
	background-color: #F60;
}

.dim {
	background-color: #898c8d;
}

.highlight {
	background-color: #ff0;
}

.good {
	background-color: #3fae42;
	color: #fff;
}

.subheader {
	background-color: #d5d4d4;
}