.bo h1 {
font-size: 1.6rem;
margin-top:20px;
}

.bo h2 {
font-size: 1.4rem;
	margin-top:20px;
}

.bo h3 {
font-size: 1.2rem;
	margin-top:20px;
}

.break {
   
	display:block;
	width:100%;
    clear: both;
	background:#0080c6;
	height: 5px;
	margin-bottom: 30px;
}


.bo .uj_level_box, .bo .szoveg_box {
	
		background:#ccc;
		padding: 20px;
}

.bo .admin_box {
	
		background:#fefefe;
		padding: 20px;
}

.bo .import_box {
	
		background:#ccc;
		padding: 20px;
}

.bo .aktualis_button {font-weight:800!important;}
.bo .aktualis_button:before{
   font-family: FontAwesome;
   display: inline-block;
   padding-right: 10px;
   vertical-align: middle;
   position: relative;
   content: "\f00c";
   margin: -3px 0px 0px 10px;
   color:#0080c6;
	font-weight: 800
}

.bo .leiras_box {
	
	background:#fafafa;
	padding: 20px;
	display: block;
}



/* # Tábla csíkozás soronként
================================================== */

.status_szin_1 {color:#AD0003;}

.bo .column {
width: 100%;
display: -webkit-flex;
}

.bo .left {
  width: 75%;
  padding-right: 10px;
}

.bo .right {
  width: 25%;
}

.bo .tabla {
    border-collapse: collapse;
    width: 100%;
}

.bo .tabla td {padding: 5px;}

.bo .vonal_th, .vonal_td {
    text-align: left;
    padding: 8px;
}

.bo .vonal_tr:nth-child(even) {background-color: #f2f2f2;}

.bo .vonal_tr:hover {
     background-color: #bbb;
	 color: #fff;	
}

.error {color:#AD0003; font-weight:800; padding:10px; clear:both; display:block;}

.buttonrow {padding: 20px 0px;}

/* #Inputok - fields
================================================== */

.bo label {
display: inline-block;
margin-bottom: 0rem;
} 

/* #DataTable
================================================== */
.dataTables_length select {

padding: 0 24px 0 8px!important; 
min-height: 30px;
max-width: 25rem;
cursor: pointer;
vertical-align: middle;
}

.post-search-panel, .dataTables_length {padding:10px 0px; float:left; display:inline-block;}

/* #Gombok
================================================== */

.btn-success {
color: #fff!important;
background-color: #28a745;
border-color: #28a745;
}

.checkbox-wrapper-14 {padding:5px; margin-top:20px;}

  @supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .checkbox-wrapper-14 input[type=checkbox] {
      --active: rgb(0,150,20);
      --active-inner: #fff;
      --focus: 2px rgba(0, 0, 0, .3);
      --border: #BBC1E1;
      --border-hover: #275EFE;
      --background: #fff;
      --disabled: #F6F8FF;
      --disabled-inner: #E1E6F9;
      -webkit-appearance: none;
      -moz-appearance: none;
      height: 23px;
      outline: none;
      display: inline-block;
      vertical-align: top;
      position: relative;
      margin: 0;
      cursor: pointer;
      border: 1px solid var(--bc, var(--border));
      background: var(--b, var(--background));
      transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
    }
    .checkbox-wrapper-14 input[type=checkbox]:after {
      content: "";
      display: block;
      left: 0;
      top: 0;
      position: absolute;
      transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
    .checkbox-wrapper-14 input[type=checkbox]:checked {
      --b: var(--active);
      --bc: var(--active);
      --d-o: .3s;
      --d-t: .6s;
      --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled {
      --b: var(--disabled);
      cursor: not-allowed;
      opacity: 0.9;
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled:checked {
      --b: var(--disabled-inner);
      --bc: var(--border);
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled + label {
      cursor: not-allowed;
    }
    .checkbox-wrapper-14 input[type=checkbox]:hover:not(:checked):not(:disabled) {
      --bc: var(--border-hover);
    }
    .checkbox-wrapper-14 input[type=checkbox]:focus {
      box-shadow: 0 0 0 var(--focus);
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch) {
      width: 21px;
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):after {
      opacity: var(--o, 0);
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked {
      --o: 1;
    }
    .checkbox-wrapper-14 input[type=checkbox] + label {
      display: inline-block;
      vertical-align: middle;
      cursor: pointer;
      margin-left: 4px;
	  margin-top: -2px;
    }

    .checkbox-wrapper-14 input[type=checkbox]:not(.switch) {
      border-radius: 7px;
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):after {
      width: 5px;
      height: 9px;
      border: 2px solid var(--active-inner);
      border-top: 0;
      border-left: 0;
      left: 7px;
      top: 4px;
      transform: rotate(var(--r, 20deg));
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked {
      --r: 43deg;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch {
      width: 38px;
      border-radius: 11px;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:after {
      left: 1px;
      top: 2px;
      border-radius: 50%;
      width: 17px;
      height: 17px;
      background: var(--ab, var(--border));
      transform: translateX(var(--x, 0));
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:checked {
      --ab: var(--active-inner);
      --x: 17px;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:disabled:not(:checked):after {
      opacity: 0.6;
    }
  }

  .checkbox-wrapper-14 * {
    box-sizing: inherit;
  }
  .checkbox-wrapper-14 *:before,
  .checkbox-wrapper-14 *:after {
    box-sizing: inherit;
  }

.bo input[type=checkbox]:checked::before {
    display:none;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
height: 36px!important;
margin-right: 26px!important;
padding-right: 10px!important;
}

.select2-container .select2-selection--single {
height: 36px!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 36px!important;
}

.select2-container .select2-selection--single .select2-selection__clear {
padding-top: 8px!important;
margin-top: 0px;
font-size: 1.4em!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 6px!important;
}

.select2-dropdown {
margin-top: -12px!important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
height: 25px!important;
}



.bo .button, .bo a.button,
	.bo button,
    .bo input[type="submit"],
	.bo input[type="reset"],
	.bo input[type="button"],
	.bo textarea{
		
		display: inline-block;
		cursor: pointer;
		position:relative;
		
		color:#000;
		font-family: Montserrat, Arial, Helvetica, sans-serif;
		border-bottom: 1px solid #aaa;
		border-left: 0px solid #fff;
		border-right: 0px solid #fff;
		border-top: 0px solid #fff;

		
		background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
		background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
		background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
		background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
		background-repeat: repeat-x;
		text-decoration: none;
		
		font-weight: 400;
		line-height: 1em;
		padding: 10px 12px;
		
		-webkit-transition: all 0.15s linear;
		-moz-transition: all 0.15s linear;
		-ms-transition: all 0.15s linear;
		-o-transition: all 0.15s linear;
		transition: all 0.15s linear;
		
		white-space: nowrap;
}

	.bo input[type="text"],
	.bo input[type="select"],
	.bo select {
		display: inline-block;
		cursor: pointer;
		position:relative;
		color:#000!important;
		border-bottom: 1px solid #aaa;
		border-left: 0px solid #fff;
		border-right: 0px solid #fff;
		border-top: 0px solid #fff;

		font-family: Montserrat, Arial, Helvetica, sans-serif;
		text-decoration: none;
	
		font-weight: 400;
		line-height: 1em;
		padding: 11px 18px;
		height:36px;
		
		-webkit-transition: all 0.15s linear;
		-moz-transition: all 0.15s linear;
		-ms-transition: all 0.15s linear;
		-o-transition: all 0.15s linear;
		transition: all 0.15s linear;
		
		white-space: nowrap;
}



.bo .button:active,
.bo	button:active,
.bo	input[type="submit"]:active,
.bo	input[type="reset"]:active,
.bo	input[type="button"]:active {
		
		background-color: #333;
}


.bo .info {
   text-decoration: none;
	font-style: italic;
	font-size: 12px;
}

.bo  .oszlop {display:inline-table; float:left; width:32%;}


h2.nav-tab-wrapper {
	margin:22px 0 0 0;
}

.bo #sections {
	padding:22px;
	background: #fff;
	border:1px solid #ccc;
	border-top:0px;
}

.bo  section {
	display:none;
}

.bo  section:first-child {
	display:block;
}


.bo  .no-js h2.nav-tab-wrapper {
	display:none;
}

.bo .no-js #sections {
	border-top:1px solid #ccc;
	margin-top:22px;
}

.bo  .no-js section {
	border-top: 1px dashed #aaa;
	margin-top:22px;
	padding-top:22px;
}

.bo .no-js section:first-child {
	margin:0px;
	padding:0px;
	border:0px;
}



/* Ikonok
================================================== */


span.ikon-hozzaadas:before{
   font-family: FontAwesome;
   display: inline-block;
   padding-right: 10px;
   vertical-align: middle;
   position: relative;
   content: "\f055";
   margin: -3px 0px 0px 10px;
   color:#0080c6;
	font-weight: 900
}

span.ikon-zaszlo:before{
   font-family: FontAwesome;
   display: inline-block;
   padding-right: 10px;
   vertical-align: middle;
   position: relative;
   content: "\f024";
   margin: -3px 0px 0px 10px;
   color:#0080c6;
	font-weight: 900
}

span.ikon-torles:before{
   font-family: FontAwesome;
   display: inline-block;
   padding-right: 10px;
   vertical-align: middle;
   position: relative;
   content: "\f056";
   margin: -3px 0px 0px 10px;
   color:#ff0000;
	font-weight: 900
}

span.ikon-pipa:before{
   font-family: FontAwesome;
   display: inline-block;
   padding-right: 10px;
   vertical-align: middle;
   position: relative;
   content: "\f14a";
   margin: -3px 0px 0px 10px;
   color:#0080c6;
	font-weight: 900
}

span.ikon-kor:before{
   font-family: FontAwesome;
   display: inline-block;
   padding-right: 10px;
   vertical-align: middle;
   position: relative;
   content: "\f304";
   margin: -3px 0px 0px 10px;
   color:#0080c6;
	font-weight: 900
}


@media all and (max-width:480px){

	.bo .column, .bo .left, .bo .right  {
width: 100%;
display: block;
padding: 5px;
}


		
}