/* You can add global styles to this file, and also import other style files */
@import "~@angular/material/prebuilt-themes/indigo-pink.css";
@import "~material-design-icons/iconfont/material-icons.css";
@import "~highlight.js/styles/googlecode.css";
@import "~angular-calendar/css/angular-calendar.css";

// hide bootstrap dropdown arrow globally
.dropdown-toggle::after {
	display: none !important;
}

.mat-table__wrapper--dashboard .mat-table {
	min-width: 600px !important;
	width: 100% !important;
}

.position-static {
	position: static;
}

.login-box{
	background-color: white;
	padding: 30px;
	border-radius: 7px;
}

.mat-tab-body.mat-tab-body-active {
	overflow-y: hidden !important;
}

.dropdown-menu{
	min-width: 8rem !important;
}

.btn-primary.disabled, .btn-primary:disabled {
	color: black !important;
	background-color: #efefef !important;
}

.mat-row{
	align-items: start !important;
	padding-top: 10px;
}

.mat-hint{
	font-size: 9pt !important;
}

.mat-error{
	font-size: 9pt !important;
}

.mat-header-cell{
	font-size: 12pt !important;
}

.mat-cell{
	font-size: 14pt !important;
}

.kt-portlet__head-title{
	font-size: 17pt !important;
}

.btn{
	font-size: 12pt !important;
}

.mat-tooltip{
	font-size: 9pt !important;
}

.mat-paginator{
	font-size: 11pt !important;
}

.kt-header__topbar .kt-header__topbar-item {
	display: flex !important;
}

.cursor-pointer {
	cursor: pointer;
}

.btn-disable-list:disabled i {
	color: #919090 !important;
}

.div-group-show-hide-list {
	display: flex;
	flex-direction: row;
}

.div-show-hide-list {
	display: flex;
	align-self: center
}

.file-input {
	display: none !important;
}

.cal-event-title {
	color: black!important;
}
