/********************************** BADGE ALERT ELEMEK ***************************************/

.button-badge {
  background-color: #1779ba;
  font-size: 18px;
  text-decoration: none;
  padding: 7px 10px;
  position: relative;
  display: inline-block;
  border: 1px solid #04345A;
  border-radius: .2rem;
  transition: all ease 0.4s;
}

.button-badge:hover {
  text-decoration:none;
  box-shadow: 0 1px 5px black;
}

.badge {
  position: absolute;
  top: -10px;
  right: -10px;
  padding: 5px 10px;
  border-radius: 50%;
  background-color: #ff4d4d;
  color: white;
  font-size: 9px;
}

.fa {
  color: white;
}

.color {
    position: relative;
    display: inline-block;
    border: 1px solid black;
	border-radius:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:1px;
	padding-top:1px;
}

.color .color_info {
    visibility: hidden;
    min-width: 120px;
	max-width: 400px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.color .color_info::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.color:hover .color_info {
    visibility: visible;
    opacity: 1;
}

/***** Általános CSS *****/
html {padding-bottom: 20px; font-family: Tahoma; font-size: 13px; color: #444444;}
body {padding: 0px; margin: 0px; cursor: default; background-color: black; background-image: url('../../styles/img/body.jpg'); background-repeat: repeat;}
table {border-collapse: collapse;}



/***** Nyomógombok CSS *****/
.button_cBlue{
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	background-color: #3973ac;
	padding: 5px;
	border: 1px solid black;
	border-radius: 2px;
	color: white;
}.button_cBlue:hover{
	background-color: #264d73;
	text-decoration:none;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.24), 0 3px 3px 0 rgba(0,0,0,0.19);
}

.button_cRed{
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	background-color: #FFC6C5;
	padding: 5px;
	border: 1px solid #802000;
	border-radius: 2px;
	color: black;
}.button_cRed:hover{
	background-color: #b32d00;
	text-decoration:none;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.24), 0 3px 3px 0 rgba(0,0,0,0.19);
}

.button_cOrange{
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	background-color: #ffb366;
	padding: 5px;
	border: 1px solid #b35900;
	border-radius: 2px;
	color: black;
}.button_cOrange:hover{
	background-color: #ff8c66;
	text-decoration:none;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.24), 0 3px 3px 0 rgba(0,0,0,0.19);
}

.button_cPurple{
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	background-color: #e6ccff;
	padding: 5px;
	border: 1px solid #28004d;
	border-radius: 2px;
	color: black;
}.button_cPurple:hover{
	background-color: #CC99FF;
	text-decoration:none;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.24), 0 3px 3px 0 rgba(0,0,0,0.19);
}

.button_cGreen{
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	background-color: #C6EBD9;
	padding: 5px;
	border: 1px solid #1B4B34;
	border-radius: 2px;
	color: #1B4B34;
}.button_cGreen:hover{
	background-color: #359768;
	color:white;
	text-decoration:none;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.24), 0 3px 3px 0 rgba(0,0,0,0.19);
}

.redbutton{
	font-size:11px;
	background-color: #e63900;
	border: 1px solid #4d1300;
	color: white;
	font-weight:bold;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-top: 4px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
}

.redbutton:hover {
  background-color: #b32d00;
}

.greenbutton{
	font-size:11px;
	background-color: #4CAF50;
	border: 1px solid #004d00;
	color: white;
	font-weight:bold;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-top: 4px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
}

.greenbutton:hover {
  background-color: #3e8e41;
}

/***** Táblázatok CSS *****/
.table {
	width:100%; 
}


.acpBodyRed{
	padding:3px;
	border: 1px solid black; 
	background-color: #ffece6;
	color: #333333;
}

.acpBodyLight{
	padding-left:3px;
	border: 1px solid black;
	background-color:#eaedf4;
	color: black;
}

.acpRed{
	border: 1px solid black;
	background-image: url('../../styles/img/tables/red.jpg'); 
	height: 20px; 
	color: #000000; 
	padding-left:3px;
	font-weight:bold;
}

.acpGreen{
	border: 1px solid black;
	background-image: url('../../styles/img/tables/green.jpg'); 
	height: 20px; 
	color: #000000; 
	padding-left:3px;
	font-weight:bold;
}

/***** Web felépítés ******/

.acpMenu{
	border: 1px solid black;
	padding-left: 3px;
	background: #393939 url('../../styles/img/tables/dark.gif'); 
	height: 20px; 
	color: #000000; 
	border: 1px solid black;
}

.acpPath{
	border: 1px solid black;
	padding-left: 3px;
	background: #d1d1d1 url('../../styles/img/tables/dark.gif'); 
	height: 20px; 
	border: 1px solid #000000
}

.picThumb{
	background-color:white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 2px;
}