/* Custom CSS */
body {
	background-color: dodgerblue;
}
main {
	margin: 4rem 5px 5rem;
}

/* Table */
.table-nowrap > thead > tr > th,
.table-nowrap > thead > tr > td,
.table-nowrap > tbody > tr > th,
.table-nowrap > tbody > tr > td,
.table-nowrap > tr > th,
.table-nowrap > tr > td {
	white-space: nowrap;
	vertical-align: middle;
}
div.dataTables_wrapper div.dataTables_processing {
	top: 5%;
}

/* Bootstrap */
.btn.btn-link {
	user-select: auto;
}
.text-secondary-b {
	-webkit-text-stroke: 0.5px #6c757d;
}
.bg-muted {
	background-color: #6c757d !important;
}
.ml-05 {
	margin-left: 0.15rem !important;
}
.valign-top {
	vertical-align: top !important;
}
.valign-middle {
	vertical-align: middle !important;
}
.valign-bottom {
	vertical-align: bottom !important;
}
.vh-80 {
	height: 80vh !important;
  }
div.form-control {
	white-space: nowrap;
	background-color: #F8F8FF;
}
form input::placeholder {
	text-align: right;
	font-size: 14px;
}
.modal {
	overflow: auto !important;
}
@media (min-width: 768px) {
	.w-md-25 {
		width: 25% !important;
	}
}

/* Checked Color */
.checked-warning:checked ~ .custom-control-label::before {
	border-color: #ffa200;
	background-color: #ffa200;
}
.checked-warning:focus:not(:checked) ~ .custom-control-label::before {
	border-color: #ffd080;
}
.checked-warning:not(:disabled):active ~ .custom-control-label::before {
	background-color: #ffe3b3;
	border-color: #ffe3b3;
}
.checked-danger:checked ~ .custom-control-label::before {
	border-color: #ff2200;
	background-color: #ff2200;
}
.checked-danger:focus:not(:checked) ~ .custom-control-label::before {
	border-color: #ff9180;
}
.checked-danger:not(:disabled):active ~ .custom-control-label::before {
	background-color: #ffbdb3;
	border-color: #ffbdb3;
}

/* Search Box*/
.search-box{
	position: relative;
	width: 100%;
}
.search-box > .result{
	top: 100%;
	left: 0;
	width: 100%;
	background-color: white;
	position: absolute;
	z-index: 999;
}
/* Formatting result items */
.search-box > .result p{
	margin: 0;
	padding: 7px 10px;
	border: 1px solid #CCCCCC;
	border-top: none;
	cursor: pointer;
}
.search-box > .result p:hover{
	background: #f2f2f2;
}

/* Footer */
.footer {
	background-color: #343a40;
	color: #fff;
}
.contact-list {
	list-style-type: none;
	padding-left: 10px;
}
.contact-list > li > a > i {
	padding: 0 10px 10px 0;
}
.footer .social-icons a i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-left: 6px;
	margin-right: 0;
	border-radius: 100%;
	background-color: #33353d;
}
.social-icons {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.social-icons li {
	/*display: inline-block;*/
	margin-bottom: 4px
}
.social-icons a {
	color: #818a91;
}
.social-icons a i {
	background-color: #eceeef;
	color: #818a91;
	font-size: 14px;
	display: inline-block;
	line-height: 44px;
	width: 44px;
	height: 44px;
	text-align: center;
	margin-right: 8px;
	border-radius: 100%;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear
}
.social-icons a i:active, .social-icons a i:focus, .social-icons a i:hover {
	color: #fff;
	background-color: #29aafe
}
.social-icons a i.facebook:hover {
	background-color: #3b5998
}