/* =================================================================================================
    Menu
   ============================================================================================== */
@media screen and (min-width: 992px) {
	.layout-wrapper.layout-horizontal .layout-menu-container .layout-menu > li {
		text-align: center;
	}
}
.layout-menu li a.current {
	border-bottom: 5px solid #FFB300;
}

@media screen and (max-width: 991px) {
    .layout-menu li a.current {
        border: 1px solid #f2f2f2;
        border-right: 5px solid #FFB300;
        border-radius:0 !important;
        background: #f8f8f8;
     }  
    .layout-menu.p-grid {
    	display: inline-block;
    	width: 100%;
    }
    .layout-menu.p-grid li {
    	padding: 0;
    }
}
/* =================================================================================================
    Table
   ============================================================================================== */
.ui-datatable thead .hl,.ui-datatable tbody .hl {
	text-align: left;
}
.ui-datatable thead .hc,.ui-datatable tbody .hc {
	text-align: center;
}
.ui-datatable thead .hr,.ui-datatable tbody .hr {
	text-align: right;
}

.ui-datatable tbody .dl {
	text-align: left;
}
.ui-datatable tbody .dc {
	text-align: center;
}
.ui-datatable tbody .dr {
	text-align: right;
}

.ui-datatable-data .ui-button.ui-button-flat{
	color:#2C8BDC;
}
.ui-datatable-data .ui-button.ui-button-flat.ui-state-hover{
	color:#1975c4;
}

/* =================================================================================================
    Toolbar
   ============================================================================================== */
.ui-toolbar .ui-toolbar-group-left.align-center{
	margin-left:auto !important;
	margin-right:auto !important;
	float:none;
	text-align:center;
}

/* =================================================================================================
    Chronoline
   ============================================================================================== */
.custom-marker {
     display: flex;
     width: 2rem;
     height: 2rem;
     align-items: center;
     justify-content: center;
     color: #ffffff;
     border-radius: 50%;
     z-index: 1;
     background-color: #2C8BDC
 }
@media screen and (max-width: 991px) {
    .customized-chronoline .ui-chronoline-event:nth-child(even) {
        flex-direction: row !important;
    }

    .customized-chronoline .ui-chronoline-event:nth-child(even) .ui-chronoline-event-content {
        text-align: left !important;
    }

    .customized-chronoline .ui-chronoline-event-opposite {
        flex: 0;
    }

    .customized-chronoline .ui-card {
        margin-top: 1rem;
    }
}

/* =================================================================================================
    Chronoline
   ============================================================================================== */
@media screen and (max-width: 991px) {
	.ui-outputlabel.p-text-right {
		text-align: left !important;
	}
}

/* =================================================================================================
    Input Text
   ============================================================================================== */
.ui-inputtext.decimal {
	text-align: right !important;
	width: 97% ;
}
.ui-inputtext.inputText-table {
	text-align: left !important;
	width: calc(100% - 10px);
}
.ui-inputtext.decimal-table {
	text-align: right !important;
	width: calc(100% - 10px);
}
.ui-selectonemenu.selectOneMenu-table {
	text-align: left !important;
	width: calc(100% - 10px);
}

/* =================================================================================================
    Panel
   ============================================================================================== */
.ui-panel-title > .fa {
	color: #2C8BDC;
}

/* =================================================================================================
    Tap
   ============================================================================================== */
body .ui-tabs-custom.ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active {
	border-bottom: 5px solid #FFB300;
}
body .ui-tabs-custom.ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a {
	color: inherit;
}
body .ui-tabs-custom.ui-tabs {
	border: 1px solid #dee2e6;
	padding: 0 0.5rem;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}