@font-face {
	font-family: 'Araboto';
	src: url('../fonts/Araboto Normal 400.ttf');
}

body {
	font-family: 'Araboto', sans-serif;
}

.navbar { 
	padding: 0;
	justify-content: normal;
}

/*--------------------------------------------------*/

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding: 10px;
  position: relative;
}

html, body, form, fieldset, table, tr, td, img {
    margin: 0;
    padding: 0;
	#letter-spacing: 0.05em;
}

input, button, select, textarea, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
	#letter-spacing: 0.05em;
}

/* rest of your styles; like: */
body {
    font-size: 0.875em;
}

.sidebar {
	position: fixed;
	top: 50px;
	bottom: 0;
	left: 0;
	#z-index: 100; /* Behind the navbar */
	#padding: 54px 0 0; /* Height of navbar */
	#box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
	width: 18%;
}

.sidebar-sticky {
	top: 0;
	height: calc(100vh - 84px);
	padding-top: .5rem;
	overflow-x: hidden;
	overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

@media (max-width: 992px) {
	[role="main"] {
		padding-left: 0.5rem; 
		padding-right: 0.5rem;
	}
	
	.navbar-collapse {
		position: fixed;
		top: 50px;
		left: 0;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		width: 60%;
		height: 100%;
	}

	.navbar-collapse.collapsing {
		left: -75%;
		transition: height 0s ease;
	}

	.navbar-collapse.show {
		left: 0;
		transition: left 300ms ease-in-out;
	}

	.navbar-toggler.collapsed ~ .navbar-collapse {
		transition: left 500ms ease-in-out;
	}
}

@media (min-width: 992px) {
	[role="main"] {
		padding-top: 125px;
		padding-left: 35px; 
		padding-right: 35px;
	}
}

hr {
	margin-top: 1px;
	border: 0;
	clear:both;
	display:block;
	width: 96%;               
	background-color: #E1E1E1;
	height: 1px;
}

/*date picker*/
.datepicker-modal {
	z-index:1151 !important;
}



a:hover {
	text-decoration: none;
}

*:focus {
    outline: 0 !important;
}

.file-upload-btn {
	width: 125px;
	height: 25px;
	margin-top: 5px;
	color: #fff;
	background: #0275d8;
	border: none;
	border-radius: 4px;
	border-bottom: 4px solid #015297;
	transition: all .2s ease;
	outline: none;
	font-weight: 300;
}

.file-upload-btn:hover {
	background: #025ead;
	color: #ffffff;
	transition: all .2s ease;
	cursor: pointer;
}

.file-upload-btn:active {
	border: 0;
	transition: all .2s ease;
}

.file-upload-content {
	display: none;
	height: 125px;
	width: 125px;
	border: 2px solid #000;
	padding: 10px;
	align-items: center;
	justify-content: center;
}

.file-upload-input {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	outline: none;
	opacity: 0;
	cursor: pointer;
}

.image-upload-wrap {
	border: 2px solid #000;
	background-image: url("../img/no-image.png");
	background-size: 125px 125px;
	position: relative;
	width: 125px;
	height: 125px;
}

.file-upload-image {
	max-height: 100px;
	max-width: 100px;
	position: relative;
}

/* ----------------------------------------------------------- */

@media (max-width: 992px) {
	.login-body {
		padding: 20px 20px;
	}
	
	.login-title {
		text-align: center;
		font-size: 35px;
	}
	
	.login-subtitle {
		text-align: center;
		font-size: 18px;
	}
	
	.login-body form {
		margin-top: 52px;
	}
	
	.login-body .btn-lg {
		margin-top: 40px;
	}
	
	.login-body img {
		width: 180px;
	}
	
	.title-div {
		margin-top: 40px;
	}
	
	.btn-faq {
		margin-right: 25px;
	}
}

@media (min-width: 992px) {
	.login-body {
		padding: 20px 60px;
	}
	
	.login-title {
		font-size: 50px;
	}
	
	.login-subtitle {
		font-size: 20px;
	}
	
	.login-body form {
		margin-top: 82px;
	}
	
	.login-body .btn-lg {
		margin-top: 80px;
	}
	
	.login-body img {
		width: 275px;
	}
	
	.title-div {
		margin-top: 75px;
	}
	
	.btn-faq {
		margin-right: 40px;
	}
}

.circle {
	align-items: center;
	display: flex;
	height: 50px;
	justify-content: center;
	width: 50px;
}

.gradient-bg {
	background: rgb(177,35,37);
	background: linear-gradient(166deg, rgba(177,35,37,1) 0%, rgba(122,34,36,1) 54%, rgba(69,32,33,1) 100%);
}