body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;	
	background-color: #009895;
	line-height: 27px;
	font-weight: 500;

}

a {
	/** color: #2196f3; **/
	color: #0072ff;
}

a:hover, a:focus {
    color: #121212;
    text-decoration: none;
    cursor: pointer;
}

.padding-no {
	padding-left: 0;
	padding-right: 0;
}

.padding-left {
	padding-left: 15px !important;
	padding-right: 0px !important;
}

.padding-right {
	padding-left: 0px !important;
	padding-right: 15px !important;
}

.padding-top-60 {
	padding-top:60px;
}

h1 {
	font-family: 'Roboto', sans-serif;
	font-size: 40px;
    line-height: 50px;
    color: #000;
    font-weight: 500;
    text-rendering: optimizelegibility;
    margin-top: 0;
    margin-bottom: 25px;
}

.gray-page {
	background: radial-gradient(#d9d9d9 0%, #ffffff 100%);
}

.form-box,
.white-box {
	background: #fff;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);
    border-radius: 5px;
    overflow: hidden;
}

.form-box .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
    width: 100%;
    text-transform: uppercase;
    color: #777;
}

.form-box .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link.active {
	color: #000 !important;
	border-radius: 0px;
	border-top-color: #fff;
}

.form-box .nav-fill .nav-item .nav-link, .nav-justified .nav-item:first-child .nav-link.active{
	border-left-color: #fff;
}

.form-box .nav-fill .nav-item .nav-link, .nav-justified .nav-item:last-child .nav-link.active{
	border-right-color: #fff;
}

.form-box h1 {
	text-align: center;
}

.form-box .tab-content {
	padding: 25px;
}

input[type="text"],
input[type="date"],
input[type="number"],
input[type="email"],
input[type="password"],
select {
	border-radius: 0;
	padding: 0 15px;
	line-height: 50px;
	margin-bottom: 15px;
	font-weight: 300;
	width: 100%;
    height: 50px;
    border-color: #ced4da !important;
    color: #000;
    font-size: 1.1rem;
}

input[type="text"]::placeholder {
	color: #f90;
}

input[type="text"]::-webkit-input-placeholder { color: #000; }
input[type="text"]:-ms-input-placeholder { color: #000; }
input[type="text"]::-ms-input-placeholder { color: #000; }
input[type="text"]::placeholder { color: #000; }

input[type="password"]::-webkit-input-placeholder { color: #000; }
input[type="password"]:-ms-input-placeholder { color: #000; }
input[type="password"]::-ms-input-placeholder { color: #000; }
input[type="password"]::placeholder { color: #000; }

input[type="email"]::-webkit-input-placeholder { color: #000; }
input[type="email"]:-ms-input-placeholder { color: #000; }
input[type="email"]::-ms-input-placeholder { color: #000; }
input[type="email"]::placeholder { color: #000; }


.btn {
	line-height: 50px;
	background: transparent;
	border-radius: 0px;
	border: 2px solid #000;
	color: #000;
	text-transform: uppercase;
	margin-top: 15px;
	padding: 0 30px;
	margin-bottom: 15px;
}

.btn:hover {
	background: #000;
	color: #fff;
	border-color: #fff;
}

.success-block img {
	padding-bottom: 30px;
	padding-top: 15px;
}

.hb-block {
	background: #121212;
	color: #fff;
}

.hb-block a {
	color: #fff;
}

.btn-white {
	background: #fff;
}

.btn-white:hover {
	background: #000;
	border-color: #000;
}

.btn-black {
	background: #000;
	color: #fff;
}

.btn-orng {
	background: #f7b900;
	color: #000;
	border-color: #f7b900;
}

.btn-black:hover {
	background: #fff;
	border-color: #000;
	color: #000;
}

.w-100 {
	padding: 0 15px;
}

.col-arrow {
	position: relative;
}

.col-arrow:after {
	position: absolute;
	right: 0px;
	top:7px;
	width: 16px;
	height: 16px;
	content: '';
	background: url('./../images/down-chevron.png') no-repeat;
	background-position: center center;
	background-size: contain;
	transform: rotate(180deg);
	transition: all .3s ease-in-out;
}

.col-arrow.collapsed:after {
	transform: rotate(0deg);
}

.btn-green {
	background: #299d00;
	color: #fff;
	border-color: #299d00;
}

.btn-green:hover {
	border-color: #000;
}

.form-control {
    font-size: 1.1rem;
}

.toast-container {
	display: none;
}

.select-status {
	margin-bottom: 0;
}

.del-img {
	margin-top: 16px;
}

.fs-14 {
	font-size: 14px !important;
}

.bg-red {
	background: #d20000;
    color: #fff;
}

.btn-red {
	background: #fe3c30;
	color: #fff;
	padding: 7px 12px;
    border-radius: 5px;
    margin-top: 5px;
    display: block;
    width: 40px;
}

.btn-red > img {
	width: 16px;
	height: auto;
	position: relative;
    top: -2px;
}

.btn-red.mt-0 > img {
	top: 0px;
}

.py-0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
} 

.btn-orange {
	background: #f7b900;
	color: #fff;
	padding: 7px 12px;
    border-radius: 5px;
    margin-top: 5px;
    display: block;
    width: 40px;
}

.btn-orange > img {
	width: 16px;
	height: auto;
	position: relative;
    top: -2px;
}

.btn-orange.mt-0 > img {
	top: 0px;
}

.his-title {
	padding: 7px 15px;
	position: relative;
	border-top: 1px solid #ebebeb;
}

.his-title:after {
	    position: absolute;
    right: 10px;
    top: 20px;
    width: 8px;
    height: 8px;
    content: '';
    border-left: none;
    border-top: none;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(225deg);
    transition: all .3s ease-in-out;
}

.his-title.collapsed:after {
	transform: rotate(45deg);
	top: 16px;
}

.his-in {
	padding: 15px 15px;
	background: #f7f7f7;;
}

.his-in p {
	margin-bottom: 5px;
}
.search_result {
	margin-bottom: 0px;
}

.search_result .btn {
	padding: 0 15px;
}

.bg-red.his-title:after {
	border-color: #fff;
}

.relative {
	position: relative;
}

.toast.show {
	opacity: 1;
	background: rgba(255,255,255,1) !important;
}

.toast.show .toast-body {
	opacity: 1;
	position: relative;
}

.toast-body .btn-close {
	position: absolute;
	right: 15px;
	top: 15px;
}