@font-face {
	font-family: 'Roboto';
	src: url('../../assets/fonts/Roboto/Roboto-Regular.ttf');
}
@font-face {
	font-family: 'Roboto-Medium';
	src: url('../../assets/fonts/Roboto/Roboto-Medium.ttf');
}
@font-face {
	font-family: 'Roboto-Bold';
	src: url('../../assets/fonts/Roboto/Roboto-Bold.ttf');
}
@font-face {
	font-family: 'Roboto-Black';
	src: url('../../assets/fonts/Roboto/Roboto-Black.ttf');
}
* {
	font-family: 'Roboto', sans-serif;
}
.row {
	margin: 0;
}
.hidden {
	display: none !important;
}

/* Login */
body#login {
	background: url(../../assets/images/login-bg.jpg) no-repeat center center;
	background-size: cover;
}
.loginBox {
	max-width: 500px;
	background: rgb(0 0 0 / 0.75);
	padding: 3em 5em;
	position: relative;
	display: flex;
	align-items: center;
}
.loginBox img {
	width: 100%;
}
.loginBox p.copyrightText {
	text-align: center;
	color: #b3b3b3;
	line-height: 1em;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 1em;
	margin: 0;
	font-size: 0.9em;
}
.loginFormDiv {
	margin-top: 5em;
}
form#loginForm input {
	background: transparent;
	border: 0 !important;
	border-bottom: 1px solid #303030 !important;
	border-radius: 0;
	font-size: 16px;
	padding: 0 5px;
	color: #e0e0e0;
	outline: none !important;
	box-shadow: none !important;
}
button#loginBtn {
	background: #d8b180 !important;
	border: 0 !important;
	width: 100%;
	margin-top: 1em;
	padding: 0.5em 1em;
	color: #4d4d4d;
	font-family: 'Roboto-Black';
	border-radius: 20px;
	transition: 0.1s ease-in-out;
	outline: none !important;
}
button#loginBtn span {
	font-family: 'Roboto-Black';
}
button#loginBtn:hover {
	opacity: 0.8 !important;
}

.loading:after {
	content: ' .';
	animation: dots 1s steps(5, end) infinite;
	font-size: 24px;
	line-height: 0;
}

@keyframes dots {
	0%, 20% {
		color: rgba(0,0,0,0);
		text-shadow: .25em 0 0 rgba(0,0,0,0), .5em 0 0 rgba(0,0,0,0);
	}
	40% {
		color: white;
		text-shadow:
		.25em 0 0 rgba(0,0,0,0),
		.5em 0 0 rgba(0,0,0,0);
	}
	60% {
		text-shadow:
		.25em 0 0 white,
		.5em 0 0 rgba(0,0,0,0);
	}
	80%, 100% {
		text-shadow:
		.25em 0 0 white,
		.5em 0 0 white;
	}
}


div#sidebar {
	background: #121212;
	padding-top: 2em;
	position: relative;
	min-height: 100vh;
	/*max-width: 20%;*/
	/*float: left;*/
}
div#sidebar a.logoutBtn {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 8px;
	background: #9d2238;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	text-decoration: none !important;
	transition: 0.1s ease-in-out;
}
div#sidebar a.logoutBtn:hover {
	opacity: 0.8 !important;
}
div.sidebarLinks {
	margin: 2em 0;
}
div.sidebarLinks ul {
	padding: 0;
	list-style: none;
	margin: 0;
}
div.sidebarLinks ul li a {
	margin-bottom: 15px;
	padding: 8px 15px 8px 20px;
	font-size: 15px;
	color: #fff !important;
	text-decoration: none !important;
	display: flex;
	align-items: center;
	font-family: Roboto-Bold, sans-serif;
	transition: 0.1s ease-in-out;
	outline: 0 !important;
}
div.sidebarLinks ul li a.active, div.sidebarLinks ul li a:hover {
	background: #d8b180;
	color: #333333 !important;
}
div.sidebarLinks ul li a img {
	margin-right: 10px;
	width: 30px;
	height: 30px;
	object-fit: contain;
}
div.sidebarLinks ul li a.active img, div.sidebarLinks ul li a:hover img {
	filter: invert(1);
}
.menuBtn {
	display: none;
	position: absolute;
	top: 40%;
	right: 20px;
	background: #fff;
	border-radius: 5px;
	z-index: 999;
}
.menuBtn img {
	width: 30px;
	padding: 5px;
}


@media only screen and (min-width: 991px) {
	div#mainContent {
		max-height: calc(100vh - 140px);
		height: calc(100vh - 140px);
		/*overflow-y: scroll;*/
	}
	html, body {
		width: 100vw;
		height: 100vh;
		overflow: hidden;
	}
	div#copyrightDiv {
		position: absolute;
	}

	div#topbar {
		max-height: 110px;
	}

	div#copyrightDiv {
		max-height: 40px;
	}
	.dataTables_wrapper .dataTables_filter input {
		min-width: 250px;
	}
	.submitBtns button {
		width: 150px;
	}
	.taskimagesdiv label {
		width: 45%;
	}
	.taskimagesdiv {
		display: flex;
		flex-flow: wrap;
	}
	form.trainingForm div.dropzone .dz-preview.dz-image-preview {
		/*width: 23% !important;*/
	}
	.loginBox > div {
		margin-top: -5em;
	}
}
@media only screen and (max-width: 768px) {
	.menuBtn {
		display: block !important;
	}
	div#sidebar {
		min-height: auto !important;
	}
	div#sidebar > img {
		width: auto !important;
		max-width: 225px;
		padding-bottom: 2em;
	}
	div.sidebarLinks {
		position: absolute;
		top: 0;
		z-index: 99;
		height: 100vh;
		margin: 0;
		width: 100%;
		background: rgb(0 0 0 / 0.95);
		display: none; 
	}
	div.sidebarLinks ul li a {
		font-size: 20px !important;
	}
	div#sidebar a.logoutBtn {
		/*display: none;*/
	}
	div.sidebarLinks ul {
		padding: 0;
		list-style: none;
		margin: 0;
		width: 75%;
		height: 100%;
		display: flex;
		flex-flow: column;
		justify-content: center;
		margin: 0 auto;
	}
}
div#topbar .uncRow {
	text-align: right;
	background: #333;
}
div#topbar .unc .userName {
	padding: 10px;
	margin: 0;
	font-size: 15px;
	font-family: Roboto;
	color: #fff;
}
div#topbar .st {
	display: flex;
	flex-flow: wrap;
	align-items: center;
}
div#topbar .st .sectionIcon {
	width: 50px;
	margin-right: 10px;
}
div#topbar .st p {
	font-size: 15px;
}
div#topbar .stRow {
	background: #1a1a1a;
	display: flex;
	align-items: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
div#topbar .st h4 {
	font-size: 22px;
}
div#topbar .st h4, div#topbar .st p {
	color: #fff;
	margin: 0;
	font-family: Roboto;
}
div#copyrightDiv {
	/*position: absolute;*/
	bottom: 0;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #333;
	text-align: right;
}
div#copyrightDiv .cp, div#copyrightDiv .cp a {
	color: #999 !important;
	font-size: 12px !important;
}

div#mainContent {
	background: #e0e0e0;
	padding: 20px 0;
}
.content {
	padding: 20px;
	box-shadow: 0px 0px 10px rgba(26,26,26,0.5);
	background: #fff;
	overflow-y: auto;
}
div#dashboardContent {
	display: flex;
	justify-content: center;
	align-items: center;
}
div#dashboardContent h1 {
	text-align: center;
	margin: 0;
	font-size: 1.5em;
	font-family: Roboto;
	text-transform: uppercase;
	color: #0e0e0e;
}
table.dataTable {
	text-align: center;
}
table.dataTable th {
	background: #121212;
	color: #fff;
	border: 1px solid #fff;
	font-family: Roboto-Bold;
	font-size: 16px;
}
table.dataTable td {
	background: #f2f2f2;
	color: #000000;
	border: 1px solid #fff;
	font-family: Roboto;
	font-size: 16px;
}
button.detailsBtn {
	max-width: 30px !important;
} 
button.detailsBtn, 
span.editBtn {
	padding: 0;
	background: transparent !important;
	border: 0 !important;
	max-width: 20px;
	opacity: 0.8;
	transition: 0.1s ease-in-out;
}
button.detailsBtn:hover, 
span.editBtn:hover {
	opacity: 1;
}
div#DataTables_Table_0_paginate {
	width: 100%;
	padding: 0;
	text-align: center;
	margin-top: 20px;
}
a#DataTables_Table_0_previous {
	background: #333333;
	color: #fff !important;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	padding: 0;
	width: 150px;
	height: 40px;
	line-height: 38px;
}
a#DataTables_Table_0_next {
	background: #333333;
	color: #fff !important;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	padding: 0;
	width: 150px;
	height: 40px;
	line-height: 38px;
}
div#DataTables_Table_0_paginate span a.paginate_button {
	width: 40px;
	padding: 0 !important;
	height: 40px;
	line-height: 40px;
	border: 0 !important;
	background: #333 !important;
	color: #fff !important;
}
.dataTables_wrapper .dataTables_filter {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	flex-flow: wrap;
}
.dataTables_wrapper .dataTables_filter label {
	margin: 0 15px 0 0 !important;
	order: 1;
}
.dataTables_wrapper .dataTables_filter input {
	background: #cccccc;
	border: 0;
	font-family: Roboto;
	border-radius: 20px;
	padding: 0 10px;
	height: 40px;
	font-size: 14px;
	outline: 0 !important;
	/*min-width: 250px;*/
}
.dataTables_wrapper .dataTables_filter select.dtFilter {
	outline: 0 !important;
	background: #cccccc;
	border: 0;
	font-family: Roboto;
	border-radius: 20px;
	padding: 0 10px;
	height: 40px;
	margin-right: 15px;
	font-size: 14px;
	order: 2;
}
a.addCourseBtn.addBtn {
	padding: 10px 20px;
}
a.addBtn {
	background: #d8b180;
	font-size: 14px;
	font-family: Roboto;
	color: #000;
	height: 38px;
	line-height: 38px;
	text-decoration: none !important;
	padding: 0px 15px;
	min-width: 120px;
	text-align: center;
	border-radius: 20px;
	order: 3;
	opacity: 0.8;
	transition: 0.1s ease-in-out;
}
a.addBtn {
	opacity: 1;
}
table.allusers_table th:nth-child(7), 
table.allusers_table td:nth-child(7), 
table.allusers_table th:nth-child(6), 
table.allusers_table td:nth-child(6) {
	width: 10% !important;
}
table.allusers_table th:nth-child(1), 
table.allusers_table td:nth-child(1) {
	width: 10% !important;
}
table.allusers_table th, 
table.allusers_table td {
	width: 17.5%;
}

.addNewForm .form-group,
.userForm .form-group,
.trainingForm .form-group,
.logbookForm .form-group,
.lbDiv {
	background: #f2f2f2;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.addNewForm h3,
.userForm h3,
.trainingForm h3,
.logbookForm h3,
.lbDiv h3 {
	padding: 15px;
	background: #1c1c1c;
	color: #fff;
	font-size: 20px;
	font-family: Roboto-Bold;
	margin-bottom: 20px;
}
.addNewForm input, .addNewForm label, .addNewForm select, .addNewForm option, .addNewForm button,
.userForm input, .userForm label, .userForm select, .userForm option, .userForm button,
.trainingForm input, .trainingForm label, .trainingForm select, .trainingForm option, .trainingForm button,
.logbookForm input, .logbookForm label, .logbookForm select, .logbookForm option, .logbookForm button {
	font-size: 14px;
}
.addNewForm .row,
.userForm .row,
.trainingForm .row,
.logbookForm .row {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}
.addNewForm label,
.userForm label,
.trainingForm label,
.logbookForm label {
	margin: 0;
}
.addNewForm input,
.trainingForm input,
.logbookForm input {
	text-align: center;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid #dedede !important;
	outline: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
.addNewForm input:focus,
.userForm input:focus,
.trainingForm input:focus,
.logbookForm input:focus {
	border-color: #1c1c1c !important;
}
.addNewForm select,
.userForm select,
.trainingForm select,
.logbookForm select {
	background: #ccc !important;
	outline: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	height: 30px;
	padding: 0 5px;
	text-align-last: center;
}
.addNewForm select option,
.userForm select option,
.trainingForm select option,
.logbookForm select option {
	background: #fff !important;
}
.addNewForm select:-ms-expand,
.userForm select:-ms-expand,
.trainingForm select:-ms-expand,
.logbookForm select:-ms-expand {
	background: #000;
}
.addNewForm .inputCheckboxes,
.userForm .inputCheckboxes,
.trainingForm .inputCheckboxes,
.logbookForm .inputCheckboxes {
	padding: 15px;
}
.addNewForm .inputCheckboxes label.checkbox-inline input,
.userForm .inputCheckboxes label.checkbox-inline input,
.trainingForm .inputCheckboxes label.checkbox-inline input,
.logbookForm .inputCheckboxes label.checkbox-inline input {
	margin-right: 10px;
	width: 16px;
	height: 16px;
}
.addNewForm .inputCheckboxes label.checkbox-inline,
.userForm .inputCheckboxes label.checkbox-inline,
.trainingForm .inputCheckboxes label.checkbox-inline,
.logbookForm .inputCheckboxes label.checkbox-inline {
	width: 25%;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}

.submitBtns button.cancelBtn {
	background: #b3b3b3;
}
.submitBtns button.submitBtn,
.submitBtns button.saveBtn {
	background: #d8b180;
}
button.addnewtaskbtn,
button.newgroupBtn {
	background: #d8b180 !important;
}
.submitBtns button.deleteBtn {
	background: #cd5168;
	color: #fff !important;
}
button.addnewtaskbtn:hover,
button.newgroupBtn:hover,
.submitBtns button:hover {
	opacity: 0.8 !important;
}
button.addnewtaskbtn,
button.newgroupBtn,
.submitBtns button {
	font-size: 14px;
	color: #000000 !important;
	margin-right: 10px;
	border-radius: 20px;
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	opacity: 1 !important;
	transition: 0.1s ease-in-out;
}
.trainingForm .submitBtns {
	padding: 20px;
}
.overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.75);
	z-index: 9;
	display: none;
}
div#deleteUserPopup {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	display: none;
}
div#deleteUserPopup > div {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	flex-flow: column;
}
div#deleteUserPopup > div > div {
	width: 80%;
	text-align: center;
	background: #f2f2f2;
}
div#deleteUserPopup h3 {
	background: #1c1c1c;
	padding: 10px;
	font-size: 16px;
	color: #fff;
	font-family: Roboto-Bold;
	margin: 0;
}
div#deleteUserPopup h3 span {
	color: #d8b17f;
	font-family: Roboto-Bold;
}
.delUserBtns {
	padding: 15px;
}
.delUserBtns button {
	color: #000000 !important;
	margin-right: 10px;
	border-radius: 20px;
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	opacity: 1 !important;
	transition: 0.1s ease-in-out;
	width: 120px;
}
.delUserBtns button:hover {
	opacity: 0.8 !important;
}
.delUserBtns button.delUserBtnYes {
	color: #fff !important;
}


table.alltrainings_table th:nth-child(4), table.alltrainings_table td:nth-child(4) {
	width: 10% !important;
}
table.alltrainings_table th:nth-child(1), table.alltrainings_table td:nth-child(1) {
	width: 40% !important;
}
table.alltrainings_table th, table.alltrainings_table td {
	width: 25% !important;
}

.dropzone button.dz-button {
	border: 0 !important;
	background: transparent !important;
	outline: 0 !important;
	text-align: left;
}
.dropzone button.dz-button span {
	padding: 5px 30px;
	color: #000;
	display: block;
	width: max-content;
	background: #d8b180;
	font-size: 14px;
	border-radius: 20px;
	font-family: 'Roboto';
	font-size: 12px;
}
.dropzone button.dz-button small {
	font-size: 10px;
}

.taskimagesdiv label {
	margin: 0 10px 10px 0;
	display: flex;
	position: relative;
	justify-content: start;
}
.taskimagesdiv label input {
	width: 100%;
	padding-left: 10px;
}

input#courseImages,
.taskimagesdiv label input[type="file"] {
	border: 0 !important;
}
input#courseImages:after,
.taskimagesdiv label input.taskImagesInput:after {
	content: 'Filename.jpg, allow multiple images';
	font-size: 12px;
	display: block;
}
input#courseImages::-webkit-file-upload-button, 
.taskimagesdiv label input[type="file"]::-webkit-file-upload-button {
	background: #d8b180 !important;
	border: 0;
	padding: 5px 10px;
	border-radius: 20px;
	width: 100px;
	font-family: 'Roboto';
	font-size: 12px;
}
.taskRow .row {
	align-items: normal;
}
.taskRow {
	background: #e6e6e6;
	width: 100%;
	margin-bottom: 20px;
	padding: 20px 20px 5px;
	position: relative;
}
.tasksDiv {
	padding: 20px;
}
.taskRow textarea {
	font-size: 14px;
	background: #f2f2f2;
}
button.addtaskbtn {
	background: #d8b180;
	color: #000000 !important;
	margin-right: 10px;
	border-radius: 20px;
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	opacity: 1 !important;
	transition: 0.1s ease-in-out;
	padding: 5px 20px;
}
button.addtaskbtn:hover {
	opacity: 0.8 !important;
}
button.taskRowRemove {
	position: absolute;
	z-index: 99;
	top: 20px;
	right: 20px;
	background: #f2f2f2 !important;
	font-weight: bold;
	border: 1px solid #1c1c1c !important;
	font-size: 12px;
}

.ciDiv {
	align-items: normal !important;
}
form.addNewForm div.dropzone .dz-default.dz-message,
form.trainingForm div.dropzone .dz-default.dz-message,
form.logbookForm div.dropzone .dz-default.dz-message {
	display: block !important;
	position: absolute;
	z-index: 99;
	top: 0;
	left: 50px;
	margin: 0;
}
form.addNewForm div.dropzone,
form.trainingForm div.dropzone,
form.logbookForm div.dropzone {
	margin-top: 60px;
	width: 100%;
	min-height: auto;
	padding: 0;
	border: 0;
	background: #ced4da;
}
form.addNewForm div.dropzone .dz-preview.dz-image-preview,
form.trainingForm div.dropzone .dz-preview.dz-image-preview,
form.logbookForm div.dropzone .dz-preview.dz-image-preview {
	background: transparent;
	/*width: 48%;*/
	margin: 1%;
}
form.addNewForm div.dropzone .dz-preview.dz-image-preview .dz-image,
form.trainingForm div.dropzone .dz-preview.dz-image-preview .dz-image,
form.logbookForm div.dropzone .dz-preview.dz-image-preview .dz-image {
	margin: auto;
	/*width: 100% !important;*/
	/*height: 100% !important;*/
}
form.addNewForm div.dropzone .dz-preview.dz-image-preview .dz-image img,
form.trainingForm div.dropzone .dz-preview.dz-image-preview .dz-image img,
form.logbookForm div.dropzone .dz-preview.dz-image-preview .dz-image img {
	width: 100% !important;
	height: 100% !important;
}
form.trainingForm .taskRow div.dropzone .dz-preview.dz-image-preview,
form.logbookForm .taskRow div.dropzone .dz-preview.dz-image-preview {
	width: 46%;
	margin: 2%
}
.submitBtns button.disabled {
	opacity: 0.7 !important;
	pointer-events: none !important;
}
.form-control:disabled, .form-control[readonly] {
	background: #d2d2d2 !important;
}
.dataTables_wrapper .dataTables_filter input[type="search"] {
	border-radius: 20px;
	padding: 10px;
}
.all_logs_books_table th, .all_logs_books_table td {
	width: 15%;
}
.all_logs_books_table th:nth-child(1), .all_logs_books_table td:nth-child(1) {
	width: 20%;
}
span.log_book_remarks {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.lbDiv label {
	font-size: 14px;
}
.lbDiv .row {
	margin-bottom: 10px !important;
}
.lbDiv span.lbData {
	display: block;
	text-align: center;
	font-size: 16px;
	border-bottom: 1px solid #dedede !important;
	background: #eaeaea;
	padding: 5px 10px;
	min-height: 30px;
}

.lbAttachments > .row {
	padding: 10px;
	border: 1px solid #dedede !important;
	background: #eaeaea;
}
.lbAttachments > .row > div {
	padding: 10px;
}

input[readonly="readonly"] {
	background: #e4e4e4 !important;
}
.tmDiv details {
	margin-bottom: 10px;
}
.tmDiv details summary {
	position: relative;
	background: #d8b180;
	padding: 10px;
	text-align: center;
	color: #000000;
	border: 0 !important;
	outline: 0 !important;
}
.tmDiv details textarea {
	width: 100%;
	border: 0 !important;
	min-height: 150px;
	padding: 10px;
}
.addNewForm textarea {
	font-size: 14px;
}

button.popupBtn:hover {
	opacity: 0.8;
}
button.popupBtn {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;
	padding: 0px !important;
	width: 30px;
	height: 30px;
	transition: 0.2s ease-in-out;
}
button.popupBtn img {
	width: 100%;
}
div.atmPopups .modal-header {
	padding: 5px 10px !important;
	border: 0;
	justify-content: flex-end !important;
}
div.atmPopups .modal-body {
	text-align: left !important;
	min-height: 200px;
	font-size: 18px;
}

div.atmPopups .modal-header button.close {
	margin: 0 !important;
	padding: 5px 10px !important;
	float: none !important;
	transition: 0.2s ease-in-out;
}

.ept_attcs > a > img {
	width: 100%;
}

.ept_attcs > a {
	/*width: 30%;*/
	width: 100%;
	margin: 1%;
}
.ept_attcs {
	display: flex;
	flex-flow: wrap;
}

table.all_5s_tasks th:nth-child(1), table.all_5s_tasks td:nth-child(1) {
	width: 25%;
}
table.all_5s_tasks th:nth-child(3), table.all_5s_tasks td:nth-child(3) {
	width: 10%;
}
table.all_5s_tasks td:nth-child(2) {
	padding: 0 !important;
}
div.yearTd {
	display: flex;
	flex-flow: wrap;
}
.boxYear {
	width: 20%;
	height: 40px;
	line-height: 40px;
	color: #000;
	margin: 2px;
	transition: 0.1s ease-in-out;
	cursor: pointer;
}
.boxYear:hover {
	opacity: 0.8;
}
.boxYear.green, div.greenBox, td.tdStatus.green {
	background: #8cc63f;
}
.boxYear.yellow, div.yellowBox, td.tdStatus.yellow {
	background: #ffff00;
}
.boxYear.red, div.redBox, td.tdStatus.red {
	background: #c1272d;
}

.preTbl {
	display: flex;
	font-size: 10px;
	justify-content: flex-end;
	margin-bottom: 20px;
	flex-flow: wrap;
}
.preTbl > div {
	margin-right: 10px;
	display: flex;
	align-items: center;
}
.preTbl > div > div {
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

table.fives_tasks_table th, table.fives_tasks_table td {
	padding: 5px !important;
}
table.fives_tasks_table .btn {
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	padding: 0 !important;
}
table.fives_tasks_table .btn img {
	max-width: 20px;
}
div#rejectReasonPopup .modal-header {
	padding: 15px;
	background: #1a1a1a;
	color: #fff;
}
div#rejectReasonPopup .modal-header label {
	margin: 0;
}
div#rejectReasonPopup .modal-body {
	background: #f2f2f2;
}
div#rejectReasonPopup .modal-body textarea {
	width: 100%;
	min-height: 120px;
	border: 0;
	font-size: 14px;
	padding: 10px;
}
.rrBtns button:hover {
	opacity: 0.8;
}
.rrBtns button {
	border: 0 !important;
	border-radius: 25px;
	font-size: 14px;
	min-width: 120px;
	margin-right: 10px;
	transition: 0.1s ease-in-out;
}
.rrBtns button.rrSubmit {
	background: #ca4f65 !important;
	color: #fff !important;
}
.rrBtns button.rrCancel {
	background: #b3b3b3 !important;
	color: #000 !important;
}

div#fivestasksFormDiv {
	background: #f2f2f2;
}
div#fivestasksFormDiv .form-hdr h4 {
	margin: 0;
	font-size: 16px;
}
div#fivestasksFormDiv .form-hdr {
	background: #1c1c1c;
	color: #fff;
	padding: 20px;
}
div#fivestasksFormDiv .form-body {
	padding: 20px;
}
div#fivestasksFormDiv .form-body div.col {
	padding: 0;
}
div.sortByScheduleFilter input {
	display: none;
}
div.sortByScheduleFilter label {
	margin-right: 10px;
	display: block;
	width: 100px;
	background: #b3b3b3;
	text-align: center;
	font-size: 14px;
	padding: 5px;
	border-radius: 25px;
	transition: 0.1s ease-in-out;
	cursor: pointer;
}
div.sortByScheduleFilter {
	display: flex;
	justify-content: flex-end;
}
div.sortByScheduleFilter input:checked + label {
	font-weight: bold;
}

details.groupDiv {
	margin-bottom: 20px;
}
details.groupDiv summary {
	background: #b8b8b8;
	padding: 15px;
	list-style: none;
	position: relative;
	outline: 0 !important;
	border: 0 !important;
}

div#gdHdr input, div#gdHdr select {
	width: 100%;
	font-size: 16px;
	min-height: 30px;
	border: 0;
	padding: 5px;
}

div#gdHdr label {
	margin: 0;
}
div#gdHdr {
	padding-right: 20px;
	align-items: center;
}
details.groupDiv summary:after {
	content: '▼';
	filter: invert(1);
	position: absolute;
	top: 20px;
	right: 15px;
}
details.groupDiv[open] summary:after {
	content: '▲' !important;
}

div#gdbdy {
	background: #d7d7d7;
	padding: 20px;
}
div#gdbdy .taskDiv .row input, div#gdbdy .taskDiv .row textarea {
	width: 100%;
	border: 0;
	font-size: 16px;
	padding: 5px;
	outline: 0 !important;
}
div#gdbdy .taskDiv .row textarea {
	min-height: 120px;
}
div#gdbdy .taskDiv .row input {
	background: transparent;
	border: 0 !important;
	border-bottom: 1px solid #ddd !important;
}

div#gdbdy .taskDiv .row label {
	margin: 0;
}
div#gdbdy .taskDiv .row {
	margin-bottom: 20px;
}
div#gdbdy .taskDiv {
	padding: 20px;
	background: #f0f0f0;
	margin-bottom: 20px;
}

div#gdbdy .taskDiv .dropzone {
	border: 0;
	min-height: auto;
	padding: 0;
	background: transparent;
}
div#gdbdy .taskDiv .dropzone .dz-default.dz-message {
	text-align: left;
	margin: 0;
}

button.fs_time {
	width: calc(88% /6);
	padding: 5px 10px;
	margin: 1%;
	border: 1px solid;
	background: #fff;
	font-size: 14px;
	font-weight: bold;
	border-radius: 3px;
	cursor: pointer;
}

.fives_time {
	display: flex;
	flex-flow: wrap;
}

span.btn.editTaskBtn,
span.btn.btn-primary.logbookDetails.detailsBtn {
	padding: 0;
	border: 0 !important;
	background: transparent !important;
}

.dropzone .dz-preview .dz-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}