/* OVERRIDES */
html {
	font-size: 13px;
}
hr {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
.content-wrapper {
	min-height: auto !important;
	padding-bottom: 2.5rem;
}
.swal2-popup.swal2-toast .swal2-title {
	margin-left: 10px;
}
.card-header > .card-tools {
	margin-top: -.25rem;
	margin-bottom: -.25rem;
}
.card-title {
	font-size: 1.4rem;
}
.table td, .table th {
	padding: .3rem .5rem;
}
.modal-content {
	border: 0;
	border-radius: .5rem;
}
.modal-header {
	border-top-left-radius: .5rem;
	border-top-right-radius: .45rem;
}
.modal-footer {
	justify-content: flex-end !important;
}
table thead th {
	text-transform: uppercase;
}
.select2 {
	width: 100% !important;
}
.select2-container--default .select2-selection--single {
	padding: 4px 12px;
}
.content-header .breadcrumb {
	font-size: 1.2rem;
}
.info-container {
	display: none !important;
}
.bootstrap-duallistbox-container option {
	padding: 5px;
	border-bottom: 1px solid #eee;
}
.bootstrap-duallistbox-container option:last-child {
	border-bottom: 0;
}
.bootstrap-duallistbox-container .btn-group {
	display: none;
}
.list-group-item {
	padding: .5rem 1.25rem;
}
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link {
	padding-left: 25px;
}
.quick-links .dropdown-toggle::after {
	display: none;
}
.bg-holiday,
.bg-leave {
	background: #d2d6de !important;
}
.bg-aqua {
	background-color: #00c0ef !important;
	color: #fff;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
	bottom: 0.4em !important;
}

/* GENERAL */
.clear {
	clear: both;
	display: block;
}
.btn-clear-roles {
	text-transform: uppercase;
}
#loader {
	display: none;
}
.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10000;
	background: rgba(0,0,0,.75);
}
.loading {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10001;
}
.loading img {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
}

.project-status-badge {
	padding: .35em .5em;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.bg-project-ready {
	background: #337ab7;
	color: #fff;
}
.bg-project-ongoing {
	background: #00a65a;
	color: #fff;
}
.bg-project-feedback {
	background: #00c0ef;
	color: #fff;
}
.bg-project-pending {
	background: #f39c12;
	color: #fff;
}
.bg-project-closed {
	background: #d2d6de;
	color: #333;
}
.bg-project-cancelled {
	background: #dc3545;
	color: #fff;
}

/* HEADER */
.statistics {
	margin-left: 10px;
}
.statistics li {
	display: block;
	float:left;
	padding: 5px 15px;
	border-left: 1px solid #ddd;
	line-height: 1;
}
.title {
	margin-bottom: 2px;
	font-weight: 400;
	font-size: 9px;
	opacity: .75;
}
.man-days {
	display: inline-block;
	font-size: 10px;
	line-height: 0.7;
}
.man-days-value {
	font-size: 18px;
	line-height: 1;
}

.profile-image {
	padding: 5px;
    border: 1px solid #6666;
    margin-top: 10px;
	max-width: 150px;
}

/* TABLE DATA */
.table.with-options tbody tr td:last-child a {
	margin-right: 5px;
}
.table.with-options tbody tr td:last-child a:last-child {
	margin-right: 0;
}
.table.with-options a {
	width: 20px;
}

/* PERMISSIONS LIST */
.permissions-list, .permissions-group {
	margin: 0;
	padding: 0;
}
.permissions-list li, .permissions-group li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.permissions-list > li {
	clear: both;
	border-right: 1px solid #eee;
}
.permissions-list > li:last-child {
	border-right: 0;
}
.permissions-group > li {
	float: left;
	margin-bottom: .5rem;
	margin-right: .5rem;
}

/* WIDTHS */
.w60 {
	width: 60px;
}
.w120 {
	width: 120px;
}
.w150 {
	width: 150px;
}
.w170 {
	width: 170px;
}
.w30p {
	width: 30%;
}

/* Error Page */
.error-page {
	margin: 0 auto;
	padding-top:  20px;
	padding-bottom: 50px;
}

.full-width-error .content-wrapper { 
	margin-left: 0;
	height: 100vh
}

.full-width-error .error-page {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.error-page>.error-content {
	margin-top: 25px;
}