.padbot0 {
	padding-bottom: 0px !important;
}
.padbot10 {
	padding-bottom: 10px !important;
}
.padbot20 {
	padding-bottom: 20px !important;
}
.padbot30 {
	padding-bottom: 30px !important;
}
.padbot40 {
	padding-bottom: 40px !important;
}
.padbot50 {
	padding-bottom: 50px !important;
}
.padtop0 {
	padding-top: 0px !important;
}
.padtop10 {
	padding-top: 10px !important;
}
.padtop20 {
	padding-top: 20px !important;
}
.padtop30 {
	padding-top: 30px !important;
}
.padtop40 {
	padding-top: 40px !important;
}
.padtop50 {
	padding-top: 50px !important;
}
.margtop0 {
	margin-top: 0px !important;
}
.margtop3 {
	margin-top: 3px !important;
}
.margtop5 {
	margin-top: 5px !important;
}
.margtop10 {
	margin-top: 10px !important;
}
.margtop20 {
	margin-top: 20px !important;
}
.margtop30 {
	margin-top: 30px !important;
}
.margtop40 {
	margin-top: 40px !important;
}
.margtop50 {
	margin-top: 50px !important;
}
.margbot0 {
	margin-bottom: 0px !important;
}
.margbot10 {
	margin-bottom: 10px !important;
}
.margbot20 {
	margin-bottom: 20px !important;
}
.margbot30 {
	margin-bottom: 30px !important;
}
.margbot40 {
	margin-bottom: 40px !important;
}
.margbot50 {
	margin-bottom: 50px !important;
}

.logo {
	width: 88px;
}
.main-menu-logo {
	max-width: 120px;
	width: 100%;
}
body {
	background: #5B7B7A;
}

/* Kék -> Innobau szín */
.bg-primary {
	background-color: #5b7b7a !important;
}
.pcoded-navbar.menu-light .pcoded-inner-navbar > li.active > a
, .pcoded-navbar.menu-light .pcoded-inner-navbar > li.pcoded-trigger > a
, .pcoded-navbar.menu-light .pcoded-inner-navbar > li.active > a > span 
, .pcoded-navbar.menu-light .pcoded-inner-navbar > li.active > a > span > i 
{
	background: #5b7b7a;
	color: #fff !important;
}
.bg-c-blue {
	background-color: #5b7b7a;
}
.text-c-blue {
	color: #5b7b7a;
}
.text-primary {
	color: #5b7b7a !important;
}
.pcoded-navbar .pcoded-inner-navbar li.pcoded-menu-caption {
	color: #5b7b7a;
}

/* Zöld -> Innobau zöld */
/* .bg-success {
	background-color: #3C9537 !important;
}
.text-c-green {
	color: #3C9537;
}
.bg-c-green {
	background-color: #3C9537;
} */
/* Sárga -> Innobau zöld */
/* .bg-c-yellow {
	background-color: #e67e22;
}
.text-c-yellow {
	color: #e67e22;
}
.bg-c-yellow {
	background-color: #e67e22;
} */
/* Piros -> Innobau zöld */
/* .bg-c-red {
	background-color: #D64045;
}
.text-c-red {
	color: #D64045;
}
.bg-c-red {
	background-color: #D64045;
} */
a.text-primary:hover, a.text-primary:focus {
	color: #e67e22 !important;
}
.pcoded-navbar.menu-light .pcoded-inner-navbar li:hover > a :not(.active){
	color: #e67e22;
	background: transparent;
}

.pcoded-micon > .oi {
	padding-bottom: 2px;
}

.gantt-tabla {
	background-color: #fff;
	margin-top: 0px;
	width: 100%;
	max-width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	display: table;
	border-color: grey;
	text-indent: initial;
}
.gantt-tabla>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.gantt-tabla>tbody>tr>td, .gantt-tabla>tbody>tr>th, .gantt-tabla>tfoot>tr>td, .gantt-tabla>tfoot>tr>th, .gantt-tabla>thead>tr>td, .gantt-tabla>thead>tr>th {
    padding: 8px 0;
    line-height: 1.42857143;
    border: 1px solid #ddd;
	vertical-align: middle;
	text-align: center;
}
.gantt-tabla td:first-child, .gantt-tabla th:first-child {
	background-color: #5b7b7a;
	color: #fff;
    padding: 8px;
	text-align: left;
}
.gantt-tabla th {
    padding: 8px !important;
	text-align: center;
}
.gantt-tabla .csik {
	height: 20px;
	width: 100%;
	float:left;
	background-color: #5b7b7a;
}
.gantt-tabla .csik-success {
	background-color: #9CCC65;
}
.gantt-tabla .csik-warning {
	background-color: #ffba57;
}
.gantt-tabla .csik-danger {
	background-color: #ff5252;
}
.gantt-tabla a {
	color: #fff;
}
.gantt-aktualis-honap {
	background-color: #EDEDED;
}

.pcoded-header.header-blue .dropdown .profile-notification .pro-head {
	color: #fff;
	background: #5b7b7a;
}
.pcoded-header .dropdown .profile-notification .pro-body li.active, .pcoded-header .dropdown .profile-notification .pro-body li:active, .pcoded-header .dropdown .profile-notification .pro-body li:focus, .pcoded-header .dropdown .profile-notification .pro-body li:hover {
	background: #5b7b7a;
	box-shadow: 0 15px 8px -9px rgba(0, 0, 0, 0.25);
}
.pcoded-header .dropdown .notification .noti-head {
	background: #ffba60;
	padding: 15px 20px;
}

.auth-wrapper {
	background: #5b7b7a;
}
.belepes-logo {
	width: 100%;
	max-width: 126px;
	margin-bottom: 10px !important
}
.form-group.fill .floating-label {
	color: #5b7b7a;
}
.btn-primary {
	background-color: #5b7b7a;
	border-color: #4b6565;
}.btn-primary:hover {
	background-color: #4b6565;
	border-color: #4b6565;
}
.custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	border-color: #5b7b7a;
	background-color: #5b7b7a;
}
.btn-primary:focus, .btn-primary.focus {
	color: #fff;
	background-color: #4b6565;
	border-color: #4b6565;
	box-shadow: 0 0 0 0rem #5b7b7a83;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #4b6565;
	border-color: #4b6565;
}

.cursor-pointer {
    cursor: pointer;
}

.project-select:hover {
	background-color: #ffba60 !important; 
}

.project-select.active {
	background: #ffba60 !important; 
}

.rounded-image-container {
	width: 31px;
	height: 31px;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
   margin-right: 10px;
}
.rounded-image-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#keszultseg_div, #utolso_kep_div {
	display: flex;
}
 
#keszultseg_kartya, #utolso_kep_kartya {
	flex: 1;
}

/* Galéria */
.galeria-div {
	aspect-ratio: auto 1 / 1; 	
}
.galeria-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Input alsó csík piros */
.input-piros:focus {
	background-image: linear-gradient(to top, #ff5252 2px, rgba(70, 128, 255, 0) 2px), linear-gradient(to top, #ced4da 1px, rgba(206, 212, 218, 0) 1px) !important;
}

/* Input alsó csík innobau */
.input-innobau:focus {
	background-image: linear-gradient(to top, #5B7B7A 2px, rgba(70, 128, 255, 0) 2px), linear-gradient(to top, #ced4da 1px, rgba(206, 212, 218, 0) 1px) !important;
}