@import url('https://fonts.googleapis.com/css?family=Poppins|Raleway');

body {
	width: 100%;
	height: 100%;
}

html {
	width: 100%;
	height: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
}

p {
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	line-height: 1.5;
}

a {
	color: #34c5f3;
	-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 { text-decoration: none; color: #272460; }


/* CONTENT WRAPPER
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.content_wrapper {
	width: 100%;
	position: absolute;
	padding: 20px 0 0 200px;
	background-color: #fafafa;
}

@media (max-width: 1330px) {
	.content_wrapper { padding: 20px 0 0 40px; }
}

@media (max-width: 765px) {
	.content_wrapper { padding: 0; }
}


/* NAVBAR - TOP
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

nav.topbar {
	margin:0;
	/*font-family: 'Raleway', sans-serif;*/
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	background-color: rgba(255, 255, 255, 1);
	z-index: 11;
	border-radius: 0;
	border: none;

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

nav.topbar { min-height: 95px; }
nav.topbar .navbar-nav > .open > a, nav.topbar .navbar-nav > .open > a:hover, nav.topbar .navbar-nav >.open > a:focus { background-color: transparent; }

nav.topbar li.title > a { color: #FFF; background-color: #204188; }
nav.topbar li.title > a:hover { color: #FFF; background-color: #204188; }

nav.topbar .navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 95px;
	 color: #204188;
}

nav.topbar .navbar-nav > li > a:hover { color: #5ac3ff; }

nav.topbar .dropdown-header {
	color: #FFF;
	padding-top: 10px;
}

@media (max-width: 768px) {
	nav.topbar { min-height: auto; }
	nav.topbar .navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 20px;
	}
}

nav.topbar .dropdown-menu { top: 95px; background-color: #5ac3ff; }
nav.topbar .dropdown-menu > li > a { font-size: 16px; color: #FFF; padding: 10px 10px 10px 20px; }
nav.topbar .dropdown-menu > li > a:hover { color: #000; background-color: #FFF; padding: 10px 10px 10px 30px; }

@media (min-width: 768px) {
	nav.topbar .dropdown-menu:before {
		position: absolute;
		content: "\f0d8";
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;	/* font Awesome not working without this */
		color: #5ac3ff;
		font-size: 40px;
		top: -35px;
		left: 63%;
	}
}

.brandImg { max-width: 200px; }

@media (max-width: 768px) {
	.brandImg { max-width: 80px; }
}

.navTopMenu {
	margin-top: 20px;
	font-size: 68px;
}

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

nav.sidebar {
	/*font-family: 'Raleway', sans-serif;*/
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
	font-size: 14px;
	background-color: rgba(255, 255, 255, 1);
	z-index: 10;
	border-radius: 0;
	border: none;
	margin: 0;

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

	-webkit-transition: margin 200ms ease-out;
		-moz-transition: margin 200ms ease-out;
		  -o-transition: margin 200ms ease-out;
			  transition: margin 200ms ease-out;
}

nav.sidebar .navbar-nav > li > a { color: #000; } 	/* main menu */

nav.sidebar li.title > a { color: #FFF; background-color: #204188; }
nav.sidebar li.title > a:hover { color: #FFF; background-color: #204188; }

nav.sidebar .dropdown-menu > li > a {
	line-height: 50px;
	height: 50px;
	padding-top: 0px;
}

nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
	color: #FFF;						/*1st dropdown hover text color*/
	background-color: #009ed8;			/*1st dropdown hover background color*/
}

nav:hover .forAnimate { opacity: 1; }

@media (min-width: 765px) {
	nav.sidebar:hover { margin-left: 200px; }
	nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0px; }

	nav.sidebar .navbar-brand, nav.sidebar .navbar-header {
		text-align: center;
		width: 100%;
		margin-left: 0px;
	}

	nav.sidebar a { padding-right: 13px; }
	/*nav.sidebar .navbar-nav > li:first-child { border-top: 1px #e5e5e5 solid; }*/
	/*nav.sidebar .navbar-nav > li { border-bottom: 1px #000 solid; }*/

	nav.sidebar .navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		border: 0;
		background-color: transparent;	/*1st dropdown background color*/

		-webkit-box-shadow: none;
				box-shadow: none;
	}

	nav.sidebar .navbar-collapse, nav.sidebar .container-fluid { padding: 0 0px 0 0px; }
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #777; }

	nav.sidebar {
		width: 200px;
		height: 100%;
		margin-left: -160px;
		float: left;
		margin-bottom: 0px;
	}

	nav.sidebar li { width: 100%; }
	nav.sidebar:hover { margin-left: 0px; }
	.forAnimate { opacity: 0; }
}

@media (min-width: 1330px) {
	nav.sidebar { margin-left: 0px; float: left; }
	nav.sidebar .forAnimate { opacity: 1; }
}

.sidebarIcons { font-size:16px; }

/* PAGE TITLES AND BREADCRUMB
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.page-titles {
	background: #ffffff;
	margin: -20px 0 20px -20px;
	padding: 120px 0 0 20px;
	position: relative;
	z-index: 5;
	-webkit-box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
			box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
}

.page-titles h3 {
	margin-bottom: 0;
	margin-top: 0;
}

.page-titles .breadcrumb {
	padding: 0;
	background: transparent;
	font-family: 'Raleway', sans-serif;
	/*font-family: 'Poppins', sans-serif;*/
	font-size: 14px;
}

.page-titles .breadcrumb li {
	margin-top: 0;
	margin-bottom: 0;
}
.page-titles .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
	content: "\f0da";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;	/* font Awesome not working without this */
	color: #a6b7bf;
	font-size: 11px;
}
.page-titles .breadcrumb .breadcrumb-item.active { color: #99abb4; }

@media (min-width: 768px) {
	.page-titles .breadcrumb { float: right; }
}
@media (max-width: 768px) {
	.page-titles { padding: 80px 0 0 20px; }
	.page-titles h3 { margin-top: 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; } }


/* LOGGED IN FORM
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.form-group {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
}

.form-control {
	border: 1px solid #2d358a;
	border-radius: 0 10px 0 10px;
	box-shadow: none;
	/*height: 40px;*/
}

.form-control select {
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;

	background:url(../imgs/selectArrow.png) no-repeat;
	background-position: 99% 5px;
}

.sel-menu {
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;

	background:url(../imgs/selectArrow.png) no-repeat;
	background-position: 99% 5px;
}

label {
	font-family: 'Poppins', sans-serif;
	cursor: pointer;
}


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

.btn {
	font-family: 'Raleway', sans-serif;
	/*font-family: 'Poppins', sans-serif;*/

	-webkit-transition: all 0.4s;
		 -o-transition: all 0.4s;
	   -moz-transition: all 0.4s;
			transition: all 0.4s;
}

.btn-blue {
	font-size: 14px;
	padding: 10px 20px 10px 20px;

	color: #FFF;
	background-color: #009ed8;
	border-color: #009ed8;
	border-radius: 0 25px 0 10px;
}

.btn-blue:hover, .btn-blue:focus, .btn-blue:active {
	color: #fff;
	background-color: #2d358a;
	border-color: #2d358a;
}

.btn-white {
	font-size: 14px;
	padding: 10px 20px 10px 20px;

	color: #490000;
	background-color: #FFF;
	border-color: #FFF;
	border-radius: 0 25px 0 10px;
}

.btn-white:hover, .btn-white:focus, .btn-white:active {
	color: #fff;
	background-color: #490000;
	border-color: #fff;
}

.btn-red {
	font-size: 14px;
	padding: 10px 20px 10px 20px;

	color: #FFF;
	background-color: #bd0000;
	border-color: #FFF;
	border-radius: 0 25px 0 10px;
}

.btn-red:hover, .btn-red:focus, .btn-red:active {
	color: #fff;
	background-color: #490000;
	border-color: #fff;
}

.btn-orange {
	font-size: 14px;
	padding: 10px 20px 10px 20px;

	color: #000;
	background-color: #ffae00;
	border-color: #FFF;
	border-radius: 0 25px 0 10px;
}

.btn-orange:hover, .btn-orange:focus, .btn-orange:active {
	color: #fff;
	background-color: #a97300;
	border-color: #fff;
}

.btn-green {
	font-size: 14px;
	padding: 10px 20px 10px 20px;

	color: #000;
	background-color: #0cae00;
	border-color: #FFF;
	border-radius: 0 25px 0 10px;
}

.btn-green:hover, .btn-green:focus, .btn-green:active {
	color: #fff;
	background-color: #087400;
	border-color: #fff;
}


/* ANIMATION DELAYS
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.ani-del-1 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }
.ani-del-2 { -webkit-animation-delay: 0.1s; animation-delay: 0.2s; }
.ani-del-3 { -webkit-animation-delay: 0.1s; animation-delay: 0.3s; }
.ani-del-4 { -webkit-animation-delay: 0.1s; animation-delay: 0.4s; }
.ani-del-5 { -webkit-animation-delay: 0.1s; animation-delay: 0.5s; }
.ani-del-6 { -webkit-animation-delay: 0.1s; animation-delay: 0.6s; }
.ani-del-7 { -webkit-animation-delay: 0.1s; animation-delay: 0.7s; }
.ani-del-8 { -webkit-animation-delay: 0.1s; animation-delay: 0.8s; }


/* MARGINS & PADDINGS
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.ma-0 { margin: 0; }
.mb-0 { margin-bottom: 0; }
.mb-20 { margin-bottom: 20px; }
.mt-0 { margin-top: 0; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-lg-20 {}
.mt-xs-20 {}

.img-c-xs {}

.pt-xs-50 {}
.pt-xs-0-sm-25 { padding-top: 25px; }
.pb-xs-20 {}

.txt-rc-xs, .txt-rc-sm { text-align: right; }
.txt-lc-xs, .txt-lc-sm { text-align: left; }

@media (max-width: 768px) {
	.pt-xs-50 { padding-top: 50px; }
	.pt-xs-0-sm-25 { padding-top: 0; }
	.pb-xs-20 { padding-bottom: 20px; }
	.mt-xs-20 { margin-top: 20px; }
	.txt-rc-xs, .txt-lc-xs { text-align: center; }
	.img-c-xs { display: block; margin-left: auto; margin-right: auto; }
}

@media (max-width: 992px) {
	.txt-rc-sm, .txt-lc-sm { text-align: center; }
}

@media (max-width: 1200px) {
	.mt-lg-20 { margin-top: 20px; }
}


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

.blink { animation: blinker 0.7s linear infinite; }
@keyframes blinker {
	50% { opacity: 0; }
}

.img-rounded {
	 border-radius: 50%;
	 border: 8px solid #fbed21;
	 max-width: 150px;

	 box-shadow: 0 0 5px #fbed21;
}

.f-s-40 {font-size: 40px !important;}s

.f-c-DBlue { color: #4680ff; }
.f-c-Blue { color: #26dad2; }
.f-c-Orange { color: #ffb64d; }
.f-c-red { color: #fc6180; }
.f-c-green { color: #008606; }
.f-c-white { color: #FFF; }

.bg-DBlue 	{ background: #4680ff; }
.bg-Blue 	{ background: #26dad2; }
.bg-Orange 	{ background: #ffb64d; }
.bg-Dred	 	{ background: #760000; }
.bg-red	 	{ background: #fc6180; }
.bg-green 	{ background: #26da90; }
.bg-white 	{ background-color: #ffffff; }


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

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

.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; }

@media (max-width: 1330px) { .footer { left: 50px; } }
@media (max-width: 765px)  { .footer { left: 0; } }

.dashIcon {
	display: block;
	width: 80px;
	height: 80px;
	padding-top: 20%;
	border-radius: 50%;
	font-size: 30px;
	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;
}