@charset "utf-8";
/* CSS Document */

/* —————————————————————————————— INIT —————————————————————————————— */
/*
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea
{margin:0;padding:0;border:0;outline:0;font-size:12px;font-weight:normal;vertical-align:top;outline:none;}
b {font-weight:bold;}
i {font-style:italic;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
table {border-collapse:collapse;border-spacing:0;}
a, span {vertical-align:baseline;}*/
a { color:#88868F; text-decoration:none; }
img {vertical-align:top;text-decoration:none;}
table {border-collapse:collapse;border-spacing:0;}

.clear {clear:both; }
.clear5 {clear: both; margin: 5px 0 0 0;}
.clear10 {display: block; clear: both; height: 10px;}
.clear20 {display: block; clear: both; height: 20px;}
p {margin:0; }
body {background-color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#787878; margin:0; }

.hidden {display: none;}

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

a.link { text-decoration: underline; color: #3da5d5; font-size: 14px;}
.doc-td a.link {
	font-size: 12px;
	text-decoration: none;
	color: #787878; !important;
}
.doc-td a.link:after {
	display: inline-block;
	content: "\21B7";
}
.doc-td a.link:hover {
	text-decoration: underline;
}
.doc-td.main a.link {
	font-size: 14px;
	display: block;
	margin-bottom: 5px;
}

.login {width:300px; margin:auto; padding:80px 0; }
.login p {font-size:14px; margin:0 0 10px 0; color:#666; font-weight:bold; }
.login .cont {border:solid 1px #ededed; -moz-border-radius: 3px; border-radius: 3px; padding:15px; }

.error { background-color:#FEE9EA; border:solid 1px #FFB0B3; -moz-border-radius: 3px; border-radius: 3px; padding:5px; margin:0 0 10px 0;}
.error p {color:#C51014; font-size:12px; font-weight:normal; margin:0;}
.important_notify {color:#C51014;}


.error_input { background-color:#FEE9EA; border:solid 1px #FFB0B3; -moz-border-radius: 3px; border-radius: 3px; }

.err_cont {color: #C51014; font-weight: bold; padding: 4px;}

.notice { background-color:#FEE9EA; border:solid 1px #FFB0B3; -moz-border-radius: 3px; border-radius: 3px; padding:5px; margin:0 0 10px 0;}
.notice p {color:#C51014; font-size:12px; font-weight:normal; margin:0;}

.header {
	background: #fff;
	border-bottom: none;
	height: 70px;
	width:auto;
	padding:0 20px;
	position:relative;
	-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
}
.header .title { float:left; padding:10px 0 0 0; }
.header .title h1, .header .title h1 a {
	color: #00003e;
	font-size: 26px;
	font-weight: normal;
	margin: 0;
	float: left;
	line-height: 48px;
	padding: 0 0 0 25px;
}
.header .title h2 { color:#858484; font-size:14px; font-weight:normal; margin:0; }
.header .title .logo {
	float: left;
	margin-top: -6px;
	margin-bottom: -10px;
	height: 60px;
}
.header .logout {
	float: right;
	padding: 25px 0 0 0;
	color: #333;
	font-size: 16px;
}
.header .logout a {
	color: #dfdfdf;
}
.header .logout a:hover {
	color: #fff;
}
.header .logout img {margin:0 0 -2px 6px; }

.header .fb-gateway {
	width: 178px;
	height: 56px;
	position: absolute;
	background: url(../images/facebook_kapu.png) no-repeat;
	left: 800px;
	top: 10px;
}
.header .fb-gateway .fb-cont {width: 125px; height: 35px; margin:0 0 0 35px; padding:5px 10px 5px 5px; }
.header .fb-gateway .fb-cont .fb-info {float:left;  }
.header .fb-gateway .fb-cont img{ float:left; margin:0 3px 0 0; }
.header .fb-gateway .fb-cont .name { font-size:10px; font-weight:bold; margin:0 0 3px 0; color:#333; }
.header .fb-gateway a.fb-button { background:url(../images/fb_kapu_button.png); width:50px; height:15px; border:none; color:#fff; font-size:10px; text-align:center; cursor:pointer; display:block; }

.main_cont label { display:block; color:#878795; font-weight:bold; font-size: 14px; margin:0 0 3px 0; }
.main_cont label.cbox,
.main_cont label.checkbox { font-weight: normal; font-size: 12px;}
.main_cont label .small {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #ccc;
	padding-left: 8px;
}
/*
.main_cont input[type="text"], .main_cont input[type="password"], .main_cont select { border:solid 1px #ededed; -moz-border-radius: 3px; border-radius: 3px; height:20px; text-indent:5px; color:#969595; margin:0 0 10px 0;}
.main_cont select {padding: 4px 8px; height: 28px; text-indent: 0;}
.main_cont .button { background:url(../images/button.png) no-repeat; background-color:transparent; color:#5a5959; line-height:22px; width:79px; height:26px; margin:0 5px 0 0; border:none; cursor:pointer; font-size:12px; }
.main_cont .button:hover{background-image:url(../images/button_hover.png); }
*/

.main_cont .radio_container { max-height: 200px; overflow-y: scroll;}

.content {padding: 0; }
.content .left {
	background-color: rgba(226, 226, 226, 0.5);
	width: 150px;
	padding: 18px 20px;
	vertical-align: top;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
	font-size: 14px;
}
.content .left .left_menu {width:auto;}
.content .left .left_menu h3 { margin:0; padding:0 0 5px 0; font-size: 16px; font-weight: bold; }
.content .left .left_menu h3 a {color: #1F1F20; text-transform: uppercase; text-shadow: 0 1px 0 #fff;}
.content .left .left_menu .menu{
	margin: 0 0 10px 0;
	font-size: 16px;
}
.content .left .left_menu .menu a {
	display: block;
	margin: 0 0 1px 10px;
	text-shadow: 0 1px 0 #fff;
	line-height: 18px;
	padding: 5px 0;
	border-bottom: dashed 1px #bbb;
}
.content .left .left_menu .menu a:hover {color: #000;}
.content .left .infobox { margin:20px 0 0 0; width:200px; }
.content .left .infobox .head {background-color:#424242; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; padding:0 0 0 10px; height:25px; }
.content .left .infobox .head h3 {color:#fff; margin:0; line-height: 24px; }
.content .left .infobox .cont {border:solid 1px #ededed; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; background-color: #f9f9f9; padding:5px 10px; }
.content .left .infobox .cont table { width:100%; }
.content .left .infobox .cont table tr td+td { width:27%; text-align:right; }

.content .right {
	width:800px;
	vertical-align:top;
	padding: 15px 20px 0 10px;
	background-image: url("../images/EKF_logo_eng_L_7.png");
	background-position: center 100%;
	background-repeat: no-repeat;
}
.content .right .head_title { border-bottom:dotted 1px #a9a9a9; }
.content .right .head_title h1 {
	color: #203267;
	margin: 0;
	padding: 0 0 3px 0;
	font-size: 23px;
	font-weight: bold;
}
.content .right .head_title h2 {
	color:#ccc; margin:0;
	padding:0 0 3px 0;
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
}
.content .top_button_cont {margin: 15px 0 15px 0;}

.content .right .main_cont {border: solid 1px #ededed; -moz-border-radius: 5px; border-radius: 5px; padding:10px; margin: 0 0 10px 0; }

.content .right table.list, .content .right table.crud {border: 1px solid #E7E8EA; border-collapse:collapse; margin: 0; padding: 0; width:100%; }
.content .right table.list tbody td, .content .right table.crud tbody td {
	border-color: #E7E8EA; border-right: 1px solid #E7E8EA; border-top: 1px solid #E7E8EA;
	font-size: 12px; text-align: left;
	padding:5px;
}

table.crud.w20 {width: 20% !important; }
table.crud.w25 {width: 25% !important; }
table.crud.w30 {width: 30% !important; }
table.crud.w40 {width: 40% !important; }
table.crud.w50 {width: 50% !important; }
table.crud.w60 {width: 60% !important; }

table.crud td.w20,
table.crud th.w20{ width: 20% !important; }
table.crud td.w30,
table.crud th.w40{ width: 30% !important;}
table.crud td.w40,
table.crud th.w50{ width: 40% !important;}
table.crud td.w50,
table.crud th.w60{ width: 50% !important;}
table.crud td.w60,
table.crud th.w60{ width: 60% !important;}

table.crud td.indent20,
table.crud th.indent20{
	padding-left: 20px !important;
}

/* Lista Table */
.content .right table.list thead th {
	border-color: #E7E8EA;
	border-right: 1px solid #E7E8EA;
	font-size: 14px;
	font-weight: bold;
	background-color: #F6F7F9;
	line-height: 19px;
	padding: 8px 5px;
	text-align: center;
}
.content .right table.list thead th img {margin:0 0 0 5px; }
.content .right table.list th a { font-weight:bold; font-size: 14px; text-decoration:none; display:block; }
.content .right table.list th a:hover {text-decoration:underline; }
.content .right table.list th a.sort_both { background: url(../images/sorticon_both.png) no-repeat right center; padding:0 10px;}
.content .right table.list th a.sort_up { background: url(../images/sorticon_up.png) no-repeat right center; padding:0 10px;}
.content .right table.list th a.sort_down { background: url(../images/sorticon_down.png) no-repeat right center; padding:0 10px;}
.content .right table.list tbody tr:hover {background-color: #FDFDCC;}
.content .right table.list tr.filter {border-top: solid 1px #E7E8EA;}
.content .right table.list tr.filter th {line-height: 10px; padding: 5px;}
.content .right table.list tr.filter label { display: block; text-align: left;}
.content .right table.list input {display: inline; width: 95%;}
.content .right table.list input.w50 {display: inline; width: 40%; padding: 5px 2px;}
.content .right table.list input.w20 {display: inline; width: 20%; padding: 5px 2px;}

.content .right table.list tfoot td {
	border-color: #E7E8EA; border-right: 1px solid #E7E8EA; border-top: 1px solid #E7E8EA;
	background-color: #FFFFFF; font-size: 12px; font-weight:bold; text-align:left; padding:10px;
	padding:5px;
}
.content .right table.list tr.bg1 {background-color: #FFF;}
.content .right table.list tr.bg2 {background-color: #F6F7F9;}

table.treelist .level {
	font-size: 15px;
	font-weight: bold;
}
table.treelist .level:before {
	display: inline-block;
	content: "\21b3";
	font-size: 20px;
	color: #ccc;
	margin-right: 5px;
}
table.treelist .level.lvl0:before {
	display: none;
}

table.treelist .level.lvl1 {
	padding-left: 40px;
	font-size: 14px;
	font-weight: normal;
}


table.treelist .level.lvl2 {
	padding-left: 80px;
	font-size: 13px;
	font-weight: normal;
}
table.treelist .level.lvl3 {
	padding-left: 120px;
	font-size: 12px;
	font-weight: normal;
}

/* Form Table */
.input {margin:0 0 20px 0; }
.css3_input {border:solid 1px #D6D6D6; -moz-border-radius: 3px; border-radius: 3px; height:28px; text-indent:5px; color:#656565; }
.css3_select {border:solid 1px #D6D6D6; -moz-border-radius: 3px; border-radius: 3px; color:#656565; padding:7px; }
.css3_select:disabled {
	background-color: rgb(235, 235, 228);
}
.css3_textarea {border:solid 1px #D6D6D6; -moz-border-radius: 3px; border-radius: 3px; color:#656565; padding:5px; }
.css3_button { background:#e9e9f3; border:solid 1px #D6D6D6; -moz-border-radius: 3px; border-radius: 3px; padding:5px; color:#656565; cursor:pointer; }
.css3_button:hover { background:#f1f1fa; }
textarea.article {width: 760px !important; height: 500px;}

.input_inline { display: block; float: left; margin: 0 10px 0 0;}
.input_inline label {/*display:inline-block; color:#878795; font-weight:bold; font-size: 14px;*/ margin:0 15px 0 0; }
.filter_button_container {
	display: block;
	float: left;
	margin-top: 16px;
}

.fileinput_container {
	margin-bottom: 10px;
}
.fileinput_container + .link {
	margin-bottom: 5px;
	display: block;
}
.imginput_container {clear: both; margin-bottom: 10px;}
img.prew {float: left; margin: 0 0 0 50px;}

fieldset {margin:  20px 0 0 0;}
.result_holder { max-height: 300px; overflow-y: scroll;}

/* Container Box */
.container_box_title {
	padding: 5px;
	border: 1px solid #EDEDED;
	border-radius: 5px 5px 0 0;
	border-bottom-color: #DFDFDF;
	box-shadow: 0 1px 0 #FFFFFF;
	text-shadow: 0 1px 0 #FFFFFF;
	color: #464646;
	font-size: 18px;
	line-height: 30px;
	padding: 0 0 0 8px;
	background-color: #F1F1F1;
	background-image: -moz-linear-gradient(center top , #F9F9F9, #ECECEC);
}
.container_box { border: 1px solid #EDEDED;
	border-radius: 0 0 5px 5px;
	margin: 0 0 10px;
	padding: 10px;}

/*
.content .right table.form input[type="text"] { margin: 0 !important; width: 100%; border:solid 1px #D6D6D6; -moz-border-radius: 3px; border-radius: 3px; height:20px; text-indent:5px; color:#656565;}
.content .right table.form select { padding: 4px 8px; height: 28px; text-indent: 0; width: 100%; border:solid 1px #D6D6D6; -moz-border-radius: 3px; border-radius: 3px; text-indent:0; color:#656565; margin: 0;}
.content .right table.form textarea { background-color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding: 4px 4px; height: 40px; text-indent: 0; width: 99%; border:solid 1px #D6D6D6; -moz-border-radius: 3px; border-radius: 3px; text-indent:0; color:#656565; margin: 0;}
.content .right table.form input[type="submit"] { height: auto; color: #3f3f3f;}*/

.content .right table.form tfoot td {
	border-color: #E7E8EA; border-right: 1px solid #E7E8EA; border-top: 1px solid #E7E8EA;
	background-color: #FFFFFF; font-size: 12px; font-weight:bold; text-align:left; padding:10px;
	padding:5px;
}
.content .right table.form tr.bg1 {background-color: #FFF;}
.content .right table.form tr.bg2 {background-color: #F6F7F9;}
.content .right table.form th {
	background-color:rgba(226, 226, 226, 0.5);
	font-weight:bold;

	border-color: #E7E8EA !important;
	border-right: 1px solid; border-top: 1px solid;
	font-size: 12px; text-align: left;
	padding:5px;
}
.content .right table.form tr th:first-child {
	width: 10%;
}

.content .right table.form .frm_action_select {width: 220px;}
.content .right table.form thead th {
	font-size: 14px;
	padding: 10px 10px;
}
.content .right table.form.horizontal thead th {
	text-align: center;
}

/* Container table */
.content table.container {  border: 1px solid #D6D6D6; border-spacing:0; }
.content table.container td { border: 1px solid #D6D6D6;  -moz-border-radius: 3px; border-radius: 3px;}
.content table.container th { background-color: #F4F4F4; border: 1px solid #CCC;  -moz-border-radius: 3px; border-radius: 3px;}

.content .button_container { padding: 5px 0; }
.content .button_container input {background:url(../images/button.png) no-repeat; background-color:transparent; color:#5a5959; line-height:18px; width:79px; height:26px; margin:0 5px 0 0; border:none; cursor:pointer; font-size:12px; }
.content .button_container input:hover {background-image:url(../images/button_hover.png); }
.content .button_container a {
	background:url(../images/button.png) no-repeat; background-color:transparent;
	color:#5a5959; font-size:12px; text-align:center;
	padding:5px 0; width:79px; height:16px; margin:0 5px 0 0;
	border:none; cursor:pointer;  display:block; float:left;
}
.content .button_container a:hover {background-image:url(../images/button_hover.png); }

.content .pager { margin: 10px 0; }

.footer {
	position: relative;
	background: #f3f3f4;
	height:50px;
	color: #00003e;
}
.footer .cont {padding:16px 20px; }
.footer .footer_logo {
	position: absolute;
	background: url('../images/footer_logo.png');
	background-size: cover;
	width: 60px;
	height:50px;
	top: 0;
	left: 50%;
	margin-left: -50px;
}


.tinymce_smalltext {
	width: 750px;
	height: 300px;
}

.content .active {
	background: #81E677;
}
.content .need_update {
	background: #fdfde9;
}
.content .inactive {
	background: #FF6666;
}

select.content.active#valami {
	color: #ff2857;
}

.loader {
	display: inline-block;
	vertical-align: middle;
}
@media (max-width: 1280px) {
	.mobile_break {
		clear: both;
		margin-bottom: 9px;
	}
}
.description {
	padding-bottom: 3px;
}
.description.red {
	color: #d51200;
}

.disabled {
	opacity: .6;
	background-color: rgb(235, 235, 228);
	pointer-events: none;
}

.pull-left {
	float: left !important;
}
.pull-right{
	float: right !important;
}
.w80 {
	width: 80%;
}

/* translate */
.translate {
	width: 60%;
}
.translate thead tr {
	background-color: #eeeeee;
}
.translate thead th {
	padding: 10px;
	border-bottom: solid 1px #a9a9a9;;
}
.translate thead th:first-child {
	border-right: solid 1px #a9a9a9;;
}
.translate td {
	padding: 5px 10px;
}
.translate td:first-child {
	width: 30%;
	text-align: right;
}
.translate td+td {
	width: 70%;
	text-align: left;
}
.translate td input {
	width: 100%;
}
.translate tr.warning {
	background-color:#FEE9EA;
	color:#C51014;
}
.badge {
	background: #777;
	font-size: 12px;
	color: #fff;
	line-height: 1;
	border-radius: 10px;
	min-width: 10px;
	padding: 3px 7px;
}
.panel-body p {
	margin-bottom: 10px;
}

/* SELECT 2 */
.select2 {
	width: 100%;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 11px !important;
}
.select2-container .select2-selection--single {
	height: auto !important;
	/*padding: 4px 0 !important;*/
}
.select2-container--default .select2-selection--single {
	border-color: #ced4da !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 6px !important;
}
.select2-results__option--highlighted {
	background-color: #046 !important;
}
.select2-container--default .select2-results>.select2-results__options {
	max-height: 450px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	padding: 5px 5px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding: 3px 5px 5px 5px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	margin-bottom: 3px;
}
.select2-container--default .select2-selection--multiple {
	border-color: #D6D6D6 !important;
}

.select2-search__field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #999;
	opacity: 1; /* Firefox */
	padding: 5px;
}
.icon_select_result:after {
	content: "";
	display: block;
	clear: both;
}
.icon_select_result .icon {
	width: 62px;
	float: left;
}
.icon_select_result .serial {
	float: left;
	padding-top: 1.6rem;
	padding-left: 1rem;
	font-size: 15px
}

.content-assigner .row {
	border: dashed #ccc 1px;
	padding: 10px;
	margin-bottom: 10px;
	margin-right: 0;
	margin-left: 0;
	width: 50%;
}
.content-assigner .row:after {
	content: "";
	display: block;
	clear: both;
}
.content-assigner .row .col-md-10 {
	float: left;
	width: 80%;
	padding-right: 0;
	padding-left: 0;
}
.content-assigner .row .col-md-2 {
	float: left;
	width: 20%;
	padding-right: 0;
	padding-left: 0;
}