body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*background-image: url(../Images/hatter.jpg);*/
	/*background-repeat: repeat;*/
	font-family: 'Raleway', sans-serif;
	font-size:14px;
}
a{
    text-decoration:none;
    color:#ffffff;
}
a:hover{
    text-decoration:none;
    color:#ff0000;
}
a:focus{
    text-decoration:none;
    color:#ff0000;
}
#oldal {
	width: auto;
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: left;
	padding-bottom:20px;
}

#fejlec {
	height: auto;
}

#balsav {
	float:left;
	top: 230px;
	left: 0;
	width: 285px;
	font-family: 'Arvo', serif;
}

#tartalom {
	float:right;
	width:795px;
	padding-right:10px;
/*	padding: 0 10px;*/
}

#tartalom h1{
	font-weight:lighter;
	font-family: 'Arvo', serif;	
}

#lablec { 
	height:204px;
	margin-top:-10px;
	background-image:url(../Images/lablec.png);
	background-repeat:repeat-x;
}

.logo {
	width:258px;
	height:161px;
	float:left;
	background-image:url(../Images/logo.jpg);
	background-repeat:no-repeat;		
}

.urlapdoboz {
	background-color:#e9e4de;
	padding:10px;
	font-family: 'Raleway', sans-serif;
	font-size:18px;
	font-weight:bold;	
}

.urlapelem {
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
	height:30px;
	line-height:30px;
	width:100%;
}

.urlapdoboz input {
	border:1px solid #83aaaf;
	height:25px;
	width:550px;
	/*-moz-border-radius:5px; 
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px; 
	border-radius: 5px;*/
	float:right;
	font-size:16px;
	padding-left:10px;
	margin-bottom:10px;
	margin-top:10px;	
}

.urlapdoboz select{
	border:1px solid #83aaaf;
	height:25px;
	width:300px;
	font-size:16px;
	/*-moz-border-radius:5px; 
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px; 
	border-radius: 5px;*/
	float:right;
	margin-bottom:10px;
	margin-top:10px;		
}

.urlapdoboz textarea{
	border:1px solid #83aaaf;
	height:100px;
	width:550px;
	/*-moz-border-radius:5px; 
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px; 
	border-radius: 5px;*/
	float:right;
	resize: none;
	font-size:16px;
	margin-bottom:10px;
	margin-top:10px;		
}

.fejgombok {
	margin:10px 0 25px 20px;
}

.fejjobb {
	width:235px;
	/*height:161px;*/
	float:right;
}

.udvozles{
    font-size:10px; 
    color:#83aaaf;
    text-transform:uppercase;
    margin-left:10px;
}

#nav {
	width:1040px;
    margin:0 0 5px 10px;
    background-color:#4b8df8;
    padding: 5px;
	font-size: 16px;
	font-weight: normal;
}
#nav ul{
    list-style:none;
}
#nav li{
    display:inline;
}
#nav li a {
   padding: 3px;
   text-decoration: none;
   color: #eeeeee;
}

#nav li a:hover {
   color: #ffffff;
}

#nav li a::selection {
   color: #ffffff;
}

#nav li a.active {
   color: #ffffff;
   font-weight:normal;
   text-transform:uppercase;
   text-shadow: 2px 2px 2px #042242;
}
#nav li a.inactive {
   color: #cccccc;
   font-weight:normal;
}
.gombStyleAktiv {
    background-color: #83aaaf; 
    color: #000000; 
    margin:5px 0 0 10px; 
    padding: 8px 35px 8px 35px; 
    border: none; 
    font-family: 'Alegreya Sans', sans-serif; 
    font-size: 18px; 
    font-weight: normal; 
    cursor: pointer;
}
.gombStyleInAktiv {
    background-color: #83aaaf;
    color: #ffffff; 
    margin:5px 0 0 10px; 
    padding: 8px 35px 8px 35px; 
    border: none;
    font-family: 'Alegreya Sans', sans-serif; 
    font-size: 18px; 
    font-weight: normal; 
    cursor: pointer;
}
.gombStyleAktivXlsx {
    background-color: #83aaaf; 
    color: #000000; 
    margin:5px 0 0 0; 
    padding: 8px 35px 8px 35px; 
    border: none; 
    font-family: 'Alegreya Sans', sans-serif; 
    font-size: 18px; 
    font-weight: normal; 
    cursor: pointer;
}

.simpleinput {
	height:31px;
	border:1px solid #CCCCCC;
}

.keresinput {
	width:221px;
}

.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
    overflow: hidden;
    cursor: pointer;
}

.jssorb05 div {
    background-position: -7px -7px;
}

.jssorb05 div:hover, .jssorb05 .av:hover {
    background-position: -37px -7px;
}

.jssorb05 .av {
    background-position: -67px -7px;
}

.jssorb05 .dn, .jssorb05 .dn:hover {
    background-position: -97px -7px;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
     background: url(../img/b05.png) no-repeat;
     overflow: hidden;
     cursor: pointer;
}

.jssorb05 div {
     background-position: -7px -7px;
}

.jssorb05 div:hover, .jssorb05 .av:hover {
     background-position: -37px -7px;
}

.jssorb05 .av {
     background-position: -67px -7px;
}

.jssorb05 .dn, .jssorb05 .dn:hover {
     background-position: -97px -7px;
}

.jssora11l, .jssora11r, .jssora11ldn, .jssora11rdn {
     position: absolute;
     cursor: pointer;
     display: block;
     overflow: hidden;
}

.jssora11l {
     background-position: -11px -41px;
}

.jssora11r {
	background-position: -71px -41px;
}

.jssora11l:hover {
	background-position: -131px -41px;
}

.jssora11r:hover {
    background-position: -191px -41px;
}

.jssora11ldn {
	background-position: -251px -41px;
}

.jssora11rdn {
	background-position: -311px -41px;
}				

.navbar {
	font-weight:bold;
	width:100%;
    margin:0 0 10px 20px;
}
.navbarsub {
    margin:15px 0 0 10px;
}

.navbar a, .navbarsub a{
	font-weight:normal;
	color:#5e585a;
	text-decoration:none;
}

.navbar a:hover, .navbarsub a:hover {
	text-decoration:underline;
}

.required {
    font-size:24px;
    padding-left:2px;
    color:#ff0000;
}
.required-inline {
    font-size:24px;
    display:inline;
    color:#ff0000;
}
.required-text {
    font-size:12px;
    color:#ff0000;
}

.btn {
    display: inline-block;
    padding: 10px;
    /*border-radius: 5px;*/
    color: #aaa;
    font-size: .875em;
}


.felsogombsor {
	margin-top:10px;
	width:100%;			
}

.felsogombsor a{
	padding:7px;
	color:#35282c;
	text-decoration:none;
	background-color:#e9e4de;
	font-family: 'Arvo', serif;	
	/*-moz-border-radius:3px; 
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;*/
	font-size:20px;
	margin-right:3px;
}


label.filebutton {
    width:120px;
    height:30px;
    /*overflow:hidden;*/
    /*position:relative;*/
    background-color:#9b9496;
	padding:5px;
	color:white;
	font-size:14px;
}
#myfile{
    margin:500px 0 0 400px;
}

label span input {
    z-index: 999;
    line-height: 0;
    font-size: 50px;
    position: absolute;
    top: -2px;
    left: -700px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -ms-filter: "alpha(opacity=0)";
    cursor: pointer;
    _cursor: hand;
    margin: 0;
    padding:0;
}

.email-error {
    color:#ff0000;
    margin:-20px 0 20px 0;
}
.email-error-pwreset
{
    color:#ff0000;
    margin:0 0 20px 0;
}
.pw-error{
    color:#ff0000;
    margin:-20px 0 20px 0;
}
.message-success{
    color:#ff0000;
}
.message-success-pwchanged
{
    color:#ff0000;
    font-weight:bold;
    font-size:16px;
}
.userName{
    display:inline;
}
#logoutForm{
    margin:5px 0 0 0;
}
.checkout{
    padding:0 10px 0 0;
}
.kijelentkezes{
    font-size:13px; 
    color:#35282c; 
    /*font-family: 'Arvo', serif;*/
    font-family: 'Raleway', sans-serif;
    padding-top:7px; 
    display:inline;
    text-transform:uppercase;
    float:left;
}


.elvalaszto{
    margin:10px 0 10px 5px;
    border-bottom:1px solid #a9a9a9;
}

.torolgomb-table-tag{
    width:3000px;
    margin:3px 0 0 20px;
}
.torolgomb-table-tag tr td button{
    float:right;
    margin:0 20px 0 730px;
}

#ujadatsorHeader{
    border:1px solid #000000;
    padding:5px;
}
#ujadatsorHeader tr {
    background-color: #a9a9a9;
    border-bottom:1px solid #a9a9a9;
}
#ujadatsorHeader tr td{
    background-color:#e5e5e5;
    text-align:left;
}
#ujadatsorHeader tr th{
    background-color:#666666;
    color:#ffffff;
    text-align:left;
    font-size:12px;
    font-weight:bold;
}

#ujadatsor{
    margin:3px 0 0 20px;
    border:1px solid #000000;
    padding:5px;
    /*width:100%;*/
}
#ujadatsor tr {
    background-color: #a9a9a9;
    border-bottom:1px solid #a9a9a9;
}
#ujadatsor tr td{
    background-color:#e5e5e5;
    text-align:left;
}

.ujAdatTable{
    padding:5px;
    margin:10px 0 0 10px;
    width:497px;
}
.ujAdatTable thead tr {
    background-color: #a9a9a9;
}
.ujAdatTable tbody tr{
    border-bottom:1px solid #a9a9a9;
}
.ujAdatTable tbody tr td{
    background-color:#e5e5e5;
    text-align:left;
}

.felvittsorok-div{
    margin:5px 0 0 20px;
}
.belepes-hiba{
    margin:10px 0 0 10px;
    color:#ff0000;
}
.belepes-hiba img{
    margin:0 0 -3px 0;
}

.felvittsorokTable-tag{
    padding:5px;
    margin:3px 0 0 5px;
    font-size:10px !important;
}
.felvittsorokTable-tag tr th{
    background-color: #e5e5e5;
}
.felvittsorokTable-tag tr td{
    border-bottom:1px solid #ffffff;
}
.felvittsorokTable-munkacsoport{
    padding:5px;
    margin:3px 0 0 5px;
    font-size:10px !important;
}
.felvittsorokTable-munkacsoport tr th{
    background-color: #e5e5e5;
}
.felvittsorokTable-munkacsoport tr td{
    border-bottom:1px solid #ffffff;
}

.felhasznalo-vezeteknev{
    width:100px;
    font-size:11px;
}
.felhasznalo-keresztnev{
    width:100px;
    font-size:11px;
}

.aktivSor td{
    background-color: #ffffff;
}
.aktivSorParos td{
    background-color: #e9e4de;
}
.aktivSorTextarea{
    background-color: #ffffff;
    resize:none;
}
.aktivSorTextarea-kollekcio{
    background-color: #ffffff;
    resize:none;
    margin:10px 0 0 0;
}
.aktivSorParosTextarea{
    background-color: #e9e4de;
    resize:none;
}
.sorSzerkesztesAlatt{
    background-color: #de887d;
}

.btn {
  border-width: 0;
  padding: 7px 14px;
  font-size: 10px;
  outline: none !important;
  background-image: none !important;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.activePageNumberRed{
    color:#ff0000;
}
/**********
Blue Colors
***********/
/***
Blue Default
***/
/* Button */
.blue.input {
  color: white;
  background-color: #4b8df8;
  border-color: "";
}
.blue.btn {
  color: white;
  background-color: #4b8df8;
  border-color: "";
  font-size:11px;
  padding:5px;
}
.blue.btn:hover, .blue.btn:focus, .blue.btn:active, .blue.btn.active {
  color: white;
  background-color: #2e7af7;
}
.open .blue.btn.dropdown-toggle {
  color: white;
  background-color: #2e7af7;
}
.blue.btn:active, .blue.btn.active {
  background-image: none;
}
.open .blue.btn.dropdown-toggle {
  background-image: none;
}
.blue.btn.disabled, .blue.btn.disabled:hover, .blue.btn.disabled:focus, .blue.btn.disabled:active, .blue.btn.disabled.active, .blue.btn[disabled], .blue.btn[disabled]:hover, .blue.btn[disabled]:focus, .blue.btn[disabled]:active, .blue.btn[disabled].active, fieldset[disabled] .blue.btn, fieldset[disabled] .blue.btn:hover, fieldset[disabled] .blue.btn:focus, fieldset[disabled] .blue.btn:active, fieldset[disabled] .blue.btn.active {
  background-color: #4b8df8;
}
.blue.btn .badge {
  color: #4b8df8;
  background-color: white;
}

/***********
Red Colors
************/
/***
Red Default
***/
/* Button */
.red.btn {
  color: white;
  background-color: #d84a38;
  border-color: "";
  font-size:12px;
  padding:5px;
}
.red.btn:hover, .red.btn:focus, .red.btn:active, .red.btn.active {
  color: white;
  background-color: #ca3a28;
}
.open .red.btn.dropdown-toggle {
  color: white;
  background-color: #ca3a28;
}
.red.btn:active, .red.btn.active {
  background-image: none;
}
.open .red.btn.dropdown-toggle {
  background-image: none;
}
.red.btn.disabled, .red.btn.disabled:hover, .red.btn.disabled:focus, .red.btn.disabled:active, .red.btn.disabled.active, .red.btn[disabled], .red.btn[disabled]:hover, .red.btn[disabled]:focus, .red.btn[disabled]:active, .red.btn[disabled].active, fieldset[disabled] .red.btn, fieldset[disabled] .red.btn:hover, fieldset[disabled] .red.btn:focus, fieldset[disabled] .red.btn:active, fieldset[disabled] .red.btn.active {
  background-color: #d84a38;
}
.red.btn .badge {
  color: #d84a38;
  background-color: white;
}

/***********
Red Colors Opacity
************/
/***
Red Default
***/
/* Button */
.red-op.btn {
  color: white;
  background-color: #d84a38;
  border-color: "";
  font-size:12px;
  padding:5px;
  opacity:0.4;
}
.red-op.btn:hover, .red-op.btn:focus, .red-op.btn:active, .red-op.btn.active {
  color: white;
  background-color: #ca3a28;
}
.open .red-op.btn.dropdown-toggle {
  color: white;
  background-color: #ca3a28;
}
.red-op.btn:active, .red-op.btn.active {
  background-image: none;
}
.open .red-op.btn.dropdown-toggle {
  background-image: none;
}
.red-op.btn.disabled, .red-op.btn.disabled:hover, .red-op.btn.disabled:focus, .red-op.btn.disabled:active, .red-op.btn.disabled.active, .red-op.btn[disabled], .red-op.btn[disabled]:hover, .red-op.btn[disabled]:focus, .red-op.btn[disabled]:active, .red-op.btn[disabled].active, fieldset[disabled] .red-op.btn, fieldset[disabled] .red-op.btn:hover, fieldset[disabled] .red-op.btn:focus, fieldset[disabled] .red-op.btn:active, fieldset[disabled] .red-op.btn.active {
  background-color: #d84a38;
}
.red-op.btn .badge {
  color: #d84a38;
  background-color: white;
}

/***********
Green Colors
************/
/***
Green Default
***/
/* Button */
.green.btn {
  color: white;
  background-color: #35aa47;
  border-color: "";
  font-size:11px;
  padding:5px;
}

.green.btn:hover, .green.btn:focus, .green.btn:active, .green.btn.active {
  color: white;
  background-color: #2e933d;
}
.open .green.btn.dropdown-toggle {
  color: white;
  background-color: #2e933d;
}
.green.btn:active, .green.btn.active {
  background-image: none;
}
.open .green.btn.dropdown-toggle {
  background-image: none;
}
.green.btn.disabled, .green.btn.disabled:hover, .green.btn.disabled:focus, .green.btn.disabled:active, .green.btn.disabled.active, .green.btn[disabled], .green.btn[disabled]:hover, .green.btn[disabled]:focus, .green.btn[disabled]:active, .green.btn[disabled].active, fieldset[disabled] .green.btn, fieldset[disabled] .green.btn:hover, fieldset[disabled] .green.btn:focus, fieldset[disabled] .green.btn:active, fieldset[disabled] .green.btn.active {
  background-color: #35aa47;
}
.green.btn .badge {
  color: #35aa47;
  background-color: white;
}

/***********
Grey Colors
************/
/***
Grey Default
***/
/* Button */
.grey.btn {
  color: #333333;
  background-color: #e5e5e5;
  border-color: "";
  font-size:11px;
  padding:5px;
}
.grey.btn:hover, .grey.btn:focus, .grey.btn:active, .grey.btn.active {
  color: #333333;
  background-color: #d6d6d6;
}
.open .grey.btn.dropdown-toggle {
  color: #333333;
  background-color: #d6d6d6;
}
.grey.btn:active, .grey.btn.active {
  background-image: none;
}
.open .grey.btn.dropdown-toggle {
  background-image: none;
}
.grey.btn.disabled, .grey.btn.disabled:hover, .grey.btn.disabled:focus, .grey.btn.disabled:active, .grey.btn.disabled.active, .grey.btn[disabled], .grey.btn[disabled]:hover, .grey.btn[disabled]:focus, .grey.btn[disabled]:active, .grey.btn[disabled].active, fieldset[disabled] .grey.btn, fieldset[disabled] .grey.btn:hover, fieldset[disabled] .grey.btn:focus, fieldset[disabled] .grey.btn:active, fieldset[disabled] .grey.btn.active {
  background-color: #e5e5e5;
}
.grey.btn .badge {
  color: #e5e5e5;
  background-color: #333333;
}

/* Button Strip */
.btn.grey-stripe {
  border-left: 3px solid #e5e5e5;
}

.btn-group
{
    margin:10px 0 0 20px;
}
.adatTitle{
    width:180px;
    padding:10px;
}
.adatPictUrl{
    width:200px;
}
.sorrend{
    width:70px;
}
.sorrend-small{
    width:40px;
}
.admin-menu-select{
    background-color:#ca3a28;
    color:#ffffff;
}
.admin-menu-select-inaktiv{
    background-color:#e5e5e5;
    color:#d8786c;
}
.termekek-header{
    background-color:#dcdcdc;
}
.tableReport{
    margin:10px 0 0 10px;
}
.tableReport tr td {
    padding:5px;   
}
.alternateRowReport{
    background-color:#e9e4de;
}
.headerReport{
    background-color: #6078BF;
   line-height:33px;
}
.headerReport a{
    background-color: #6078BF;
    color: white;
    padding:8px;
    font-size:16px;
}
.headerReport a:hover{
    color: red;
}

.upload-text{
    display:inline;
    width:auto;
    margin:0 0 0 20px;
}

.fileContainer {
    overflow: hidden;
    position: relative;
    background-color:#4b8df8;
    color:#ffffff;
    padding:5px;
    /*border-radius:4px;*/
}

.fileContainer [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}
.container{
    margin-top:20px;
}

.naptarTable{
    width:1150px;
    margin:3px 0 0 5px;
    border:1px solid #666;
}
.naptarTable tr td{
    padding:0;
    border:1px solid #666;
    width:190px;
    /*height:40px !important;*/
}
.naptarTable tr td.firstcol {
    font-size:1.1rem;
    width:85px !important;
    text-align:center;
    font-weight:bold;
    min-height:40px;
}
.naptarTable tr.egysormagas{
    height:auto;
}
.naptarTable .napLapozo p{
    display:inline;
    color:#000;
}
.modal-body p{
    color:#000;
}
/*//BEJEGYZÉSEK TÁBLA*/
.bejegyzesAdatokTable{
    margin:3px 0 10px 20px;
    width:1150px;
    background-color:#eeeeee;
}
.bejegyzesAdatokTable tr td{
    padding:2px;
    border:1px solid #666;
}
/*//MUNKALAP TÁBLA*/
.munkalapAdatokTable{
    margin:3px 0 10px 15px;
    width:1150px;
    font-size:1.0rem;
}
.munkalapAdatokTable .headerClass{
    font-weight:bold;
    background-color:#eeeeee;
    color:#000;
}
.munkalapAdatokTable tr td{
    padding:0 0 0 2px;
    border:1px solid #666;
}
.munkalapAdatokTable .munkalapsorClass{
    height:40px;
}

.munkalapAdatokTable .munkalapsorClassTorolve{
    height:40px;
    background-color:#cccccc;
    text-decoration:line-through;
    color:#000000;
}

/*FELADATOK TÁBLA*/
.bejegyzesAdatokTable2{
    margin:3px 0 10px 15px;
    width:645px;
    background-color:#eeeeee;
}
.bejegyzesAdatokTable2 tr td{
    padding:2px;
    border:1px solid #666;
}
/*TÖRÖLT ADATOK TÁBLA*/
.bejegyzesAdatokTableTorolve{
    margin:3px 0 10px 15px;
    width:1150px;
    background-color:#dddddd;
}
.bejegyzesAdatokTableTorolve tr td{
    padding:2px;
    border:1px solid #666;
}
.naptarTable td.crossed
{
   background-image: linear-gradient(to bottom right,  transparent calc(50% - 1px), red, transparent calc(50% + 1px)); 
}

.hetnapjai a{
    background-color:#ca3a28;
    color:#ffffff;
    padding:7px 3px 7px 3px;
}
.hetnapjai a:hover{
    background-color:#ff0000;
    color:#ffffff !important;
    padding:7px 3px 7px 3px;
}
.hetnapjai a:focus{
    background-color:#ff0000;
    color:#ffffff !important;
    padding:7px 3px 7px 3px;
}

.tevekenyseg-select{
    background-color:#ca3a28;
    color:#ffffff !important;
    padding:8px 23px 8px 23px !important;
}
.tevekenyseg-select:hover{
    background-color:#ff0000;
    color:#ffffff !important;
    padding:8px 23px 8px 23px !important;
}

a.tip {
    border-bottom: 1px dashed;
    text-decoration: none
}
a.tip:hover {
    cursor:pointer;
    position: relative;
}
a.tip span {
    display: none;
}
a.tip:hover span {
    border: 1px solid #ddd;
    padding: 5px;
    display: block;
    z-index: 100;
    left: 0px;
    margin: 40px;
    width: 250px;
    position: absolute;
    top: 10px;
    text-decoration: none;
    background-color:#666;
    color:#fff;
}

input[type="text"], input[type="date"] {
  padding: 2px 0 2px 4px !important;
  color:#000000 !important;
  margin:0 !important;
  font-size:0.90rem !important;
  background-color:#ffffff !important;
}
input[type="text"]:disabled, input[type="date"]:disabled{
  padding: 2px 0 2px 4px !important;
  color:#222 !important;
  margin:0 !important;
  font-size:0.90rem !important;
  background-color:#ffffff !important;
  -webkit-text-fill-color: #222;
  opacity: 1; /* required on iOS */
}

.bejegyzesAdatokTable input[type="text"]:disabled, .bejegyzesAdatokTable input[type="date"]:disabled{
  padding: 2px 0 2px 4px !important;
  color:#222 !important;
  margin:0 !important;
  font-size:0.90rem !important;
  background-color:#ffffff !important;
  -webkit-text-fill-color: #222;
  opacity: 1; /* required on iOS */
}

.bejegyzesAdatokTable input[type="text"]:enabled, .bejegyzesAdatokTable input[type="date"]:enabled{
  padding: 2px 0 2px 4px !important;
  color:#000 !important;
  margin:0 !important;
  font-size:0.90rem !important;
  background-color:#ffffff !important;
  border:1px solid #ff0000;
  -webkit-text-fill-color: #000;
  opacity: 1; /* required on iOS */
}
select:disabled{
    background-color:#ffffff;
    color:#222 !important;
    -webkit-text-fill-color: #000;
    opacity: 1; /* required on iOS */
}

.ugyfel-neve{
    width:400px;
}
.ugyfel-telefon{
    width:200px;
}
.ugyfel-zip{
    width:100px;
}
.ujfeladat-szoveg{
    width:700px;
}
.feladat-szoveg{
    width:600px;
}
.btn-hetlapozo{
    background-color:transparent;
    border:none;
    border-radius:0;
    padding:10px 0 10px 0;
}
.btn-hetlapozo > i{
    font-size:3.5rem;
    color:#245bbd;
}
.btn-hetlapozo > i:hover{
    font-size:3.5rem;
    color:#3377f1;
}
.selectedHetNapja{
    border:4px solid #000;
}
/* Style The Dropdown Button */

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    margin:0 0 5px 0;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #dcdcdc;
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-bottom:1px solid #de8b8b;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #aaa;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #b21a73;
    color:#eeeeee !important;
}
.dropbtn-web {
    background-color:#4677ab;
    color: white;
    padding: 10px;
    font-size: 13px;
    border:1px solid #4b8df8;
    cursor: pointer;
    width:180px !important;
}
.dropbtn-web.active {
    background-color:#4b8df8;
    border:2px solid #4677ab;
    color: white;
    padding: 10px;
    font-size: 13px;
    cursor: pointer;
    width:180px !important;
}
.dropdown a:hover {
    background-color:#4b8df8;
    color: white !important;
    padding: 10px;
    font-size: 13px;
    border:1px solid #4677ab;
    cursor: pointer;
    width:180px !important;
}
.dropbtn-web.active:hover {
    background-color:#4677ab;
    color: white !important;
    padding: 10px;
    font-size: 13px;
    border:2px solid #4b8df8;
    cursor: pointer;
    width:180px !important;
}