/**-- Admin Style --**/
/* Import */
@charset 'UTF-8';

/** Basic **/

small, .small { font-size: 0.8em; }

/* !Tables */

table { font-size: inherit; border-collapse: collapse; }

	table.nb td { border:none; }

	th {
		font-size: inherit; font-weight: normal;
		color: #333; text-align: left;
		height: 2.0em;
		padding: 0.5em;
		vertical-align: middle;
		border: none;
	}
		th.left {
			text-align: left;
			padding-left: 10px;
		}
		th.nb
		{
			border: none;
			vertical-align: top;
		}
		th.t { border: none; }

		.table th {
			height: inherit;
			padding: inherit;
		}

	tr.hilight td{ background-color: #ffecec}


	.table-bordered > thead > tr > td.tt, .table-bordered > tbody > tr > td.tt, .table-bordered > tfoot > tr > td.tt
		{ border-top: 2px solid #ccc !important; }

/* ! Links & Buttons */

	a { color: #3D93E8; text-decoration: none; }
		a:hover { color: #3D93E8; }
		a.normal { font-weight: normal; color: #000; }

		a.icon:before { margin-right: 0.35em; }

	.button
	{
		margin-left: 0px;
		padding: 0.35em 1.2em;
		border: 1px solid #CCC;
		border-radius: 3px;
		cursor: pointer;
		background-color: #FAFAFA;
		color: #197AD9;
		font-weight: normal;
		font-size: 1em;
	   display: inline-block;
	   line-height: inherit;
	   margin-bottom: 0.5em;

	}
	.button:hover {
		background-color: #DADADA;
	}
	.button.small
	{
		padding: 0.2em 0.5em;
		font-size: 0.9em;
	}

		.button.icon:before {  font-size: inherit; }


	.linklikebutton { border: none; background: none; font-weight: bold; color: #197AD9; cursor: pointer}
		.linklikebutton:hover { color: #3D93E8;}

/* !Form Elements */

form { font-size: 1em; }

	label.normal { font-weight: normal; }

	textarea,
	select,
	input {
			margin: 0px;
			border: 1px solid #DDD;
			border-radius: 3px;
			cursor: pointer;
			background-color: transparent;
			font-size: inherit;
		
		}

		input.date, input.datepick {  }
		input.title { font-weight: bold; }

		select {
			background-color: transparent;
			-webkit-appearance: none;
			-moz-appearance:    none;
			appearance:         none;
		}

		input:not([type=checkbox]):not([type="radio"]){
			-webkit-appearance: none;
		}

/*
		select:after {
			background: none repeat scroll 0 0 transparent;
			content: "\f078";
			font-family: 'FontAwesome';
			font-size: inherit;
			padding: 0.5em;
			position: absolute;
			right: 0;
			top: 0;
			bottom: 0;
			z-index: -1;
		}
*/

	.placeholder {
		color: #EAEAEA;
	}

	.adminEdit .mshow {
	}

	.adminEdit > td {
		height: 2.5em;
	}

	.mshow {
		border: 1px Solid transparent;
		margin: inherit;
		vertical-align: inherit;
		background-color: transparent;
	}

	.mshow.border{
		border: 1px Solid #DDD;
	}

	textarea.mshow {
	    font-size: smaller;
		height: inherit;
		padding: inherit;
		padding-right: inherit;
	}

	input.mshow {
		padding: 1px;
	}

	select.mshow {
		border: 1px Solid transparent;
		-webkit-appearance: none;
		-moz-appearance:    none;
		appearance:         none;
		font-weight: normal;
	}

	.mshow:hover {
		border: 1px Solid #eee;
	}

	.sortable tr td:first-child {
		background-position: 0 center;
		background-image: url(../images/ico_side.gif);
		background-repeat: no-repeat;
		padding-left: 1em;
		cursor: move;
	}

	.directedit td {
		padding-top: 7px !important;
	}
	.directedit input, .directedit button, .directedit textarea {
		margin-top: -2px;
	}
	.directedit input[type="checkbox"]{
		margin-top: 2px !important;
	}
	.directedit .fa-plus::before {
		font-size: 1em;
		margin-top: 3px;
	}

	.validateTips { color: red; margin-left: 1em;}

	.redactorNb .redactor_editor{
		border: 1px solid transparent !important;
	}

	.redactorNB .redactor_toolbar {
		border: 1px solid transparent !important;
		border-bottom: 1px solid #DDD !important;
	}

	.redactor-editor p { margin-bottom: 0 !important; }


	.modal-form label, .modal-form input { display:block;}
		.modal-form label { font-size: 12px; margin: 0.5em 0em; font-style: italic; color: #444;}
		.modal-form input { margin-bottom:12px; width:100%; padding:5px;  border: 1px Solid #eee; color: #444; background-color: transparent; }
		.modal-form input.datepick { width: 150px; text-align: center }
		.modal-form fieldset { padding:0; border:0;}
		.modal-form select { margin-bottom: 12px; }
		.modal-form td .linklikebutton { margin: 0px; padding: 0px 5px}

		.modal-form.readonly { padding: 1em; }
		.modal-form.readonly p { margin: 0.7em 0px 1em 0; font-weight: bold; }
		.modal-form.readonly p.details { margin: 1em 0px; border:1px Solid #DDD; padding :1em; }

		.modal-form .redactor-toolbar {
			border-top: 1px Solid #EEE;
		}


/* !Generic Alignment & Color Class */

	.center { text-align: center; }
	.left { text-align: left; }
	.right { text-align: right; }
	.top { vertical-align: top; }
	.middle { vertical-align: middle !important; }

	tiny, .tiny { font-size: 0.8em; }

	.red {		color: #EC1C24; }
	.grey {		color: #888; }
	.orange {	color: #ED812D; }
	.yellow {	color: #EEC31A; }
	.green {    color: #09DE00; }
	.blue {		color: #197AD9; }
	.indigo {   color: #a011c0; }
	.pink { 	color: #ef3bd1; }
	.peach {	color: #f7977c;}
	.moccasin {	color: #FFE4B5;}
	.peachpuff {	color: #FFDAB9;}
	.peru {	color: #CD853F	}

	.background-red {		color:#fff; background-color: #ac2925; }
	.background-grey {		color:#fff; background-color: #b5b5b5; }
	.background-orange {	color:#000; background-color: #ffc942; }
	.background-yellow {	color:#fff; background-color: #EEC31A; }
	.background-green {		color:#fff; background-color: #50ad4f; }
	.background-blue {		color:#fff; background-color: #197AD9; }
	.background-indigo {	color:#fff; background-color: #a011c0; }
	.background-pink {		color:#fff; background-color: #ef3bd1; }
	.background-peach {		color:#fff; background-color: #f7977c; }
	.background-moccasin {		color:#000; background-color: #FFE4B5; }
	.background-peachpuff {	color:#000; background-color: #FFDAB9; }
	.background-peru {	color:#fff; background-color: #CD853F	; }


	.uppercase { text-transform: uppercase; }
	.strong, b, strong, bold, .bold {	font-weight: bold; }
	.underline { text-decoration: underline; }
	.strike { text-decoration: line-through; }

	.error { color: red; font-weight: bold; }

	.cancelled { color: red; decoration: line-through; }

	.clear { clear: both; }


/** Module Links **/

table.modlink {
	border-collapse:separate;
	border-spacing:10px 10px;
}

	td.modlink {
		width:100;
		border: 0;
		border-radius: 1em;
		padding: 1em 1em;
		text-align:center;
	}

	a.modlink {
		color: #777;
	}
		a.modlink:hover {
			color: #AAA;
		}

	div.modlink {
		position:relative;
	}

	.modlink .icon {
		font-size: 2.6em;
		display: block;
		margin-bottom: 0.4em;
	}

/* !MISC */

	.rowHighlight > tr:hover {
		background-color: rgba(231,232,228,0.25);
	}

	.rowAlternateColor {
		background-color: rgba(231,232,228,0.25)
	}

	.rowAlternateColor:hover {
		background-color: #fff !important;
	}

	.inline-message { margin: 1em 2em 2em 2.5em; color: #AAA; }
		.inline-message.icon.fa-warning::before{ color: #FF9F07; }

	.icon { text-decoration: none; }
		.icon:before { display: inline-block; font-family: FontAwesome; font-size: 1.25em; text-decoration: none; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
		.icon > .label { display: none; }

	div.login
	{
		font-weight: bold;
		margin-left: 5px;
		margin-right: 5px;
		display: inline;
	}

	span.addtobin {
		cursor: pointer;
	}
	span.addtobin:hover {
		background-color: #999;
	}


/* Header */

	#header
	{
		height: 3.5em; padding: 0em; border-bottom: 1px Solid #197AD9; background-color: #FFF;	position: relative;
	}

		#header .admincontainer
		{
			position: relative; padding: 0 2em;
		}

		#header h1 { font-size: 1.35em; font-weight: normal; color: #333; line-height: 2.55em; margin: 0px; }


/* ! Content */

	#admin_content { margin-top: 0em; margin-bottom: 0em; padding-left: 2em; min-height: 100vh; }

	#admin_content header {
			background-color: transparent;
			padding: 1.5em 2em;
			margin-bottom: 2em;
			border-bottom: 1px Solid #f5f5f5;
			margin-left: -2em; margin-right: -2em;
			border-radius: 0em;
		}

		#admin_content header h1 {
				margin: 0px; font-size: 1.7em; letter-spacing: 0.15em;
		}

		#admin_content header p {
				font-family: lato; font-weight: 300; font-style: italic; font-size: 1.2em;
				margin: 0.2em 0 0 0;
				color: 333;
		}

	#admin_content	footer {
			background-color: transparent;
			padding: 1em 2em;
			margin-top: 2em;
			border-top: 1px Solid #f5f5f5;
			margin-left: -2em; margin-right: -2em;
			border-radius: 0em 0em 0.5em 0.5em;
		}

/* ! Box */

	div.box {
	 		padding: 0 2em 0em 2em; border: 1px Solid #CCC; border-radius: 0.5em;
	}

		div.box header {
			padding: 1.2em 2em !important;
			border-radius: 0.5em 0.5em 0em 0em !important; border-bottom: 1px Solid #DDD !important; background-color: #FFF  !important;
		}

		div.box h1, div.box h2, div.box h3 {
			margin: 0em; font-weight: 400;
		}

		div.box footer {
			border-radius: 0em 0em 0.5em 0.5em; border-top: 1px Solid #DDD !important; background-color: #FFF  !important;
		}

/* ! Top Menu */

	#nav {
		font-family: Lato;
		position: absolute; right: 2em; bottom: 0.25em;	margin: 0; padding: 0;
	}

		#nav li { float: left; list-style: none; margin: 0px; }

		#nav a
		{
			margin: 0px;
			font-size: 1.1em;
			display: block;
			padding: 0 0.5em;
			width: auto;
			text-align: center;
			white-space: nowrap;
			font-weight: 300;
			color: #555;
		}

			#nav a:hover
			{
				color: #197AD9;
			}

		#nav a.icon:before {
			display:block; clear:right; margin-bottom: 0em;
		}

		ul.dropotron  {
			margin-top: 0.3em; padding: 0;
			background-color: #197AD9;
		}

			.dropotron li
			{
				margin: 0px; padding: 0.5em 1.5em;
				list-style: none !important;
			}

			.dropotron a {
				line-height: 2em;
				color: #fff;
				font-weight: 300;
				text-align: left;
			}

			.dropotron li:hover {
				background-color: #3D93E8;
				border-color: #3D93E8;
			}

			.dropotron li:hover a {
				color: #FFF;
			}


/* ! Admin Tools */
	.admin-tools { text-align: right }
		.admin-tools select { display:inline-block; padding: 4px 10px; }
		.admin-tools .button { float:left; display:inline-block; margin-left: 4px;}
		.admin-tools input { display: inline-block; font-size: 14px; }
		.search-field { margin-right: -5px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; padding: 2px 10px 3px 10px; }
		.search-field:focus { outline: none; }
		.search-button { font-family: FontAwesome; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; padding: 4px 10px; }

	@media (max-width: 992px) {
		.admin-tools { text-align: left }
	}


/* Action & Status Container */
.action_container { border:1px solid #CCC; margin-top: 30px; padding: 10px; background-color: #FAFAFA; }
.action_container pre { overflow-x: scroll; }

.status_container { height: 56px;  margin: 10px 0; padding: 10px; border:1px solid #CCC; width: 200mm }
.status_current { float: left; display: inline-block; width: 370px; }
.status_text { font-size: 20px; color: #999; }
.status_text.New { color: #258ecd; }
.status_text.Confirmed, .status_text.Approved { color: rgba(154,162,16,1) }
.status_text.Revised, .status_text.Revise, .status_text.Updated { color: rgba(219,129,8,0.8); }
.status_text.Cancelled, .status_text.Canceled { color: rgba(218,71,140,0.8); }
.status_text.Closed { color: rgba(96,27,170,0.8) }
.status_text.Open, .status_text.Urgent { color: red; }
.status_info { font-size: 9px; color: #888; }
.status_history { height: 36px; width: 315px; overflow-y: scroll; padding-top: 5px; font-size: 9px; color: #888; padding-left: 10px; float: left; display: inline-block; border-left: 1px Solid #DDD; }

/* Sketch */
div.sketchTool { display: block; position: absolute; bottom: 0px; left: 0px; padding: 1px; background-color: rgba(255,255,255,0.3); white-space: nowrap; }
a.sketchTool 	{ display: inline-block; float: left; width: 15px; height: 15px; margin: 2px; border-radius: 2px; }
a.sketchTool.red { background-color: #f00; }
a.sketchTool.yellow { background-color: #ff0; }
a.sketchTool.black { background-color: #000; }
a.sketchTool.eraser, a.sketchTool.clear, a.sketchTool.delete { background-color: #47a3da; width: auto; color: #fff; line-height: 15px; padding: 0 2px;}
a.sketchTool.eraser:hover, a.sketchTool.clear:hover, a.sketchTool.delete:hover { background-color: #258ecd; }
a.sketchTool.clear { clear: none !important; }

#pc_container 	{ display: inline-block; margin-top: 20px; width: 100%; }
.pc_row 			{ position: relative; display: block; float: left; }
.pc_row.A4P		{ width: 679px; }
.pc_row.A4L		{ width: 482px; }
.pc_canvas		{ position: relative; }
.pc_canvas.A4P { width: 390px; display: inline-block; float: left; }
.pc_canvas.A4L { width: 390px; height: 285px; overflow-y: hidden; display: block; margin-left: auto; margin-right: auto;  }
.pc_comments 	{ vertical-align:top;  }
.pc_comments.A4P { width: 283px; display: inline-block; padding: 10px 0 0 0; float: right; }
.pc_comments.A4L { width: 390px; display: block; padding: 0px; margin-left: auto; margin-right: auto; }

/* Drop File */
.dropFile.multiFiles { height: 0px !important;  min-height: 0px !important; }
.dropFile.multiFiles .dropFile_Box { z-index: 1; display: inline-block; float: left; width: 100px; height: 100px; margin: 10px 10px 30px 10px !important; text-align: center; line-height: 88px; border: 1px dashed #DDD; color: #999; font-size: 12px; }
.multiFiles .dropFile_Box.hover { background: #EAEAEA; }
.multiFiles .dropFile_Box.drop { background: #f4f4ee; }

.dropImage-container { position: relative; margin: 0px; border:1px Solid #DDD; }
.dropFile.dropImage { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.dropFile.dropImage .dropFile_Box { z-index: 1; opacity: 0; position: block; width: 100%; height: 100%; text-align: center; line-height: 50px; border: 2px dashed #FFF; color: #FFF; font-size: 12px; background-color: #000; }
.dropImage .dropFile_Box.hover { opacity: 0.4; }
.dropImage .dropFile_Box:hover { opacity: 0.4; }
.dropImage .dropFile_Box.drop { background: #f4f4ee; opacity: 0.7; }

.dropImagePC { width: 100% !important; height: 30px !important; border-color: transparent; line-height: 28px !important; float: none !important; }

/* MESSAGES */
.message { padding: 10px; margin-top: 5em;}
.message:before { content: '\e80f'; font-size: 3.5em; font-family: "fontello"; float:left; color: #9CCDEB; margin-right: 0.5em; }

.message.attention:before { content: '\e812'; font-size: 3.5em; font-family: "fontello"; float:left; color: #FEC861; margin-right: 0.5em; }
.message.attention .button { background-color: #F7A401 }
.message.attention .button:hover { background-color: #FEC861 }

.message.error:before { content: '\e812'; font-size: 3.5em; font-family: "fontello"; float:left; color: #FF4960; margin-right: 0.5em; }
.message.error .button { background-color: #FF0F2D }
.message.error .button:hover { background-color: #FF99A6 }

/* FORM */
#formlist li a:before { content: '\f016'; font-size: 1em; font-family: "FontAwesome"; color: #9CCDEB; margin-right: 0.5em; }
#formlist li a { font-weight: normal;  }

/* Template Icons */

#selectQCForm {
	overflow-y: scroll;
}

div.formThumbnail {
	margin-top: 10px;
	width: 200px;
	height: 225px;
	padding: 0px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	float: left;
}

div.formThumbnail label {
	width: 100%;
	margin-top: 0;
	font-size: 12px;
	font-style: italic;
	text-align: center;
	position: absolute;
}

div.formThumbnail tiny {
	font-size: inherit;
}

div.formThumbnail.selected {
	-webkit-box-shadow: 0 0 8px 0 #6CB8EF;
	box-shadow: 0 0 8px 0 #6CB8EF;
}

div.formThumbnail div.scale {
	position: absolute;
	left: 0;
	top: 0;
	width: 1;
	height: 1;
	margin-top: 30px;
	display: block;
	clear:both;
   -ms-transform: scale(0.18); /* IE 9 */
   -webkit-transform: scale(0.18); /* Safari */
   transform: scale(0.18);
}

div.formThumbnail .page_P{
	margin-left: 30px;
}

div.formThumbnail .page_L{
	margin-left: 0;
}

div.scale .sheet {
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#selectHullRepairForm{
	display: none;
}

#selectHullRepairForm table {
	width:100%;
}

	#selectHullRepairForm td {
		width:50%; border:none; vertical-align: top;
	}

	#selectHullRepairForm ul {
		margin-top: 5px;
	}

	#selectHullRepairForm li {
		list-style: none;
	}

@media Print
{

	body { width: 100% !important; }
    table {page-break-inside: avoid;}

	select { background: none; }
	.button { display: none; }

	.sheet { margin: 0.3cm 0.5cm 0.3cm 0.5cm !important; border:none; -webkit-box-shadow:none; box-shadow:none; }
	.no_print, .no-print { display: none !important;}

	.pmb { margin-bottom: 0 !important; }

}

.loadInformation td {
	width:30%;
	height:40%;
}

#isrInstruction td {
	height:10%;
	overflow-y: auto;
}

/** Animation **/
@keyframes blink {50% { color: transparent }}
.blinking { animation: 1s blink infinite }

#selectSCRJC{
	display:none;
}

#selectHTiJC{
	display:none;
}