@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900&display=swap');
/* CSS reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, vat,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: 'Roboto', sans-serif;
	vertical-align: baseline;
	text-decoration:none;
	outline: none;
}

textarea:focus, input:focus {
	outline: none;
}

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

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-text-fill-color: #222;
	transition: background-color 5000s ease-in-out 0s;
	background-color: #f9f9f9;
}

.material-icons {
	vertical-align: middle;
}

h1 {
	font-size: 44px;
	font-weight: 700;
}

h3 {
	font-size: 14px;
	margin: 24px 0 8px 0;
	color: var(--primary);
	text-transform: uppercase;
}

h4 {
	font-size: 24px;
	font-weight: 700;
	margin-top: 24px;
	margin-bottom: 16px;
}

a {
	cursor: pointer;
}

.right {
    text-align: right;
}

.cut-text-line2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.hidden {
	display: none !important;
}

.invisible {
	opacity: 0;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

.simple_tag {
	display: inline-block;
	padding: 4px 8px;
	background-color: var(--primary);
	border-radius: 16px;
	font-size: 14px;
	color: var(--white);
	vertical-align: middle;
	font-weight: 500;
}

/*Login box*/
.login_box {
	padding: 24px;
	box-sizing: border-box;
	max-width: 360px;
	margin: 0 auto;
	margin-top: calc(50vh - 170px);
}

.login_box .logo {
	display: block;
	margin: 0 auto;
	margin-bottom: 24px;
}

.login_box input {
	margin-bottom: 24px;
}


/*Menu bar*/
.menu_bar .username {
	font-size: 36px;
	font-weight: 700;
	margin: 76px 0 24px 0;
}

.menu_bar {
	text-align: center;
	color: var(--light);
	background-color: var(--secondary);
	position: fixed;
	width: 17vw;
	left: 0; top: 0; bottom: 0;
	box-sizing: border-box;
}

.menu_bar .menu_item {
	display: block;
	border-radius: 8px;
	margin: 0 24px;
	padding: 16px;
	color: var(--light);
	text-decoration: none;
	height: 56px;
}

.menu_bar .menu_item.selected {
	border-radius: 8px;
	padding: 16px;
	background-color: #003F60;
}

.menu_bar .logout {
	position: absolute;
	bottom: 36px;
	left: 0; right: 0;
	color: var(--light);
	text-decoration: none;
}

/*Main content*/
.main_content {
	position: relative;
	margin-left: 17vw;
	min-height: 100vh;
	padding: 44px 44px 0px 44px;
	box-sizing: border-box;
	background-color: var(--light);
}

/*Tasks page*/
.oldest_task {
	position: relative;
}
.oldest_task .name {
	font-size: 14px;
	max-width: calc(100% - 44px);
}

.oldest_task .description {
	font-size: 12px;
	color: var(--gray);
	max-width: calc(100% - 44px);
}

.oldest_task .timelapse {
	position: absolute;
	top: calc(50% - 18px);
	right: 19px;
	color: var(--red);
}

.oldest_task .times {
	margin-top: 2px;
	font-size: 10px;
	color: var(--gray);
}

.oldest_task .times .last_modify {
	text-align: right;
	color: var(--red);
}

.oldest_task .card {
    padding: 18px;
    padding-top: 14px;
}

.oldest_task > div {
    margin-bottom: 8px;
    padding: 0px 8px;
}

.dataTable select {
	border: 0;
	padding: 0;
	background-color: transparent;
	max-width: 140px;
	outline: none;
	-webkit-appearance: none;
	font-size: 12px;
	display: block;
	margin-top: -4px;
	color: var(--gray); 
}

.dataTable select option {
	color: var(--gray); 
}

.grayselect{ color: var(--gray) !important; }
.blueselect{ color: var(--blue) !important; }

#my_tasks_filter {
	display: none;
}

#all_tasks_filter {
	display: none;
}

.task_page .dataTable thead th, .statistic .dataTable thead th {
	border: 0;
	font-size: 14px;
}

.task_page .dataTable tbody td, .statistic .dataTable tbody td {
	font-size: 12px;
	line-height: 14px;
	vertical-align: middle;
	padding: 10px;
}

.stat_tag.done {
	padding: 2px 6px;
	max-width: 72px;
	border-radius: 8px;
	border: 1px solid #24db4f;
	color: #24db4f;
    white-space: nowrap;
}

.stat_tag.process {
	padding: 2px 6px;
	max-width: 72px;
	border-radius: 8px;
	border: 1px solid #7F7F7E;
	color: #7F7F7E;
    white-space: nowrap;
}

.stat_tag.alert {
	padding: 2px 6px;
	max-width: 72px;
	border-radius: 8px;
	border: 1px solid #FF2635;
	color: #FF2635;
    white-space: nowrap;
}

.task_page .search_section input,
.task_page .search_section select,
.statistic .search_section input,
.statistic .search_section select {
	display: inline-block;
	max-width: 180px;
	font-size: 14px;
	background-color: #D9D9D9;
	border: 0;
	margin-bottom: 8px;
	outline: none;
}

.task_page .col-3.search_section,
.task_page .col-2.search_section {
	text-align: right;
}

.statistic .col-3.search_section,
.statistic .col-2.search_section {
	text-align: right;
}

.task_page .search_section .input-group-text,
.statistic .search_section .input-group-text {
	height: 35px;
	padding: 4px 0 4px 8px;
	background-color: #D9D9D9;
	border: 0;
}

.task_page .search_section .input-group-text i,
.statistic .search_section .input-group-text i{
	font-size: 20px;
}

#alltask_search, #mytask_search {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

#alltask_select, #mytask_select {
	border-left: 1px solid #fff;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background-color: #FFF;
}

.task_page .btn-group.table-check_set.show {
    z-index: 2;
}

/* Beallitasok */
.source_edit.card {
	display: block;
	margin-bottom: 16px;
}

.source_edit a {
	cursor: pointer;
	float: right;
	display: inline-block;
	margin-left: 24px;
	color: var(--primary);
}

.source_edit a:hover {
	color: #0056b3;
}

.settings .btn {
	margin-top: 8px;
	margin-bottom: 24px;
}

/* Stat */
.card.stat {
	text-align: center;
	display: block;
	margin-bottom: 24px;
}

.card.stat i {
	vertical-align: middle;
	color: var(--primary);
}

.card.stat span {
	font-size: 44px;
	font-weight: 300;
	vertical-align: middle;
	line-height: 50px;
}

.card.stat.huge {
	padding-top: 64px;
	height: calc(100% - 24px);
}

.card.stat.huge span {
	font-size: 74px;
	font-weight: 300;
	line-height: 80px;
}

/* Ajanlatkeres */
.offer h1 {
	margin-bottom: 24px;
}
.offer_block h3 {
	display: inline-block;
	vertical-align: middle;
}

.offer input,
.offer textarea {
	margin-bottom: 16px;
}

.item_block.offer_block {
	position: relative;
	padding: 24px;
	padding-top: 0;
	background-color: #fff;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0px 16px 16px rgba(0, 0, 0, 0.08);
	box-sizing: border-box;
	margin-bottom: 24px;
}

.offer_block > .remove {
	background-color: #e9e9e9;
    border-radius: 24px;
    padding: 4px 8px;
    padding-right: 12px;
    cursor: pointer;
    font-size: 14px;
    vertical-align: middle;
    margin: 24px 0 8px 16px;
    display: inline-block;
    line-height: 22px;
    position: absolute;
    right: 24px;
    top: 0px;
}

.offer_block .remove:hover{ 
	background-color: #CECECE;
}

.offer_block .remove i {
	color: var(--primary);
	margin-right: 4px;
	vertical-align: middle;
}

.add_offer {
	text-align: right;
	padding: 24px 0 44px 0;
}

.send_offer .offer_mail {
	background-color: var(--secondary);
	border-radius: 16px;
	padding: 8px;
	padding-top: 22px;
	color: var(--white);
	margin-bottom: 8px;
}

.send_offer .offer_mail  .mail {
	background-color: rgba(255, 255, 255, 0.24);
    border: 0;
	color: rgba(255, 255, 255, 0.96);
}

.send_offer .btn {
	width: 100%;
}

.send_offer .print {
	margin-left: 16px;
}

.send_offer .offer_mail .mail::placeholder {
  color: rgba(255, 255, 255, 0.64);
}

.card.right_card {
	padding-top: 0;
	border-top: 4px solid #008dd2;
}

.new_task {
	position: absolute;
    right: 44px;
    top: 63px;
}

.back_to_tasks {
	display: block;
	margin-top: -24px;
	margin-bottom: 24px;
}


.offer_table tr th:last-of-type,
.offer_table tr td:last-of-type,
#my_tasks tr th:last-of-type,
#my_tasks tr td:last-of-type,
#my_tasks2 tr th:last-of-type,
#my_tasks2 tr td:last-of-type,
#all_tasks th:last-of-type, 
#all_tasks tr td:last-of-type, 
#all_tasks2 th:last-of-type, 
#all_tasks2 tr td:last-of-type {
	display: none;
}

#my_tasks2 thead th,
#my_tasks2 thead th,
#all_tasks thead th,
#all_tasks2 thead th {
	vertical-align: top;
}

#my_tasks2_filter,
#all_tasks2_filter {
	display: none;
}

.btn-group.table-check_set {
	width: 34px;
    position: absolute;
    top: 30px;
    z-index: 1;
}

.btn-group.table-check_set .btn-group > .btn,
.btn-group.table-check_set .dropdown-toggle {
	padding: 4px;
}

.btn-group.table-check_set .dropdown-toggle::after {
	display: none;
}

.table th, .table td {
	max-width: 80px;
}

.filter-res {
	width: calc(100% - 24px);
    float: right;
    font-size: 14px;
    padding: 6px 16px;
}

/* Munkalap */
.workpage .status_select, .offer .status_select {
background-color: var(--primary);
    text-transform: uppercase;
    border-radius: 24px;
    padding: 4px 14px;
    color: #FFF;
    display: inline-block;
    font-size: 14px;
    margin-right: 16px;
    width: 100%;
    max-width: 260px;
	margin-top: 8px;
	margin-bottom: 16px;
}

.workpage .status_select select, .offer .status_select select {
	border: 0;
	padding: 0;
	margin: 0;
	background-color: transparent;
	color: #FFF;
	display: inline-block;
	max-width: 160px;
	height: 24px;
	font-size: 14px;
}

.workpage .status_select select option, .offer .status_select select option {
	color: var(--secondary-color);
}

.secondary_col {
	background: white !important;
    color: black !important;
}

.workpage .job_type label {
	margin-left: 8px;
}

.workpage .job_type input {
	margin-bottom: 16px;
}

.workpage input,
.workpage select,
.workpage textarea,
.input-group {
	margin-bottom: 16px;
}

.dublic_group {
	position: relative;
}

.dublic_group i {
	position: absolute;
    top: 31px;
    right: 24px;
    color: var(--primary);
    cursor: pointer;
    background-color: #FFF;
    border-radius: 24px;
}

.task_page .input-group  {
	margin-bottom: 4px;
}

.task_page h3 {
	margin-top: 36px;
}

.view_setting {
	position: absolute;
    right: 294px;
    top: 63px;
}

.workpage .details input[type="checkbox"] {
	margin-left: 0;
	margin-right: 4px;
	position: static;
}

.workpage input[type="submit"] {
	margin-bottom: 0;
	margin-left: 16px;
}

.job_type, .parameters, .details {
	position: relative;
    padding: 1px 24px 8px 24px;
    background-color: #fff;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0px 16px 16px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    margin-bottom: 24px;
}

/* Partners */
.partners-view .partners-block {
    padding-left: 0;
    padding-right: 0;
}

.partners-view .partner-wrapper {
    overflow-y: auto;
    max-height: 28vh;
}

.partners-view .partners-block .partner {
    padding: 8px 24px;
    font-size: 12px;
    line-height: 14px;
    border-bottom: 1px solid rgba(233, 233, 233, 0.46);
    cursor: pointer;
}

/* Full partner view if it is not selected
.task_wrapper {
    display: none;
}

.selected-partner .task_wrapper {
    display: block;
}

.selected-partner .partner-wrapper {
    overflow-y: auto;
    max-height: 28vh;
} */

.partners-view .partners-block .partner.selected,
.partners-view .partners-block .partner.selected:hover,
.partners-view .partners-block .partner.selected i,
.partners-view .partners-block .partner.selected b,
.partners-view .partners-block .partner.selected a{
    background-color: var(--primary);
    color: #FFF;
}

/* .partners-view .partners-block .partner:nth-of-type(2n) {
    background-color: rgba(0, 0, 0, 0.05);
} */

.partners-view .partners-block .partner b {
    color: var(--primary);
}

.partners-view .partners-block .partner:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.partners-view #search_partner {
    display: inline-block;
    max-width: 100%;
    font-size: 14px;
    background-color: #D9D9D9;
    border: 0;
    margin-bottom: 8px;
    outline: none;
}

.partners-view .new_customer {
	margin-top: 0;
    font-size: 14px;
}

.partners-view .select-sepa,
.task_page .select-sepa {
    padding-left: 0;
    padding-right: 0;
    padding: 4px 1.5rem;
    margin-top: 12px;
    border-bottom: 1px solid #ccc;
    color: #008dd3;
    font-size: 14px;
    font-weight: 600;
}


/* Statistic */
.statistic h3 {
	margin-top: 14px;
	margin-bottom: 6px;
}


/* YADCF FILTER */
.yadcf-filter-wrapper .select2-container.yadcf-filter.select2-dropdown-open.select2-container-active {
    width: 120px !important;
    z-index: 2;
}

.yadcf-filter-wrapper .select2-container.select2-container-multi.yadcf-filter.select2-dropdown-open.select2-container-active input {
    width: 100% !important;
    display: block !important;
}

#select2-drop {
    width: 120px !important;
}


/* Modal */
.overlay.custom_modal {
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	height: 900px;
	background-color: rgba(0, 0, 0, 0.44);
	z-index: 99;
}

.overlay.custom_modal .content {
    position: absolute;
    top: calc(50% - 84px);
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
    background-color: var(--light);
    border-radius: 16px;
    padding: 36px;
    box-sizing: border-box;
    max-height: 100vh;
    overflow-y: scroll;
}

.overlay.custom_modal .content::-webkit-scrollbar {
  display: none;
}

.overlay.custom_modal h2 {
	min-width: 260px;
	font-size: 24px;
	text-align: center;
	margin: 16px 0;
}

.overlay.custom_modal input,
.overlay.custom_modal select {
	width: 100%;
	max-width: 320px;
	margin-bottom: 16px;
}

.overlay.custom_modal input[type="submit"] {
	margin-bottom: 0;
}

.overlay.custom_modal .content .close {
	position: absolute;
    top: 24px;
    right: 24px;
    border-radius: 24px;
	background-color: var(--dark);
	color: var(--secondary);
	cursor: pointer;
	padding: 4px;
}

/* Bottom bar */
.bottom_bar, .cookie_bar {
    position: fixed;
    max-width: 640px;
    width: 100%;
    left: calc(50% - 320px);
    bottom: -260px;
    padding: 24px;
    box-sizing: border-box;
    background-color: var(--white);
    z-index: 99;
    color: var(--secondary);
    opacity: 0;
    transition: all 0.6s ease;
    box-shadow: 0px 16px 38px 0px rgba(0,0,0,0.24);
	border-radius: 8px;
}

.bottom_bar.active, .cookie_bar.active {
    opacity: 1;
    bottom: 6%;
}

.bottom_bar .content, .cookie_bar .content {
    display: inline-block;
}

.bottom_bar i.icon {
    margin-top: -2px;
    margin-right: 8px;
}

.bottom_bar i.close {
    position: absolute;
    top: calc(50% - 18px);
    right: 16px;
    font-size: 24px;
    background-color: rgba(0, 0, 0, 0.08);
    color: var(--secondary);
    border-radius: 24px;
    transition: all 0.2s ease-in;
    cursor: pointer;
    padding: 6px;
}

.bottom_bar i.close:hover {
    background-color: #FFF;
    color: #351929;
}


@media all and (max-width: 1140px) {
	html, body {min-width: 1140px; }
	.menu_bar { min-width: 220px; }
	.main_content { margin-left: 220px; min-width: 920px; }
}