@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');
html, body {
	padding: 0;
	margin: 0;
	
	/*background: #f5f5f5;*/
	background: url(../img/bg7.jpg);
	background-size: cover;
	background-position: 50% -10%;
	background-attachment: fixed;
	
	color: #333;
	font-family: 'Roboto', Arial, sans-serif !important; 
	font-size: 14px;
	font-weight: 400;
	line-height: 1.471;
	letter-spacing: 0.5px;
}
:root {
	--blue: #2e93f5;
	--blue-dark: #3e4eb8;
	--blue-light: #3ba6f7;
	--green: #50af4b;
	--green-dark: #409688;
	--green-light: #88c441;
	--red: #ed3f33;
	--red-dark: #c5433d;
	--pink: #ec3c62;
	--purple: #9e3bb1;
	--purple-dark: #6737b9;
	--yellow: #ffec4f;
	--orange: #f3983e;
	--orange-dark: #ee5435;
	--brown: #785547;
	--grey: #9d9d9d;
	--grey-dark: #757575;
	--white: #fff;
	--black: #000;
}
button, html [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: inherit !important;
}
* { position: relative; box-sizing: border-box; }
a { text-decoration: none; color: inherit; }
#msg { z-index: 998; position: fixed; top: -56px; left: 50%; width: 30%; background: #00c0ef; color: #fff; border: none; border-left: 5px solid #0097bc; border-radius: 3px; font-size: 14px; }
#msg #msg_text { padding: 10px; }
.dialog_bg, .check-in-commitment-bg {
	background: rgba(0,0,0,0.75); 
	position: fixed; 
	top: 0; 
	left: 0; 
	width: calc(100%); 
	height: 100%; 
	z-index: 201;
}
.dialog_bg .body, .check-in-commitment-bg .body {
	background: #fff; 
	position: fixed; 
	top: -50px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.check-in-commitment-bg .body {
	top: 10%;
	padding: 40px 40px 20px 40px;
	width: 500px;
	text-align: center;
	border-radius: 5px;
}
.check-in-commitment-bg .body div.name {
	margin: 32px 0;
	color: var(--red);
	font-size: 72px;
	display: inline-block;
	padding: 0px 50px;
	border: 6px solid var(--red);
	animation: check-in-commitment-name-pulse 1.5s linear infinite;
}
.check-in-commitment-bg .body div.title {
	font-size: 27px;
	color: rgba(0,0,0,.65);
	font-weight: 600;
	margin-bottom: 13px;
}
.check-in-commitment-bg .body div.name.smaller {
	font-size: 32px !important;
}
.check-in-commitment-bg .body div.desc {
	font-size: 16px;
	color: rgba(0,0,0,.64);
	font-weight: 300;
}
.check-in-commitment-bg .body .buttons {
	width: 100%;
	overflow: hidden;
	margin-top: 40px;
}
@keyframes check-in-commitment-name-pulse {
	from { transform: scale(0.1, 0.1); }
	50% { transform: scale(1, 1); }
	to { transform: scale(0.1, 0.1); }
}
.dialog_bg .body .title {
	padding: 20px; 
	text-align: left; 
	color: #363f45;
	font-family: 'Source Sans Pro',sans-serif; 
	font-size: 28px; 
	font-weight: 700;
}
.dialog_bg .body .title .close {
	position: absolute; 
	color: #000;
	font-size: 44px;
	right: 20px;
	top: 9px;
	cursor: pointer;
}
.dialog_bg .body .content {
	padding: 20px;
	color: #363f45;
	max-height: calc(100vh - 200px);
	overflow-x: auto;
}
.dialog_bg .body .footer {
	padding: 20px; 
	padding-top: 0;
	text-align: right;
	width: 100%;
	background: #fff;
	overflow: hidden;
}
.btn { /* Nagy */
	padding: 8px 12px !important;
	border: none;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	outline: none;
	-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;
	cursor: pointer;
	text-overflow: ellipsis;
	overflow: hidden;
}
.btn_loader {
	filter: grayscale(100%) ;
	overflow: hidden;
}
.btn_loader:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	content: '';
}
.btn_loader:before {
	z-index: 3;
	content: '';
	width: 100%;
	height: 3px;
	position: absolute;
	left: -50%;
	bottom: 0;
	background-color: #fff;
	animation: loading 1s linear infinite;
}
div.btn_loader:before {
	background: var(--green);
}
@keyframes loading {
    from {left: -50%; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}
.disabled .btn,
.btn[disabled] {
	opacity: 0.6;
	filter: grayscale(50%);
	cursor: no-drop;
}
.circle {
	opacity: 0.7;
	cursor: pointer;
	border-radius: 50%;
}
.circle:hover {
	opacity: 1;
}
.btn.red { background: #f34235; }
.btn.pink { background: #eb3975; }
.btn.black { background: #434f56; }
.btn.purple { background: #b12bc8; }
.btn.blue { background: #3da3f4; }
.btn.cyan { background: #00d6f2; }
.btn.green { background: #5eba62; }
.btn.orange { background: #fe6d3f; }
.btn.brown { background: #8b6152; }
.btn.grey { background: #b9b9b9; color: #000; }
.btn.white { background: #fff; color: #000; }
.btn.red:hover 		{ background: #f56457; }
.btn.pink:hover 	{ background: #fd5a97; }
.btn.black:hover 	{ background: #658f78; }
.btn.purple:hover 	{ background: #d34dea; }
.btn.blue:hover 	{ background: #5fc7f6; }
.btn.cyan:hover 	{ background: #22faf4; }
.btn.green:hover 	{ background: #8fdc84; }
.btn.orange:hover 	{ background: #ff8f7f; }
.btn.brown:hover 	{ background: #ad8374; }
.btn.grey:hover 	{ background: #cecece; }
.btn.just-text {
	background: transparent;
	border-bottom: 1px solid #333;
	color: #333;
}
.btn.just-text:hover {
	color: #555;
	border-bottom: 1px solid #555;
} 
.margin-left-25 { margin-left: 25px; }
.margin-30-20 { margin: 30px 20px; }
.btn.large { padding: 19px 25px;}
.btn.small { padding: 8px 13px !important; font-size: 13px }
.btn.smallsmaller { padding: 4px 6px !important; font-size: 10px }

.selector_dropdown {
	position: absolute; 
	top: 40px; 
	left: -1px; 
	width: 270px; 
	min-height: 50px; 
	border: 1px solid #999; 
	background: #fff; 
	font-size: 14px;
	cursor: pointer;
	display: none;
	z-index: 3;
}
#reminder_table_is_here {
	width: 330px; 
	height: 160px; 
	position: fixed; 
	padding: 5px; 
	right: 0; 
	bottom: 30px; 
	background: #43a047;
	z-index: 60;
}
.budapest-panorama-bg {
	width: 100vw;
	height: 50vh;
	max-height: 600px;
	background: url(/elemek/budapest-panorama.jpg);
	background-position: left center;
	background-size: cover;
/*	animation: budapest-panorama-anim 120s infinite;*/
}
@keyframes budapest-panorama-anim {
	0% { background-position: left center; }
	50% { background-position: right center }
	100% { background-position: left center; }
}
.rotate-infinity {
	animation: rotate-infinity 2s infinite;
}
@keyframes rotate-infinity {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.full_center_box {
	position: absolute; 
	top: 20%; 
	left: 50%; 
	margin-left: -240px; 
	width: 480px; 
	height: 435px; 
}
.full_center_box .title {
	background: rgba(0,0,0,.6);
	padding: 20px 10px;
	text-align: center;
	color: #fff;
	font-size: 26px;
}
.full_center_box .title .one { font-weight: bold; }
.full_center_box .title .two { color: #ddd; font-size: 16px; font-weight: 300; }
.full_center_box .inputs_div {
	padding: 20px 20px 1px 20px;
	background: #fff;
	margin: 0 0 10px;
}
.full_center_box input { width: 100%; }
.inputs_div {
	margin-top: 70px;
}
.__input_top_label {
	top: 20px;
	font-size: 19px;
	transition: all .25s linear;
	height: 18px; 
	position: absolute; 
	padding: 0 5px;  
	color: var(--grey);
}
.focus .__input_top_label, .__input_top_label.all_top {
	top: 0px; 
	font-size: 13px;
}
.__input_top_label_halfbg {
	left: 5px; 
	background: #f1f1f1; 
	background: -moz-linear-gradient(top, #f1f1f1 50%, #ffffff 51%); 
	background: -webkit-linear-gradient(top, #f1f1f1 50%,#ffffff 51%); 
	background: linear-gradient(to bottom, #f1f1f1 50%,#ffffff 51%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 );
	transition: all .25s linear;
}
.input-closest {
	position: relative;
	overflow: hidden;
	display: inline-block;
}
.input-closest .bot_line {
	width: 100%;
	position: absolute;
	height: 2px;
	background: var(--green);
	bottom: 30px;
	transform: scale(0,1);
	transition: all .25s linear;
}
.input-closest.focus .bot_line {
	transform: scale(1,1);
}
.input-closest.focus .__input_top_label, .input-closest.focus .__input_top_label_halfbg {
	color: var(--green);
}
.login_input {
	margin-left: 15px; 
	margin-top: 10px;
	font-size: 22px; 
	width: 450px; 
	height: 44px;  
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--grey);
	color: #000;
	outline: 0;
	transition: all .2s linear;
}
.login_input:focus {
	border-bottom: 1px solid var(--green);
}
.login_btn {
	margin: 0; position: static; background: #36D247; box-shadow: inset 0px 10px 21px 0px rgba(100,100,100,.25); padding: 10px 30px; font-size: 18px; color: #fff; font-weight: bold;
}
.variable_right_fullbox {
	font-size: 14px; 
	position: absolute; 
	right: -10px; 
	top: 50px; 
	width: 33%; 
	max-height: 800px; 
	height: 800px; 
	overflow-x: hidden; 
	overflow-y: scroll; 
	background: #fff; 
	border-radius: 5px; 
	box-shadow: 0 0 5px rgba(0,0,0,.1); 
	border: 1px solid #ccc; 
	padding: 10px 5px;
}
.variable_right_fullbox .header {
	font-size: 20px; 
	margin-bottom: 15px;
}
.variable_right_fullbox .types_checking-icon {
	cursor: pointer; 
	position: absolute; 
	font-size: 32px; 
	top: 0px; 
	right: 0px;
}
.variable_right_fullbox .types_checking-box {
	position: absolute; 
	font-size: 15px; 
	top: 40px; 
	right: 0; 
	padding: 10px; 
	background: #fff; 
	z-index: 3; 
	border: 1px solid #ccc;
}

.variable_right_fullbox .types_checking-box:after, .variable_right_fullbox .types_checking-box:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.variable_right_fullbox .types_checking-box:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	right: 10px;
}
.variable_right_fullbox .types_checking-box:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #ccc;
	border-width: 11px;
	right: 9px;
}
.variable_right_fullbox .types_checking-box .type-line {
	margin: 15px 0;
	cursor: pointer;
}
.variable_right_fullbox .types_checking-box .type-line i {
	font-size: 20px;
	color: var(--green);
	vertical-align: middle;
}
.variable_right_fullbox .types_checking-box .type-line span {
	margin-left: 5px;
	vertical-align: middle;
}
[data-dropdown][data-type='edit'] span {
	width: 238px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.curriculum-units { overflow: hidden; }
.blocks {
	width: 49%;
	float: right;
	background: #fff;
	overflow: hidden;
	margin-bottom: 20px;
	border: 1px solid #dbe1e8;
}
.blocks:not(.temp):nth-child(even) {
	float: left;
}
.blocks .title {
	background: #f9fafc;
	border-bottom: 1px solid #eaedf1;
	padding: 10px;
	font-size: 15px;
	color: #394263;
}
.blocks .content {
	padding: 0px 10px;
}
.info-line {
	width: 100%;
	padding: 19px 19px 19px 19px;
	color: #fff;
	margin-bottom: 30px;
}
.info-line div {
	display: inline-block;
	margin-left: 10px;
	font-size: 15px;
}
.info-line.warning { background: #fe9700; }

.radiobutton-textinput {
	width: 553px;
	border-radius: 5px;
	border: 1px solid var(--grey);
	margin-bottom: 30px;
}
.radiobutton-textinput .radiobutton {
	display: inline-block;
	padding: 11px 17px;
	background: rgba(50,50,50,.2);
	vertical-align: middle;
	cursor: pointer;
}
.radiobutton-textinput .input-closest {
	vertical-align: middle;
	margin-bottom: 0;
}
.radiobutton-textinput .input-closest input {
	height: 30px !important;
	padding-left: 15px;
	border-bottom: none;
}
input[disabled] {
	cursor: no-drop;
	opacity: 0.9;
}
.radiobutton-textinput .input-closest .__input_top_label.all_top {
	top: -3px;
	padding-left: 15px;
	margin: 0;
}
.radiobutton-textinput .input-closest .bot_line {
	display: none;
}
.radiobutton-textinput label {
	margin-bottom: 0 !important;
}
.var_group_color {
	margin-right: 20px;
	background: black;
	color: #fff;
	padding: 0 10px;
	font-size: 14px;
	border: none;
}
@media(max-width: 1023px) {
	.full_center_box {
		top: 50%; 
		left: 3%;
		margin-left: 0; 
		margin-top: -175px;
		width: 94%; 
		height: 350px; 
	}
	.full_center_box img:first-child {
		width: 110px;
	}	
	.inputs_div {
		margin-top: 30px;
	}
	.login_input {
		width: 100%;
		margin-left: 0;
	}
	.__input_top_label {
		left: 10px; 
	}
}
.schedule_training_types {
	overflow: hidden;
	font-size: 20px;
	margin-bottom: 30px;
}
.schedule_training_types div {
	width: 200px;
	text-align: center;
	display: inline-block;
	line-height: 56px;
	height: 56px;
	cursor: pointer;
	border-bottom: 2px solid transparent;
}
.schedule_training_types div:hover {
	border-color: #8fdc84;
}
.schedule_training_types div.active {
	border-color: #5eba62;
}
.next-group[disabled] {
	cursor: no-drop; 
	opacity: 0.5;
}
.float_left { float: left !important; }
.float_right { float: right !important; }
.generation-click-btn {
	position: absolute;
	right: 0;
	top: 14px;
}
.set-curriculum-units .curriculum-units-modul-title {
	font-size: 22px;
	font-weight: bold;
	margin-top: 30px;
}
.set-curriculum-units .num_day {
	font-size: 18px;
	vertical-align: middle;
	float: left;
}
.set-curriculum-units .input-closest {
	vertical-align: middle;
	margin-left: 30px;
	float: left;
}
.set-curriculum-units .input-closest input {
	font-size: 16px;
	height: 32px;
}
.set-curriculum-units .breakdown-by-days {
	overflow: hidden;
	padding: 5px 10px;
	border-bottom: 1px solid rgba(0,0,0,.8);
	background: #fff;
	padding-bottom: 28px;
	margin-bottom: 20px;
}
.set-curriculum-units .breakdown-by-days:last-child {
	border-bottom: none;
}
.set-curriculum-units .breakdown-by-days .small {
	position: absolute;
	right: 0;
	bottom: 3px;
	border-bottom: none !important;
	z-index: 100;
	cursor: pointer !important;
}
.set-curriculum-units .input-closest.textarea {
	margin-left: 45px; 
	position: relative; 
	display: inline-block;
}
.set-curriculum-units textarea.login_input {
	font-size: 16px;
	background: #fff;
	resize: none;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	height: 50px;
}
.set-curriculum-units .input-closest.textarea .bot_line {
	top: 49px;
}
.breakdown-by-days-input-row {
	float: right;
}
.option_list_elem {
	cursor: pointer; 
	display: inline-block; 
	padding: 5px 10px; 
	border: 1px solid #ccc; 
	border-radius: 3px; 
	font-size: 14px;
	margin: 5px;
}
.option_list_elem:hover {
	background: rgba(0,0,0,.06);
}
.option_list_elem.active {
	background: #ace668;
	color: #fff;
	border: 1px solid #365;
}
.option_list_elem.maybe {
	background: #dff1ff;
	border: 1px solid #76a9e3;
}
.pinpad-full {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	z-index: 1000;
	display: none;
}
.pinpad-full.show {
	display: block;
}
.pinpad-full .pinpad {
	width: 288px;
	height: 460px;
	background: #eaeaea;
	top: 17%;
	left:0;
	right:0;
	margin: 0 auto;
	-webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2);
}
.pinpad-full .pinpad.error {
	animation: pinpad-error 0.6s 1;
}
@keyframes pinpad-error {
	0% { transform: translateX(15px); }
	20% { transform: translateX(-15px); }
	40% { transform: translateX(15px); }
	60% { transform: translateX(-15px); }
	80% { transform: translateX(15px); }
	100% { transform: translateX(-15px); }
}
.pinpad-full .pinpad .title {
	padding: 15px 0;
	text-align: center;
	font-weight: 700;
	color: #444;
	background: #E4E4E4;
}
.pinpad-full .pinpad .return-input {
	width: 100%;
	height: 70px;
	border: 0;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	background: #fff;
}
.pinpad-full .pinpad .return-input .margin-0-auto {
	width: 180px;
	margin: 16px auto;
}
.pinpad-full .pinpad .return-input div:not(.margin-0-auto) {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #666;
	display: inline-block;
	margin: 0 5px;
	transition: all .2s linear;
}
.pinpad-full .pinpad .return-input div.setted:not(.margin-0-auto) {
	background: #4cd964;
	border: 1px solid #4cd964;
}
.pinpad-full .pinpad .nums {
	margin-top: 5px;
}
.pinpad-full .pinpad .nums div {
	width: 70px;
	height: 70px;
	display: inline-block;
	line-height: 70px;
	text-align: center;
	font-size: 32px;
	background: #fff;
	margin: 6px 11px;
	border-radius: 50%;
	-webkit-box-shadow: 10px 10px 14px -5px rgba(0,0,0,0.16);
	-moz-box-shadow: 10px 10px 14px -5px rgba(0,0,0,0.16);
	box-shadow: 10px 10px 14px -5px rgba(0,0,0,0.16);
	cursor: pointer;
}
.pinpad-full .pinpad .nums div[data-number='X'] {
	font-size: 26px;
}
.pinpad-full .pinpad .nums div[data-number='X'] {
	color: red;
}
.pinpad-full .pinpad .nums div[data-number='0'] {
	width: 166px;
	border-radius: 70px;
}
.pinpad-full .pinpad .nums div:hover,
.pinpad-full .pinpad .nums div.click {
	background: #F5F5F5;
}
.hidden, .type-hidden { display: none !important; }
#subject_search_result {
	position: absolute;
	top: 50px;
	left: 0;
	background: #fff;
	width: 500px;
	height: auto;
	z-index: 10;
}
.potentional_trainers_results {
	position: absolute;
    top: 50px;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
}
.potentional_trainers_results .result {
	margin-top: 0 !important;
	cursor: pointer;
	white-space: nowrap; 
	text-overflow: ellipsis; 
	font-size: 18px; 
	padding: 10px 5px; 
	overflow: hidden; 
	width: 100%; 
	margin-left: 0; 
	text-align: left;
}
.potentional_trainers_results .result:hover {
	background: #f5f5f5;
}
.potentional_trainers_selected_list {
	width: 50%;
}
.potentional_trainers_selected_list .selected_elem {
	text-align: left; 
	cursor: pointer; 
	width: 450px; 
	height: 40px; 
	border: 1px solid green; 
	margin-top: -1px;
	line-height: 40px;
	padding: 0 15px; 
	font-size: 16px;
}

.template_last_check_table tr {
	vertical-align:top;
}
.template_last_check_table tr td {
	border-top: 1px solid #ccc;
	text-align: justify;
}
.template_last_check_table tr:nth-child(2) td {
	border-top: none;
}
.template_last_check_table tr td {
	padding: 10px 0;
}
.template_last_check_table tr td:first-child {
	font-size: 16px;
    font-weight: bold;
    width: 250px;
}
.template_last_check_table tr td:last-child {
	font-size: 16px;
}
.partner_company_results, .whom_company_search_results, .training_item_results, .subcontractors_results, .trainer_location_select_results, .training_types_results, .tender_id_results {
	position: absolute; 
	top: 50px; 
	left: 30px; 
	width: 500px; 
	z-index: 1001; 
	background: #fff;
}
.whom_company_search_results {
	top: 44px;
	left: 46px;
	width: 506px;
}
.whom_company_search_results div {
	width: 100% !important;
}
.trainer_location_select_results {
	width: 300px;
	left: 0;
	top: 52px;
}
.training_types_results {
	left: 0;
	top: 52px;
}
.subcontractors_results,
.training_types_results {
	left: 0;
}
.inside-container {
	padding: 20px; 
	width: 1030px; 
	min-height: 100px; 
	border: 1px solid #ccc; 
	border-radius: 5px; 
	background: #fff; 
	margin-bottom: 20px;
}
.width-100-p {
	width: 100%;
}
.csv-upload-dragbox {
	width: 600px;
	height: 420px;
	border: 5px dashed rgba(0,0,0,.3);
	margin: 0 auto;
	text-align: center;
	padding: 30px 0;
	cursor: pointer;
	background: #fff;
}
.csv-upload-dragbox i { 
	font-size: 256px; 
	cursor: pointer; 
	background-image: linear-gradient(to right top, #708cde,  #95d9f5);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;	
}
.csv-upload-dragbox i.hover {
	opacity: 0;
	position: absolute;
	top: 30px;
	left: 0; 
	right: 0;
	margin: 0 auto;
	background-image: linear-gradient(to right top, #6682d2, #6cd8c5);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;	
	transition: all .2s linear;
}
.csv-upload-dragbox:hover i.hover {
	opacity: 1;
}
.csv-upload-dragbox i.drop-icon {
	font-size: 200px;
	position: absolute;
	top: 80px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.csv-upload-dragbox .desc {
	font-size: 21px;
	margin-top: 30px;
}
.potential_trainers_list {
	padding: 0 20px 20px 20px; 
	width: 1030px; 
	min-height: 100px; 
	border: 1px solid #ccc; 
	border-radius: 5px; 
	background: #fff; 
	margin-bottom: 20px;
}
.progress_log table {
	width: 100%;
	font-size: 14px;
	margin-bottom: 30px;
	background: #fff;
	border: 1px solid #ccc;
	border-collapse: collapse;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	color: #444;
}
.progress_log .title {
	font-weight: bold;
	text-align: center;
}
.progress_log td {
	border: 1px solid #ccc;
}
.progress_log input, .selected_subcontractor input, .selected_training_items input { width: 100%; height: 34px; font-size: 14px; text-align: center; }
.progress_log tr.data td[data-kk='0'] { width: 55px; }
.progress_log tr.data td[data-kk='1'] { width: 100px; }
.progress_log tr.data td[data-kk='2'] { width: 100px; }
.progress_log tr.data td[data-kk='4'] { width: 55px; }
.progress_log tr.data td[data-kk='5'] { width: 55px; }
.progress_log tr.data td[data-kk='3'] .trainer_select {
	letter-spacing: 1px;
	color: var(--green);
	cursor: pointer;
}
.progress_log .empty-time-fill-this {
	font-size: 11px;
	color: #555;
	text-align: right;
	margin-top: 3px;
	height: 16px;
	width: 89px;
}
.progress_log .empty-time-fill-this.av_click {
	cursor: pointer;
}
.text-left { text-align: left; }
.text-center { text-align: center; }
.add_trainer_to_curriculum {
	position: absolute;
	top: 0;
	right: 100px;
	background: #fff;
	padding: 10px 15px;
	border: 1px solid #ccc;
	z-index: 10;
}

.add_trainer_to_curriculum:after, .add_trainer_to_curriculum:before {
	bottom: 100%;
	right: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.add_trainer_to_curriculum:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 12px
}
.add_trainer_to_curriculum:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #ccc;
	border-width: 14px;
	right: calc(20% - 2px);
}
[data-group='4'] .send_email {
	margin: 50px auto;
    width: 550px;
    border: 1px solid #aad8ee;
    padding: 40px 20px;
    text-align: center;
    font-size: 16px;
    background-image: linear-gradient(to left bottom, #708cde, #6ba1e8, #6fb5ee, #7ec8f2, #95d9f5);
    font-weight: bold;
	letter-spacing: 0.5px;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;	
}
.selected_subcontractor input,
.selected_training_items input { 
	width: 180px 
} 


.ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
#attached_doc_selected_list div:not(.login_input) {
	width: 450px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 450px;
}
.attached_doc_results .active {
	font-weight: bold;
	color: green;
}
.osap_fir_icon {
	width: 41px;
	height: 20px;
	background: url(/elemek/osap_fir_icon.png);
	display: inline-block;
	margin-bottom: 3px;
}
.osap_fir_icon.osap.osap-0 {
	background-position: 0 0;
}
.osap_fir_icon.osap.osap-1 {
	background-position: 0 20px;
}
.osap_fir_icon.fir.fir-0 {
	background-position: 41px 0;
}
.osap_fir_icon.fir.fir-1 {
	background-position: 41px 20px;
}
.title-tips {
	padding: 7px 12px;
	background: #333;
	color: #fff;
	position: absolute;
	z-index: 9999;
	font-size: 13px;
	width: auto;
	overflow: hidden;
}
.dropdown-tr {
	padding: 6px 11px;
	color: #2e353c;
	background: #f2f3f4;
	border: 1px solid #f2f3f4;
	border: 4px;
	font-weight: 400;
	outline: none;
	display: inline-block;
	vertical-align: top;
}
.dropdown-tr .dd-menu {
	position: absolute;
	top: 26px;
	right: 0;
	box-shadow: 0 5px 30px 0 rgba(0,0,0,.25);
	font-size: 12px;
	border-radius: 4px;
	background: #fff;
	z-index: 10;
	padding: 5px 0;
}
.dropdown-tr .dd-menu div {
	min-width: 146px;
	padding: 5px 7px;
	color: #333;
}
.dropdown-tr .dd-menu div:hover {
	background: #f2f3f4;
}
.dropdown-tr div.title {
	font-size: 12px !important;
	height: auto !important;
	line-height: 12px;
}
.dropdown-tr div i {
	color: #555 !important;
	font-size: 22px;
}
.dropdown-tr div:hover i {
	color: #555 !important;
}
.dropdown-tr .dd-menu div i,
.dropdown-tr .dd-menu div span {
	vertical-align: middle;
}
.dropdown-tr .dd-menu div.delete {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #e5e5e5;
	color: var(--red-dark);
}
.vertical-middle {
	vertical-align: middle;
}
@media(max-width: 1400px) {
	.left_bar, .left_bar .miniprofile, .left_bar .menus .submenus {
		width: 200px !important;
	}
	.left_bar .menus .group-title:first-child {
		padding-left: 9px !important;
	}
	.left_bar .menus .submenus div:not(.group-title) {
		padding-left: 0 !important;
	}
	.left_bar {
		left: -200px !important;
		overflow-x: scroll;
	}
	.left_bar.show {left: 0 !important;}
	.top_bar {
		left: 0px !important;
		width: 100vw !important;
	}
	#content {
		margin-left: 20px !important;
	}
	.mobile-menu-show {
		display: inline-block !important;
	}
	.top-bar-icons {display: inline-block;}
	.mobile-menu-show i {
		font-size: 32px;
	}
}
.trainer_doc_take_switch[data-value='0'],
.trainer_doc_take_switch[data-value='0']:hover { 
	color: var(--red-dark) !important; 
}
.trainer_doc_take_switch[data-value='1'], 
.trainer_doc_take_switch[data-value='1']:hover { 
	color: var(--green-dark) !important; 
}
.certification-generation-info-box {
	width: 100%;
	padding: 10px 20px;
	margin-bottom: 20px;
	margin-top: 0px;
	overflow: hidden;
}
.certification-generation-info-box .title {
	font-weight: bold;
	font-size: 22px;
	border-bottom: 2px solid var(--blue);
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.certification-generation-info-box .desc b {
	color: var(--red);

}
.nowrap {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: inherit;
  -webkit-text-fill-color: inherit;
  background: inherit;
}
.subtitle {
	color: #70829a;
	text-transform: uppercase;
	font-weight: 600;
	padding: 16px 0 3px 18px;
	font-size: 12px;
}
.subtitle.bigger {
	font-size: 18px;
	padding: 0 0 15px 0;
}
.settings-box {
	width: 1100px; 
	min-height: 30px; 
	overflow: hidden; 
	background: #fefefe;
	padding: 20px;
	border: 1px solid #efefef;
	margin: 20px auto;
}

.mce-content-body {
	padding: 25px !important;
}
.training_types_keyup_box i {
	position: absolute;
	top:20px;
	right:5px;
	font-size: 29px;
	cursor: pointer;
}
#temp_search_by_name_result.with-selector {
	width: 1102px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 100px;
	border: 1px solid #e2e2e2
}
._width_768 {
	width: 768px;
}
.pdf-file-icon-in-list {
	width: 56px;
	height: 24px;
	background: #c5483d;
	text-align: center;
	color: #fff;
	font-size: 15px;
	line-height: 24px;
	display: inline-block;
	vertical-align: middle;
}
.pdf-file-icon-in-list.inactive {
	filter: grayscale(100%);
	opacity: 0.5;
}
.pdf-file-icon-in-list-dropdown {
	display: inline-block;
	background: #c5483d;
	height: 24px;
	width: 20px;
	line-height: 24px;
	text-align: center;
	vertical-align: middle;
	margin-left: -5px;
	border-left: 1px solid #fff;
	padding: 0;
}
.pdf-file-icon-in-list-dropdown .dropdown-list {
	position: absolute;
	top: 25px;
	right: 0;
	background: #fff;
	border: 1px solid #ccc;
	z-index: 100;
	text-align: right;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.pdf-file-icon-in-list-dropdown .dropdown-list div {
	padding: 5px 10px 5px 25px;
	color: #333;
	border-bottom: 1px solid rgba(0,0,0,.2);
	cursor: pointer;
}
.pdf-file-icon-in-list-dropdown .dropdown-list div:hover {
	background: rgba(0,0,0,.05);
}
.desktop { display: block; }
.mobile { display: none; }
.animated_transform_1-1 {
	transform: scale(1.1, 1.1);
}
.animated_transform_1-2 {
	transform: scale(1.2, 1.2);
}
.animate_05 {
	transition: all 0.5s linear;
}
@media screen and (max-width: 500px) {
	.desktop { display: none; }
	.mobile { display: block; }
	.left_bar { left: -230px !important; }
	#content { margin-left: 0 !important; }
	.top_bar { left: 0 !important; width: 100vw !important; }
	.top_bar .company-selector-act-box {
		padding: 0 !important;
		min-width: 250px !important;
	}
	#content .subheader .actual-page-desc {
		padding-top: 40px !important;
	}
	.check-in-commitment-bg .body {
		width: 90% !important;
	}
}
@media screen and (max-width: 1370px) {
	._width_768 {
		width: 748px;
	}
}

.main-group {
	width:1034px;
	margin: 0 auto;
}

[data-group="10"] .input {
	margin-bottom: 70px;
}
[data-group="10"] .input label {
	display: block;
	font-weight: 300;
	font-size: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}
[data-group="10"] .input .scales {
	width: 100%;
	overflow: hidden;
}
[data-group="10"] .input .scales div {
	width: 7%;
	border: 1px solid #ccc;
	margin: 0 0.7%;
	padding: 10px 0;
	text-align: center;
	display: inline-block;
	background: #fefefe;
	border-radius: 10px;
	cursor: pointer;
}
[data-group="10"] .input .scales.seventh_scales div {
	width: 40%;
	margin: 0 4%;
}
[data-group="10"] .input .scales div span {
	display: block;
	margin-bottom: 5px;
}
[data-group="10"] .input .scales label {
	display:unset;
}
[data-group="10"] .num {
	margin-right: 5px;
}
[data-group="10"] ul {
	font-size: 18px;
}
[data-group="10"] .justify { text-align: justify; }
[data-group="10"] .sixth_question {
	margin-left: 40px;
	font-size: 18px !important;
	margin-bottom: 10px !important;
}
[data-group="10"] .sixth_question input,
[data-group="10"] .sixth_question span {
	vertical-align: middle;
}
[data-group="10"] textarea[name='eighth_ta'] {
    width:100%;
    height: 150px;
    padding: 10px;
    resize: none;
}