@import url('https://fonts.googleapis.com/css?family=Quicksand:500,700|Raleway:400,700');
/*
	font-family: 'Quicksand', sans-serif;
	font-family: 'Raleway', sans-serif;
 */

body { width: 100%; height: 100%; background-color: #f0f0f0; }
html { width: 100%; height: 100%; }

h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 700;
	color: #151515;
	letter-spacing: 0;
}

p {
	font-family: 'Quicksand', sans-serif;
	font-size: 16px;
	line-height: 1.66667;
	font-weight: 400;
}

small {
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
}

a {
	font-family: 'Quicksand', sans-serif;
	color: #a23f97;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;
}
a:hover, a:focus {
	color: #006eb7;
	text-decoration: none;
}

li {
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
	font-size: 16px;
}

.wrapper {
	display: flex;
	width: 100%;
	align-items: stretch;
	background-color: #f2f7fb;
}

#content {
	width: 100%;
	padding: 0 0 0 0;
	min-height: 75vh;
	transition: all 0.3s;
	background-color: #f2f7fb;
}



/* LOGIN
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.login-left-wrapper {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;

	border-radius: 20px 0 0 20px;
}

.login-title-wrapper {
	text-align: center;
}

.login-logo {
	max-width: 150px;
	background: #FFF;
	padding: 10px;
	border-radius: 50%;
}

@media (max-width: 768px) {
	.login-left-wrapper { border-radius: 20px 20px 0 0; height: 200px; }
	.login-title-wrapper { margin-top: -100px; }
}



/* NAV-TOP
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.NSM-nav-top {
	font-family: 'Quicksand', sans-serif;
	background-color: #FFF;
}
.NSM-nav-top .navbar-toggler {
	color: #4099ff;
	font-size: 30px;
	border: 0;
	/* border-color: #000; */
	-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;
}
.NSM-nav-top .navbar-toggler:hover { color: #477a9e; }

.NSM-nav-top .navbar-nav .nav-link {
	font-size: 15px;
	text-transform: uppercase;
	color: rgba(64, 153, 255, 1);;
}

.NSM-nav-top .nav-icon { max-width: 50px; }

.NSM-nav-top .navbar-nav .active > .nav-link, .NSM-nav-top .navbar-nav .nav-link.active,
.NSM-nav-top .navbar-nav .nav-link.show, .NSM-nav-top .navbar-nav .show > .nav-link,
.NSM-nav-top .navbar-nav .nav-link:focus, .NSM-nav-top .navbar-nav .nav-link:hover { color: #ff5370; }

.nav-link { transition: 0.2s; }
.NSM-nav-top .dropdown-item:focus, .NSM-nav-top .dropdown-item:hover { color: #FFF; background: #4099ff; }



/* SIDE NAVBAR
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

#sidebar {
	min-width: 200px;
	max-width: 200px;
	height: auto;
	background: #263544;
	font-family: 'Quicksand', sans-serif;
	color: #FFF;
	transition: all 0.3s;
	z-index: 10;

	-webkit-box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
			  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
}

#sidebar .nav-mini-title {
	color: #FFF;
	font-size: 12px;
	padding: 0 10px 0 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#sidebar a { color: #b7c0cd; }
#sidebar a:hover { text-decoration: none; }
#sidebar.active { margin-left: -200px; }
#sidebar .sidebar-header { padding: 20px; background: #FFF; }
#sidebar ul p { color: #FFF; padding: 10px; }

#sidebar ul li a {
	padding: 10px;
	font-size: 0.9em;
	display: block;
}

#sidebar ul li a:hover { color: #FFF; }
#sidebar ul li.active>a, #sidebar a[aria-expanded="true"] { color: #fff; background: #1d2531; }
a[data-toggle="collapse"] { position: relative; }

#sidebar .dropdown-toggle::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}

#sidebar ul ul a {
	font-size: 0.8em !important;
	padding-left: 15px !important;
	color: #b7c0cd;
	background: #212d3a;
	border-left: 3px solid #42a5f5;
}

#sidebar ul ul a::before {
	content: "\f0da";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	padding-right: 10px;
}

#sidebar ul ul a:hover {
	color: #3ca5f5;
	background-color: #212d3a;
}

@media (max-width:1300px) {
	#sidebar { margin-left: -160px; }
	#sidebar.active { margin-left: 0; }
	#sidebarCollapse span { display: none; }
	#sidebar:hover { margin-left: 0; }
}

@media (max-width: 768px) {
	#sidebar { margin-left: -200px; }
	#sidebar.active { margin-left: 0; }
	#sidebarCollapse span { display: none; }
}



/* TITLE & BREADCRUMB
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.title-wrapper {
	margin-top: 30px;
	margin-bottom: 20px;
}

.title-icon {
	font-size: 25px;
	color: #4099ff;
	float: left;
}

.crumb-text {
	font-size: 12px;
	margin-right: 10px;
}

@media (max-width:768px) {
	.title-wrapper { text-align: center; }
	.title-icon 	{ float: none; }
	.crumb-text 	{ text-align: center; margin: 0; }
}



/* FORMS
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

label {
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
	font-size: 14px;
}

.form-control { border: 1px solid #4099ff; }

.form-rounded {
	border-radius: 30px;
	padding: 25px 20px 25px 30px;
}

.form-trnsprnt {
	background: transparent;
	border: none;
	color: #FFF;
	border-bottom: 1px solid #d2ac2a;

	/* remove arrow for dropdowns */
	-moz-appearance: none;
	-webkit-appearance: none;
}
select::-ms-expand { display: none; }


.form-line {
	background: transparent;
	border: none;
	color: #000;
	border-bottom: 1px solid #000;

	/* remove arrow for dropdowns */
		-moz-appearance: none;
	-webkit-appearance: none;
	height: 30px;
}



/* BUTTONS
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.btn-rounded {
	border-radius: 30px;
	padding: 15px;
}



/* TABLE
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: #ecf7ff;
}

table.table-hover tbody tr:hover {
    background-color: #ecf5ff;
}

table.table-hover tbody tr td:hover {
    background-color: #eafbf8;
}



/* FOOTER
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.footer {
	font-family: 'Raleway', sans-serif;
	font-size: 10px;
	background: #ffffff;
	color: #67757c;
	/* left: 220px; */
	padding: 20px 15px 20px 0;
	/* position: absolute; */

	-webkit-box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
			  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
}

.footer a {
	color: #67757c;
	font-weight: normal;
	text-decoration: underline;

	-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;
}

.footer a:hover, .footer a:focus { color: #000; }

.login-footer {
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	color: #FFF;
	padding: 20px 0 0 0;
}



/* OTHERS
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.view-title { margin-bottom: 0; font-size: 10px; }
.view-info { margin-top: 0; font-size: 15px; }

.underline-red {
	max-width: 100px;
	border-bottom: 2px solid red;
}

@media (max-width: 768px) {
	.underline-red {
		margin: 0px auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}
}



/* CARD MEDIA SETTINGS
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.card {
	background: #ffffff;
	margin: 15px 0;
	padding: 20px;
	border: 0 solid #e7e7e7;
	border-radius: 5px;
	box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
	/*box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);*/
}

.rmShadow { box-shadow: 0px 0 0px rgba(0, 0, 0, 0.1); }
.card-body { padding: 0; }

@media (max-width: 768px) {
	.card { display: inline-block; width: 100%; }
}

.media-body p {
	margin-bottom: 10px;
	line-height: 16px;
	color: #99abb4;
}
.media-text-right { text-align: right; }
.media-text-left { text-align: left; }

.browser .progress { height: 8px; }
.progress { height: 6px; }
.progress-bar { background-color: #4680ff; }
.progress-animated {
	animation-duration: 5s;
	animation-name: myanimation;
	transition: all 5s ease 0s;
}
@keyframes myanimation { 0% { width: 0; } }
@keyframes myanimation { 0% { width: 0; } }



/* DASHBOARD ICONS
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.dashIcon {
	display: block;
	width: 80px;
	height: 80px;
	padding-top: 20%;
	border-radius: 50%;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
}
.dashIcon-blue {
	background: #d6f6fb;
	border: 3px solid #10d1ea;
	color: #10d1ea;
}

.dashIcon-red {
	background: #fee2eb;
	border: 3px solid #fb5090;
	color: #fb5090;
}

.dashIcon-orange {
	background: #fbe6c7;
	border: 3px solid #ffb64d;
	color: #ffb64d;
}

.dashIcon-green {
	background: #e6f5e1;
	border: 3px solid #82c869;
	color: #82c869;
}