@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Barlow:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

html, body {
    font-family: 'Barlow', sans-serif;
    /*height: 100%;*/
    margin: 0;
    background: #f4f4f4;
}

a, a:hover, a:link, a:visited, a:focus {
    text-decoration: none;
    color: inherit;
}

header {
    background: -webkit-linear-gradient(top,#C84443,#E45358);
    color: white;
    -webkit-box-shadow: 0px 10px 22px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 10px 22px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 10px 22px 0px rgba(0,0,0,0.2);
}

.header1, .header2, .header3, .header4 {
    display: inline-block;
    
    padding: 15px 0;
}

.title {
    
    font-weight: 600;
    font-size: 1.5rem;
}

UL
{
	list-style-type:none;
}


.gt-menu {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
	
}

.gt-menu li {
    display: inline-block;
    margin:0 10px 8px 20px;
}

/*
.gt-menu li:before {
    content: '';
    background: white;
    height: 6px;
    width: 6px;
    display: inline-block;
    border-radius: 50px;
    margin-right: 10px;
    margin-bottom: 2px;
}
*/

.button1 {    
    background: #9F0203;
    border-radius: 5px;
    text-align: center;
    padding: 6px;
    margin: 0 5px 2px 5px;
    cursor: pointer;
    font-weight: 500;
    min-width: 150px;
    font-size: 13px;
}

.mind {    
    background: #90cbfa;
    border-radius: 5px;
    text-align: center;
    padding: 6px;
    margin: 0 5px 10px 5px;
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
    display: inline-block;
}

.line-right {
    border-right: 1px solid white;
}


.header2 {
    min-width: 320px;
}

.menu-lista {
    
    padding-bottom: 15px;
    margin-left: 10px;
}

.select-box *::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    transition: .3s background;
  }
  
.select-box *::-webkit-scrollbar-thumb {
    background: white;
  }
  
.select-box *:hover::-webkit-scrollbar-thumb {
    background: lightgray;
  }

  #exampleFormControlSelect2 {
    background: #2196f3;
    color: white;
    border-color: #156db3;
    width: 100%;
    border-radius: 6px;
    height: 115px;
    margin-bottom: 10px;
}

select[multiple]:focus option:checked {
    background: #1e87da linear-gradient(0deg, #1e87da 0%, #1e87da 100%);
  }

option {
    padding: 0 10px;
}

.megnevezes-box {
    width: 100px;
    text-align: center;
    font-size: 0.7rem;
    display: inline-block;
    margin: 5px;
}

.megnevezes-field {
    height: 30px;
    background: #2196f3;
    color: white;
    border-color: #156db3;
    border-radius: 6px;
}

.header4 {
    min-width: 150px;
}

.avatar {
    
    display: flex;
    align-items: center;
    margin: 7px;
    background: #90cbf9;
    padding: 10px;
    border: 1px solid white;
    border-radius: 50px;
}

.kilepes {
    font-style: italic;
    opacity: 0.5;
}

.table td {
    text-align: center;
}

thead {
    text-align: center;
    color: #767676;
    background: #e9e9e9;
}

.table , .table2 {
    
    margin-top: 30px;
    border-top: 3px solid #b7b7b7;
}

.table [type="checkbox"]:focus {
    outline: none;
}

[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 1.2em;
    width: 2em;
    height: calc(1em + 2px);
    border: 0;
    padding: 2px;
    background-color: lightgrey;
    border-radius: 90em;
    vertical-align: middle;
    transition: background-color 200ms;
  }
  
.table [type="checkbox"]::after {
    content: '';
    display: block;
    margin-top: 1px;
    margin-left: 2px;
    width: 1em;
    height: 1em;
    background-color: white;
    border-radius: 90em;
    transition: transform 200ms;
    vertical-align: middle;
  }
  
.table [type="checkbox"]:checked {
    background-color: lightgray;
  }
  
.table [type="checkbox"]:checked::after {
    transform: translateX(calc(100% - 4px));
  }

.manualis {
      display: inline-block;
}

.table-container {
    margin-top: 30px;
}

.valto {
    margin: 0 15px 0 10px;
}

.sorszamozas {
    color: white;
    width: 150px;
    display: inline-block;
    margin-left: 20px;
}

.table thead th {
    vertical-align: middle;
}

.table2 thead th {
    vertical-align: middle;
}

.table2 th, .table2 td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}


.projektek-ul, .munka-ul {
    list-style-type: none;
    padding-left: 10px;
}

.projektek-ul {
    font-size: 0.85rem;
}

.projektek-container {
    margin-top: 30px;
}

.projektek-hl {
    font-weight: 500;
    font-size: 1.25rem;
}

.munka-ul li:before {
    content: '\f105';
    font-family: "FontAwesome";
    display: inline-block;
    margin-right: 4px;
}

tr:nth-child(even) {
    background: #d5e7f5;
}

.etalon_sor:nth-child(even) {
    background: none;
}

.etalon_sor
{
	background:#EEEEEE;
	border-bottom:1px solid #CCCCCC;
}

.row {
    flex-wrap: nowrap;
}

.projektek-ul > li {
    margin-top: 15px;
}

button {
    -webkit-appearance: none;
    border: 0;
    padding: 2px 15px;
    border-radius: 5px;
    background: #dddddd;
}

button:focus {
    outline: none;
}

input[type="radio"], input[type="checkbox"] {
    transform: scale(0.85);
}

.beillesztes_gomb_felulir_teljes.vegrehajtas_gomb, .beillesztes_gomb_felulir_arazas.vegrehajtas_gomb, .beillesztes_gomb_beszuras.vegrehajtas_gomb {
    position: relative;
}

.szamozas {    
    position: absolute;
    z-index: 1;
    top: 0;
    right: 7px;
    font-size: 0.75rem;
    font-weight: 700;
}

.termek_kereso_elougo input, .termek_kereso_elougo select {
    background: white;
}

.termek_kereso_elougo input[type="checkbox"] {
    background: lightgray;
}

.kategablak_kereso {
    margin-bottom: 10px;
}

.kategoria_kereso_mezo {
    
    padding: 2px 10px;
    border-radius: 5px;
}

.arajanlatra_kijelolve
{
	background:#B8FBC0 !important;
	
}

.ajanlatra_ujrakuldve
{
	background:#EFF375 !important;
	
}


.ajanlatkerocella
{
	font-size:22px;
	font-weight:bold;
	text-align:center;
}

.uj_ajanlat_mezo
{
	width:100%;
	margin-bottom:8px;
}	
	
	
.uj_ajanlat_tartalom
{
	min-height:300px;
	margin-bottom:8px;
}

.uj_ajanlat_kuldes_gomb , .dokumentumtar_gomb , .levelsablon_gomb , .kimeno_excel_ment_gomb , .kimeno_excel_elonezet_gomb , .kimeno_excel_keszito_gomb
{
	background:orange;
	border-radius:5px;
	cursor:pointer;
}

.dokumentumtar_gomb
{
	float:left;
	margin-bottom:5px;
}

.csatolt_dokumentumok
{
	float:left;
	margin-left:15px;
	padding:8px;
}

.ui-window-minimize
{
	position: absolute !important;
    right: 10px;
	top:50% !important;
	cursor:pointer;
}

.sablonszoveg
{
	border:1px solid #CCCCCC;
	padding:8px;
	margin:8px;
}

.sablonszoveg:HOVER
{
	background:lightgreen;
	
}

.link_excel
{
	color:blue;
	text-decoration:underline;
	cursor:pointer;
	margin:3px;
}

.kivalasztott_valasz_oszlop
{
	background:#888888;
	color:white;
}

.ajanlat_valasz_mozg_cella
{
	background:lightgreen;
}

.frissitett_valasz_ar
{
	background:#F2C891 !important;
}

.egyedi_bev_mezo
{
		
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

.erintett_munkalap
{
	font-style:italic;
	text-decoration:underline !important;
	
}