@charset "UTF-8";
/* CSS Document */
/* Updated 10/1/18 at 9:11am PST */

/*Portal Management Styles applied to all Built-In Pages*/

/*Text Styles*/
#page-admin h2 { font-family: 'Montserrat', Arial, sans-serif; font-weight: 600; line-height: 1.2rem; margin: 1.2rem 0 0.6rem; display: block;}

/* Header Adjustments */
header { height: 105px; }
header a.logo { width: 400px; height: 45px; top: 15px; }
nav { top: 70px; }
#page-admin nav a { color: #fff; }
#page-admin #container { left: 150px; width: calc(100% - 150px); margin: 0; }

#banner { margin-top: 0; min-height: 200px; position: relative;}
#banner div.banner-text { position: absolute; top: 0; min-height: 100px; }
section.bnr-management { background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0)), url(../img/banners/bnr_portal.jpg) no-repeat bottom center; background-size: cover; }
#banner.bnr-products div.banner-text { width: 600px; top: 280px; }

/*Monitors Page*/
section.monitor #container div.label, div.value { min-width: 20%; min-height: 2rem; float: left; line-height: 1.8rem; border-bottom: 1px solid #002a3a; padding-left: 4px; }
section.monitor #container div.label { background: #eeeff7; }
section.monitor #container input[type="text"] { padding: 0 0 0 4px; border-radius: 0; margin: 0; width: 100%; }
section.monitor #container::after { margin-bottom: 0; }

/* General Form Rules */
#monitor-details div.label { background: #eeeff7; float: left; border: none; padding: 5px 10px; font-weight: 400; width: 150px;}
#monitor-details div.value { background: #fff; float: left; border: none; font-weight: 200; padding-left: 10px }
#monitor-details a.button { display: inline-block; margin-top: 0.7rem; color: #fff; }

/*Table Rules*/
table { border-bottom: 3px solid rgba(0,42,58,0.4); }
table {width: 100%; line-height: 2rem; border-spacing: 0; }
th, .tableRowHeader { text-align: left; background: rgb(1 123 168); color: rgb(255 255 255); height: 1.75rem; font-weight: 600;  }
.tableRowHeader { display: table-row; }
tr:nth-child(odd) {background: #eeeff7; }
td { border-right: 1px solid #002a3a; padding: 0px 10px; }
td:last-of-type { border-right: none; } /* no border on the far right of table */
td:first-of-type { padding-left: 15px;}
td.nameLabel { width: calc(100% - 560px) !important;} /* for assets */
td.title { font-family: 'Montserrat', Arial, sans-serif; font-size: 1.5rem; font-weight: 400; padding-top: 15px; }
.collectionDeleteColumn input[type="button"] { padding: 4px !important; height: 19px !important; line-height: 0.1rem !important; }
.greenbar {	background-color: #e8e8e8; }
.tableBody { border: 1px solid #dedede; display: table; width: 100%;	max-width: 800px; }

/*Form Rules for over 768px */
#page-admin form { font-size: 0.8rem; line-height: 1.5rem; }
#btn_new_collection { position: relative !important; top: 0 !important; left: 0 !important; }
section.monitor div.title { margin: 20px 10px; }
span.label, td.label {  font-weight: 400; margin: 1.0rem 0 0.3rem 0; }
span.label { display: block; }
.wide_xs { width: 120px; }
.wide_sm { width: 150px; }
.wide_md { width: 200px; }
.wide_lg { width: 250px; }
.wide_xl { width: 300px; }
.row { display: block; }

/*Collections/Jobs Page*/
.collectionNameColumn {	width: 20%;	overflow: hidden;	}
.collectionCustomerColumn {	width: 20%; }
.collectionStatusColumn {	width: 10%;	overflow: hidden;	}
.collectionStartedColumn { width: 20%; }
.collectionFinishedColumn {	width: 20%;	}
.collectionDeleteColumn {	width: 9%;}



/* ======================*/
/*Admin Site Styles*/

#page-admin header { height: 60px; }
#page-admin header a.logo { left: 20px}
#page-admin header h1 { left: 326px; }
#page-admin a { color: #3b6bf6; }
#page-admin .button-bar { 
	width: 100%; 
	max-width: 1000px;
	display: block; 
	text-align: center; 
	background: var(--color-dark-one) !important; 
	border: none;
	border-radius: 0;
	margin: 0;
	padding: 0;
	box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
}
input.searchInput { display: inline-block; }
.search_button { display: inline-block; width: 23px; height: 23px; background: url(/img/admin/magnify.png) no-repeat 0 0; padding: 0; background-size: cover;  }
span.status { font-size: 0.8rem;}

#page-admin table { line-height: 1.5rem; font-size: 0.8rem; }
.container_narrow { display: inline-block; margin-right: 20px; min-height: 65px; }
/*.container_narrow:nth-child(4n+0) { float: none; }*/
div.label { font-weight: 600; font-size: 0.8rem;}
/*span.value { font-size: 0.8rem; line-height: 2rem; }*/

/*Navigation for Admin Pages*/
#page-admin nav ul { background: #0085ad; padding: 15px 0 0; }
#page-admin nav ul li { padding: 6px 15px 6px 20px; float: none; border-bottom: 1px solid rgba(255,255,255,0.2); }
#page-admin nav ul li a.current { border-left: 2px solid #fff; border-top: none; }
#page-admin nav { font-size: 0.8em; height: 100%; width: auto; top: 60px; min-height: calc(100% + 500px); }
#page-admin div.breadcrumbs { padding-top: 20px; }
#page-admin a.breadcrumb::after { content: ' > '; }
#page-admin a.breadcrumb:last-of-type::after { content: '';}
#page-admin a.button, #page-admin input.button, #page-admin input[type="button"] { background: #dc8221; padding: 4px 12px; color: #fff; font-size: 0.8rem; outline: none; margin: 0.4rem 0; border: none; }

/*My Account Area*/
#page-admin #myaccount input[type="button"] { background: #0085ad; padding: 4px 8px; font-size: 0.9rem; margin: 0 8px 8px 0; }
#page-admin #myaccount input, #page-admin #myaccount input[type="text"] { font-size: 1em; color: #585858; background: #e4e4e4; border-radius: 4px; padding: 4px 6px; margin: 6px 0 18px; min-width: 0; }
#page-admin #myaccount a { color: #fff; }
#page-admin #myaccount input.btn_sm { color: #fff; }

/*Sections for Admin Pages*/
#page-mgmt section#disclaimer > article.segment { min-height: 10px; }
#page-admin section article.segment { width: 96%; max-width: none; }

/*Forms for Admin Pages*/
#page-admin .form_error, #page-admin .form_instruction, #page-admin .form_success { display: block; }
#page-admin input, #page-admin select, #page-admin input[type="text"], #page-admin textarea, #page-admin input[type="checkbox"] { color: #1b252e; box-shadow: none; outline: none; border: 1px solid #adadad; background: rgb(230,230,230); border-radius: 2px; padding: 0px 4px; margin: 7px 0 8px; }
#page-admin input[type="checkbox"]  { margin: 0 5px;}
/*#page-admin input[type="text"], #page-admin input[type="text-area"] { min-width: 250px;}*/
#page-admin input[value*="Enter"] { color: #616161;}
#page-admin form div.container { clear: both;}
#page-admin select { font-size: 0.8em; border: 1px solid #a8a8a8; color: #1b252e; }
#page-admin div.title { font-size: 1.2rem; font-weight: 600; margin: 0.3rem 0.5rem 0 0; }
#page-admin a.more { font-weight: 600; margin: 0; font-size: 0.9rem;}
/*#page-admin .input-horiz { outline: 1px solid red; }*/
#page-admin .input-horiz span, #page-admin .input-horiz input[type="text"]  { display: inline-block; }
#page-admin .input-horiz span.label { margin: 0; width: 160px; text-align: right; padding-right: 6px; vertical-align: top; }
#page-admin span.label { font-weight: 600; }
#page-admin span.value { border: 1px dashed #d0d0d0; padding: 0 0.3rem; }
/*#page-admin textarea, #page-admin select { width: 50%; }*/
#page-admin textarea { height: 100px; }
#page-admin .input-vert { margin: 7px 0; }
#page-admin .input-vert span.label { line-height: 0.8rem; }
#page-admin .editItemImage { width: 126px; height: 126px; border: 1px solid gray; display: inline-block; }
#page-admin .editItemImage input[type="button"] { width: 100%; height: 100%; background: #eee url(/img/_global/input_add-image.svg) no-repeat center; background-size: 100px; margin-top: 0; }
/* ======================*/

/* ======================*/
/*Tables for Admin Pages*/
#page-admin .table-narrow { width: 100%; max-width: 800px; }
#page-admin tr.non-table { border-top: 1px solid #1b252e; }
#page-admin tr.non-table td { border: none; background: #fff; padding-top: 10px; }
#page-admin th.columnLabel > a.label { weight: 600 !important; }
#page-admin td.label { font-size: 0.9rem; font-weight: 600; }
#page-admin td.title { font-size: 1.1rem; font-weight: 600; }
#page-admin td > input.value { width: 100%;}
#page-admin td > input[type="text"] { min-width: 100px;}
/* ======================*/

@media only screen and (max-width: 768px) {
	#page-admin #container { top: 50px; left: 0; width: 100%; }
	#page-admin nav { position: fixed; top: 0; height: 60px; width: 100%; min-height: 0; background: none; z-index: 11; }
	#page-admin nav label { position: absolute; top: 20px; }
	#page-admin nav label:before { background: #fff; box-shadow: 0 -5px 0 0 #fff, 0 -10px 0 0 #fff; }
	#page-admin nav ul { padding: 0; margin-top: 35px; line-height: 0.2rem;}
	#page-admin nav ul li { padding: 0; }
	#page-admin nav ul li a { font-size: 0.7rem; }
	#page-admin nav ul li a.current { border-left: 10px solid #fff; border-right: 10px solid #fff; }
	#page-admin a { font-size: 0.6rem; }
	nav.monitor { height: 65px; background: #fff; box-shadow: 0px 3px 10px #c5c5c5; }
	header a.logo { position: fixed; top: 18px; left: 50px; height: 30px; font-size: 1.2rem; padding-left: 35px; }
	span.title, div.title { font-size: 1.4rem; font-weight: 400; line-height: 1.1rem; margin: 0.9rem 0; }
	#page-admin header { position: fixed; z-index: 10;}
	#page-admin header h1 { display: none; }
	#page-admin header a.logo { left: 70px; top: 10px;}
	#page-admin div.title { font-weight: 200; font-size: 1rem; margin: 0.3rem 0; color: #0085ad;}
	
	/* General Form Rules */
	#page-admin .input-horiz span.label { margin: 0; width: 100%; text-align: left; padding-right: 0; vertical-align: top; font-weight: 600; }
	#page-admin textarea, #page-admin select { width: 100%; }
	#page-admin form, #page-admin input, #page-admin select, #page-admin textarea { font-size: 0.6rem; line-height: 1rem;}
	#monitor-details div.label { padding: 5px 10px; font-weight: 400; width: 150px;}
	#monitor-details div.value { padding-left: 10px }
	#monitor-details div.label, #monitor-details div.value { font-size: 0.8rem; width: 50%;}
	#monitor-details .form-group { margin-bottom: 0.05rem; }
/*	table { font-size: 0.6rem; line-height: 0.8rem; }*/
	#page-admin table { line-height: 1rem; font-size: 0.6rem; }
	section.monitor div.title { font-size: 1.4rem; line-height: 0.5rem; margin: 0 0 13px; }
/*	Pagination*/
	.pager_bar { font-size: 0.7rem; }
	
}

@media only screen and (max-width: 480px) {
	section.monitor div.title { font-size: 1.4rem; line-height: 0.5rem; margin: 0; }
	table, table a { font-size: 0.55rem; line-height: 0.2rem; }
	table.monitorCollectionsBody td:first-of-type { padding-left: 10px; }
	table.monitorCollectionsBody td { padding: 3px 10px; line-height: 0.7rem; }
	.collectionNameColumn, .collectionCustomerColumn, .collectionStartedColumn, .collectionFinishedColumn { width: 22%; }
	.collectionDeleteColumn { display: none; }
	.collectionFinishedColumn { border-right: none; }
	#page-admin a { font-size: 0.6rem; }
}