.profile-button {
	

	button {
		color: black;
		background: white;


	}

.p-splitbutton {
	margin-right: .5rem;
}

}

.p-datatable-header {
	background: none !important;
	border: none !important;

	h3{
		text-transform: uppercase;
	}
}

.p-column-title {
	text-transform: uppercase !important;
}

.p-inputtext {
    margin: 0;
    width: -webkit-fill-available;
}

$primaryColor: $mainColorLight;
$buttonHoverBg: $mainColorDark;

.p-button {
	background-color: $mainColorLight;
	border: 1px solid $mainColorDark;
}
.p-button:enabled:hover {
	background-color: $mainColorDark;
	border: 1px solid $mainColorLight;
}

.p-fieldset .p-fieldset-legend {
    padding: 0.5rem 0.5rem;
    border: 1px solid $mainColorDark;
	text-transform: uppercase;
    color: #fff;
    background: $mainColorLight;
    font-weight: 700;
    border-radius: 3px;
}

.card {
	box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
	padding: 7px;
}

.p-datatable .p-datatable-thead > tr > th {
	text-align: left;
	padding: 0.571 rem 0.857 rem;
	border: 1 px solid #c8c8c8;
	border-width: 1 px 1 px 1 px 1 px;
	font-weight: 700;
	color: white;
	background: #d61f13;
	transition: background-color 0.2s, box-shadow 0.2s;
  }


  .p-component-overlay-enter {
    animation: p-component-overlay-enter-animation 150ms forwards;
}

.p-component-overlay-leave {
    animation: p-component-overlay-leave-animation 150ms forwards;
}

.p-component-overlay {
    @keyframes p-component-overlay-enter-animation {
        from {
            background-color: transparent;
        }
        to {
            background-color: var(--maskbg);
        }
    }
    
    @keyframes p-component-overlay-leave-animation {
        from {
            background-color: var(--maskbg);
        }
        to {
            background-color: transparent;
        }
    }
}

.p-inputnumber-button-up,.p-inputnumber-button-down {
    background-color: #bbbbbb;
    border: 1px solid #6c757e;
}