:root {
	--black: #393a3f;
	--blue_base: #21526e;
	--blueL_base: #21526e;
	--grey_back: #bdcbd4;
	--red_base: #9d2347;
	--warning: #e87452;
}

.page-title {
	font-weight: bold;
    color: white;
}

.top-info,
.app-footer {
	background-color: var(--black);
}

.home-info {
    padding: 45px!important;
}

.home-info h4 {
	padding-bottom: 10px;
    border-bottom: 4px dotted var(--blueL_base);
    font-weight: bold;
    margin-bottom: 30px;
}

.home-info h4 span {
	color: var(--blueL_base);
}

.alert-info {
    border-radius: 0;
    background-color: var(--blueL_base);
    color: white;
    border-color: var(--blueL_base);
}

.log-btn-cont i { display: none }

.log-btn-cont button {
	border: 0;
    border-radius: 0;
}

.log-btn-cont button:active, 
.log-btn-cont button:focus, 
.log-btn-cont button:hover {
	background-color: var(--blueL_base);
}

.btn.focus, 
.btn:focus {
    outline: 0;
    box-shadow: none;
}

.apps-menu {
	display: flex;
}

.apps-menu__item {
    flex: auto;
	border-bottom: 0;
	font-weight: bold;
}

.apps-menu__item:last-of-type { border-right: 0; }
.apps-menu__item:first-of-type { border-left: 0; }

.apps-menu__item.activeTab, 
.apps-menu__item:focus, 
.apps-menu__item:hover, 
.home-menu__item:focus, 
.home-menu__item:hover {
	background-color: var(--blueL_base);
}

body .ui-tabview .ui-tabview-panels {
	border: 0;
	padding: 30px;
}

body .ui-corner-all {
	border-radius: 0;
}

.ui-tabview {
	padding: 0;
}

body .ui-tabview.ui-tabview-bottom .ui-tabview-nav, 
body .ui-tabview.ui-tabview-left .ui-tabview-nav,
body .ui-tabview.ui-tabview-right .ui-tabview-nav, 
body .ui-tabview.ui-tabview-top .ui-tabview-nav { 
    background: var(--grey_back);
}

body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:focus, 
body .ui-tabview.ui-tabview-left .ui-tabview-nav li:focus, 
body .ui-tabview.ui-tabview-right .ui-tabview-nav li:focus, 
body .ui-tabview.ui-tabview-top .ui-tabview-nav li:focus {
    box-shadow: none;
}

body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li, 
body .ui-tabview.ui-tabview-left .ui-tabview-nav li, 
body .ui-tabview.ui-tabview-right .ui-tabview-nav li, 
body .ui-tabview.ui-tabview-top .ui-tabview-nav li {
	border: 0;
}

body .ui-corner-top {
	border-radius: 0;
}

.ui-widget-content { background-color: transparent; } 

.ui-button, 
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, 
html .ui-button.ui-state-disabled:active, 
html .ui-button.ui-state-disabled:hover {
	border: 0
}

body .ui-tabview.ui-tabview-bottom .ui-tabview-nav, 
body .ui-tabview.ui-tabview-left .ui-tabview-nav, 
body .ui-tabview.ui-tabview-right .ui-tabview-nav, 
body .ui-tabview.ui-tabview-top .ui-tabview-nav {
	background-color: transparent;
}

body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover, 
body .ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover, 
body .ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover, 
body .ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover {
	border: 0
}

.apps-menu__item, 
.home-menu__item {
    padding: 30px 20px;
}

.apps-menu {
	border-top: 0;
}

body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active, 
body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active, 
body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active, 
body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active,
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover,
 body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover, 
body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover, 
body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover {
	background-color: white;
	color: var(--black);
}

.alert-warning {
	border-radius: 0;
	background-color: var(--red_base) !important;
	border-color: var(--red_base) !important;
	color: white !important;
}

/* Buttons */
body .ui-button:enabled:focus {
	box-shadow: none;
}

body .ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button {
	background-color: var(--blueL_base);
}

.btn-primary.focus, 
.btn-primary:focus, 
.btn-primary:hover {
	background-color: var(--black);
}

.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-primary.dropdown-toggle:focus {
	box-shadow: none
}

.btn:not(:disabled):not(.disabled) {
	border-radius: 0
}

body .ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button {
	border: 0
}

.user-info-form .input-group-addon {
	background-color: var(--blueL_base);
}

.ui-tabview.ui-tabview-top>.ui-tabview-nav li { top: unset; }

body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active .ui-tabview-close, 
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active a, 
body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active .ui-tabview-close, 
body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active a, 
body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active .ui-tabview-close, 
body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active a, 
body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active .ui-tabview-close, 
body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active a {
	color: var(--black);
}

body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a, 
body .ui-tabview.ui-tabview-left .ui-tabview-nav li a, 
body .ui-tabview.ui-tabview-right .ui-tabview-nav li a, 
body .ui-tabview.ui-tabview-top .ui-tabview-nav li a {
	color: white;
}

body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a, 
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon, 
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon, 
body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a, 
body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon, 
body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon, 
body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a, 
body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon, 
body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon, 
body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a, 
body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon, 
body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon { color: var(--black); }

body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active, 
body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active, 
body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active, 
body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active, 
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover, 
body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover, 
body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover, 
body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover { border: 0; }

body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li, 
body .ui-tabview.ui-tabview-left .ui-tabview-nav li, 
body .ui-tabview.ui-tabview-right .ui-tabview-nav li, 
body .ui-tabview.ui-tabview-top .ui-tabview-nav li { background-color: var(--black); color: white; } 

body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { background-color: var(--blueL_base); }
body .ui-paginator .ui-paginator-pages .ui-paginator-page:focus { box-shadow: none; }

/* TABLE */
body .ui-table .ui-table-thead>tr>th {
	border: 0;
	padding: 0px !important;
}

.ui-widget-header {
	background-color: white
}

body .ui-table .ui-table-thead>tr>th {
	background-color: white
}

body .ui-table .ui-table-thead>tr>th {
    border-bottom: 3px solid var(--black);
    border-right: 3px solid white;
    border-left: 3px solid white;
    text-align: center;
}

body .ui-table .ui-table-thead>tr>th:nth-of-type(2n) {
    border-bottom: 3px solid var(--blueL_base);
}

.egr-container.started.egwebapps__wrapper {
	height: max-content;
    padding-bottom: 200px;
}

body .ui-table .ui-table-tbody>tr>td {
	border: 0;
	text-align: right;
}

body .ui-table .ui-table-tbody>tr>td:not(:last-of-type) {
	border-right: 1px solid var(--grey_back);
}

body .ui-table .ui-table-tbody>tr {
	border-bottom: 2px solid white
}

body .ui-table .ui-table-tbody>tr:nth-child(2n)
body .ui-table .ui-table-tbody>tr {
	background-color: var(--grey_back);
}

/* PAYING BUTTON */
.payment-method {
    transition: background-color .3s ease;
    box-shadow: none;
    border: 2px solid var(--black);
}

.payment-method.selected, 
.payment-method:active, 
.payment-method:focus, 
.payment-method:hover {
	background-color: var(--black);
}

.payment-method::before {
    content: "Μετάβαση σε πληρωμή";
    display: block;
    font-weight: bold;
    color: black;
    font-size: 17px;
    transition: color .3s ease;
}

.payment-method:hover::before {
    color: white;
}

.debits-info__payment > h5 {
	display: none;
}

.ui-table .ui-table-tbody>tr>td, 
.ui-table .ui-table-tfoot>tr>td, 
.ui-table .ui-table-thead>tr>th {
    padding: 20px 5px!important;
}

body .ui-table .ui-table-tfoot>tr>td {
	border-color: var(--grey_back);
}

app-root .main-container {
	margin: 0;
}