.main-space {
	padding: 30px;
}

.main-space {
	padding: 30px;
	background-color: #fff;
}

.sub-section {
	border: 1px solid #F3F4F6;
	border-radius: 4px;
	margin-bottom: 25px;
}

.sec-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 13px 20px;
	border-bottom: 1px solid #F3F4F6;
    flex-wrap: wrap;
}

.sec-title {
	font-size: 30px;
	font-weight: 600;
	line-height: 1;
}

.head-right .form-group {
	margin-bottom: 0;
	padding-left: 0;
}

.sec-body {
	padding: 20px;
}

.card.sec-card {
	border: 1px solid #EBEAED;
	border-radius: 4px;
	box-shadow: 0px 8px 1px #0000, 0px 5px 4px #00000008, 0px 4px 2px #0000;
	border-radius: 4px;
	overflow: hidden;
}
.card-title {
	background-color: #F8EBE2;
	font-size: 18px;
	padding: 15px 20px;
	font-weight: 600;
}
.card.sec-card .card-body {
	padding: 13px;
}

.count-tile {
	padding: 15px 30px;
	margin-bottom: 10px;
	border-radius: 4px;
	border: 1px solid #ECEFF0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.tile-title {
	margin-right: 10px;
}

.count-tile.job-tile {
	background-color: #FADCDC;
}

.count-tile.into-tile {
	background-color: #E8F7FB;
}

.count-tile.subm-tile {
	background-color: #DDEFE6;
}
.card-body .count-tile:last-child {
	margin-bottom: 0;
}
.tile-title h3 {
	font-size: 30px;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 5px;
}
.tile-title p {
	margin-bottom: 0;
	font-size: 16px;
}
.count-tile.job-tile p {
	color: #DE4C38;
}
.count-tile.into-tile p {
	color: #11ACD1;
}
.count-tile.subm-tile p {
	color: #06A559;
}
.count-tile.int-feed p {
	color: #DE4C38;
}

.count-tile.into-tile.long-tile {
	justify-content: space-between;
	padding: 15px 30px;
	margin-bottom: 25px;
	border-radius: 8px;
}
.count-box {
	min-width: 75px;
	height: 75px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 35px;
	background-color: #fff;
	border-radius: 4px;
	font-weight: 500;
	padding: 10px 20px;
}
.count-tile.into-tile.tile-bg {
	background-image: url('img/tile-bg.jpg');
	background-size: cover;
}
.count-tile.long-tile p {
	font-size: 18px;
}
.count-tile.int-feed {
	background-color: #F8EBE2;
}
.count-tile img {
	height: 50px;
	object-fit: contain;
}

.card-d2 .card-title {
	background-color: #222D31;
	color: #fff;
	padding: 10px 20px;
}
.card-d2 .tile-title h3 {
	font-size: 22px;
	text-align: center;
	color: #DE4C38;
}
.card-d2 .card-body {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
.card-d2 .count-tile {
	padding: 15px 20px;
	flex-grow: 3;
	justify-content: center;
	margin-bottom: 0;
	min-width: 31%;
	background-color: #FBFBFB;
}
.card-d2 .count-tile:last-child {
	margin-right: 0;
}
.card-d2 .count-tile .tile-title {
	text-align: center;
	margin-right: 0;
}
.sec-sub-title {
	background-color: #F8EBE2;
	font-size: 18px;
	font-weight: 600;
	padding: 10px 20px;
}
.card .green-title {
	background-color: #DDEFE6;
	color: #2E2C34;
}
.card .blue-title {
	background-color: #E8F7FB;
	color: #2E2C34;
}
.padding-0 {
	padding: 0;
}
.border-0 {
	border: none;
}
.mb-3{
	margin-bottom: 1rem;
}
.submit-btn button {
	width: 100%;
	height: 48px;
	background-color: #00C0EF;
	border-color: #00C0EF;
	font-size: 18px;
}
.submit-btn {
	padding-top: 25px;
}
.border {
	border: 1px solid #F3F4F6;
}
.box-border-left {
	border-left: 1px solid #ECEFF0;
	padding-left: 0;
}
.sec-body.card-d3 {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.sec-body.card-d3 .count-tile {
	min-height: 80px;
	background-color: #F2F9FB;
	border-radius: 10px;
	padding: 13px;
	justify-content: flex-start;
	flex: 1 0 19%;
	margin: 0;
}
.count-box2 {
	height: 52px;
	min-width: 52px;
	margin-right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #EFEDF9;
	border-radius: 10px;
	border: 1px solid #DDECF0;
	font-size: 22px;
	font-weight: 600;
}
.card-d3 .tile-title p {
	font-size: 14px;
	color: #2E2C34;
}
.lt-green {
	background-color: #EDF2E7;
}
.lt-org {
	background-color: #F2ECE7;
}
.sub-section .form-control {
	height: 48px;
	border-radius: 4px;
	border-color: #EBEAED;
}
.date-picker-sec::before {
	content: "\f073";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 14px;
	font-size: inherit;
	text-rendering: auto;
	position: absolute;
	top: 15px;
	right: 25px;
}
.date-picker-sec.with-label::before{
	top: 42px;
}	
.sec-title.small-title {
	font-size: 18px;
}
.head-right.sch-sec h4 {
	font-size: 18px;
	font-weight: 600;
	margin: 0;
}
.head-right.sch-sec {
	display: flex;
	align-items: center;
}
.sort-group {
	display: flex;
	align-items: center;
	margin-left: 15px;
	border: 1px solid #EBEAED;
	border-radius: 5px;
	overflow: hidden;
}
.sort-btn {
	background-color: #fff;
	border: none;
	padding: 5px 8px;
}
.sort-btn.left-click {
	border-right: 1px solid #EBEAED;
}
.sort-btn.right-click{
	border-left: 1px solid #EBEAED;
}
.sort-text {
	padding: 4px 10px;
}

.schedule-sec .count-tile {
	display: block;
	position: relative;
	padding: 20px 30px;
	box-shadow: 0px 42.1092px 27.8569px rgba(41, 72, 152, 0.0303704), 0px 21.8644px 14.2119px rgba(41, 72, 152, 0.025), 0px 8.90772px 7.12618px rgba(41, 72, 152, 0.0196296), 0px 2.02448px 3.44162px rgba(41, 72, 152, 0.012037);
}
.schedule-sec .count-tile::before {
	content: "";
	position: absolute;
	left: 5px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 3px;
	height: calc(100% - 10px);
	background-color: #DE4C38;
	border-radius: 35px;
}
.sch-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.sch-title h4 {
	color: #DE4C38;
	margin-top: 0;
}
.sch-title span {
	color: #84818A;
	font-size: 12px;
	margin-bottom: 10px;
}
.tile-title h6 {
	font-size: 14px;
	font-weight: 300;
	color: #2E2C34;
	margin-bottom: 0;
}
.sub-section label {
	font-weight: 500;
	color: #504F54;
}
.card.sec-card.big-card {
	min-height: 457px;
}
.sch-title h4 a {
	color: #DE4C38;
}
.card-d3 .tile-title p a {
	color: #2E2C34;
}
a {
	color: #2E2C34;
}
a:hover, a:active, a:focus {
	color: #555;
}




/* -------------- Responsive -------------- */

@media(max-width:1500px){
	.count-tile img {
		height: 35px;
	}
	.count-tile {
		padding: 15px 20px;
	}
}

@media(max-width:1400px){
	.sec-body.card-d3 .count-tile {
		flex: 1 0 24%;
	}
	.count-tile {
		padding: 15px;
	}
}

@media(max-width:1300px){
	.job-order-sec .card.sec-card {
		min-height: 480px;
	}
	.job-order-sec .card.sec-card.small-card {
		min-height: 348px;
	}
}

@media(max-width:1200px){
	.tile-title h3 {
		font-size: 22px;
	}
	.tile-title p {
		margin-bottom: 0;
		font-size: 12px;
	}
	.count-tile img {
		height: 26px;
	}
	.job-order-sec .card.sec-card {
		min-height: 430px;
	}
	.job-order-sec .card.sec-card.small-card {
		min-height: 298px;
	}
	.card-d2 .tile-title h3 {
		font-size: 17px;
	}
	.sec-title {
		font-size: 23px;
	}
	.card-d2 .count-tile {
		min-width: 30%;
	}
}
@media(max-width:990px){
	.count-tile.into-tile.long-tile {
		margin-top: 25px;
		margin-bottom: 0;
	}
	.job-order-sec .card.sec-card.small-card {
		min-height: auto;
		margin-top: 20px;
	}
	.job-order-sec .card.sec-card {
		min-height: auto;
	}
	.head-right .form-group {
		padding-left: 15px;
		margin-top: 10px;
	}
}