$makeSEAmainColor: #19a0b6;
$makeSEAdarkColor: #006474;

/* Project Title styles */
.makesea_project h1.project-title.lfr-editable,
.makesea_project h1.project-title {font-size:2.4rem; border-color: #fff; border-bottom-color:#666; width:100%; padding-left: 0;line-height:1.4; font-family: Raleway; height: auto; 
	:hover,
	:active { border-bottom-color:#666;}
	:after {top:2rem}
}

.makesea_project .refresh-link {
	border: 1px solid #E5E5E5;
	padding: 5px 10px;
	width: -webkit-fit-content;
	margin-bottom: 11px;
}

/* Turn off the line around the search return link at the top of the page */
.makesea_project .taglib-header {
	border: none;
	height: 2px;
}

/* Project Main Info */
#main-info .lfr-editable,
#addl-info .lfr-editable {min-height:5rem; padding:1rem; margin-bottom:2rem;}

/* General Form Styles */
.aui .makesea_project .label-style,
.aui .makesea_project label {font-size:12px;color:#999;line-height: 1.4;margin:5px 0;}

/* ---------- Inline editing ---------- */
.aui .makesea_project .lfr-editable {position: relative; border:solid 1px #ccc; border-radius:3px;outline:none;
	&:after {background: $makeSEAmainColor url(@theme_image_path@/common/edit_white.png) no-repeat 50%; height:0; content: ''; display:block; position:absolute; right:5px; top:2px; width:30px;}
	&:focus {
		&:after { display: none }
		&:hover { background-color: transparent	}
	}
	&:hover { background-color: rgba(255, 255, 255, 0.3);
		&:after {background-color: $makeSEAdarkColor; height:20px}
	}
}

.is-draft { 
	border-color: red !important; 
	border-width: medium !important; 
	background: url(/makesea-project-portlet/html/images/draft.2.png);
}

.journal-content-article-public-view {
	display: none;
}

.public-view { 
	border: none !important;
	margin-bottom: 30px;
}

/* Save and Continue */
.aui .saveContinue {position:fixed; z-index: 299; bottom: 0px; left: 0px;  width: 100%; height: 46px; overflow: hidden;}

/* Toggle Styles for Project Page */
.aui .addl-info .toggler-header-collapsed::before {content: "+";font-size:20px;padding-right:20px;}
.aui .addl-info .toggler-header-expanded::before {content: "-";font-size:20px;padding-right:20px;}
.cke_dialog_ui_hbox_first {vertical-align: top !important;}
.lfr-upload-container .upload-target {padding: 0 0 15px 0;}
.aui .makesea_project .well {background-color: none;border: none;}
.aui .makesea_project .nav-list > li > a {padding: 0 5px;}
.aui .makesea_project .nav-list > li > a,
.aui .makesea_project .nav-list .nav-header {padding: 1px 15px;}

/* Carousel / Main Image */
.makesea_project {
	.main-img,
	.main-img-selected {background-color:#D8D8D8;text-align:center;min-height: 380px;}
	.main-img-button-container {text-align:center;
		.button {font-size: 12px;color: #999;line-height: 1.4;width:100%;}
	}
	.main-image-label { display: inline;}
	.main-img .main-image-instructions { position: relative;  top: 77px;}
	.main-img-selected .main-image-instructions { display: none;}
	.carousel-control {height: 25px;width: 25px;border: 2px solid white;}
	.carousel .main-img {height: 180px;}
	.carousel .main-img-selected {height: auto;}
	.carousel-inner {height: 300px;}
	.main-img .carousel-control {display: none;}
	.main-img-selected {background-color: white;}
	.upload-files {padding:2rem 4rem; margin-bottom:2rem; background-color:#efefef; border:solid 1px #dfdfdf;
		.envor-btn-normal {margin-right:1rem;}
	}
	.delete_entry {float: right;min-width: 10px;min-height: 10px;}
	.dldisplay { min-height: 100%;	overflow: hidden;}
	.nav_container { float: left; width: 25%; overflow-y: auto; background-color: #ccc;
    border: 1px solid #e3e3e3;}
	.doc_lib_header { width: 100%; height: 22px; font-weight: 600;}
	.doc_lib_contents {float: right;width: 72%;min-height: 100%;}
	.doc_lib_contents_container { width: 99%; overflow-y: auto; min-height: 100%;}
	.asset-display form { margin: 0;}
	.asset_entry { width: 100%;	clear: both;}
	.delete_entry { float: right;	min-width: 10px; min-height: 10px;}
	.doc_lib_assets_container {
		border-bottom: 1px solid #ccc; min-height: 100px; min-width: 314px; margin-bottom: 20px; overflow: hidden;	
		
		.asset-abstract { float: left; overflow: auto; width: 48%; min-width: 314px; border-top: 1px solid #ccc; border-collapse: collapse;}
		.asset-thumbnail {position: relative; float: left; padding: 0; margin: 7px; background-color: #ECECEC;}
		.asset-content { margin-left: 0; margin-right: 0;}
		.asset-content h3 {font-size: 1.1rem; margin-top: 10px; margin-bottom: 7px;}
		.asset-summary {font-size: .9rem;}
		.asset-display {min-width: 330px;}
        .asset-display form {margin: 0;}
        .asset_entry {width: 100%;clear: both;}
        .asset-description {width: 92%;}
        .doc_lib_assets_container {border-bottom: 1px solid #ccc;min-height: 100px;min-width: 330px;margin-bottom: 20px;overflow: auto;}
	    .asset-abstract {overflow: auto;width: 48%;float: left;border-top: 1px solid #ccc;border-collapse: collapse;min-width: 314px;}
	    .main-image-rb,
	    .carousel-cbx { float: right;}
	    .in-carousel-label { display: inline; padding-right: 4px;}
    }
    .remote_assets_container {
		border-bottom: 1px solid #ccc; min-height: 100px; min-width: 314px; margin-bottom: 0px; overflow: hidden;	
		position: relative; top: 9px; left: -15px;
		
		.asset-thumbnail {position: relative; float: left; padding: 0; margin: 7px; background-color: #ECECEC;}
		.asset-content { margin-left: 0; margin-right: 0;}
		.asset-content h3 {font-size: 1.1rem; margin-top: 10px; margin-bottom: 7px;}
		.asset-summary, .remote-asset-url {font-size: .9rem; padding-left: 7px;}
		.asset-display {min-width: 330px;}
        .asset-display form {margin: 0;}
        .asset_entry {width: 100%;clear: both;}
        .asset-description {width: 92%;}
        .doc_lib_assets_container {border-bottom: 1px solid #ccc;min-height: 100px;min-width: 330px;margin-bottom: 20px;overflow: auto;}
	    .remote-asset-entry {overflow: auto;width: 48%;float: left;border-top: 1px solid #ccc;border-collapse: collapse;min-width: 314px;}
    }
}
/* Image Select Modal */
.dldisplay .project_entry {	float: left; height: 170px;	width: 170px; border: 1px solid #e3e3e3; margin: 0 5px 5px 0; padding: 5px;}
.dlcarouseldisplay .project_entry {	float: left; height: 220px;	width: 170px; border: 1px solid #e3e3e3; margin: 0 5px 5px 0; padding: 5px;}
.project_entry_image {	float: left; left:50%; height: 220px;	width: 170px; border: 1px solid #e3e3e3; margin: 0 5px 5px 0; padding: 5px;}
.entry_header { float: left; width: 150px;}
.button_holder { float: right;}
.makesea_button_holder_center { float: clear; margin:auto; padding:20px;}
.makesea_thumbnail { display: block; padding: 4px; margin: auto; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.055); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.055); box-shadow: 0 1px 3px rgba(0,0,0,0.055); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.lfr-upload-container .upload-target .drop-file-text { font-size: 12px;}

.aui .doc_lib_assets_container .close,
.aui .doc_lib_assets_container .btn.close {	font-size: 14px;}

/* Project Status TBD */
.p-status {padding: 20px;background-color:dfdfdf;}

.status-radio {margin-right: 20px;}
.status-row {display: inline-flex;}

.project-status-description {
	border: 1px solid #E5E5E5;
	padding: 5px;
}


/* Abstract thumbnail */
.abstract-img {	float: left;margin: 0 7px 4px 0;}
.makesea-abstract img {display: none;}
.view-control {	position: fixed;right: 0;top: 194px;z-index: 100;padding: 0;box-shadow: 2px 2px 5px #333;
	form {margin:0}
	.button-holder {margin:0}
	.button-holder div {display:none}
	button.btn {color:#000; width:70px; height:51px;background-image:none; border-radius:0;border:none;margin:0;display:inherit;
		:hover {background-color:$makeSEAdarkColor; color:#fff;}
	}
	button.btn-primary {background-color:$makeSEAmainColor; color:#fff;
	}
	.control-group {margin:0}
}

/* Assets management */
#assetsPanel {
	.accordion-inner {padding: 0;}
	.doc_lib_add {padding: 9px 15px;}
	.doc_lib_shortcut {text-align: center; margin-top: -12px; margin-bottom: 12px;}
}

.portlet-asset-publisher .metadata-author {
	margin-top: 6px;
    color: #595959;
    width: 200px;
}

.makesea_projectX .accordion-innerX {
	overflow: auto;
}

/* Member Manager */
.potential-member-header {width: 100%;clear: both; font-weight: bold; height: 24px;}
.potential-members {width: 100%;clear: both;height: 201px; overflow-y: auto;}
.makesea .potential-member {width: 100%;clear: both;}
.last-name, .first-name, .is-member, .is-owner {width: 90px;float: left;}
.is-member {text-decoration: underline;  cursor: pointer;}
.makesea .taglib-page-iterator {background-color: transparent;
	.lfr-pagination-buttons {font-size: 12px; padding-top: 8px;}
	a {text-decoration: none !important;}
}

.team-member-container {
	.team-member {
		float: left;
		width: 70%;
	}
	.taglib-text {
		color: #006474;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    	font-size: 14px;
    	opacity: 1;
	}
}

.div-table {
	display: table;         
	width: auto;         
}
.div-table-row {
	display: table-row;
	width: auto;
	clear: both;
}
.div-table-col {
	float: left; /* fix for  buggy browsers */
	display: table-column;         
}

.div-table-col.name {
	width: 160px;
	a {
		font-weight: normal;
	}
}
	
.div-table-col.role {
	width: 110px;   
	height: 24px;      
	&:after {
		background: $makeSEAmainColor url(@theme_image_path@/common/edit_white.png) no-repeat 50%; 
		height: 0;
    	border-radius: 10px;
		content: ''; 
		display:block; 
		position:relative; 
		right: -78px;
    	top: -22px;
		width:30px;
	}
	&:focus {
		&:after { 
			display: none;
		}
		&:hover { 
			background-color: transparent	
		}
	}
	&:hover { 
		background-color: rgba(255, 255, 255, 0.3);
		&:after {
			background-color: $makeSEAdarkColor;
			height:20px;
		}
	}
}

.div-table-col.role input {
	border: none;
	width: 105px;
}

.div-table-col.header {
	font-weight: bold;
}

.aui .close, .aui .btn.close {
	opacity: 1;
	margin-top: -3px;
	font-size: 13px;
}
.makesea .page-select {
	width: 50px;
}

.goto-page label {
	display: inline;
    vertical-align: super;
    padding-right: 4px;
}

/* Hide the default Asset Links title */
.asset-links-title {
	display: none;
}

.team-search {
	margin-top: -12px;
    margin-bottom: 6px;
    
	.keywords {
	    -webkit-border-radius: 14px 0 0 14px;
    	-moz-border-radius: 14px 0 0 14px;
    	border-radius: 14px 0 0 14px;
    	height: 24px;
    	padding-right: 14px;
    	padding-left: 14px;
	}
	.keywords:focus {
		border-color: rgba(82,168,236,0.8);
    	outline: 0;
    	outline: thin dotted \9;
    	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
    	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
	}
	.btn {
		margin-top: 0;
		-webkit-border-radius: 0 14px 14px 0;
	    -moz-border-radius: 0 14px 14px 0;
	    border-radius: 0 14px 14px 0;
    }
}

.pre-title {
	font-size: 16px;
    font-weight: bold;
    padding: 3px;
    background-color: lightblue;
    margin-top: 2px;
}
.pre-title:focus {
	outline: none;
}

.pre-content {
	padding: 4px 12px; 
	overflow: auto;
}

.pre-content-bordered {
	border: 1px solid #DDD;
}

.profile {
	.profile-title {
		font-size: 16px;
    	font-weight: bold;
	}
}

.profile-bio {
	position: relative; 
	outline:none;
	min-height: 70px;
	
	.temp-text {
		font-weight: bold;
	    opacity: .3;
	}
	
	&:after {
		background: $makeSEAmainColor url(@theme_image_path@/common/edit_white.png) no-repeat 50%; 
		height:0; 
		content: ''; 
		display:block; 
		position:absolute; 
		right:5px; 
		top:2px; 
		width:30px;
	}
	&:focus {
		&:after { 
			display: none;
		}
		&:hover { 
			background-color: transparent	
		}
	}
	&:hover { 
		background-color: rgba(255, 255, 255, 0.3);
		&:after {
			background-color: $makeSEAdarkColor;
			height:20px;
		}
	}
}

.profile-bio:hover {
	outline: Highlight auto 1px;
	outline: -webkit-focus-ring-color auto 1px;
	/* border:solid 1px #ccc; 
	border-radius:3px; */
}

#p_p_id_makeseaprofile_WAR_makeseaprojectportlet_ .alert {
	display: none;
}

.portal-popup #main-content {
    min-width: 100px;
    width: auto;
    min-height: 0;
}

.profile-image,
.profile-image-owner {
	padding: 10px 0;
	position: relative;
	
	img {
		height: 100px;
	    z-index: 100
	}
	
    button {
    	font-size: 12px;
    }
    
    .btn-enabled:hover {
    	background-color: #CCC;
    }
    
    .lfr-upload-container {
    	margin-bottom: 0;
    	
    	.upload-target {
	    	border: none;
    	}
	}
}

.profile-image-edit {
	position: absolute;
    top: 10px;
    left: 0px;
    font-size: 12px;
    z-index: 200;
    line-height: 1.5;
  	width: 100px;
   	height: 100px;
   	text-align: center;
   	padding-top: 22px;
    display: none;
   	
   	button {
	   	font-size: 12px;
    	margin: 2px;
    }
}
   
.profile-image-owner:hover > img {
   	opacity: 0.5;
}

.profile-image-owner:hover > .profile-image-edit {
   	display: block;
}