@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Muli:300,400,600,700");
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,800;0,900;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,800;0,900;1,500&display=swap');

html, body {
	font-size: 14px;
	line-height: 1.42857143;
	color: #212529;
	background: #fff;
	padding: 0;
	margin: 0;
	font-family: 'Muli', sans-serif;
}
body[data-original-scrolltop] * {
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}
* {
	box-sizing: border-box;
	position: relative;
}
.row:before,
.row:after {
  display: table;
  content: " ";
}
.row:after {
  clear: both;
}
.row:before,
.row:after {
  display: table;
  content: " ";
}
.row:after {
  clear: both;
}
.nowrap {
	white-space: nowrap;
}
.dialog {
	background: rgb(255,255,255);
	margin: 5vh auto;
	width: 450px;
	max-height: 90vh;
	z-index: 10007;
	padding: 17px;
	position: fixed;
	left: 50%;
	top: 0%;
	transform: translate(-50%, 0);
	box-shadow: 0 0 100px 10px rgba(50,50,80,.3);
}
.dialog .dialog-header {
	color: #575757;
	text-align: center;
	font-weight: 600;
	text-transform: none;
	position: relative;
	padding: 0;
	line-height: 40px;
	display: block;
	font-size: 18px !important;
	margin: 0 0 5px 0 !important;
}
.dialog .dialog-content {
	color: #797979;
	font-size: 14px !important;
	text-align: center;
	font-weight: 300;
	position: relative;
	text-align: inherit;
	float: none;
	margin: 0;
	padding: 0;
	line-height: normal;
	max-height: calc(100vh - 250px);
	overflow: auto;
}

.overlay {
	width: 100%;
	max-height: 100%;
	min-height: 100%;
	height: 100%;
	position: fixed;
	z-index:9998;
	top: 0;
	left: 0;
	background: rgba(10,10,10,.6);
	overflow: auto;
	backdrop-filter: blur(8px);
}
.notifications {
	position: fixed;
	top: 70px;
	right: 10px;
	z-index: 99999;
	padding-left: 20px;
}
.notifications .notice {
	padding: 10px 35px 10px 20px;
	font-size: 14px;
	box-shadow: 4px 4px 5px rgba(0,0,0,0.5);
	margin-bottom: 20px;
	transition: all .2s linear;
}
.notifications .notice.show {
	right: 0;
}
.notifications .notice.success {
	background: #009688 !important;
	color: #fff;
}
.notifications .notice.error {
	background: #ec3b57 !important;
	color: #fff;
}
.notifications .notice.warning {
	background: #f83600 !important;
	color: #fff;
}
.notifications .notice.info {
	background: #4793cc !important;
	color: #fff;
}
.notifications .notice i {
	font-size: 16px;
	margin-left: 15px;
	position: absolute;
	right: 12px;
	top: 12px;
	cursor: pointer;
}
.notifications .notice span.text {
	width: 95%;
	/* overflow: hidden; */
	display: block;
}
a { text-decoration: none; color: inherit; }
.font-16px { font-size: 16px; }
.font-18px { font-size: 18px; }
.font-26px { font-size: 26px; }
.font-600 { font-weight: 600; }
.text-justify { text-align: justify;}
.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}
.text-red {color: #f44336;}
.text-green {color: #009688 !important;}
.text-blue {color: #2196f3;}
.text-brown {color: #795548;}
.text-white {color: #fff;}
.float-right {float:right}
.float-left {float:left}
.hidden, .temp {display: none !important;}
.top-hidden { top: -100% !important; }
.opacity-hidden { opacity: 0 !important;}
.opacity-03 { opacity: 0.3 !important;}
.animate {transition: all .2s linear;}
.vertical-middle, .vm {vertical-align:middle;}
.overflow, .overflow-hidden{overflow:hidden !important;}
.no-select, .no-select * { 
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
 }
.display-block {display:block;}
.display-inline {display:inline-block !important;}
.display-inline-noblock {display:inline;}
.cursor-pointer {cursor: pointer !important; }
.cursor-default {cursor: default !important; }
.smsg { 
	z-index: 998; 
	position: fixed; 
	top: -56px;
	left: 35%;
	width: 30%;
	background: transparent;
	color: #fff;
	border-left: 5px solid transparent; 
	border-radius: 3px;
	font-size: 14px;
	transition: all .5s linear;
}
.smsg.show {top:15px;}
.smsg .smsg_text { padding: 10px; }
.smsg.error { background: #dd4b39; border-color: #c23321; }
.smsg.info { background: #00c0ef; border-color: #0097bc; }
.smsg.warning { background: #efbc00; border-color: #d2960f; }
.smsg.success { background: #2bd6b2; border-color: #26b99a; }
.text-normal { font-weight: normal; }
.text-bold { font-weight: bold; }
.input-group {
	margin-top: 15px;
}
.input-group.col-md-6 > .input-group.col-md-6 {
	margin-top: 0;
}
.input-group label {
	font-size: 14px;
	color: #212529;
}
.input-group select:not(.without-minwidth) {
	min-width: 150px;
}
.input-group input:focus, 
.input-group textarea:focus {
	border-bottom: 1px solid #009688;
}
.input-group textarea {
	height: 90px;
	padding: 10px;
}
.uppercase {text-transform: uppercase;}
.btn { /* Nagy */
	/* width: 100%; */
	padding: 12px 16px;
	border: none;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	outline: none;
	/* border-radius: 2px; */
	border: 1px solid transparent;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	color: #fff;
	position: static;
	position: relative;
	display: inline-block;
	border-radius: 4px;
	width: auto;
}
.btn.loader {
	width: 52px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.btn i {
	font-size: 18px !important;
}
.btn.btn-big {
	padding: 18px 24px;
	font-size: 16px;
}
.btn.small {
	padding: 6px 8px;
	font-size: 13px;
	min-height: 36px;
	vertical-align: middle;
}
.btn.small.with-checkbox {
	padding: 8px 20px 8px 20px !important;
	min-height: unset;
}
.btn.smaller-small {
	padding: 1px 4px !important;
}
.modal .btn:not(.small) {
	padding: 8px 16px;
	border-width: 1px;
	font-weight: 100;
	border-radius: 4px;
}
.btn.dropdown {
	padding-right: 30px;
}
.btn.dropdown:after {
	position: absolute;
	right: 5px;
	top: 12px;
	font:normal normal normal 14px/1 FontAwesome;
	font-size: 12px;
	text-decoration: inherit;
	text-rendering: optimizeLegibility;
	text-transform: none;
	content:'\f110'!important;
}
.btn.small.dropdown:after {
	top: 10px;
	right: 10px;
}
.btn.btn-inline:not(.hidden),
.btn.btn-inline-nowidth:not(.hidden) {
	display: inline-block !important;
}
.btn.btn-inline:not(.start-proposal-group-btn):not(.width-50pxi) {
	width:auto !important;
}
.btn.with-icon span {vertical-align: middle;}
.btn.with-icon i {
	vertical-align: middle;
	margin-right: 0px;
	border-radius: 50%;
	height: 100%;
	font-size: 16px;
	/* background: #fff; */
	color: inherit;
}

.bg-darkblue-gradient {
	background: linear-gradient(130deg, rgba(49,55,64,1) 30%, rgb(20, 38, 95) 100%);
	color: #fff;
}
button.bg-darkblue-gradient {
	background: linear-gradient(130deg, rgba(49,55,64,1) 10%, rgb(100, 118, 175) 100%);
	background-size: 200%;
	background-position: 0px 0;
}
button.bg-darkblue-gradient:hover {
	background-position: 100% 0;
}
.bg-default {background: #1c2956;}
.bg-light-red { background: rgba(221, 39, 64,0.15); }
.bg-light-green { background: rgba(0, 150, 136,0.15); }
.bg-red { background: #DD2740; }

.bg-pink { background: #FE5B97; }
.bg-black { background: #2c2e3e; color: #fff; }
.bg-purple { background: #716aca; }
.bg-blue { background: #1e255a; color: #fff; }
.bg-cyan { background: rgb(140, 212, 245);box-shadow:rgba(140, 212, 245, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset }
.bg-green { background: #009688 !important; border: 1px solid #009688 !important; }
.bg-wolt { background: #50b1e1; border: 1px solid #50b1e1 !important; }
.bg-green:not(.disabled-hover):hover { background: transparent !important; color: #009688; border: 1px solid #009688; }
.bg-darkgreen { background: #006355; }
.bg-orange { background: #FF9149; color: #663a1d; }
.bg-lightorange { background: #FFc47c; color: #663a1d; }
.bg-yellow { background: #ffc107;}
.bg-brown { background: #8b6152; border: 1px solid #8b6152 !important; }
.bg-brown:not(.disabled-hover):hover { background: transparent; color: #8b6152; border: 1px solid #8b6152; }
.bg-darkbrown { background: #694030; }
.bg-grey { background: #C1C1C1; color: #fff; }
.bg-okker { background: #805004; }
.bg-white { background: rgba(255,255,255,1); color: #4E5155; }
.bg-inverse-white {background:transparent;color:#fff;border:2px solid #fff;}
.bg-inverse-black {background:transparent;color:#2c2e3e;border:2px solid #2c2e3e;}
.bg-cyan {background:#1E9FF2;color:#fff;border:2px solid #1E9FF2;}
.bg-inverse-blue {background:transparent;color:#1E9FF2;border:2px solid #1E9FF2;}
.bg-inverse-red {background:transparent;color:#DD2740;border:2px solid #DD2740;}
.bg-inverse-green {background:transparent !important;color: #009688 !important;border:2px solid #009688 !important;}
.bg-inverse-green:not(.disabled-hover):hover {background:#009688 !important;color: #fff !important;border:2px solid #009688 !important;}
.bg-inverse-red-white-bg {background:#fff;color:#DD2740;border:1px solid #DD2740;}
.bg-bolt {
	background-color: #34BB78;
}
.bg-uber {
	background-color: #161629;
}

.text-default {color: #1c2956;}
.text-red { color: #DD2740;}
.text-pink { color: #FE5B97;}
.text-black { color: #2c2e3e;}
.text-purple { color: #716aca;}
.text-blue { color: #1e255a;}
.text-cyan { color: #1E9FF2;}
.text-green { color: #009688;}
.text-darkgreen { color: #006355;}
.text-orange { color: #FF9149;}
.text-yellow { color: #ffc107;}
.text-brown { color: #8b6152;}
.text-darkbrown { color: #694030;}
.text-grey { color: #8897AA;}
.text-okker { color: #805004;}
.text-white { color: rgba(255,255,255,1) !important;}
.bg-link {
	background: transparent;
	width: auto;
	padding: 0;
	border: none;
	font-size: 14px;
	font-weight: normal;
	text-transform: none;
	outline: none;
	border-radius: 0;
	border: 1px solid transparent;
	color: #1e70cd;
	position: static;
	cursor: pointer;
	position: relative;
	display: inline-block;
	cursor: pointer;
}	

.mg-bottom-10 {margin-bottom: 10px !important;}
.mg-bottom-30 {margin-bottom: 30px !important;}
.mg-top-0 {margin-top: 0px !important;}
.mg-top-2 {margin-top: 2px !important;}
.mg-top-5 {margin-top: 5px !important;}
.mg-top-7 {margin-top: 7px !important;}
.mg-top-10 {margin-top: 10px !important;}
.mg-top-12 {margin-top: 12px !important;}
.mg-top-20 {margin-top: 20px !important;}
.mg-top-30 {margin-top: 30px !important;}
.mg-top-40 {margin-top: 40px !important;}
.mg-top-50 {margin-top: 50px !important;}
.mg-top-70 {margin-top: 70px !important;}
.mg-left-4p {margin-left: 4% !important;}
.mg-left-5 {margin-left: 5px !important;}
.mg-left-10 {margin-left: 10px !important;}
.mg-left-10p {margin-left: 10% !important;}
.mg-left-18 {margin-left: 18px !important;}
.mg-left-20 {margin-left: 20px !important;}
.mg-left-40 {margin-left: 40px !important;}
.mg-left-60 {margin-left: 60px !important;}
.mg-right-0 { margin-right: 0px !important; }
.mg-right-5 { margin-right: 5px !important; }
.mg-right-10 { margin-right: 10px !important; }
.mg-right-20 { margin-right: 20px !important; }
.mg-bottom-10 { margin-bottom: 10px !important; }
.mg-all-20 {margin: 20px !important;}
.mg-side-20 {margin-left: 20px; margin-right: 20px;}
.mg-all-null {margin:0px !important;}
.pd-all-null {padding:0px !important;}
.pd-all-40 {padding:40px !important;}
.pd-top-5 {padding-top:5px;}
.pd-top-20 {padding-top:20px;}
.pd-left-10 {padding-left:10px;}
.pd-right-5 {padding-right:5px;}
.pd-right-10 {padding-right:10px !important;}
.pd-right-20 {padding-right:20px;}
.pd-right-30 {padding-right:30px;}
.pd-side-5 {padding-left:5px;padding-right:5px;}
.pd-side-15 {padding-left:15px !important;padding-right:15px !important;}
.pd-side-30 {padding-left:30px;padding-right:30px;}
.pd-side-40 {padding-left:40px !important;padding-right:40px !important;}
.pd-topbottom-20 {padding-top:20px !important;padding-bottom:20px !important;}
.pd-bottom-50 {padding-bottom:50px !important;}

.mg-all-20 {margin: 20px !important;}
.mg-bottom-0 {margin-bottom: 0px !important;}
.mg-bottom-5 {margin-bottom: 5px !important;}
.mg-bottom-10 {margin-bottom: 10px !important;}
.mg-bottom-20 {margin-bottom: 20px !important;}
.mg-bottom-40 {margin-bottom: 40px !important;}
.mg-bottom-50 {margin-bottom: 50px !important;}
.mg-top-0 {margin-top: 0px !important;}
.mg-top-2 {margin-top: 2px !important;}
.mg-top-5 {margin-top: 5px !important;}
.mg-top-10 {margin-top: 10px !important;}
.mg-top-15 {margin-top: 15px !important;}
.mg-top-20 {margin-top: 20px !important;}
.mg-top-40 {margin-top: 40px !important;}
.mg-right-10 {margin-right: 10px !important;}
.mg-left-0 {margin-left: 0 !important;}
.mg-left-4p {margin-left: 4% !important;}
.mg-left-5 {margin-left: 5px !important;}
.mg-left-10 {margin-left: 10px !important;}
.mg-left-10p {margin-left: 10% !important;}
.mg-left-18 {margin-left: 18px !important;}
.mg-left-20 {margin-left: 20px !important;}
.mg-left-40 {margin-left: 40px !important;}
.mg-left-60 {margin-left: 60px !important;}
.mg-side-20 {margin-left: 20px; margin-right: 20px;}
.pd-top-20 {padding-top:20px;}
.pd-bottom-10 {padding-bottom:10px;}
.pd-bottom-20 {padding-bottom:20px;}
.pd-side-30 {padding-left:30px;padding-right:30px;}
.pd-left-5 {padding-left:5px;}
.pd-left-20 {padding-left:20px !important;}
.pd-left-30 {padding-left:30px;}

.error_border {
	border: 1px solid red !important;
}
.modal-bg {
	position: fixed;
	top:0;
	left:0;
	width:100vw;
	top: -100vh;
	height:100vh;
	z-index: 500;
	background: rgba(0,0,0,.6);
	transition: all .2s linear;
	overflow-y: auto;
}
.modal-bg.open {
	top: 0;
}
.modal-bg .modal-box {
	width: 500px;
	/* height: 500px; */
	margin: 5% auto;
	background: #fff;
	box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
.modal-bg .modal-box .modal-header {
	padding: 15px;
	overflow: hidden;
}
.modal-bg .modal-box .modal-header h5 {
	font-size: 24px;
	margin: 0;
	padding: 0;
	float: left;
}
.modal-bg .modal-box .modal-header .close {
	float: right;
	margin: -15px -15px -15px auto;
	padding: 15px;
	cursor: pointer;
}
.modal-bg .modal-box .modal-content {
	padding: 15px;
}
.modal-bg .modal-box .modal-footer {
	padding: 15px;
}
.zoom {
	transition: all .1s linear;
}
.zoom.active {
	overflow: hidden;
	backdrop-filter: blur(8px);

}
.input-group label {
	font-size: 14px;
	color: #212529;
	display: block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.special-checkbox, .sb {
	width: 23px;
	height: 23px;
}
.input-group input:not([type='checkbox']),
.input-group textarea,
.input-group .input,
select.as-input,
.input-1,
.textarea-1 {
	width: 100%;
	height: 36px;
	padding: 0 10px;
	font-size: 14px;
	color: #212529;
	background: #fff;
	border: 0;
	border-radius: 0;
	outline: unset;
	border-bottom: 1px solid rgba(100,100,100, 0.7);
	transition: border-bottom 1.2s linear;
}
.input-1 {
	width: auto;
	height: 20px
}
.textarea-1 {
	height: 100px;
	border: 1px solid rgba(0,150,136,0.7);
	resize: none;
	padding: 10px;
}
.input-1.in-doc,
.textarea-1.in-doc {
	border-style: dashed;
}
.input-1::placeholder,
.textarea-1::placeholder {
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 1px;
	color: rgb(0,150,136);
}
select.as-input {
	appearance: none;
	-webkit-appearance:none;
	-moz-appearance: none;
	background: transparent;
	background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 5px;
}
.input-group input:focus,
.input-group textarea:focus {
	border-bottom: 1px solid #2677a6;
}
.input-group textarea {
	height: 90px;
	padding: 10px;
}

.btn:not(.disabled-hover) {
	cursor: pointer;
}
.btn i {
	font-size: 20px !important;
}
.btn.btn-big {
	padding: 18px 24px;
	font-size: 16px;
}
.btn.btn-giant {
	padding: 27px 36px;
	font-size: 22px;
}
.btn.small {
	padding: 6px 8px;
	font-size: 13px;
	min-height: 36px;
	vertical-align: middle;
}
.btn.smaller-small {
	padding: 1px 4px !important;
}
.btn.dropdown {
	padding-right: 30px;
}
.btn.dropdown:after {
	position: absolute;
	right: 5px;
	top: 12px;
	font:normal normal normal 14px/1 FontAwesome;
	font-size: 12px;
	text-decoration: inherit;
	text-rendering: optimizeLegibility;
	text-transform: none;
	content:'\f110'!important;
}
.btn.small.dropdown:after {
	top: 10px;
	right: 10px;
}
.btn.btn-inline:not(.hidden),
.btn.btn-inline-nowidth:not(.hidden) {
	display: inline-block !important;
}
.btn.btn-inline:not(.start-proposal-group-btn):not(.width-50pxi) {
	width:auto !important;
}
.btn.with-icon span {vertical-align: middle;}
.btn.with-icon i {
	vertical-align: middle;
	margin-right: 0px;
	border-radius: 50%;
	height: 100%;
	font-size: 20px !important;
	color: inherit;
}
.btn.disabled,
.btn[disabled] {
	opacity: 0.7;
	cursor: no-drop;
	color: #666 !important;
	background: #ccc !important;
	border: 1px solid #ccc !important;
}
.btn.disabled:not(.disabled-hover):hover,
.btn[disabled]:not(.disabled-hover):hover {
	color: inherit !important;
	opacity: 0.7 !important;
	color: #999 !important;
	background: #ccc !important;
	border: 1px solid #ccc !important;
}
.bg-link {
	background: transparent;
	width: auto;
	padding: 0;
	border: none;
	font-size: 14px;
	font-weight: normal;
	text-transform: none;
	outline: none;
	border-radius: 0;
	border: 1px solid transparent;
	color: #1e70cd;
	position: static;
	cursor: pointer;
	position: relative;
	display: inline-block;
}

.loggedout-page {
	background: #26a69a;
	min-height: 100vh;
	padding: 50px 0;
}
.loggedout-page .func-box {
	background: #fff;
	border-radius: 2px;
	max-width: 400px;
	width: 100%;
	top: 10%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.loggedout-page .func-box .box-header {
	background: #fff;
	padding: 25px 30px;
	color: #009688;
	border-radius: 1px 1px 0 0;
	float: unset;
}
.box-header {
	float: left;
	margin-left: 50px;
}
.box-header .logo {
	font-size: 24px;
    margin-left: 15px;
}
.box-header .logo > div {
    font-size: 16px;
}
.box-header i {
	font-size: 40px;
}
.loggedout-page .func-box .box-content {
	padding: 30px;
}
.width-32 { width: 32px; }
.width-100p { width: 100%; }
.width-50p { width: 50%; }
.top-bar {
    width: 100vw;
    height: 80px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	background: white;
}
.top-bar .box-header {
    text-align: center;
    margin-top: 20px;
}
.top-bar .box-header .logo {
	font-size: 20px;
    margin-left: 5px;
    text-align: left;
}
.top-bar .box-header .logo > div {
    font-size: 14px;
}
.top-bar .box-header i {
	font-size: 40px;
}
.content {
    width: calc(100vw - 40px);
	margin-left: 20px;
	margin-top: 84px;
}
.content .page {
    padding: 20px;
    background: #f1f3f6;
    width: 100%;
    min-height: calc(100vh - 40px);
    border-radius: 40px;
}
.page[data-page="uj-email-sablon"] .container {
	width: 1000px;
	margin: 0 auto;
}
.menu {
    overflow: hidden;
	float: left;
	height: 80px
}
.menu a {
    float: left;
    font-size: 16px;
	line-height: 60px;
	margin-top: 10px;
	margin-left: 40px;
    font-weight: 700;
	height: 60px;
    transition: all .1s linear;
}
.menu a > i {
    font-size: 24px;
    margin-right: 5px;
    vertical-align: middle;
}
.menu a span {
    vertical-align: middle;
}
.menu a:hover {
    color: #103169;
}
.selectable-month-to-payroll > div {
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 10px 20px;
	text-align: center;
}
.card {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    float: left;
	height: 111px;
}
.card.card-6x {
    margin: 0 10px;
    width: calc(12.5% - 20px);
}
.card.card-4x {
    margin: 0 10px;
    width: calc(25% - 20px);
}
.card.card-3x {
    margin: 0 10px;
    width: calc(33.333333% - 15px);
}
.card.card-2x {
    margin: 0 10px;
    width: calc(50% - 15px);
}
.card:first-child {
    margin-left: 0;
}
.card:last-child {
    margin-right: 0;
}
h1,h2,h3,h4,h5 { margin: 0; padding: 0;}
.card h3 { font-weight: normal; }
.card-value {
    font-size: 24px;
    font-weight: 700;
    margin-top: 15px;
}
.card-value small {
	font-weight: normal;
	font-size: 14px;
}
[data-page="hirlevelek"] [data-card="last_newsletter_subject"] .card-value {
	font-size: 18px
}
.container {
	width: 100%;
	padding: 20px;
	border-radius: 20px;
	background: #fff;
}
.container h2 {
	margin-bottom: 20px;
}
.table-container {
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    background: #fff;
}
.table-container h2 {
    margin-bottom: 30px;
}
.table-container table {
    width: 100%;
    border-collapse: collapse;
}
.table-container table th,
.table-container table td {
    padding: 10px 0;
    text-align: left;
    border-collapse: collapse;
    border: unset;
}
.table-container table thead tr th:first-child,
.table-container table tbody tr td:first-child {
    text-align: center;
}
.table-container table thead tr th {
    border-bottom: 2px solid #e1e1e1;
}
.table-container table tbody tr td {
    border-bottom: 1px solid #e1e1e1;
}
.table-container table .func-btns {
    width: 138px;
}
[data-page="ugyfelek"] .func-btns {
	width: 120px !important;
}
.foodora-text,.Foodora-text {color: #fe70a8;}
.wolt-text {color: #50b1e1;}
.taxis-text {color: #f7b732;}
.egyeb-text {color: #0f5831;}
.foodora-bg,.Foodora-bg {background-color: #fe70a8;}
.wolt-bg {background-color: #50b1e1;}
.taxis-bg {background-color: #f7b732;}
.egyeb-bg {background-color: #0f5831;}
.orange-label {
	background: #FF9149;
	color: white;
	padding: 5px 7px;
	border-radius: 4px;
	letter-spacing: 1px;
	font-weight: bold;
}
.no-label {
	background: #f44336;
	color: white;
	padding: 5px 7px;
	border-radius: 4px;
	letter-spacing: 1px;
	font-weight: bold;
}
.no-label.small {
	padding: 2px 3px;
	font-size: 12px;
}
.yes-label {
	background: #009688;
	color: white;
	padding: 5px 7px;
	border-radius: 4px;
	letter-spacing: 1px;
	font-weight: bold;
}
.yes-label.small {
	padding: 2px 3px;
	font-size: 12px;
}
.warn-label {
	background: #ffc107;
	color: white;
	padding: 5px 7px;
	border-radius: 4px;
	letter-spacing: 1px;
	font-weight: bold;
}
.warn-label-halfred {
	background: rgb(51,51,51);
	background: linear-gradient(-45deg, #f44336 0%, #f44336 50%, #ffc107 50%, #ffc107 100%);
}
.warn-label-12m {
	background-color: #4F1993 !important;
	cursor: help;
}
.warn-label-12m.warn-label-halfred {
	background: linear-gradient(-45deg, #4F1993 0%, #4F1993 50%, #CC2788 50%, #CC2788 100%) !important;
}
.foodora-label,
.Foodora-label,
.wolt-label,
.taxis-label,
.bolt-label,
.uber-label,
.fotaxi-label,
.other-label,
.egyeb-label,
.egyke-flag,
.ukplus-flag {
    color: #fff;
    padding: 5px 7px;
	margin: 0 2px;
    border-radius: 6px;
    /* min-width: 94px; */
    display: inline-block;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
	text-transform:capitalize;

}
.foodora-label,
.Foodora-label {
    background-color: #fe70a8;
}
.wolt-label {
    background-color: #50b1e1;
}
.taxis-label {
    background-color: #f7b732;
}
.bolt-label {
    background-color: #34BB78;
}
.uber-label {
    background-color: #161629;
}
.fotaxi-label {
	background-color: #eb1c24;
}
.other-label {
	background-color: #0f5831;
}
.egyeb-label {
    background-color: #0f5831;
}
.ukplus-flag {
	background-color: #004d8d;
}
.egyke-flag {
	background-color: #8c2142;
}
.little-label {
	padding: 5px 5px;
	color: #fff !important;
	max-width: unset !important;
	display: inline-block !important;
}
.little-bit-label {
	padding: 5px 5px;
	color: #fff !important;
	max-width: unset !important;
	display: inline-block !important;
}
table .foodora-label,
table .wolt-label,
table .taxis-label,
table .egyeb-label,
table .fotaxi-label,
table .uber-label,
table .bolt-label,
table .ukplus-flag,
table .egyke-flag {
	font-size: 12px;
}
.card-value .foodora-label,
.card-value .wolt-label,
.card-value .taxis-label,
.card-value .egyeb-label {
	padding: 0 10px;
}
.col-md-1:not(.float-right),.col-md-2:not(.float-right),.col-md-25:not(.float-right),.col-md-3:not(.float-right),.col-md-4:not(.float-right),.col-md-5:not(.float-right),.col-md-55:not(.float-right),.col-md-6:not(.float-right),.col-md-7:not(.float-right),.col-md-8:not(.float-right),.col-md-9:not(.float-right),.col-md-10:not(.float-right),.col-md-11:not(.float-right),.col-md-12:not(.float-right) {
	float: left;
}
.col-md-1 { width: 8.333333%; }
.col-md-2 { width: 16.666667%; }
.col-md-25 { width: 20%; }
.col-md-3 { width: 25%; }
.col-md-4 { width: 33.333333%; }
.col-md-5 { width: 41.666667%; }
.col-md-55 { width: 45.8333335%; }
.col-md-6 { width: 50%; }
.col-md-7 { width: 58.333333%; }
.col-md-8 { width: 66.666667%; }
.col-md-9 { width: 75%; }
.col-md-10 { width: 83.333333%; }
.col-md-11 { width: 91.666667%; }
.col-md-12 { width: 100%; }
.input-group.col-md-6 input,
.input-group.col-md-6 select {
	width: 100%;
}
.input-group.col-md-6 {
	padding: 0 1%;
}
[data-page="szerzodes"] .input-group.col-md-6 {
	padding: 0 !important;
}
[data-func="show-ucp-pass"] {
	position: absolute;
	top: 26px;
	right: 10px;
	font-size: 14px;
	letter-spacing: 0.5px;
	font-weight: 600;
}

.checkbox {
	width: 16px;
	height: 16px;
	display: inline-block;
	border-radius: 2px;
	background: #fff;
	cursor: pointer;
	border: 1px solid #2196F3;
}
.checkbox.checked {
	background: #2196F3;
}
.checkbox.half-checked:after {
	transform: rotate(90deg) scale(1);
	border: solid #2196f3;
	border-width: 0 2px 0px 0;
}
.checkbox:after {
	content: '';
	position: absolute;
	left: 4px;
	top: 1px;
	width: 4px;
	height: 8px;
	border: solid #2196F3;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(0) scale(0);
	-ms-transform: rotate(0) scale(0);
	transform: rotate(0) scale(0);
	transition: all .2s linear;
}	
.checkbox.checked:after {
	transform: rotate(45deg) scale(1);
	border: solid white;
	border-width: 0 2px 2px 0;
}
.checkbox.disabled:after {
	width: 1px;
	height: 90%;
	background: red;
	position: absolute;
	top: 5%;
	left: 43%;
	transform: rotate(45deg);
	content: '';
	border: 0;
}
.checkbox.disabled:before {
	content: '';
	width: 1px;
	height: 90%;
	background: red;
	position: absolute;
	top: 5%;
	left: 47%;
	transform: rotate(-45deg);
	border: 0;
}
.todo-lists-in-edit-datas {
	margin-left: 10px;
	padding: 10px 20px;
	border-radius: 20px;
	background: #f1f3f6;
}
.todo-list-with-cbs {
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}
.todo-list-with-cbs label {
	display: block;
	margin: 5px 0;
	font-size: 14px;
}
.client-list-in-todolist-edit {
	margin-left: 10px;
	padding: 10px 20px 20px 20px;
	width: calc(50% - 10px);
	border-radius: 20px;
	background: #f1f3f6;
	height: 100%;
}
.client-list-in-todolist-edit .todo-list-with-cbs {
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}
.client-list-in-todolist-edit .todo-list-with-cbs label {
	display: block;
	margin: 10px 0;
	font-size: 14px;
}
.checkbox:not(.checked) {background:#fff;}
.checkbox {margin-right:5px}
.todo-list-with-cbs * {
	vertical-align: middle;
}
label {cursor:pointer;}
.add-todo-to-client-container {
	text-align: center;
	font-size: 12px !important;
	padding-top: 20px;
	margin-top: 30px;
	border-top: 1px solid #fff;
	padding-bottom: 20px;
}
.add-todo-to-client-container select {
	width: 80% !important;
	margin-top: 5px;
	text-align: center !important;
}
.sub_activities_list,
.main_activities_list {
	position: absolute;
	top: 60px;
	left: 2%;
	width: 96%;
	background: #fff;
	border: 1px solid rgba(0,150,136,0.7);
	z-index: 10;
	max-height: 40vh;
	overflow-x: scroll;
}
.sub_activities_list > div,
.main_activities_list > div {
	padding: 10px;
	cursor: pointer;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.sub_activities_list > div:hover,
.main_activities_list > div:hover {
	background: #efefef;
}
.selected_sub_activities {
	margin-top: 15px;
	margin-bottom: 0px;
}
.selected_sub_activities > div {
	width: 100%;
	margin-left: 0%;
	padding: 5px 30px 5px 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	border-radius: 4px;
	border: 1px solid rgba(0,150,36,0.7);
	margin-top: 5px;
}
.selected_sub_activities > div > i {
	position: absolute;
	bottom: 3px;
	right: 5px;
	font-size: 24px;
	color: #f44336;
	cursor: pointer;
	z-index: 2;
}
.client_profile {
	position: fixed;
	top: 10px;
	right: 0;
	left: 0;
	margin: 0 auto;
	box-shadow: 0 0 50px 10px rgba(50,50,50,0.05);
	border-radius: 10px;
	border: 1px solid #eee;
	background: #fff;
	z-index: 9999;
	width: calc(100vw - 40px);
	height: calc(100vh - 20px);
	overflow: hidden;
	padding: 10px;
	max-width: 1400px;
}
.client_menu {
	width: 100%;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom: 1px solid #bbb;
}
.client_menu > div {
	display: inline-block;
	padding: 5px 7px;
	background: #eee;
	border-radius: 6px;
	font-size: 16px;
	cursor: pointer;
	transition: all .1s linear;
}
.client_menu > div:hover,
.client_menu > div.active {
	background-color: #103169;
	color: #fff;
}
.readonly-form-group input,
.readonly-form-group select {
	height: 26px !important;
}
.readonly-form-group [data-func="show-ucp-pass"] {
	top: 20px;
	right: 3px;
	font-size: 12px;
}
.client_profile .little-label {
	padding: 2px 7px;
	font-size: 12px !important;
}
.client-tab {
	padding:10px;
	max-height: calc(100vh - 80px);
	overflow: scroll;
}
.client_profile [data-func="close-client-profile"] {
	font-size: 24px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	z-index: 1001;
}
[data-page="ugyfelek"] table tbody tr td:not(.func-btns) {
	cursor: pointer;
}
.client_profile .todo-lists-in-edit-datas {
	width: 100%;
	margin-left: 0;
} 
.client_profile .btn small {
	font-size: 13px;
	text-transform: none;
	margin-top: 10px;
	display: block;
}
.client_profile .table-container tbody tr td:first-child {
	width: 46px;
}
.client_profile .la-qrcode {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 46px;
	cursor: pointer;
}
.border-right-1px-solid-grey {
	border-right: 1px solid grey;
}
.border-left-tr-red td:first-child {
	border-left: 15px solid #f44336;
}
.border-left-tr-green td:first-child {
	border-left: 15px solid #009688;
}
.border-left-tr-brown td:first-child {
	border-left: 15px solid #795548;
}
.border-left-tr-default td:first-child {
	border-left: 15px solid #1c2956;
}
.border-left-tr-yellow td:first-child {
	border-left: 15px solid #ffc107;
}
[data-tab="emails"] table tbody tr td.date {
	width: 115px;
}
[data-tab="emails"] table tbody tr td [data-func="open-email"],
[data-tab="timeline"] table tbody tr td i {
	font-size: 24px;
	cursor: pointer;
}
[data-tab="timeline"] table tbody tr td i {
	font-size: 30px;
}
[data-tab="timeline"] table tbody tr td [data-func="delete-event"] {
	color: #f44336;
}
[data-tab="timeline"] table tbody tr td:last-child {
	width: 80px;
}
[data-tab="transfers"] table tbody tr td i {
	font-size: 24px;
	cursor: pointer;
}
[data-tab="emails"],
[data-tab="transfers"] {
	padding-top: 0;
}
[data-modal="email-from-clientprofile"] textarea {
	min-height: 150px;
	resize: none;
}
.btn i.fa-spin {
	font-size: 16px !important;
}
.show-email-msg-div {
	min-height: 150px;
	border: 1px dashed #ccc;
	padding: 10px;
	margin-top: 10px;
}
[data-page='todo-lista'] .todo-list-points {margin-top:20px;}
[data-page='todo-lista'] .todo-list-points > div {
	width: 100%;
	height: 36px;
	transition: all .2s linear;
	background: rgb(240,240,240);
	padding: 5px 5px 5px 10px;
	margin-bottom: 10px;
}
[data-page='todo-lista'] .todo-list-points > div input {
	height: 26px;
	outline: 0;
	font-size: 16px;
	margin-left: 25px;
	width: calc(100% - 70px);
	background: transparent;
	border: 0;
}
[data-page='todo-lista'] .todo-list-points > div * {
	vertical-align: middle;
}
[data-page='todo-lista'] .todo-list-points > div i {
	font-size: 28px;
	cursor: pointer;
}
[data-page='todo-lista'] .todo-list-points > div .la-user {
	margin-left: 5px;
	color: #009688;
}
[data-page='todo-lista'] .todo-list-points > div .la-trash {
	color: #f44336;
}
[data-page='todo-lista'] .todo-list-points [data-func="new-point-to-todo"] {
	font-size: 20px;
	text-align: center;
	padding: 9px 5px;
	background: #009688;
	color: #fff;
	margin-top: 30px;
	height: 46px;
	cursor: pointer;
} 
[data-func="back-to-clients-in-todoslists"] {
	position: absolute;
	top: 5px;
	right: 0;
	z-index: 10;
}
.nav-trylogin-msg {
	font-size: 16px;
}
[data-modal="bank_transactions"] .dialog-content,
[data-modal="invoice-list"] .dialog-content {
	max-height: 60vh;
	overflow-x: scroll;
}
[data-delete-row] {
	font-size: 26px;
}
.client-search-container {
	font-size: 16px;
}
.sort-by-it {
	font-size: 20px;
	cursor: pointer;
}
.sort-by-it-head {
	text-decoration: underline;
}
[data-page="ugyfel"] hr {
	margin: 30px 0 10px 0;
	width: 100%;
	float: left;
	border: unset;
}
.close-dropdown {
	top: 22px;
	right: 20px;
	color:rgb(0,150,136);
	position: absolute;
	cursor: pointer;
}
.menu-show {
	display: none;
	opacity: 0;
	visibility: hidden;
}
.todo-list-points i.sortable-arrows {
	font-size: 18px !important;
	position: absolute;
	left: 10px;
}
.todo-list-points i.sortable-arrows[data-func="todo-point-sort-up"] {
	top: 3px;
}
.todo-list-points i.sortable-arrows[data-func="todo-point-sort-down"] {
	bottom: 3px;
}
.todo-list-points i.sortable-arrows[data-func="todo-point-sort-up"]:hover {
	color: green;
}
.todo-list-points i.sortable-arrows[data-func="todo-point-sort-down"]:hover {
	color: red;
}
.highlight {
	background: rgb(226, 221, 184) !important;
}
[data-page="naptar"] {
	background: #fff !important;
}
input.t-plus-days {
	width: 50px !important;
	background-color: white !important;
	margin-left: 4px !important;
}
[name="start_date_1_point"] {
	width: 128px;
	height: 30px;
	margin-left: 15px;
	font-size: 16px;
}
[data-func="set-startdate-1-point"] {
	color: #009688;
	font-size: 24px;
	margin-left: 10px;
	padding: 5px;
	border-radius: 4px;
	background-color: white;
}
[data-page="ugyfel"] .todo-list-with-cbs label {
	display: inline-block;
}
.fc-event-title, .fc-event-title-container {
	cursor: pointer;
}
tr.unseen {
	background: rgba(146, 231, 142,0.5);
}
.status-indicator {
	width: 12px;
	height: 12px;
	background: red;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.run_clients {color:#009688;}
.paused_clients {color:#ffc107}
.status-indicator[data-status='active'] { background: #00ff00; }
.status-indicator[data-status='pausing'] { background: #ffff00; }
.status-indicator[data-status='not-paid'] { background: #ff0000; }
.status-indicator[data-status='stopped'] { background: #ff0000; }
.status-indicator[data-status='new'] { background: #0033cc; }
.status-indicator[data-status='just-start-pack'] { background: #a569bd; }
.status-indicator[data-status='skip'] { background: #333; }
.status-indicator[data-status='just_bevallas'] { background: #F47DBB; }
.client-tab .form-group:first-child .input-group.mg-top-0 {
	margin-top: 0 !important;
}
[data-modal="upload-ap-bills"] textarea,
[data-modal="multiple-upload-ap-bills"] textarea {
	width: 100%;
	height: calc(90vh - 17px - 17px - 40px - 49px - 40px - 30px);
	max-height: calc(90vh - 17px - 17px - 40px - 49px - 40px - 30px);
	font-size: 14px;
	padding: 5px;
	outline: 0;
	resize: none;
}
.max-width-140px {max-width:140px !important;}
.width-140px {width:140px !important;}






/* E-doksi */
[data-page='szerzodes'] .sender-part {
	padding-left: 15px;
	padding-right: 185px;
}
[data-page='szerzodes'] .receive-part {
	padding-right: 15px;
	padding-left: 185px;
}

[data-page='szerzodes'] .sender-part:after {
	content: '';
	width: 150px;
	height: 540px;
	position: absolute;
	top: -130px;
	right: 25px;
	background-image: url(/view/elements/receive-part-picto-bg.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left 80%;
	opacity: 0.3;
}
[data-page='szerzodes'] .sender-part:before {
	content: '';
	width: 150px;
	height: 444px;
	position: absolute;
	bottom: -10px;
	right: 25px;
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.5) 30%,rgba(255,255,255,0) 100%);
	z-index: 3;
	opacity: 1;
}
[data-page='szerzodes'] .receive-part:after {
	content: '';
	width: 150px;
	height: 540px;
	position: absolute;
	top: -130px;
	left: 25px;
	background-image: url(/view/elements/sender-part-picto-bg.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left 80%;
	opacity: 0.3;
}
[data-page='szerzodes'] .receive-part:before {
	content: '';
	width: 150px;
	height: 444px;
	position: absolute;
	bottom: -10px;
	left: 25px;
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 70%,rgba(255,255,255,1) 100%);
	z-index: 3;
	opacity: 1;
}
[data-page='szerzodes'] .e-doksi-textary {
	padding-bottom: 40px;
	padding-left: 40px;
	padding-top: 40px;
	padding-right: 40px;
	overflow: hidden;
}
[data-page='szerzodes'] .e-doksi-textary .contract-picto-parent {
	position: absolute;
	width: 400px;
	height: 593px;
	right: 20px;
	top: 40px;
}
[data-page='szerzodes'] .e-doksi-textary .contract-picto {
	width: 400px;
	height: 593px;
	opacity: 0.5;
}
[data-page='szerzodes'] .e-doksi-textary .contract-picto-parent.scrolled {
	position: fixed;
	top: 92px;
	right: 50% !important;
	transform: translateX(649px);
}
[data-page='szerzodes'] .e-doksi-textary .contract-picto-parent.fix-bottom {
	position: absolute;
	bottom: 40px;
	top: unset;
	right: 20px !important;
}
[data-page='szerzodes'] .e-doksi-textary .contract-picto-parent > div {
	width: 75%;
	background: white;
	position: absolute;
	right: 13%;
	height: 17px;
}
.e-doksi-textary .contract-picto-parent > .line-1 { top: 150px; }
.e-doksi-textary .contract-picto-parent > .line-2 { top: 183px; }
.e-doksi-textary .contract-picto-parent > .line-3 { top: 224px; }
.e-doksi-textary .contract-picto-parent > .line-4 { top: 263px; }
.e-doksi-textary .contract-picto-parent > .line-5 { top: 299px; }
.e-doksi-textary .contract-picto-parent > .line-6 { top: 332px; }
.e-doksi-textary .contract-picto-parent > .line-7 { top: 373px; }
.e-doksi-textary .contract-picto-parent > .line-8 { top: 402px; }
.e-doksi-textary p {
	margin: 15px 0;
	font-size: 17px;
	text-shadow: 0 0 10px white;
}
.textary-concret {
	width: calc(100% - 500px);
	line-height: 1.8;
}
[data-page='szerzodes'] .change-parts {
	position: absolute; 
	left: 50%;
	top: 50px;
	transform: translateX(-50%);
	z-index: 2;
}
[data-page='szerzodes'] .sender-part h3,
[data-page='szerzodes'] .receive-part h3 {
	font-size: 1.404em;
}
[data-page='szerzodes'] .contract-picto-sign1,
[data-page='szerzodes'] .contract-picto-sign2 {
	position: absolute;
	width: 100px;
	bottom: 76px;
}
[data-page='szerzodes'] .contract-picto-sign1 {
	left: 45px;
}
[data-page='szerzodes'] .contract-picto-sign2 {
	right: 45px;
}
[data-page='uj-szerzodes'] .tos-checkbox {
	font-size: 16px;
}
[data-page='uj-szerzodes'] .e-doksi-tos-save-parent {
	overflow: hidden;
}
[data-page='uj-szerzodes'] .e-doksi-tos-save-parent:after {
	position: absolute;
	content: '';
	background-image: url(/view/elements/contract_tos_bg.png);
	background-size: cover;
	width: 300px;
	height: 410px;
	top: -100px;
	right: -60px;
	opacity: 0.5;
}
[data-page='uj-szerzodes'] .e-doksi-tos-save-parent label {
	cursor: pointer;
}
[data-page='uj-szerzodes'] .how-data-set {
	height: 498px;
	padding-top: 80px;
	overflow: hidden;
}
[data-page='uj-szerzodes'] .set-datas-remote {
	height: 498px;
}
[data-page='uj-szerzodes'] .how-data-set > span {
	display: block;
	text-align: center;
	font-size: 24px;
	padding: 35px 0;
	transition: all .4s linear;
	cursor: pointer;
}
[data-page='uj-szerzodes'] .how-data-set > div {
	font-size: 22px;
	margin: 20px 0;
	text-align: center;
	opacity: 0.5;
}
[data-page='uj-szerzodes'] .how-data-set > div > span {
	padding: 0 20px;
	background: white;
	z-index: 2;
}
[data-page='uj-szerzodes'] .how-data-set > div:after {
	z-index: 1;
	position: absolute;
	content: '';
	background: #009688;
	width: 100%;
	height: 2px;
	top: calc(50% - 1px);
	left: 0;
}
[data-page='uj-szerzodes'] .how-data-set > span > .line-to-left {
	content: '';
	position: absolute;
	background: #009688;
	width: 80%;
	height: 2px;
	top: 20px;
	transition: all .4s linear;
	cursor: pointer;
}
[data-page='uj-szerzodes'] .how-data-set > span[data-setdatatype="locally"] > .line-to-left {
	left: -100%;
}
[data-page='uj-szerzodes'] .how-data-set > span[data-setdatatype="remote"] > .line-to-left {
	right: -100%;
}
[data-page='uj-szerzodes'] .how-data-set > span > .line-to-right {
	content: '';
	position: absolute;
	background: #009688;
	width: 80%;
	height: 2px;
	bottom: 20px;
	transition: all .4s linear;
	cursor: pointer;
}
[data-page='uj-szerzodes'] .how-data-set > span[data-setdatatype="locally"] > .line-to-right {
	right: -100%;
}
[data-page='uj-szerzodes'] .how-data-set > span[data-setdatatype="remote"] > .line-to-right {
	left: -100%;
}
[data-page='uj-szerzodes'] .how-data-set > span[data-setdatatype="locally"]:hover > .line-to-left {
	left: 10%;
	transition: all .4s linear;
}
[data-page='uj-szerzodes'] .how-data-set > span[data-setdatatype="locally"]:hover > .line-to-right {
	right: 10%;
	transition: all .4s linear;
}
[data-page='uj-szerzodes'] .how-data-set > span[data-setdatatype="remote"]:hover > .line-to-left {
	right: 10%;
	transition: all .4s linear;
}
[data-page='uj-szerzodes'] .how-data-set > span[data-setdatatype="remote"]:hover > .line-to-right {
	left: 10%;
	transition: all .4s linear;
}
[data-page='uj-szerzodes'] .change-how-data-set {
	position: absolute;
	top: -84px;
	right: 0;
}
[data-page='uj-szerzodes'] .e-doksi-services-checker .service {
	margin-top: 20px;
	overflow: hidden;
}
[data-page='uj-szerzodes'] .e-doksi-services-checker .service > [data-switcher] {
	float: left;
	margin-right: 30px;
	vertical-align: middle;
	margin-top: 4px !important;
}
[data-page='uj-szerzodes'] .e-doksi-services-checker .service > p {
	float: left;
	width: calc(100% - 150px);
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: middle;
}
.switcher {
	width: 78px;
	height: 32px;
	background: #dddddd;
	border-radius: 10px;
	transition: all .2s linear;
}
.switcher:after {
	content: '';
	position: absolute;
	top: 8px;
	right: 11px;
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1Ni41NjMiIGhlaWdodD0iNTYuNTYzIiB2aWV3Qm94PSIwIDAgNTYuNTYzIDU2LjU2MyI+CiAgPGcgaWQ9Ikljb25fZmVhdGhlci1kZWxldGUiIGRhdGEtbmFtZT0iSWNvbiBmZWF0aGVyLWRlbGV0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4zNjQgNi4zNjQpIj4KICAgIDxwYXRoIGlkPSJQYXRoXzMiIGRhdGEtbmFtZT0iUGF0aCAzIiBkPSJNNjEuODM1LDEzLjUsMTgsNTcuMzM1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTggLTEzLjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiM4MDhjOWEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI5Ii8+CiAgICA8cGF0aCBpZD0iUGF0aF80IiBkYXRhLW5hbWU9IlBhdGggNCIgZD0iTTE4LDEzLjUsNDAuNiwzNi4xLDYxLjgzNSw1Ny4zMzUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOCAtMTMuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzgwOGM5YSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjkiLz4KICA8L2c+Cjwvc3ZnPgo=");
	background-size: cover;
}
.switcher:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 9px;
	width: 22px;
	height: 16px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3My4xMjkiIGhlaWdodD0iNTQuNTMzIiB2aWV3Qm94PSIwIDAgNzMuMTI5IDU0LjUzMyI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6IzQxOTM4Nzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik0yNC44MzgsNTguMDM5LDEuMDcxLDM0LjI3MmEzLjY1NywzLjY1NywwLDAsMSwwLTUuMTcxTDYuMjQyLDIzLjkzYTMuNjU2LDMuNjU2LDAsMCwxLDUuMTcxLDBsMTYuMDEsMTYuMDFMNjEuNzE2LDUuNjQ4YTMuNjU3LDMuNjU3LDAsMCwxLDUuMTcxLDBsNS4xNzEsNS4xNzFhMy42NTcsMy42NTcsMCwwLDEsMCw1LjE3MUwzMC4wMDksNTguMDM5QTMuNjU2LDMuNjU2LDAsMCwxLDI0LjgzOCw1OC4wMzlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC00LjU3NykiLz48L3N2Zz4=");
	background-size: cover;
}
.switcher > div {
	width: 39px;
	z-index: 3;
	height: 32px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background: rgb(128,140,154);
	background: linear-gradient(90deg, #808c9a 0%, #808c9a 85%, #dddddd 85%, #dddddd 100%);
	transition: all .2s linear;
}

.switcher[data-status='true'] > div {
	width: 39px;
	height: 32px;
	margin-left: 39px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	background: rgb(128,140,154);
	background: linear-gradient(90deg, #ddd 0%, #ddd 15%, #419387 15%, #419387 100%);
}
[data-page='uj-szerzodes'] .e-doksi-services-checker h2 span {
	font-weight: normal;
	font-size: 15px;
}
[data-page='uj-szerzodes'] .e-doksi-services-checker h2 span b {
	margin-left: 15px;
	color: #419387;
}
.fals-disable {
	color: #212529 !important;
}
[data-page='szerzodes'] .e-doksi-services-checker .service {
	height: 30px;
}
[data-page='szerzodes'] .e-doksi-services-checker {
	width: 30%;
}
[data-page='szerzodes'] .e-doksi-services-checker.tt {
	margin: 0 5%;
}
[data-page='szerzodes'] .signatures {
	width: 100%;
	display: block;
	overflow: hidden;
	margin-top: 50px;
}
[data-page='szerzodes'] .signatures .signature-block {
	min-height: 350px;
}
[data-page='szerzodes'] .signatures .signature-block .signature {
	height: 300px;
	width: calc(100% - 10%);
	border: 2px dashed #ccc;
	opacity: 0.15;
	cursor: no-drop;
}
[data-page='szerzodes'] .signatures .signature-block .signing_datas {
	font-size: 12px;
}
[data-page='szerzodes'] .signatures .signature-block.signed .signature {
	opacity: 1 !important;
}
[data-page='szerzodes'] .signatures .signature-block.signed .signature img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center;
}
[data-page='szerzodes'] .signatures .signature-block.creator-sign .signature {
	margin-right: 5%;
}
[data-page='szerzodes'] .signatures .signature-block.receive-sign .signature {
	margin-left: 5%;
}
[data-page='szerzodes'] .signatures .signature-block .signer-datas {
	text-align: center;
	width: 90%;
	font-size: 18px;
	margin-top: 15px;
}
[data-page='szerzodes'] .signatures .signature-block.receive-sign .signer-datas {
	margin-left: 5%;
}
[data-page='szerzodes'] .signatures .signature-block .signer-datas div { margin-bottom: 5px; }
[data-page='szerzodes'] .signatures .signature-block .signature .cto-img {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 80%;
	filter: grayscale(100%);
	font-size: 32px;
	transform: translate(-50%, -50%);
}
[data-page='szerzodes'] .e-doksi-services-checker * { cursor: default; } 
[data-page='szerzodes'] .signatures .available .signature {
	cursor: pointer;
	opacity: 1;
}
[data-page='szerzodes'] .signatures .available.unsigned .signature:after {
	content: 'Írja alá most!';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 32px;
	background: rgba(255,255,255,0.8);
	letter-spacing: 2px;
	white-space: nowrap;
	padding: 10px 30px;
} 
.signaturing-dialog {
	position: fixed;
	width: 100vw;
	height: 100%;
	top: 0;
	left: 0;
	background: white;
	z-index: 9999;
	padding: 10px 30px;
}
.signaturing-dialog h1 {
	padding: 0;
	margin: 0;
	margin-bottom: 30px;
}
.signaturing-dialog .signaturing-canvas {
	border: 2px dotted #666;
	height: 75%;
}
.signaturing-dialog .signaturing-canvas:before {
	content: '';
	position: absolute;
	bottom: 25%;
	left: 5%;
	height: 2px;
	width: 90%;
	border-bottom: 2px dashed #666;
}
.signaturing-dialog .signaturing-canvas canvas {
	width: 100%;
	height: 100%;
	z-index: 10000;
}
.signaturing-dialog .signer_datas {
	text-align: center;
	font-size: 20px;
	line-height: 1.6;
	margin-top: 15px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	opacity: 0.5;
	transform: translateX(-50%);
}
.reset-signature {
	position: absolute;
	top: -30px;
	right: 60px;
}
.delete-todolist-from-client {
	color: #f44336;
	font-size: 20px;
	margin-right: 5px;
	cursor: pointer;
}

.full_loader {
    width:100vw;
    height:100vh;
    position: fixed;
    top:0;
    left: 0;
    background: rgba(255,255,255,.85);
    z-index: 99999;
}
.full_loader .circle {
	background-color: transparent;
    -webkit-animation: in_loader_anim .7s infinite linear;
    -o-animation: in_loader_anim .7s infinite linear;
    animation: in_loader_anim .7s infinite linear;
    border-left: 5px solid #cbcbca;
    border-right: 5px solid #cbcbca;
    border-bottom: 5px solid #cbcbca;
    border-top: 5px solid #944560;
    border-radius: 100%;
    opacity: 1;
    width: 128px;
    height: 128px;
    top: calc(50vh - 80px);
    left: calc(50vw - 64px);
}
.full_loader .foodoralogo {
	position: absolute;
	background: url(https://www.gran-turismo.com/gtsport/decal/7278450323121767448_1.png);
    background-size: cover;
	background-position: center center;
    opacity: 1;
    width: 128px;
    height: 128px;
    top: calc(50vh - 75px);
    left: calc(50vw - 64px);
}
.full_loader .text {
	width: 100%;
    text-align: center;
    position: fixed;
    left:0;
    top: calc(50vh + 64px);
    font-size: 16px;
    letter-spacing: 0.5px;
}

@-webkit-keyframes in_loader_anim {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg)
    }
}

@-o-keyframes in_loader_anim {
    0% {
        -o-transform: rotate(0deg)
    }
    to {
        -o-transform: rotate(359deg)
    }
}

@keyframes in_loader_anim {
    0% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
.mobile {display:none;}
.desktop {display:block;}
.rotate-pls-the-phone {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	z-index: 99999;
	background: #C1C1C1;
	color: #333;
	padding-top: 40vh;
	text-align: center;
	font-size: 32px;
}
[data-page="karbantartas"] .input-1 {
	height: 33px;
	border: 2px solid transparent;
	border-bottom: 2px solid green;
	padding-left: 25px;
}
.border-color-green {
	border: 2px solid green;
}
.border-color-green-1px {
	border-color: green !important;
}
.saved-input {
	font-size: 24px;
	position: absolute;
	left: 0;
	top: 20px;
	color: green;
}
.card-value[data-field="last-client"] {
	cursor: pointer;
}
.here-notifications {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 9999;
}
.here-notifications .notification {
	padding: 5px 15px 5px 10px;
	font-size: 13px;
	color: #fff;
	max-width: 90vw;
	margin-top: 20px;
}
.here-notifications .notification i {
	font-size: 30px;
	vertical-align: middle;
	margin-right: 5px;
}
.here-notifications .notification span {
	vertical-align: middle;
	padding: 10px 0;
}
.here-notifications .notification[data-type="success"] {
	background-color: #009688;
}
.here-notifications .notification[data-type="processing"] {
	background-color: #d88a56;
}
.here-notifications .notification[data-type="processing"]:before {
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	animation: 2.5s processing_notice_bg linear infinite;
	background: rgb(233,145,63);
	background: linear-gradient(90deg, rgba(233,145,63,0) 0%, rgba(233,145,63,0.5) 25%, rgba(233,145,63,1) 50%, rgba(233,145,63,0.5) 75%, rgba(233,145,63,0) 100%);
	background-size: 200% 100%;
	background-position-x: 0%;
}
@-webkit-keyframes processing_notice_bg {
    0% {background-position-x: 0%;}
    50% {background-position-x: 100%;}
    100% {background-position-x: 0%;}
}
@-o-keyframes processing_notice_bg {
	0% {background-position-x: 0%;}
	50% {background-position-x: 100%;}
    100% {background-position-x: 0%;}
}
@keyframes processing_notice_bg {
	0% {background-position-x: 0%;}
	50% {background-position-x: 100%;}
    100% {background-position-x: 0%;}
}
.here-notifications .notification[data-type="processing"][data-task="lh-api-pdf-find"] {
	background-color: #581845;
}
.here-notifications .notification[data-type="processing"][data-task="lh-api-pdf-find"]:before {
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	animation: 2.5s processing_notice_bg linear infinite;
	background: rgba(255,255,255,0);
	background: linear-gradient(90deg, rgba(144,12,63,0) 0%, rgba(144,12,63,0.5) 25%, rgba(144,12,63,1) 50%, rgba(144,12,63,0.5) 75%, rgba(144,12,63,0) 100%);
	background-size: 200% 100%;
	background-position-x: 0%;
}
@-webkit-keyframes processing_notice_bg {
    0% {background-position-x: 0%;}
    50% {background-position-x: 100%;}
    100% {background-position-x: 200%;}
}
@-o-keyframes processing_notice_bg {
	0% {background-position-x: 0%;}
	50% {background-position-x: 100%;}
    100% {background-position-x: 200%;}
}
@keyframes processing_notice_bg {
	0% {background-position-x: 0%;}
	50% {background-position-x: 100%;}
    100% {background-position-x: 200%;}
}
[data-page="uj-hirlevel"] .client-list-in-todolist-edit .todo-list-with-cbs {
	max-height: calc(90vh - 150px);
	overflow: hidden;
	overflow-y: auto;
}
.cross-line-45:after {
	content: '';
	width: 2px;
	height: 140%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	background: #f44336;
}
.cross-line-62:after {
	content: '';
	width: 2px;
	height: 200%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(62deg);
	background: #fff;
}
.btn_loader {
	border-color: rgb(0,0,0);
}
.btn_loader:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgb(131, 231, 144);
	background: linear-gradient(90deg, rgba(246,246,246, 0.5) 0%, rgba(240,240,240,0.7) 50%, rgba(246,246,246,0.5) 100%);
	background-size: 200% 100%;
	background-position: 0 0;
	background-repeat: repeat-x;
	-webkit-animation: btn_loader_anim 1s infinite linear;
    -o-animation: btn_loader_anim 1s infinite linear;
    animation: btn_loader_anim 1s infinite linear;
}
@-webkit-keyframes btn_loader_anim {
    0% {background-position-x: 0%;}
    100% {background-position-x: 200%;}
}

@-o-keyframes btn_loader_anim {
	0% {background-position-x: 0%;}
	100% {background-position-x: 200%;}
}
@keyframes btn_loader_anim {
	0% {background-position-x: 0%;}
	100% {background-position-x: 200%;}
}
.first_letter_big::first-letter {
	text-transform: uppercase;
}
.pagination-btns-here {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
.pagination-btn {
	cursor: pointer;
	padding: 0px;
	font-size: 14px;
	background: #006355;
	color: #fff;
	margin: 5px;
	border: 0;
	width: 37px;
	height: 37px;
	line-height: 37px;
	text-align: center;
}
.pagination-btn.active {
	background-color: #009688;
	cursor: no-drop;
}
.pagination-btn[data-tooltip]:hover:after {
	content: attr(data-tooltip);
	position: absolute;
	bottom: -50px;
	background: #333;
	white-space: nowrap;
	left: 50%;
	transform: translateX(-50%);
	padding: 5px;
	z-index: 3;
}
.pagination-btn[data-tooltip]:hover:before {
	content: '';
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 10px 5px;
	border-color: transparent transparent #333 transparent;

}
[data-func="open-clientprofile"] {
	cursor: pointer;
}
.flag {
	width: 22px;
	height: 20px;
	border: 2px solid #333;
	display: inline-block;
	font-weight: bold;
	margin-right: 5px;
}
.flag:after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 16px;
	text-align: center;
}
.flag.flag-kata:after {
	content: 'K';
	color: green;
}
.flag.flag-atalany:after {
	content: 'Á';
	color: blue;
}
.flag.flag-vszja:after {
	content: 'V';
	color: blue;
}
.horizontal-hr-after:after,
.horizontal-hr-before:before {
	content: '';
	position: absolute;
	top: 0;
	right: -9.25%;
	width: 2px;
	height: 100%;
	background-color: red;
}

.horizontal-hr-before:before {
	left: -9.25%;
}
.client-label {
	width: 90%;
	background: #eee;
	padding: 5px 10px;
	border-radius: 4px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	cursor: pointer;
}
.client-label:hover,
.client-label.active {
	background: rgba(0, 150, 136,0.15);
}
.client-label i {
	margin-left: 5px;
}
.clients-as-labels {
	max-height: 60vh;
	overflow-y: auto;
	border: 1px solid #ccc;
	padding: 10px;
}
nonb {
	font-weight: 400;
}

.transfers-list,
.invoices-list,
.selected-invoices,
.selected-invoice-items,
.all-invoices,
.selectable-invoices,
.selectable-clients {
	border: 1px solid #ccc;
	height: 70vh;
	max-height: 70vh;
}

.transfers-list table,
.invoices-list table,
.selected-invoices table,
.selected-invoice-items table,
.all-invoices table,
.selectable-clients table,
.selectable-invoices table {
	width: 100%;
	border-collapse: collapse;
}
.transfers-list table tbody,
.invoices-list table tbody {
	height: calc(70vh - 27px - 27px) !important;
	max-height: calc(70vh - 27px - 27px) !important;
}
.transfers-list table tbody,
.invoices-list table tbody,
.selected-invoices table tbody,
.selected-invoice-items table tbody,
.all-invoices table tbody,
.selectable-invoices table tbody,
.selectable-clients table tbody {
	overflow-y: auto;
    display: block;
}
.selected-invoices table tbody,
.all-invoices table tbody {
	height: calc(22vh - 27px - 27px) !important;
	max-height: calc(22vh - 27px - 27px) !important;
}
.selectable-invoices table tbody,
.selectable-clients table tbody {
	height: calc(41.9vh - 27px - 27px) !important;
	max-height: calc(41.9vh - 27px - 27px) !important;
}
.transfers-list table tr,
.invoices-list table tr,
.selected-invoices table tr,
.selected-invoice-items table tr,
.all-invoices table tr,
.selectable-invoices table tr,
.selectable-clients table tr {
	display: table;
    width: 100%;
    table-layout: fixed;/* even columns width , fix width of table too*/
}
.transfers-list table .search,
.invoices-list table .search,
.selected-invoices table .search,
.selected-invoice-items table .search,
.all-invoices table .search,
.selectable-invoices table .search,
[data-page="ugyfelek-utalasai"] table .search,
.selectable-clients table .search {
	padding: 0 !important;
}
.transfers-list table .search input,
.invoices-list table .search input,
.selected-invoices table .search input,
.selected-invoice-items table .search input,
.all-invoices table .search input,
[data-page="ugyfelek-utalasai"] table .search input,
.selectable-invoices table .search input,
.selectable-clients table .search input {
	width: 100%;
	height: 24px;
	margin: 0;
	padding: 0 10px;
	border: 0;
	outline: 0;
	vertical-align: middle;
	line-height: 1.42857143;
	
	font-size: 14px;
}
[data-page="ugyfelek-utalasai"] table .search input {
	padding: 0;
}
.transfers-list table td,
.invoices-list table td,
.selected-invoices table td,
.selected-invoice-items table td,
.all-invoices table td,
.selectable-invoices table td,
.selectable-clients table td,
.transfers-list table th,
.invoices-list table th,
.selected-invoices table th,
.selected-invoice-items table th,
.all-invoices table th,
.selectable-invoices table th,
.selectable-clients table th {
	border-collapse: collapse;
	border: 1px solid #ccc;
	padding: 3px 10px;
	/* user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none; */
}
.selected-invoices,
.all-invoices {
	height: 22vh;
}
.selectable-clients {
	height: 31vh;
	overflow: auto;
}
.selectable-invoices {
	height: 41.9vh;
	overflow: auto;
}
[data-page='parositatlan-utalasok'] .selectable-invoices,
[data-page='parositatlan-utalasok'] .all-invoices {
	height: calc(35vh - 34px);
}
/* .selected-client-to-pairs-container {
	height: 75vh;
} */
.transfers-list tr.select td,
.invoices-list tr.select td,
.selectable-invoices tr.select td,
.selected-invoices tr.select td,
.selected-invoice-items tr.select td,
.all-invoices tr.select td {
	background-color: rgba(0, 150, 136,0.15);;
}
.transfers-list tr.active td,
.invoices-list tr.active td,
.selectable-invoices tr.active td,
.selectable-clients tr.active td,
.selected-invoices tr.active td,
.selected-invoice-items tr.active td,
.all-invoices tr.active td {
	background-color: #009688;
	color: #fff;
}
.set-pairs-saved span,
.set-analytics-saved span {
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 2px;
	padding-right: 20px;
	opacity: 0;
}
[data-func="select-transfer-tr"] > td > i,
[data-func="select-transfer-to-connect-to-current_account"] > td > i,
[data-func="select-income-invoice-to-items"] > td > i {
	font-size: 24px;
}
.client-label .prev-month,
.client-label .this-month {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 40px;
	color: red;
}
.client-label .this-month {
	right: 10px;
}
[data-prev-month='1'] .prev-month { color: green; }
[data-this-month='1'] .this-month { color: green; }
.client-label .pairs-done-indicator {
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
	right: 70px;
	color: red;
	font-size: 26px;
}
.client-label .pairs-done-indicator.la-check {color:green}
.remaining-amount,
.debit-all {
	font-size: 18px;
	font-weight: bold;
	color: red;
}
.credit-all {
	font-size: 18px;
	font-weight: bold;
	color: green;
}
.selectable-month-to-payroll > div:hover {
	background: rgba(0,150,136, 0.2);
}
.todo-solve {
	color: #009688;
}
.todo-solve td:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	background-color: #009688;
	height: 1px;
	width: 100%;
}
[data-func="show-commission"],
[data-func="remove-tax-datas-payroll"] {
	font-size: 26px;
}
[data-func="set-proform-a-invoicenum"]:hover,
[data-func="set-proform-s-invoicenum"]:hover {
	cursor: pointer;
	background-color: rgba(0,250,0,0.1);
}
.client_profile [name="note"] {
	width: 100%;
	height: 80vh;
	resize: none;
	padding: 10px;
	font-size: 14px;
	font-family: 'Muli', sans-serif;
}
.border-bottom-2px-black {
	border-bottom: 2px solid #333 !important;
}
.cke_notifications_area {
	display: none !important;
}
[data-table="uber-uploads"] th,
[data-table="uber-uploads"] td {
	border: 1px solid #666 !important;
	border-collapse: collapse;
}
[data-table="uber-uploads"] thead {
	position: sticky;
	left: 0;
	top: 61px;
	background: white;
	border: 1px solid #666;
	z-index: 4;
}
[data-table="uber-upload"] thead th {
	border: 1px solid #666;
}
[data-close-type-table="reverse_afa"] .la-check {
	font-size: 24px;
}