@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

body, html {
	font-family: "Noto Sans", sans-serif;
}
:root {
	--blue: #030d4f;
	--greenb: #079992;
	--orange: #FF9500;
	--yellow: #f1c40f;
	--white: #f4f4f4;   
	--red: #c0392b;
	--black: #333333;
	--green: #079992;
}
body {
	background-color: var(--white);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	color: var(--black);
	font-weight: 400;
}
.loginpart {
	background-color: var(--white);
}
.loginpart::before {
	background-image: url('../img/img-cover.jpg');
	background-size: cover;
	width: 50%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	content: '';
}
.loginpart .card {
	border-radius: 1.5rem;
	border: unset;
	background: white;
	margin-bottom: 30px;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
}
.loginpart .card-intro {
	background-image: url('../img/cover.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
}
.loginpart .logocover {
	border-radius: 400px;
}
.loginpart .card label {
	color: #aaa3a0;
	font-weight: 500;
}

.loginpart .btn {
	background-color: var(--black);
	border: none;
	color: white;
	padding: 10px 0;
	font-weight: 500;
}
.loginpart .btn:hover {
	color:var(--white);
	background-color: var(--black);
}
.navbarblue {
	background-color: var(--blue);
	color: var(--white);
}
.navbar-brand img {
	border-radius: 300px;
}
.navbar a, .navbar a:hover,
.nav-link:focus, .nav-link:hover
.navbar-nav .nav-link.active, 
.navbar-nav .nav-link.show {
	color: var(--white);
	font-weight: 400;
}
.navbar-nav a.dropdown-item {
	color: var(--black);
}
.navbar a.dangerlogo {
	color: var(--white);
	background-color: var(--red);
	border-radius: 100px;
	padding: 6px 30px !important;
}
.card.card-main  {
	border-radius: 12px;
	border: unset;
	background: white;
	margin-bottom: 30px;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
}
.card.card-main .card-header {
	padding: 12px 15px 12px 15px;
	background-color: white;
	color: #333;
	border-bottom: 1px solid #f0f0f0;
	font-size: 20px;
	font-weight: 600;
	border-radius: 12px 12px 0 0;
}

.card.card-main .client-name {
	font-size: 1.3rem;
	font-weight: 500;
}
.card.card-main .client-name span.badge-confirm {
	background-color: #00cec9;
	padding: 6px;
	margin-left: 2px;
	box-shadow: 0 0 0 0 rgb(37 211 102 / .7);
	-webkit-animation: pulse 2.25s infinite cubic-bezier(.66,0,0,1);
	-moz-animation: pulse 2.25s infinite cubic-bezier(.66,0,0,1);
	-ms-animation: pulse 2.25s infinite cubic-bezier(.66,0,0,1);
	animation: pulse 2.25s infinite cubic-bezier(.66,0,0,1);
}
.btn-warning,
.btn-warning:hover {
	background-color: var(--yellow);
	border-radius: 100px;
	color: var(--black);
	border-color: var(--yellow);
}
.btn-info,
.btn-info:hover {
	background-color: var(--black);
	border-radius: 100px;
	color: var(--white);
	border-color: var(--black);
}
.btn-success,
.btn-success:hover {
	background-color: var(--green);
	border-radius: 100px;
	color: var(--white);
	border-color: var(--green);
}
.btn-orangini,
.btn-orangini:hover {
	background-color: var(--orange);
	border-radius: 100px;
	color: var(--white);
	border-color: var(--orange);
}
.btn-danger,
.btn-danger:hover {
	background-color: var(--red);
	border-radius: 100px;
	color: var(--white);
	border-color: var(--red);
}
.btn-secondary,
.btn-secondary:hover {
	background-color: var(--black);
	border-radius: 100px;
	color: var(--white);
	border-color: var(--black);
}
.thismodals .modal-content {
	border-radius: 12px;
	border: unset;
	background: white;
	margin-bottom: 30px;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
}
.card-main tr {
	vertical-align: middle;
}
.text-bg-secondary {
	background-color: var(--black) !important;
	color: var(--white) !important;
	border-radius: 100px;
}