body {
	background: #6dc6e8;
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}

form, fieldset, legend {
	margin: 0;
	padding: 0;
	border: none;
}
legend {
	height: 0;
}
input,
button,
select {
	padding: 5px 10px;
	border: 1px solid #cfcfcf;
	margin: 0 0 10px;
}
.options .btn,
.btn,
button {
	position: relative;
	display: inline-block;
	min-height: 30px;
	min-width: 3.3rem;
	margin: 10px 0 0 0;
	padding: 7px 15px;
	background: -webkit-linear-gradient(top, #6371c7, #5563c1);
	background: linear-gradient(180deg, #6371c7, #5563c1);
	border: .1rem solid #3f4eae;
	box-shadow: inset 0 1px 0 0 #6774c8, 0 1px 0 0 rgba(22, 29, 37, 0.05), 0 0 0 0 transparent;
	color: #fff;
	fill: #fff;
	/*border-radius: .3rem;*/
	line-height: normal;
	text-align: center;
	text-decoration: none;
	-webkit-transition-property: background,border,box-shadow;
	transition-property: background,border,box-shadow;
	-webkit-transition-duration: .2s;
		  transition-duration: .2s;
	-webkit-transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1);
		  transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1);
	box-sizing: border-box;
	cursor: pointer;
	white-space: nowrap;
	text-transform: none;
	font-family: -apple-system, "BlinkMacSystemFont", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", sans-serif;
	font-weight: normal;
	vertical-align: middle;
	-webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
		  user-select: none;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
	transition: all .5s ease;
}
a.btn:hover,
button:hover {
	opacity: 0.85;
}
a.btn:visited,
a.btn {
    color: #FFF;
    text-decoration: none;
}
.btn.load-keywords {
    min-width: 10px;
    padding: 0 3px;
    min-height: 10px;
    margin-top: 0;
}
.btn-link img {
    width: 30px;
    float: left;
    margin-right: 10px;    
}
.options a.btn-link {
    padding: 2px 10px 2px 5px;
    line-height: 30px;
    display: inline-block;
}
.options a.btn-link:hover {
	opacity: 0.8;
}

.cel-keywords button {
    margin: 0;
    padding: 3px 15px;
    min-height: 0;
    line-height: 100%;
}
.cel-keywords table {
    margin: 5px 0 0;
}
.cel-titles button {
    margin: 0 0 0 20px;
}
.serp-data-container {
    background: #EEE;
    padding: 5px 10px;
    border-left: 5px solid #DDD;
}

form label {
	display: block;
}

.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}

.error {
	color: red;
}

.response {
    padding: 10px;
    margin: 10px 0;
}
.errors {
    background: #ebc9c9;
    color: #9e0808;
}
.note {
    background: #d4f4d1;
    color: #047102;
}
.icon-cancel {
    float: right;
    color: #cc8181;
    cursor: pointer;
}

.card {
    background: #FFF;
    width: 250px;
    padding: 20px;
    border: 1px solid #cfcfcf;
    box-shadow: 0 0 2px rgba(0,0,0,0.15);
}
.card-login {
	margin: 50px auto;
}

.loader {
	display: none;
}

hr {
	background: #555;
	height: 1px;
	border: none;
}
h1,
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
img {
	border: none;
}

.picture {
padding: 2px;
border: 1px solid #777;
}

a, a:focus, a:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}

.hidden {
	display: none;
}

.top-bar {
	background-color: #073B51;
	position: fixed;
	width: 96%;
    left: 0;
    top: 0;
    padding: 10px 2%;
	display: flex;
	z-index: 100;
    justify-content: space-between;
}
.top-bar a {
    display: inline-block;
    line-height: 34px;
    color: #FFF;
    text-decoration: none;
}


.site-container {
    margin-top: 54px;
    display: flex;
    min-height: 100%;
}
.sidebar {
	background: #073B51;
	background: linear-gradient(175deg,rgba(7, 59, 81, 1) 1%, rgba(29, 128, 169, 1) 100%);
	width: 260px;
}
.sidebar .tabs {
	width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding-top: 30px;
    align-items: flex-start;
    overflow-y: auto;
    padding: 30px 0 0;
    list-style: none;
}
.sidebar .tabs li {
    display: block;
    width: 100%;
}
.sidebar .tabs li a {
	padding: 0 30px;
	font-size: 13px;
	display: block;
    line-height: 2.5em;
    text-align: left;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
	font-weight: bold;
    color: #FFF;
    margin: 0 10px;
    border-radius: 10px;
}
.sidebar .tabs li a:hover {
	background: #3FB1E7;
	background: linear-gradient(90deg,rgba(63, 177, 231, 1) 1%, rgba(114, 190, 68, 1) 100%);
    color: #fff;
    text-decoration: none;
}
.content {
	background: #6dc6e8;
	width: calc(100% - 170px);
	padding-bottom: 100px;
}
.content .card {
    background: #f8f8f8;
    padding: 20px 15px;
    margin: 20px 0 20px 2%;
    width: 95%;
    border-radius: 15px;
}

.dfs-balance {
	color: #FFF;
}

/*.row {
    display: flex;
    justify-content: space-between;
}*/

table,
.table-list {
	width: 100%;
	border: 1px solid #DDD;
	border-collapse: collapse;
}

thead th {
    background: #3c8dbc;
    color: #FFF;
}
tr.odd td {
    background: #f0f3f3;
}
table {
	margin: 25px 0 0 0;
}
table th, 
table td {
    /*padding: 0.8rem 1rem;*/
    padding: 5px 10px;
    font-size: 0.8rem;
    text-align: left;
}
table td.landing-cel {
	word-break: break-all;
}
td.options {
	text-align: right;
}
table tr {
	position: relative;
}
table tr:nth-child(odd) {
    background: #fafbfc;
}
.table-list tr:hover td {
	background-color: #d3e5f7;
    color: #007cff;
}

.clear {
	clear: both;
}
.bold {
	font-weight: bold;
}

button.close-keywords,
button.open-keywords {
    min-width: auto;
    min-height: auto;
    padding: 1px 6px;
}
button.close-keywords {
	position: absolute;
    top: -10px;
    right: 0;
    background: #f5a122;
    border: none;
    line-height: 15px;
}
.landing-keywords {
    position: absolute;
    background: #FFF;
    top: 5px;
    padding: 10px 25px 20px;
    left: 170px;
    box-shadow: 3px 3px 4px rgba(0,0,0,0.2);
    display: none;
    z-index: 10;
    border: 2px solid #83c74e;
}
.landing-keywords .keyword-row {
	border-top: 1px solid #EEE;
	transition: all .5s ease;
}
.landing-keywords .keyword-row:hover {
	background: #EEE;
}
.landing-keywords span {
	display: inline-block;
	width: 100px;
	padding: 3px 10px;
}
.landing-keywords span.keyword {
	width: 220px;
}

.options a {
	fill: #637381;
    color: #212b36;
    background: -webkit-linear-gradient(top, #f9fafb, #f4f6f8);
    background: linear-gradient(180deg, #f9fafb, #f4f6f8);
    border-color: #c4cdd5;
    display: inline-block;
    padding: 5px;
    text-decoration: none;
}

.add-new input, 
.add-new select {
    width: 350px;
}
.keywords-list .add-new select {
	width: 150px;
}
.add-new input[type=checkbox] {
	width: auto;
	position: absolute;
    top: -1px;
}
span.checkbox-container {
    display: inline-block;
    padding-top: 0px;
    position: relative;
    width: 30px;
    height: 25px;
}
.keyword-label {
	margin-left: 35px;
}


.mapping button.btn-mapping {
    float: right;
}
.mapping select.domain-id {
    height: 35px;
    position: relative;
    top: 6px;
}

.table-keyword td {
    padding: 5px 15px;
    border-bottom: 1px solid #DDD;
}


div.dataTables_wrapper .dataTables_paginate .paginate_button,
div.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
div.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: #59b9c7;
    color: #FFF;
}
div.dataTables_wrapper .dataTables_paginate .paginate_button.current,
div.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #3c8dbc !important;
    color: #FFF !important;
}


.dataTables_wrapper {
    margin: 25px 0 0 0;
    border-top: 5px solid #83c74e;
    padding-top: 10px;
}

.status-ok {
	color: #83c74e;
}
.status-bad {
	color: #f5a122;
}
.user-saved-landing {
    font-size: 21px;
    color: #3c8dbc;
}

.filters input {
    float: left;
    margin: 1px 10px 0 0;
}

span.label {
    background: #97e997;
    margin: 3px;
    padding: 3px 5px;
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}

.row-delete {
    background: #f3d1d1;
}
.form-group input,
.form-group select {
    padding: 5px 10px;
    height: 33px;
}
.form-group textarea {
    width: 350px;
    height: 100px;
    border: 1px solid #CCC;
}
.form-help {
    border-left: 5px solid #BBB;
    padding: 15px;
    margin: 0 0 25px 0;
    background: #f7f7f7;
}
.form-help img {
	max-width: 100%;
	margin: 15px 0;
}
.add-new {
    margin: 15px 0;
    background: #EFEFEF;
    padding: 15px;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}

.field-element button {
    margin: 2px 0 5px;
    padding: 5px 20px;
}
.field-element input {
    padding: 7px 10px;
    margin: 5px 10px 0 0;
}



.position-container {
	display: flex;
}
.position-container .keywords-list-container {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 20%;
}
.position-container .chart {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 80%;
	position: relative;
}
.chart {
	overflow: hidden;
}
.chart > div {
    margin-top: -80px;
}

.interval-field {
	position: relative;
}
button.ui-datepicker-trigger {
	position: absolute;
	padding: 0;
	height: 20px;
	min-width: auto;
	min-height: auto;
	width: 20px;
	right: 7px;
	margin-top: 11px;
}
.interval-field .hasDatepicker {
	width: 100%;
	height: 33px;
	margin: 5px 0 10px;
}
.keywords-list-container select {
	width: 100%;
	margin: 5px 0 10px;
	height: 35px;
}

.word-wrap {
	word-break: break-word;
}

.not-found-keywords {
    background: #ffc7c7;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 10px;
    text-align: center;
    display: none;
}
.kw-block .keywords-list {
    display: flex;
    flex-wrap: wrap;
}
.kw-block .keyword-container {
    flex-basis: 240px;
    margin-right: 10px;
    border-right: 2px solid #777;
}



.row-odd {
	background: #f6faff;
}
.row-even {
	background: #FFF;
}

.row-landing {
	display: flex;
	padding: 5px;
}
.row-landing .cel-position {
    font-size: 24px;
    font-weight: bold;
    margin: 0 15px 0 0;
}
.row-landing .cel-url {
	line-height: 24px;
}
.landing-url-serp {
    position: sticky;
    top: 80px;
    z-index: 100;
    /*width: calc(100% - 200px - 2%);*/
    /*margin-right: 20px;*/
    border-bottom: 3px solid #777;
}

.row-serp {
    display: flex;
    justify-content: space-between;
    padding: 5px 5px 15px;
}
.row-serp div {
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 2%;
    flex: 1;
}
/*.row-serp div.cel-titles { flex-basis: 25%; }
.row-serp div.cel-images { flex-basis: 13%; }
.row-serp div.cel-w3c { flex-basis: 9%; }
.row-serp div.cel-title-description { flex-basis: 24%; }
*/
/*
.row-serp div.cel-words { flex-basis: 5%; }
.row-serp div.cel-ratio { flex-basis: 5%; }
.row-serp div.cel-title { flex-basis: 15%; }
.row-serp div.cel-description { flex-basis: 15%; }*/
.row-serp div.cel-keywords { /*flex-basis: 28%;*/ margin-left: 1%; text-align: right; }

.row-serp-title {
	background: #DDD;
	font-weight: bold;
    position: sticky;
    top: 54px;
    z-index: 100;
    /*width: calc(100% - 210px - 2%);*/
}


.base-keywords {
    background: #EEE;
    padding: 15px 10px;
    border-top: 3px solid #AAA;
    margin: 15px 0 10px;
}
.offered-keywords {
    padding: 0 10px;
    line-height: 175%;
}

.description {
    line-height: 150%;
    color: #777;
    border-left: 5px solid #AAA;
    padding-left: 10px;
}

.form-container {
    display: flex;
    gap: 15px;
}
.form-container i {
	color: red;
}

.new-landing-row {
    border-top: 2px solid #000;
}
.new-landing-row td {
	padding-top: 10px;
}


.featured-keyword {
    display: inline-block;
    background: #f5a122;
    font-style: italic;
}

.position-table {
	display: none;
}

/** unused words **/
.col-container {
    display: flex;
    gap: 0 25px;
}
.col-container .btn {
	margin-top: 0;
	padding: 6px 10px;
    float: right;
}
.col-container .form-group {
	margin: 10px 0 0;
	padding: 7px;
}
.col-container input {
	margin: 0;
}
.col-container input {
	width: 180px;
}
.textbox {
    width: 300px;
    height: 200px;
    border: 1px solid #AAA;
    border-radius: 3px;
}

.concurencies-list td:nth-child(2) {
    max-width: 400px;
    word-break: break-word;
}

.card h3 {
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 0;
}
.milestones-container table,
.position-table table,
.concurencies-list table {
	margin-top: 10px;
}


/** For pagespeed **/
.speed-item {
	font-weight: bold;
	border: 1px solid #00cc66;
	display: inline-block;
	padding: 5px;
}
.speed-fast {
	color: #008800;
	border-color: #00cc66;
}
.speed-moderate {
	color: #c33300;
	border-color: #ffaa33;
}
.speed-slow {
	color: #cc0000;
	border-color: #ff3333;
}



i.info {
    background: #3c8dbc;
    width: 20px;
    height: 20px;
    display: inline-block;
    float: right;
    text-align: center;
    border-radius: 50%;
    color: #FFF;
    cursor: pointer;
    font-weight: bold;
    font-style: normal;
    margin-right: 16px;
}

.mail-row input {
    width: 300px;
    height: 33px;
}
.mail-row button {
    position: relative;
    top: -6px;
}


.keywords label {
    display: inline-block;
    width: 185px;
}

table label.ml {
	display: none;
}


.mobile-sidebar-icon,
.hide-desktop {
	display: none;
}


.jrvs-alert {
	color: red;
}




.shadow-box {
    background: rgba(0,0,0,0.75);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: none;
}
.popup-box {
    max-width: 400px;
    background: #FFF;
    text-align: center;
    margin: 10% auto;
    padding: 10px;
    border: 5px solid #DDD;
}



h3.primary-keyword {
    margin: 0;
    font-size: 21px;
}
h3.primary-keyword span {
	font-weight: normal;
	color: #999;
	font-size: 15px;
}
.saved-lsi-keyword {
	background: #DDD;
    display: inline-block;
    padding: 10px 10px 10px 20px;
    border-radius: 2px;
    border: 1px solid #CCC;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.15);
    margin: 12px 15px 10px 0;
}
.saved-lsi-keyword.hidden {
	display: none;
}
.saved-lsi-keyword .lsi-keyword-delete {
    float: none;
}
.add-lsi-keyword {
	margin-top: 0;
}
.lsi-keywords {
    display: inline-block;
}
.form-group.lsi-container {
    border-top: 2px solid #59b9c7;
    border-left: 10px solid #59b9c7;
    margin: 10 0;
    padding: 10px;
    background: #f9f9f9;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}

tr.keyword_group_1 td {
    border-top: 2px solid #0094eb;
    height: 25px;
}
tr.keyword_group_1 td:before {
    content: '';
    background: #9dd6ff38;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}



.domain-serp-matrix {
	overflow-y: hidden;
} 
.domain-serp-matrix table {
	position: relative;
}
.domain-serp-matrix table:before {
    content: 'Kérjük válassz legalább egy átlagot!';
    display: flex;
    position: absolute;
    text-align: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #FFF9;
    z-index: 1000;
    top: 0;
    left: 0;
}
.domain-serp-matrix table.active:before {
	display: none;
}
.domain-serp-matrix tr.summary-row td {
    border: 1px solid #000;
    background: #BBB;
    font-size: 12px;
    letter-spacing: -1px;
    text-align: center;
}
.domain-serp-matrix td, 
.domain-serp-matrix th {
  position: relative;
}
.domain-serp-matrix td:hover::after,
.domain-serp-matrix th:hover::after {
  content: "";
  position: absolute;
  background-color: rgba(0,0,0,0.15);
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: 10;
}
.domain-serp-matrix th {
    height: 120px;
    width: 30px;
    padding: 0;
}
.domain-serp-matrix th span {
    transform: rotate(-85deg);
    display: block;
    width: 120px;
    position: absolute;
    left: -42px;
    top: 40px;
}

.domain-serp-matrix td {
	padding: 0;
}
.domain-serp-matrix .matrix-pos {
	display: block;
	padding: 5px 10px;
}
.domain-serp-matrix span.matrix-pos.pos-nopos {
    background: #444;
    color: #333;
}
.domain-serp-matrix .pos-inc {
	background: #00f300;
}
.domain-serp-matrix .pos-inc.pos-1 { background: #bddfbd; }
.domain-serp-matrix .pos-inc.pos-2 { background: #a7e3a7; }
.domain-serp-matrix .pos-inc.pos-3 { background: #99e799; }
.domain-serp-matrix .pos-inc.pos-4 { background: #90eb90; }
.domain-serp-matrix .pos-inc.pos-5 { background: #82f382; }
.domain-serp-matrix .pos-inc.pos-6 { background: #6cf76c; }
.domain-serp-matrix .pos-inc.pos-7 { background: #64fb64; }
.domain-serp-matrix .pos-inc.pos-8 { background: #4ff74f; }
.domain-serp-matrix .pos-inc.pos-9 { background: #38ff38; }
.domain-serp-matrix .pos-inc.pos-10 { background: #1bff1b; }

.domain-serp-matrix .pos-dec {
	background: #ed0000;
}
.domain-serp-matrix .pos-dec.pos-1 { background: #ffdada; }
.domain-serp-matrix .pos-dec.pos-2 { background: #ffcaca; }
.domain-serp-matrix .pos-dec.pos-3 { background: #fbbbbb; }
.domain-serp-matrix .pos-dec.pos-4 { background: #ffb3b3; }
.domain-serp-matrix .pos-dec.pos-5 { background: #ff9f9f; }
.domain-serp-matrix .pos-dec.pos-6 { background: #fb8585; }
.domain-serp-matrix .pos-dec.pos-7 { background: #ff6868; }
.domain-serp-matrix .pos-dec.pos-8 { background: #ff4e4e; }
.domain-serp-matrix .pos-dec.pos-9 { background: #ff3535; }
.domain-serp-matrix .pos-dec.pos-10 { background: #fd2121; }

.domain-serp-matrix .pos-equal {
	background: #cccccc3d;
}
.domain-serp-matrix .pos-unknown {
	background: #CCC;
    color: #FFF;
}
.domain-serp-matrix span.counter {
    font-size: 8px;
}


	table tr.pos-up-small {
		background: #d8ffd8;
		color: #339145;
	}
	table tr.pos-up-large {
		background: #86ff86;
		color: #1f7930;
	}
	table tr.pos-neutral {
		background: #ddd;
		color: #222;
	}
	table tr.pos-down-small {
		background: #fccbcb;
		color: #966565;
	}
	table tr.pos-down-large {
		background: #ff7676;
		color: #9a2222;
	}
	.keyword-list-container h3 {
		background: #EEE;
		padding: 15px;
		margin-top: 10px;
		border-left: 10px solid #3c8dbc;
		border-top: 1px solid #59b9c7;
		box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
		cursor: pointer;
	}
	.keyword-list-container table {
		border-spacing: 0 0;
		width: auto;
		display: none;
	}
	.keyword-list-container table tr.actual-domain {
		border-left: 10px solid #59b9c7;
	}
	.keyword-list-container table tr {
		border-left: 10px solid transparent;
	}
	.keyword-list-container table th,
	.keyword-list-container table td {
		padding: 6px 10px;
		border-bottom: 1px solid #555;
		transition: background .5s ease;
		text-align: right;
		font-size: 0.85em;
	}
	.keyword-list-container table tr:hover {
		border-left: 10px solid #f5a122;
		border-bottom: 5px solid #f5a122;
		border-top: 2px solid #f5a122;
		border-right: 5px solid #f5a122;
	}
	.keyword-list-container table tr:hover td {
		background: rgba(255,255,255,0.5);
	}
	.keyword-list-container table th.domain-cel {
		width: 250px;
	}
	.keyword-list-container table th.td-left,
	.keyword-list-container table td.td-left {
		text-align: left;
	}
	.keyword-list-container table thead {
		background: #BBB;
	}

	.position-table-day-mod {
		background: rgba(255,255,255,0.2);
		padding: 2px;
		width: 20px;
		display: inline-block;
		text-align: center;
		border-radius: 50%;
		height: 20px;
		cursor: pointer;
		margin: 0 5px;
	}
	.position-table-day-mod:hover {
		background: transparent;
	}


.mobile-menu {
	display: none;
}


@media screen and (max-width: 1200px) { 
	.content .card {
		padding: 20px 2%;
		margin: 20px 0 20px 2%;
		width: 92%;
	}
}


@media screen and (max-width: 980px) { 
	.sidebar {
		position: fixed;
		z-index: 10;
		top: 30px;
		left: -170px;
	}
	.content {
		width: 100%;
	}
	
	.position-container {
		flex-direction: column;
	}
	.position-container .keywords-list-container {
		display: flex;
		flex-basis: 100%;
	}
	.kw-form-block {
		width: 200px;
		margin: 0 25px 0 0;
	}
	.kw-block {
		/*width: calc(100% - 235px);*/
		width: 100%;
	}
	.kw-block .keyword-container {
		flex-basis: 100%;
		display: flex;
		flex-wrap: wrap;
		border-right: none;
	}
	
	
	
	
	.keywords-list {
		display: flex;
		flex-wrap: wrap;
	}
	.keywords.default {
		width: 100%;
		border-bottom: 1px solid #DDD;
		margin-bottom: 5px;
		flex-basis: 92%;
	}
	.keywords {
        border: 1px solid #DDD;
        margin: 5px 0;
        flex-basis: 45%;
        padding: 3px 2%;
    }
	.keywords label {
		width: 76%;
	}
	.scroll-chart {
		display: none;
	}
	
	.mobile-menu {
		display: block;
	}
	.mobile-sidebar-icon {
		/*background: blue;*/
		width: 30px;
		height: 30px;
		/*position: absolute;*/
		/*right: -30px;*/
		z-index: 1000;
		/*top: 26px;*/
		cursor: pointer;
		display: block;
		margin-top: 10px;
	}	
	.mobile-sidebar-icon .icon-menu {
		font-size: 32px;
	}	
	.top-bar {
		grid-gap: 10px;
	}
	div.icon {
		margin-top: 8px;
	}
	.dfs-balance {
		display: block;
		text-align: right;
	}
} 
}
@media screen and (max-width: 800px) { 
	
	.position-container .keywords-list-container {
		display: flex;
		flex-basis: 100%;
		flex-direction: column;
	}
	
	
	.kw-block {
		width: 100%;
	}
	.keywords {
		flex-basis: 92%;
	}
	.keywords label {
		width: 82%;
	}
	
	.milestones-container table thead,
	.position-table table thead {
		display: none;
	}
	.milestones-container table td,
	.position-table table td {
		display: block;
	}
	.milestones-container table label.ml,
	.position-table table label.ml {
		display: inline-block;
		font-weight: bold;
		margin: 0 10px 0 0;
	}
	
	span.sharing-url {
		word-break: break-word;
	}
	
	.hide-desktop {
		display: inherit;
	}
	.hide-mobile {
		display: none;
	}
	
	.mobile-position-title {
		font-size: 25px;
		font-weight: bold;
		float: left;
		margin: 5px 15px 0 0;
	}

}