.otpoption {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight:500;
}

.otpoption input {
	margin: 0;
	margin-left: 20px
}

.otpoption label {
	display: inline-block !important;
	margin-bottom: 0 !important
}

.lead_track {
	font-weight: 400;
	color: #1a1a1a;
	font-size: 16px;
	line-height: 1;
	margin-top: 20px;
	display: block
}

.success {
	color: red
}

.login-form {
	position: relative
}

.login-form .loader {
	width: 100%;
	height: 100%;
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #ededed;
	display: none
}

.login-form .loaderText {
	width: 100px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 28%;
	margin: -27px 0 0 -50px;
	text-align: center;
	font-size: 11px;
	font-weight: 700
}

.login-form .loaderText span {
	display: inline-block;
	margin-bottom: 7px;
	width: 32px;
	height: 32px;
	border: 1px solid transparent;
	border-top-color: #000;
	border-right-color: #000;
	animation: round 1s infinite linear;
	-webkit-animation: round 1s infinite linear;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%
}

.topic_heading {
	font-weight: 700;
	display: inline-block;
	margin-bottom: 8px
}

.report_search {
	display: inline-block;
	width: 100%
}

[class*=btn-icon] {
	background-position: center;
	background: #ed4757;
	background: -moz-linear-gradient(-45deg, #ed4757 0%, #dd4c76 100%);
	background: -webkit-linear-gradient(-45deg, #ed4757 0%, #dd4c76 100%);
	background: linear-gradient(135deg, #ed4757 0%, #dd4c76 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed4757', endColorstr='#dd4c76', GradientType=1);
	font-size: 12px;
	line-height: 1;
	color: #fff;
	display: inline-block;
	padding: 5px;
	min-width: 24px;
	min-height: 24px
}

.site-header img {
	width: 62%
}

.button-group [class*=btn-] {
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px
}

@keyframes round {
	from {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

#advance_search {
	padding: 14px 13px 13px
}

section.panel {
	width: 100%;
	display: block;
	margin: 20px 0 0;
	padding: 15px;
	background-color: #fff;
	border: 1px solid #dfdfdf;
	border-radius: 6px;
	-webkit-border-radius: 6px
}

section.panel .button-group {
	float: right
}

section.panel ul {
	margin: 35px 0 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
	display: block
}

section.panel ul li {
	width: 100%;
	display: block;
	margin: 5px 0
}

section.panel ul li strong {
	font-weight: 500;
	color: #ff4f49
}

section.panel ul li lable {
	float: right
}

.hideMsg {
	text-align: left;
	display: none
}

.hideMsg.open {
	display: inline
}

.readmore {
	margin-top: 10px
}

@media all and (max-width:767px) {
	.login-box .logo-container {
		padding: 10px 0
	}

	.login-box .logo-container img {
		width: auto
	}
}

.rel {
	position: relative
}

.defaultloader {
	width: 100%;
	height: 100%;
	z-index: 2;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(244, 244, 244, .94);
	display: none
}

.defaultloader .loaderText {
	width: 100px;
	height: 54px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -27px 0 0 -50px;
	text-align: center;
	font-size: 11px;
	font-weight: 700
}

.defaultloader .loaderText span {
	display: inline-block;
	margin-bottom: 7px;
	width: 32px;
	height: 32px;
	border: 1px solid transparent;
	border-top-color: #f26334;
	border-right-color: #f26334;
	animation: round 1s infinite linear;
	-webkit-animation: round 1s infinite linear;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%
}

@keyframes round {
	from {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

.table-default .active {
	padding: 0 0 2px 23px;
	background: url(../img/check-icon.png) no-repeat left 0
}

.table-default .suspend {
	padding: 0 0 2px 23px;
	background: url(../img/cross-icon.png) no-repeat left 0
}

.message {
	margin-bottom: 10px
}

.message.success {
	background: #090 url(../img/msg-success.png) no-repeat 10px 7px;
	padding: 7px 10px 7px 35px;
	color: #fff;
	font-weight: 500
}

.message.error {
	background: red url(../img/msg-cancel.png) no-repeat 10px 7px;
	padding: 7px 10px 7px 35px;
	color: #fff;
	font-weight: 500
}

.dropdown {
	width: 100px;
	float: left;
	line-height: 40px
}

.dropdown:nth-child(2) {
	width: 200px;
	float: left;
	line-height: 40px
}

table.table-default tbody tr td.norecord {
	padding: 100px 0;
	text-align: center;
	font-size: 24px;
	color: red;
	font-weight: 300
}

table.table-default tbody tr td.norecord img {
	margin: 0 0 10px
}

.page-header h2 {
	font-weight: 400
}

@media all and (max-width:979px) {
	.edit {
		margin: 8px 0;
		display: inline-block
	}

	.recdelete {
		margin: 8px 0;
		display: inline-block
	}
}

.form-row .col-half span {
	display: inline-block;
	margin-bottom: 4px;
	font-weight: 400
}

ul.pagination {
	padding: 40px 0 0
}

ul.pagination li {
	display: inline-block;
	margin: 0 3px
}

ul.pagination li a {
	padding: 10px 15px;
	background-color: #f47c7c;
	color: #fff;
	-webkit-transition: .3s all linear;
	-moz-transition: .3s all linear;
	transition: .3s all linear
}

ul.pagination li.active a,
ul.pagination li a:hover {
	background-color: #ff2935
}

.nav-sidebar {
	background-color: #515151;
	overflow-y: scroll;
	height: 800px
}

.nav-sidebar ul li.active ul {
	display: block
}

.nav-sidebar ul li.active a,
.nav-sidebar ul li:hover a {
	border-left-color: #444;
	background-color: #444;
	position: relative
}

.nav-sidebar ul li a {
	position: relative;
	font-size: 14px;
	padding: 12px
}

.nav-sidebar ul li a i {
	margin-right: 8px;
	font-size: 14px;
	width: auto;
	height: auto
}

.nav-sidebar ul li ul {
	margin: 0
}

.inner {
	display: none
}

.inner.show {
	display: block
}

.nav-sidebar ul li ul li {
	border-top: 1px solid rgba(255, 255, 255, .15) !important
}

.nav-sidebar ul li ul li a {
	padding: 12px 35px 12px 55px;
	font-size: 12px;
	color: #c4c4c4;
	background-color: #515151 !important;
	border-left: 0 !important;
	-webkit-transition: .3s all linear;
	-moz-transition: .3s all linear;
	-ms-transition: .3s all linear;
	-o-transition: .3s all linear;
	transition: .3s all linear
}

.nav-sidebar ul li ul li a:hover,
.nav-sidebar ul li ul li a.active {
	background-color: #444 !important;
	padding-left: 65px;
	color: #fff
}

.nav-sidebar ul li ul li a::before {
	content: "\f101";
	position: absolute;
	top: 10px;
	left: 35px;
	font-size: 14px;
	font-family: fontawesome;
	transition: ease .5s
}

.nav-sidebar ul li a.toggle::before {
	font-family: fontawesome;
	content: "\f105";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 15px
}

.nav-sidebar button.menu-toggle {
	margin-top: 10px;
	margin-right: 8px
}

#profile::after {
	content: "";
	display: table;
	clear: both
}

#profile {
	padding: 10px 15px;
	float: left;
	position: relative
}

#profile div {
	float: left
}

#profile div+div {
	margin-left: 15px
}

#profile div i {
	font-size: 42px;
	color: #2ca5d3
}

#profile h4 {
	margin-top: 6px;
	font-family: open sans, sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 0
}

#profile small {
	font-size: 91%;
	color: #c4c4c4
}

.nav-sidebar.collapsed #profile {
	display: none
}

.nav-sidebar.collapsed.new-menu {
	overflow: visible !important
}

.nav-sidebar.collapsed ul li a.toggle {
	position: relative
}

.nav-sidebar.collapsed ul li ul.inner.show {
	display: block
}

.nav-sidebar.collapsed ul li ul.inner {
	position: absolute;
	left: 100%;
	margin-top: -45px;
	display: block;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .3s all linear;
	-moz-transition: .3s all linear;
	-ms-transition: .3s all linear;
	-o-transition: .3s all linear;
	transition: .3s all linear
}

.nav-sidebar.collapsed ul li:hover ul.inner {
	visibility: visible;
	opacity: 1
}

.nav-sidebar.collapsed ul li ul li a {
	padding: 12px 35px
}

.nav-sidebar.collapsed ul li ul li a:hover {
	padding: 12px 35px
}

.nav-sidebar.collapsed ul li ul li a::before {
	left: 15px
}

.login-form-section .form-row label {
	display: block;
	font-size: 14px;
	margin-bottom: 5px
}

.col-full.combo {
	position: relative
}

.col-full.combo i {
	position: absolute;
	display: block;
	top: 50%;
	transform: translateY(-50%);
	left: 100%;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #000;
	color: #fff;
	padding-top: 2px;
	text-align: center;
	font-size: 10px;
	font-weight: 700;
	font-family: open sans, sans-serif
}

.col-full.combo span {
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	margin-left: 30px;
	background-color: #000;
	color: #fff;
	border-radius: 5px;
	line-height: 1.2;
	padding: 10px;
	z-index: 1;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: .4s all linear;
	-moz-transition: .4s all linear;
	-o-transition: .4s all linear;
	-ms-transition: .4s all linear;
	transition: .4s all linear
}

.col-full.combo span::after {
	content: "";
	position: absolute;
	top: 15px;
	left: -5px;
	width: 15px;
	height: 15px;
	background-color: #000;
	transform: rotate(45deg);
	z-index: -1
}

.col-full.combo p:hover span {
	visibility: visible;
	opacity: 1
}

.col-half,
.col-full {
	position: relative
}

.col-half>span,
.col-full>span {
	line-height: 24px
}

.col-half>strong,
.col-full>strong {
	display: inline-block;
	position: relative;
	margin-left: 4px
}

.col-half>strong>i,
.col-full>strong>i {
	width: 15px;
	height: 15px;
	display: block;
	margin-top: -3px;
	border-radius: 50%;
	background-color: #000;
	color: #fff;
	padding-top: 1px;
	text-align: center;
	font-size: 10px;
	font-weight: 700;
	font-family: open sans, sans-serif
}

.col-half small,
.col-full small {
	display: block;
	position: absolute;
	transform: translateY(-50%);
	top: -20px;
	left: 35%;
	width: 250px;
	margin-left: 25px;
	background-color: #000;
	color: #fff;
	font-size: 12px;
	border-radius: 5px;
	line-height: 1.4;
	padding: 10px;
	z-index: 1;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: .4s all linear;
	-moz-transition: .4s all linear;
	-o-transition: .4s all linear;
	-ms-transition: .4s all linear;
	transition: .4s all linear
}

.col-half small::after,
.col-full small::after {
	content: "";
	position: absolute;
	bottom: 10px;
	left: -5px;
	width: 15px;
	height: 15px;
	background-color: #000;
	transform: rotate(45deg);
	z-index: -1
}

.col-half strong:hover small,
.col-full strong:hover small {
	visibility: visible;
	opacity: 1
}

#profile div:last-child {
	position: absolute;
	top: 65px;
	left: 55px;
	margin-left: 0;
	width: 100%
}

#profile div:last-child a {
	display: inline-block
}

#profile div:last-child a:first-child {
	margin-right: 20px
}

#profile div:last-child a:hover {
	color: #ed4757
}

#profile div:last-child a .fa {
	font-size: 16px;
	padding-top: 5px;
	margin-right: 5px;
	color: #fff
}

.nav-sidebar.new-menu .clear {
	padding-bottom: 20px
}

.nav-sidebar ul li.formobile {
	visibility: hidden;
	opacity: 0;
	display: none
}

.nav-sidebar {
	overflow-y: scroll !important;
	height: 790px
}

.nav-sidebar.new-menu.collapsed ul li.formobile {
	visibility: visible;
	opacity: 1;
	display: block
}

@media all and (max-width:1400px) {
	.nav-sidebar {
		height: 658px !important
	}
}