@charset "UTF-8";
/* CSS Document */
:root {
	
	--bg-light:#eee;
	--bg-med:#ddd;
	--bg-dark:#333;
	--bg-darker:#222;
	--bg-go:#3B8123;
	--bg-go-dark:#2D5F1C;
	--bg-btn:#C08918;
	--bg-btn-dark:#A0761E;
	--bg-btn-delete:#990D0D;
	--bg-btn-delete-hover:#710707;
	--bg-btn-public:#26640A;
	--bg-btn-public-hover:#1E5107;
	--bg-btn-private:#2F2F2F;
	--bg-btn-private-hover:#212121;
	
	--p-green:#64C743;	
	--p-limited:#BA3737;
	--p-low:#C79A43;
	
	
}

body, body * {margin:0;padding:0;box-sizing: border-box;}
body {font-family: 'Roboto', sans-serif;}
h1 {text-align:center; margin:2em;}

li {list-style:none;}
a {text-decoration:none;}

header {background-color:var(--bg-dark); color:white;}
header ul {display:none;}
header li {display:block;}
header > ul {display:block;}
header > ul > li:hover > ul {display:block; position:absolute; background-color:var(--bg-dark);}
header > ul > li > ul > li {width:100%;}
header ul > li {display:inline-block; position:relative;}
header ul li a {color:white; padding:1em; display:block; width:100%;}
header ul li a:hover {background-color:var(--bg-med); color:var(--bg-dark);}

.page {max-width:1600px; margin:0 auto;}

.table {margin:2em auto;}
.table > ul {display:grid; width:100%; background-color:var(--bg-light); border-bottom:1px solid white;}
.table > ul:nth-child(even) {background-color:var(--bg-med);}
.table > ul:first-child {background-color:var(--bg-dark); color:white;}
.table > ul > li {padding:1em; overflow-wrap: break-word;}
.table ul li > div {padding:0.5em 0; border-bottom:1px dashed var(--bg-dark);}
.table ul li > div:first-of-type {padding-top:0;}
.table ul li > div:last-of-type {padding-bottom:0; border-bottom:none;}

.table > ul > li.grid {padding:0;}
.table > ul > li.grid > div {display:grid; grid-template-columns:50% 50%; padding:0;}
.table > ul > li.grid > div > div {padding:1em 1em;}
.table > ul > li.tag {padding:0;}
.table > ul > li.tag .detail {padding:1em;}

.table ul li div.p-green {background-color:var(--p-green); color:white;}
.table ul li div.p-limited {background-color:var(--p-limited); color:white;}
.table ul li div.p-low {background-color:var(--p-low); color:white;}

.table-head .order:hover {cursor:pointer; background-color:var(--bg-darker);}
.table li input[type="checkbox"] {margin:0.3em 0;}

.table-announcements {display: flex; flex-wrap: wrap;}
.table-announcements > ul {grid-template-columns:5% 9% 7% 7% 7% 7% 9% 21% 9% 19%; font-size:0.7em;}
.table-announcements > ul:first-of-type {grid-template-columns:5% 9% 7% 7% 7% 7% 9% 21% 9% 9% 10%;}
.table-announcements .companies.tag div.company {font-weight:bold;}

.table-pulsar {display: flex; flex-wrap: wrap;}
.table-pulsar > ul {grid-template-columns:10% 10% 10% 10% 60%; font-size:0.7em;}

.table-pulsar.linkedin > ul {grid-template-columns: 25px 2fr repeat(18, 1fr);}
.table-pulsar.linkedin > ul li {overflow:hidden;}

.table-companies > ul {grid-template-columns:4% 20% 30% 46%;}
.table-potential > ul {grid-template-columns:4% 20% 20% 36% 20%;}

.table.table-announcements > ul.order-group {background-color:var(--bg-light);}
.table.table-announcements > ul.order-group-alt {background-color:var(--bg-med);}

.form {width:100%; max-width:600px; margin:2em auto; }
.form input, .form textarea, .form select {border-radius:0.5em; padding:1em; border:1px solid var(--bg-dark); display:block; margin-bottom:1em; width:100%;}
.form input[type="hidden"] {display:none;}
.form input[type="submit"] {max-width:8em; background-color:var(--bg-go); color:white;}
.form input[type="submit"]:hover {background-color:var(--bg-go-dark); color:white;}
.form .form-list {margin-bottom:1em;}
.form .form-list li {padding:0.3em; background-color:var(--bg-btn); display:inline-block; border-radius:0.3em; color:white; margin-right:0.3em; cursor:pointer;}
.form .form-list li:hover {opacity:0.7;}

.form section {padding:0.5em; background-color:var(--bg-light); border-radius:0.3em; margin-bottom:1em;}
.form section p {margin-bottom:0.5em;}

.table-filter {
	margin: 2em 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2em;
}

.table-filter .filter {align-items:center; display:none; gap:1em;}
.table-filter .filter {font-size: 1.2em; text-transform: capitalize;}
.table-filter .search input[type=text], .table-filter .search .btn, .table-filter .search input[type=date], .table-filter .search select {
	padding: 0.5em;
    border-radius: 0.5em;
    border: 1px solid var(--bg-dark);
    font-size: 1em;
}

.table-filter .search .btn {background-color:var(--p-green);}

.tech-detail, .detail {cursor:pointer;}
.tech-detail.active, .detail.active {background-color:var(--bg-dark); color:white;}
.tech-detail:hover, .detail:hover {background-color:var(--bg-dark); color:white;}
div.active {border:0.2em solid #333; padding:0.8em !important;}


a.btn, input.btn {border:none; border-radius: 0.5em; padding:0.5rem; background-color:var(--bg-btn); color:white; display:inline-block; cursor:pointer; text-align: center;}
a.btn:hover {background-color:var(--bg-btn-dark); color:white;}
a.btn.delete {background-color:var(--bg-btn-delete);}
a.btn.delete:hover {background-color:var(--bg-btn-delete-hover);}
a.btn.status {width:3em; height:3em; border-radius:50%;}
a.btn.status-0 {background-color:var(--bg-btn-private);}
a.btn.status-0:hover {background-color:var(--bg-btn-private-hover);}
a.btn.status-1 {background-color:var(--bg-btn-public);}
a.btn.status-1:hover {background-color:var(--bg-btn-public-hover);}

.table a.btn {padding:0.5em; font-size:0.6em; margin-bottom:0.5em; display:block;}
.table-filter a.btn {background-color: var(--bg-btn-private);
    width: 2em;
    height: 2em;
    border-radius: 50%;}
.table-filter a.btn:hover {background-color:var(--bg-btn-private-hover);}

body .ui-menu, body .ui-widget.ui-widget-content {
	
	border:none;
	
}

body .ui-state-active {margin:0 !important; background:var(--bg-light) !important;}

body .ui-menu .ui-menu-item > div {
	border:1px solid transparent !important;
}

body .ui-menu .ui-menu-item-wrapper {border:none !important; background-color:transparent; padding:0 !important;}

body .ui-menu .ui-menu-item-wrapper:first-of-type {
	font-size:0.5em;
	color:#666;
}

body .ui-menu .ui-menu-item-wrapper:nth-child(2) {
	font-size:0.7em;
}

body .ui-menu .ui-menu-item, body .ui-menu .ui-menu-item:hover {
	font-size:0.8em;
	border:none;
	border-top:1px dashed var(--bg-dark);
	    padding: 0.3em;
}

body .ui-menu .ui-menu-item:first-of-type {
	border-top:none;
}