/*** MAIN CSS ***/
@font-face {
	font-family: 'latoregular';
	src: url('../fonts/lato-regular-webfont.woff2') format('woff2');
	font-weight: normal;
	font-style: normal
}

html {
	position: relative;
	height: auto;
	min-height: 100vh;
	scroll-behavior: smooth;

}

body {
	font-size: 14px;
	height: auto !important;
}

.modal-body {
	background: #fafafa;
}

.modal-lg .table-responsive {
	background: #fff;
	border: 1px solid #ddd;
}

.top_filter {
	position: absolute;
	right: 15px;
}

.scrollTable thead th {
	position: sticky;
	top: 0;
	z-index: 1;
}

.scrollTable table {
	border-collapse: collapse;
	width: 100%;
}

.header-fixed table {
	height: 250px;
	display: -moz-groupbox;
}

.header-fixed tr {
	width: 100%;
	display: inline-table;
	table-layout: fixed
}

.header-fixed th,
.header-fixed td {
	text-align: left !important;
	font-size: 12px;
}

.header-fixed tbody {
	overflow-y: scroll;
	height: 250px;
	width: 97%;
	position: absolute;
}

.scrollTable .table-bordered td,
.table-bordered th {
	white-space: nowrap;
}

.modal-lg {
	max-width: 80% !important;
}

.modal-lg label {
	vertical-align: top;
}

* {
	margin: 0;
	padding: 0;
	outline: 0;
	-webkit-font-smoothing: antialiased;
	-font-smoothing: antialiased;
}

.topheading1 {
	padding: 10px !important;
}

.acctransactiondiv:hover {
	text-decoration: underline;
}

.headertable td {
	padding: .4rem;
	font-size: 14px !important;
	background: #97144d;
	border-left: 1px solid #fff;
	white-space: nowrap;
	color: #fff;
	font-weight: normal
}

.tax_icon {
	font-size: 50px !important;
	color: #ddd;
}

.font_big {
	font-size: 20px;
}

.small_box {
	max-width: 450px;
	text-align: center;
	margin: 0px auto;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	position: relative;
	padding: 3px;
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15) !important;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15) !important;
}

.ui-grid-selectable .ui-grid-disable-selection {
	-webkit-touch-callout: default !important;
	-webkit-user-select: text !important;
	-khtml-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	user-select: text !important;
	cursor: auto !important;
}

.ui-grid-top-panel {
	background: #97144d;
}

.ui-grid-viewport {
	overflow-y: scroll;
	max-height: 300px !important;
}

/********** HEADER ************/
.login_wrapper #header {
	box-shadow: none;
	background: 0;
}

#header {
	width: 100%;
	height: 55px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 77;
	box-shadow: none;
	border: 0;
	background: #fff;
}

.logo_header {
	background: #97144d;
	width: 100%;
	height: 23px;
	margin: 0;
	padding: 0;
	position: absolute
}

.brand_title {
	font-size: 13px;
	font-family: 'latoregular' !important;
}

.line_sep {
	padding-right: 6px;
	padding-left: 0px;
	vertical-align: text-bottom;
}

.font-italic {
	font-style: italic;
	vertical-align: text-bottom;
}

.logobg {
	background: url('../imgs/axis_logobg.png') no-repeat 0% 0%;
	height: 55px;
	width: 200px;
	float: left;
	margin-left: -155px;
	margin-top: 0px;
}

.logo_img {
	z-index: 999;
	float: left;
	width: 262px;
	color: #fff;
	font-family: 'latoregular' !important;
	background: #97144d;
	padding: 15px 0px 0 19px;
	position: relative;
	height: 54px;


}

.logo_img img {
	width: 50%;
}

.maincontent {
	margin: 70px 0 50px 0;
	width: 100%;
	padding-left: 63px;
	padding-bottom: 50px;
}

.change_password {
	border: none !important;
}

.change_password label {
	margin-bottom: 0px !important;
}

.change_password input {
	padding: 0px 0px !important;
}

/* .page_title {
	margin-top: 25px;
	font-weight: bold;
	color: #666;
	font-size: 1rem;
	position: fixed;
} */

/* Updated */
.page_title {
	top: 2.4em;
	font-weight: bold;
	color: #666;
	font-size: 1rem;
	position: fixed;
	z-index: 100;
	left: 50%;
	line-height: 0;
	transform: translateX(-50%);
}

.profile_details button {
	background: none;
	border: 0px;
	color: #97144d;
}

.profile_details button:hover {
	color: #555;
}

.profile_details button:hover,
.btn-primary.dropdown-toggle {
	margin-top: 3px;
	background: none !important;
	border: 0px !important;
	box-shadow: none !important;
	color: #97144d !important;
	font-size: 14px;
}

.loginbg {
	background: rgba(0, 0, 0, 0.8);
}

#sidenav {
	width: 60px;
	position: fixed;
	top: 54px;
	left: 0;
	height: 100%;
	background: #fff;
	box-shadow: 2px 0 5px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 2px 0 5px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: 2px 0 5px 1px rgba(0, 0, 0, .1);
	-o-box-shadow: 2px 0 5px 1px rgba(0, 0, 0, .1);
	-ms-box-shadow: 2px 0 5px 1px rgba(0, 0, 0, .1);
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	z-index: 999;
	overflow-x: hidden;
	border-top: 1px solid #ddd;
	padding-bottom: 50px
}

#sidenav .panel {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	border: 0
}

#sidenav .list-group-item {
	position: relative;
	display: block;
	padding: 5px 15px;
	margin-bottom: 0;
	background-color: #fff;
	border: 0;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	width: 100%;
	white-space: nowrap;
	font-size: 14px;
	color: #505050
}

#sidenav .list-group-item .dashicon {
	width: 50px;
	text-align: center;
	margin-left: -9px;
	color: #505050 !important
}

#sidenav .list-group-item:first-child,
#sidenav .list-group-item:last-child {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

#sidenav .list-group-item .posright {
	position: absolute;
	left: 200px
}

#sidenav .list-group-item.active {
	color: #fff;
	position: relative;
	background: #97144d;
}

#sidenav .list-group-item.active i {
	color: #fff !important;
}

#sidenav .list-group-item.active:before {
	content: '';
	width: 5px;
	height: 100%;
	background: #97144d;
	position: absolute;
	left: 0;
	top: 0
}

#sidenav .list-group-submenu1 a {
	background: #97144d;
	color: #fff;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s
}

#sidenav .list-group-submenu1 a:hover {
	background: #787878
}

#sidenav ul {
	margin: 0;
	padding: 0
}

#sidenav ul li {
	width: 100%;
	white-space: nowrap;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	list-style: none;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s
}

#sidenav ul li i {
	width: 50px;
	text-align: center;
	margin-left: -9px
}

#sidenav ul li a {
	text-transform: none;
	color: rgba(0, 0, 0, .6);
	font-weight: 700;
	padding: 10px;
	display: block
}

#sidenav ul li a:focus {
	text-decoration: none
}



#sidenav ul li:hover a {
	color: #444;
	text-decoration: none
}

#sidenav ul li ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	height: 0;
	transition: height .4s
}

#sidenav ul li ul li {
	list-style: none;
	display: block;
	width: 100%;
	background: #ae275f
}

#sidenav ul li ul li a {
	color: #fff;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s
}

#sidenav ul li ul li a:hover {
	background: #841e48
}

#sidenav ul .active {
	position: relative
}

#sidenav ul .active:before {
	content: '';
	width: 5px;
	height: 100%;
	background: #ae275f;
	position: absolute;
	left: 0;
	top: 0
}

@media (max-width :480px) {
	#sidenav {
		display: none;
	}

	.maincontent {
		padding: 15px;
	}
}

#sidenav .mobuser {
	padding: 10px;
	background: #ddd;
	white-space: nowrap
}

#sidenav .mobuser a {
	text-decoration: none;
	text-transform: uppercase;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	color: rgba(0, 0, 0, .8)
}

#sidenav .mobuser a:hover {
	color: #ae275f
}

.showmenus {
	width: 260px !important
}

.dropdown-menu {
	background: #fff;
}

.dropdown-menu li:hover {
	background: #fff;
	color: #fff !important;
}

.dropdown-menu li {
	border-bottom: 1px solid #ddd;
	color: #555;
	padding: 5px 0px;
}

.dropdown-menu li:last-child {
	border-bottom: 0px;
}

.dropdown-menu li a {
	color: #000 !important;
}

.ui-grid-header-cell .sortable {
	background: #97144d !important;
}

.lastlogin {
	font-size: 12px;
	margin-top: 10px;
	float: left;
}

.username {
	display: inline-block !important;
	text-transform: lowercase;
}

.header-right .username {
	text-transform: uppercase;
}

.token_bg {
	background: url('/assets/imgs/bg-axis.jpg');
	background: #f8f8f8 url('/assets/imgs/bg-homepage.jpg') 0% 0% no-repeat;
	background-size: cover;
}

.token_img {
	background: #f2f2f2;
	padding: 10px;
	margin-left: 0px;
	/* margin-top: 43px!important; */
	min-height: 192px;
	padding-top: 38px;
	border-left: 2px solid #dc4ca6;
}

.loginbg .logo {
	left: 0px !important;
}

a:focus {
	outline: none;
	outline-offset: -2px;
}

body {
	font-family: 'latoregular' !important;
	font-size: 1.6rem;
	margin: 0;
	padding: 0;
	outline: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-font-smoothing: antialiased;
	/* font-smoothing: antialiased; */
	background-attachment: fixed;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
	font-weight: normal;
	color: #434344;
	font-size: 1.5em;

}

.loginbg:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	/* background: rgba(0, 0, 0, 0.2); */
	background-size: cover;
	background-attachment: fixed;
	z-index: -1;
	opacity: 0.5;
	background-color: #F2F2F2;
}

@font-face {
	font-family: 'futura_lt_btlight';
	src: url('/assets/fonts/futura_light_bt-webfont.eot');
	src: url('/assets/fonts/futura_light_bt-webfont.eot?#iefix') format('embedded-opentype'),
		url('/assets/fonts/futura_light_bt-webfont.woff') format('woff'),
		url('/assets/fonts/futura_light_bt-webfont.ttf') format('truetype'),
		url('/assets/fonts/futura_light_bt-webfont.svg#futura_lt_btlight') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1 {
	font-size: 4.0rem;
	margin: 0;
}

h2 {
	font-size: 2.2rem;
	margin: 0;
	font-weight: bold;
}

h3 {
	font-size: 1.6rem;
	margin: 0;
	font-weight: bold;
}

h4 {
	font-size: 1.8rem;
	margin: 0;
}

h5 {
	font-size: 1.6rem;
	font-weight: 700;
}

a {
	color: #dc4c82;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
	color: #ae275f
}

.news .panel-body a {
	text-decoration: none;
	color: #97144d !important;
	font-size: 16px;
}

.nopadding {
	padding: 0px;
}

.nomargin {
	margin: 0px !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.pt5 {
	padding-top: 5px !important;
}

.pad5 {
	padding: 5px !important;
}

.pad10 {
	padding: 10px !important;
}

.pad20 {
	padding: 20px !important;
}

.pad30 {
	padding: 30px !important;
}

.pad40 {
	padding: 40px !important;
}

.pad50 {
	padding: 50px !important;
}

.padtb10 {
	padding: 30px 0px;
}

.nopadd {
	padding: 0px !important;
}

.burgundy {
	color: #97144d !important;
}

.pink_color {
	color: #97144d;
}

.font-bold {
	font-weight: 700;
}

.border1 {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

a:focus,
a:hover,
a {
	color: #97144d;
}

.errormessage {
	font-size: 12px;
	color: #97144d;
}

/********* BUTTONS************/
.md-button {
	color: #fff !important;
	background: #97144d !important;
	min-width: 50px !important;
}

.md-dialog-content {
	padding: 0px !important;
}

.md-title {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: .005em;
	background: #999;
	padding: 10px;
	background-color: rgba(181, 181, 181, 0.55) !important;
	color: #000;
	border-bottom: 1px solid #97144d;
	text-align: center;
}

.md-dialog-content-body {
	font-size: 16px;
	padding: 10px;
	color: #333;
}

.actbtn_burgandy {
	margin: 10px 0px;
	text-align: center;
	overflow: hidden;
	width: 100%;
	background: transparent;
	color: #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	border: 0px;
	position: relative;
	line-height: 40px;
	height: 40px;
	vertical-align: middle;
	padding: 0px 20px;
	font-size: 16px;
	font-weight: normal;
	background: #97144d;
}

.actbtn_disabled {
	margin: 10px 0px;
	text-align: center;
	overflow: hidden;
	width: 100%;
	background: transparent;
	color: #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	border: 0px;
	position: relative;
	line-height: 40px;
	height: 40px;
	vertical-align: middle;
	padding: 0px 20px;
	font-size: 16px;
	font-weight: normal;
	background-color: #A9A9A9;
}

.tokenmodal .actbtn_disabled {
	width: 130px;
	line-height: 35px;
	height: 35px;
	padding: 0px 5px 0px 5px;
	border: 0px;
	background: #A9A9A9;
	color: #fff !important;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	font-size: 14px;
	margin: 0px;
	margin-left: 5px;
	cursor: pointer;
}

.actbtn_burgandy:hover {
	background: #555;
}

.actbtnwidth {
	width: 130px;
	padding: 7px 5px 7px 5px;
	border: 0px;
	background: #97144d;
	color: #fff !important;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	font-size: 14px;
	margin-left: 5px;
	cursor: pointer;
}

#menu .active {
	color: #ae275f !important;
}

.text-end {
	text-align: end !important;
}

.showdropdown {
	display: block !important;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.bggray {
	background: #cacaca;
}

.lbg {
	background: #f3f3f3;
}

.mneglr {
	margin-left: -15px;
	margin-right: -15px;
}

.nonegmar {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.highcharts-axis-labels tspan {
	font-size: 14px;
	font-weight: bold;
}

.highcharts-yaxis {
	letter-spacing: 1px;
	font-weight: bold;
}

.highcharts-legend-item {
	line-height: 30px
}

.highcharts-title {
	font-size: 20px;
	font-weight: bold
}

.highchartscontainer,
.highcharts-container,
.highcharts-container svg {
	height: 100%;
	max-width: 100%;
}

.graph {
	height: 400px;
}

#compare_balance1 .highcharts-legend-item {
	display: none;
}

@media (min-width : 700px) {
	.graph {
		height: 250px;
	}
}

button[type=button]:disabled,
button[type=submit]:disabled {
	cursor: not-allowed;
}

.highbg {
	padding: 50px 10px;
	background: #f7b6ce;
}

.posrel {
	position: relative;
}

.card {
	width: 100%;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	font-size: 15px;
	float: left;
	position: relative;
	padding: 3px;
}

.main-page {
	margin-top: 60px;
	margin-bottom: 70px;
}

.token_content {
	background: rgba(255, 255, 255, 0.9);
}

.token_img_content {
	padding-left: 0px;
}

.token_img_content img {
	margin-top: 20px;
	border-left: 2px solid #dc4c82;
	min-height: 17px;
	padding: 0px 0px;
}

.showmenus {
	left: 0px !important;
}

.toglebtn .fa-bars:before {
	content: "\f0c9";
}

.activetoggle .fa-bars:before {
	content: "\f00d" !important;
}

.actbtn {
	width: auto;
	width: auto;
	padding: 0px 5px 1px 5px;
	border: 0px;
	background: #97144d !important;
	color: #fff !important;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	font-size: 14px;
	margin-left: 5px;
	cursor: pointer;
}

.actbtn_nostyle {
	background: none;
	border: 0px;
}

button:focus {
	outline: 0px;
}

.caret {
	content: "\f0d7";
	font-family: fontawesome;
	position: absolute;
	top: 10px;
	right: 10px;
	pointer-events: none;
	color: #dc4c82;
	font-size: 16px;
}

.fa-angle-right {
	font-size: 23px !important;
	vertical-align: middle !important;
	margin-top: -4px !important;
	font-weight: bold
}

.viewmore:hover {
	color: #97144d;
}

.actbtn a:hover {
	background: #ae275f !important;
	color: #fff !important;
}

.actbtn:hover {
	background: #555 !important;
	color: #fff !important;
}

.hidesearch .col-lg-2,
.hidesearch .col-lg-3 {
	height: 65px;
}

.expand_input {
	height: 40px;
}

.expand_input .expand {
	top: -4px;
}

.act.btn-big {
	width: auto;
	padding: 10px 20px;
	border: 1px solid #ab1b5c;
	background: #fff;
	color: #ab1b5c;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	font-weight: bold;
	font-size: 18px;
}

.burgandy_text {
	color: #97144d;
}

.pfont p {
	font-size: 14px;
}

.actbtn-big:hover {
	background: #ab1b5c;
	color: #fff;
}

.smlbtn {
	width: auto;
	background: transparent;
	border: 0;
	font-size: 14px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.smlbtn:hover {
	text-decoration: underline;
}

.green-text {
	color: green;
	font-weight: 700;
}

.terms h3 {
	font-size: 20px;
	color: #ae275f;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 50px;
}

.terms ul {
	margin: 0;
	margin-left: 15px;
	padding: 0;
}

.bg-grey {
	color: #434344;
	padding-bottom: 0px !important;
}

.p-n p {
	margin-bottom: 0px;
}

.bg-white {
	background-color: #fff;
	color: #434344;
}

.total-records span {
	font-size: 15px;
}

.panelsection {
	min-height: 200px;
}

.color-burgundy {
	color: #97144d;
}

.b-b {
	border-bottom: 1px solid #e4e7ea;
	line-height: 2.5em;
}

.terms ul li {
	width: 100%;
	margin-bottom: 10px;
}

.terms ul li ul {
	margin-top: 10px;
}

.terms ul li ul li {
	width: 100%;
	margin-bottom: 10px;
}

.bgnew {
	background: url('/assets/imgs/resetpasswordbg.jpg') no-repeat;
	background-size: cover;
}

.sectitle_dark {
	color: #444;
	font-weight: 500;
	font-size: 18px;
	border-bottom: 1px solid #ddd;
	display: block;
	cursor: move;
}

.sectitle_dark_left {
	display: block;
	cursor: move;
	background: #464646;
	padding: 0px 10px;
	background-image: linear-gradient(top, #6f6f6f, #464646);
	background-image: -o-linear-gradient(top, #6f6f6f, #464646);
	background-image: -moz-linear-gradient(top, #6f6f6f, #464646);
	background-image: -webkit-linear-gradient(top, #6f6f6f, #464646);
	background-image: -ms-linear-gradient(top, #6f6f6f, #464646);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6f6f6f),
			to(#464646));
	filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0,
			startColorstr=#6f6f6f, endColorstr=#464646);
	color: white;
	height: 32px;
	line-height: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 15px;
	font-family: arial, sans-serif;
}

.dev-widget .sectitle_dark_left {
	border-bottom: 1px solid #ddd;
}

.label {
	padding: 2px 3px;
}

.col-form-label {
	font-size: 14px;
}

.form-group {
	width: 100%;
}

.sectitle_dark_left span a {
	position: relative;
	color: #333;
}

.sectitle_dark_left .btn {
	font-size: 12px;
	float: right;
	margin-top: 5px;
}

.sectitle_dark_left span {
	padding: 3px 0px;
	display: inline-block;
	position: relative;
	font-size: 16px;
}

.sectitle_dark span {
	padding: 3px 20px;
	display: inline-block;
	position: relative;
}

.nav-link {
	padding: .2rem 1rem;
}

.success_msg {
	font-size: 12px;
	margin-top: 20px;
	background: #82ab84;
	display: inline-block;
	text-align: center;
	color: #fff;
	/* margin: 0; */
	padding: 4px 6px;
	border-radius: 3px;
}

.tokenheading {
	height: 40px;
	background: #f4f4f4;
	background-image: linear-gradient(top, #e5e5ef, #f3f3f3);
	background-image: -o-linear-gradient(top, #e5e5ef, #f3f3f3);
	background-image: -moz-linear-gradient(top, #e5e5ef, #f3f3f3);
	background-image: -webkit-linear-gradient(top, #e5e5ef, #f3f3f3);
	background-image: -ms-linear-gradient(top, #e5e5ef, #f3f3f3);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5e5ef),
			to(#f3f3f3));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
			startColorstr=#e5e5ef, endColorstr=#f3f3f3);
	position: relative;
	font-size: 15px;
	vertical-align: top;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	color: #000000;
	font-weight: bold;
	text-align: center;
	box-shadow: 0px 1px 5px 0px #d5d5d8;
}

.tokenheading h3 {
	line-height: 42px;
	line-height: 42px;
	background: -webkit-linear-gradient(left, #ae275f, #373737);
	background: -webkit-linear-gradient(left, #ae275f, #373737);
	background: linear-gradient(left, #ae275f, #373737);
	/* -webkit-background-clip: text; */
	-webkit-text-fill-color: transparent;
	display: inline-block;
	font-family: 'FuturaBT-Medium';
	font-size: 1.2em;
	line-height: 2.2em;
}

.tokenheading .fa-mobile,
.tokenheading .fa-hdd-o {
	font-size: 69px;
	line-height: 42px;
	line-height: 42px;
	background: -webkit-linear-gradient(left, #ae275f, #373737);
	background: -webkit-linear-gradient(left, #ae275f, #373737);
	background: linear-gradient(left, #ae275f, #373737);
	/* -webkit-background-clip: text; */
	-webkit-text-fill-color: transparent;
	display: inline-block;
	/* font-family: 'FuturaBT-Medium'; */
	font-size: 1.2em;
	line-height: 0.9em;
	vertical-align: text-top;
}

.alerts1 {
	padding: 0px 100px;
}

.tokenbg {
	margin-top: 20px;
	padding: 26px 25px;
	background: #f8f8f8;
	background-image: linear-gradient(top, #f7f7f7, #f8f8f8);
	background-image: -o-linear-gradient(top, #f7f7f7, #f8f8f8);
	background-image: -moz-linear-gradient(top, #f7f7f7, #f8f8f8);
	background-image: -webkit-linear-gradient(top, #f7f7f7, #f8f8f8);
	background-image: -ms-linear-gradient(top, #f7f7f7, #f8f8f8);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7),
			to(#f8f8f8));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
			startColorstr=#f7f7f7, endColorstr=#f8f8f8);
	-webkit-box-shadow: inset 0px 1px 1px 0px #ffffff;
	-moz-box-shadow: inset 0px 1px 1px 0px #ffffff;
	box-shadow: inset 0px 1px 1px 0px #ffffff;
	font-size: 12px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #e8e8e8;
}

.minwidth320 {
	min-width: 100% !important;
}

.modal {
	text-align: center;
}

@media (min-width : 768px) {
	.minwidth320 {
		min-width: 320px !important;
	}

	.modal:before {
		display: inline-block;
		vertical-align: middle;
		content: " ";
		height: 100%;
	}
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.btngray {
	background: rgba(0, 0, 0, 0.1);
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	min-height: 91px;
	margin: -5px 10px -5px 5px;
	vertical-align: middle;
	line-height: 91px;
}

.red {
	color: #97144d;
}

.text-red {
	font-size: 12px;
	color: #97144d;
}

.keyboard-text {
	font-size: 14px;
	color: #97144d;
	margin-bottom: 20px;
	width: 100%;
}

.pagination {
	display: inline-block;
	margin-top: 0px;
}

.pagination_select .bootstrap-select:not

/* (
[
class
*=
col-
]
 
) */
/* :not
 
(
[
class
*=
form-control
]

	
) */
/* :not
 
(
.input-group-btn
 
){
width
:
 
65
px
;


} */
.pagination a {
	color: #555;
	float: left;
	padding: 0px 12px;
	text-decoration: none;
	border: 1px solid #ddd;
	font-size: 12px;
	border-radius: 0px;
	background: #fff;
}

.ui-grid-menu-button {
	margin-top: 5px !important;
}

.deleterecord input[type='text'],
select {
	height: 25px;
}

.deleterecord {
	background: #eee;
	padding-top: 3px;
}

.actionbtn {
	float: right;
	z-index: 9;
	margin-top: 20px;
	text-align: right;
	position: absolute;
	right: 25px;
}

.pagination_select .btn {
	padding: 2px 6px !important;
}

.pagination_select .dataTables_length,
.pagination_select .dataTables_filter,
.pagination_select .dataTables_paginate,
.pagination_select .dataTables_info {
	display: none;
}

.gridtable .form-control {
	border-radius: inherit;
	width: auto;
	display: inline-block;
	margin-left: 15px;
	margin-top: 2px;
	margin-bottom: 4px !important;
}

.pagination a.active {
	background-color: #97144d;
	color: white;
	border: 1px solid #97144d;
}

.advancesearch {
	background: #edf1f2;
	padding-bottom: 25px !important;
}

.advancesearch .expand {
	top: 28px;
}

.pagination

/* a
:hover
:not
 
(
.active
 
)
{
background-color
:
 
#ddd
;


} */
.highlight_text {
	color: #97144d !important;
}

.modal .highlight_text .fa {
	font-size: 15px;

}

.next {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.newssection .modal-body p {
	font-size: 15px;
}

.newssection .modal-title {
	width: 100%;
	text-align: center;
	text-transform: uppercase;
}

.info_icon {
	border: 1px solid #97144d;
	color: #97144d;
	padding: 0px 4px;
}

.confirm_icon {
	border: 1px solid green;
	color: green;
	padding: 0px 4px;
}

.fa-exclamation {
	vertical-align: middle;
	color: #97144d;
	border: 1px solid #97144d;
	border-radius: 100%;
	width: 19px;
	height: 19px;
	text-align: center;
	line-height: 19px;
}

.prev {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #ae275f;
	border-color: #ae275f;
}

input[type='text'],
select {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	border: 1px solid #bfbfbf;
	font-size: 14px;
	position: relative;
	height: 1.625rem;
	padding: 0 0.5rem;
	vertical-align: top;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #333;
}

.input-group-addon {
	font-size: 18px;
	background: #ddd;
	padding: 3px 4px 0px 4px;
	border-radius: 0px 4px 4px 0px;
	-webkit-border-radius: 0px 4px 4px 0px;
	-moz-border-radius: 0px 4px 4px 0px;
	font-size: 14px;
}

select {
	width: 100%;
}

.ag-cell-edit-input {
	background: #fff !Important
}

input[type='text']:focus {
	border-color: #ae275f;
}

/******* SMALL MODAL POPUP ***********/

/* The Modal (background) */
.md-dialog-container {
	top: 0px !important;
	z-index: 999;
	position: fixed;
}

.messagemodal {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 1;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
}

/* Modal Content */
.messagemodal .modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 1px solid #888;
	width: 80%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}

.fade-scale {
	transform: scale(0);
	opacity: 0;
	-webkit-transition: all .60s linear;
	-o-transition: all .60s linear;
	transition: all .60s linear;
}

.fade-scale.in {
	opacity: 1;
	transform: scale(1);
	text-align: center;
}

.modal-open {
	overflow: hidden;
	overflow-y: auto;
}

.newssection .modal-dialog {

	min-width: 25rem !important;
	display: inline-block;
}

.modal-lg {
	width: 80% !important;
	max-width: 80%
}

.form-control {
	font-size: 0.9rem !important;
}

#news p {
	margin-bottom: 0px;
	font-size: 14px;
}


/* Add Animation */

@-webkit-keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}

}

@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}

}

::-webkit-scrollbar-thumb {
	background: #ddd;
}

::-webkit-scrollbar-track {
	background: #666;
}

::-webkit-scrollbar {
	width: 12px;
	height: 10px;
	border-radius: 0px;
}

::-webkit-scrollbar-track {
	background-color: rgba(50, 50, 50, 0.05);
	border-radius: 5px;
}

::-webkit-scrollbar-thumb {
	background-color: rgb(128 128 128/ 60%);
	border: 2px solid transparent;
	border-radius: 0px;
	background-clip: padding-box;
}

/* The Close Button */
.close {
	color: #97144d !Important;
	float: right;
	font-size: 28px;
	font-weight: bold;
	opacity: 1 !important;
	border: none;
	background: none;
	line-height: normal;
}

/* .modal-backdrop.show {
	filter: alpha(opacity=70);
	opacity: .8;
}

.modal-backdrop.in {
	filter: alpha(opacity=70);
	opacity: .8;
} */

.modal-backdrop.show {
	filter: alpha(opacity=30);
	/* IE fallback */
	opacity: 0.3;
	/* lighter backdrop */
}

.modal-backdrop.in {
	filter: alpha(opacity=30);
	/* IE fallback */
	opacity: 0.3;
	/* lighter backdrop */
}

.modal-dialog-scrollable .modal-body {
	overflow-y: scroll;
	height: 400px;
	overflow-x: hidden;
}

.fixedfilter {
	background: #ddd;
	padding: 5px;
	margin-top: -15px;
	position: fixed;
	z-index: 9;
	border-bottom: 1px solid #aaa;
	width: 99%
}

.modal-dialog-centered .modal-dialog-scrollable {
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
}

.modal-backdrop {
	background-color: #222733;
}

.close:hover,
.close:focus {
	color: #8e8484;
	text-decoration: none;
	cursor: pointer;
}

.modal-header {
	background-color: rgba(181, 181, 181, 0.55) !important;
	padding: 7px 10px 5px 10px !important;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-bottom: 1px solid #97144d;
	display: flex !important;
	justify-content: space-between;
}

.modal-footer {
	padding: 7px 10px 5px 10px !important;
	background-color: rgba(95, 94, 94, 0.02) !important;
}

#header marquee li {
	display: inline-block;
	margin-bottom: 0px;
	padding-left: 15px;
	font-size: 13px;
}

#header marquee ul {
	margin-left: 10px;
	padding-top: 10px;
}

.marquee {
	float: right
}

label {
	font-size: 0.9rem;
	margin-bottom: 5px;
}

.corpcode_sel label {
	font-size: 15px;
	vertical-align: top;
}

.corpcode_sel .expandnfullwidth {
	top: -7px;
}

.messagemodal .modal-header {
	padding: 2px 16px;
	background-color: #949494;
	color: white;
}

.messagemodal .modal-body {
	padding: 2px 16px;
}

.resetpasswordform input {
	background: #ffffff;
	border: 1px solid #bfbfbf;
	font-size: 0.875rem;
	/* font-family: Arial, Helvetica, sans-serif; */
	font-family: 'latoregular';
	line-height: normal;
	height: 2.2rem;
	padding: 0 0.75rem;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.resetpasswordform .resetcaptcha {
	width: 78%;
}

.resetpasswordform .actbtn {
	height: 2.200rem;
	margin-top: 10px;
}

.resendotp {
	margin-left: 10px;
	color: #97144d;
}

.sendotpmsg {
	margin-left: 90px;
}

.tokenmodal .modal-md {
	max-width: 750px;
}

.tokenmodal p {
	margin-bottom: 0px;
}

@media (min-width : 768px) {
	.modal-dialog {
		width: 80%;
		margin: 60px auto;
	}
}

.modal-title {
	color: #111;
	font-size: 17px;
}

.bootstrap-select.btn-group .dropdown-menu li a {
	outline: 0;
}

.bootstrap-select.btn-group .dropdown-menu li a:focus {
	outline: 0px;
}

.regenerate {
	cursor: pointer;
	color: #fff;
}

.fltrbtn {
	cursor: pointer;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.fltrbtn:hover {
	color: #ae275f;
}

.ui-datepicker {
	font-size: 14px !important;
	margin: 0 auto;
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
	border-radius: 0px;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #f9ecec;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
	border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
}

a.ui-state-default.ui-state-highlight {
	background: #97144d;
	color: #fff !important;
}

.datepicker td,
.datepicker th {
	width: 2.5rem;
	height: 1.599rem;
	font-size: 0.8rem;
	text-align: center;
}

.focused,
.month:hover,
.day:hover {
	background: #ddd;
	cursor: pointer;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.datepicker-switch {
	background: #eee;
	cursor: pointer;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

td.today.day,
td.active.day {
	background: #97144d;
	color: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.datepicker-days {
	margin-top: 3px;
	background: #f2f2f2
}

.datepicker-days th.next,
.datepicker-days th.prev,
.datepicker-switch {
	cursor: pointer;
}

.datepicker table tr td span {
	display: block;
	width: 23%;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 1%;
	cursor: pointer;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#calendar table {
	width: 100%
}

.table td,
.table th {
	padding: .4rem;
}

.table tr:hover {
	background: #ddd;
	cursor: default;
}

.widget-wrapper {
	width: 100%;
	max-width: 90%;
	margin: 0 auto;
}

#overlayWrap {
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(255, 255, 255, 0.5);
	z-index: 99;
	display: none;
}

.pager_list {
	width: 65px;
	height: 20px;
}

.pagination {
	vertical-align: middle;
}

#overlayWrap .loading-spin {
	top: 50%;
	left: 50%;
	position: fixed;
}

#overlayWrap .loading-spin .fa-spinner:before {
	font-size: 30px;
}

#loading {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	display: block;
	z-index: 99;
	text-align: center;
	opacity: 0.7;
	background-color: #fff;
}

#loading-image {
	position: fixed;
	z-index: 100;
	/*border: 16px solid #f3f3f3;*/
	/*border-radius: 50%;*/
	/*border-top: 16px solid #ae275f;*/
	width: 100px;
	height: 100px;
	-webkit-animation: spin 2s linear infinite;
	/* Safari */
	animation: spin 2s linear infinite;
	top: 45%;
	left: 45%;
	transform: translate(-50%, -50%);
	transform: -webkit-translate(-50%, -50%);
	transform: -moz-translate(-50%, -50%);
	transform: -ms-translate(-50%, -50%);
}

.loader {
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 120px;
	height: 120px;
	-webkit-animation: spin 2s linear infinite;
	/* Safari */
	animation: spin 2s linear infinite;
}

/* Safari */

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform:



			rotate (360 deg);



	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform:



			rotate (360 deg);



	}
}

/*** HEADER START ****/
#header .toglebtn {
	display: inline-block;
	width: 60px;
	/* float: left; */
	line-height: 50px;
	position: absolute;
	left: 0;
	top: 0;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	text-align: center;
	font-size: 18px;
	cursor: pointer;
	background: #ab1b5c;
	color: #797979;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	height: 50px;
}

#header .toglebtn:hover {
	color: #ae275f;
}

#header .logo {
	display: inline-block;
	/* float: left; */
	line-height: 43px;
	position: absolute;
	left: 60px;
	top: 0;
	/* border-right: 1px solid #f5f5f5; */
	padding: 2px 15px;
	/* background: #fff; */
	z-index: 9999;
}

#header .logo img {
	vertical-align: middle;
}

#header .projecttitle {
	display: block;
	line-height: 50px;
	/* vertical-align: middle; */
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 300;
	color: #bfbfbf;
	text-align: center;
}

#header .userinfo {
	width: auto;
	display: inline-block;
	/* float: right; */
	padding: 0px 15px;
	border-left: 1px solid rgba(0, 0, 0, 0.3);
	line-height: 50px;
	vertical-align: middle;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	position: relative;
	cursor: pointer;
	font-size: 14px;
	color: #a7a4a4;
	margin-top: -59px;
	z-index: 9999;
}

#header .userinfo a {
	font-size: 14px;
	color: #a7a4a4;
	text-decoration: none;
	text-transform: capitalize;
}

#header .userinfo a:hover {
	text-decoration: none;
}

#header .userinfo .submenu {
	width: 100%;
	min-width: 150px;
	position: absolute;
	top: 100%;
	right: 0;
	background: #f5f5f5;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	display: none;
	box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1);
}

#header .userinfo .submenu li {
	list-style: none;
	border-top: 1px solid #ddd;
	line-height: 30px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}

#header .userinfo .submenu li:first-child {
	border-top: 0px;
}

#header .userinfo .submenu li a {
	display: block;
	padding: 5px 8px;
}

#header .userinfo .submenu li:hover {
	background: #ae275f;
	color: #fff;
}

#header .userinfo .submenu li:hover a {
	color: #fff;
}

#header .userinfo .fa-user-circle-o {
	font-size: 18px;
	vertical-align: middle;
	color: #b02f65;
}

#header .userinfo:hover {
	background: rgba(0, 0, 0, 0.1);
}

#header .axislogo {
	width: 120px;
	display: inline-block;
	/* float: right; */
	line-height: 50px;
	vertical-align: middle;
	text-align: right;
}

#header .axislogo img {
	width: 100%;
	max-width: 116px;
}

/*** HEADER END ****/
/*** LOGIN WRAPPER START ****/
.loginwrapper {
	width: 100%;
	/* max-width: 300px; */
	max-width: 330px;
	background: #fff;
	margin: 0 auto;
	position: relative;
	margin: 0px auto;
	min-height: 375px;
	position: relative;
	margin-top: 20px;
}

.loginwrapper_sso {
	width: 100%;
	/* max-width: 300px; */
	/* max-width: 330px; */
	background: #fff;
	margin: 0 auto;
	position: relative;
	margin: 0px auto;
	min-height: 375px;
	position: relative;
	margin-top: 20px;
	text-align: center;
	font-size: large;
	align-content: center;
}

.login_wrapper input {
	font-size: 16px;
	font-size: 16px;
	padding: 5px 0;
	border: 0;
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
	background: #fff;
	width: 100%;
	box-sizing: border-box;
	transition: all .3s linear;
	color: #000;
	font-weight: 400;
	-webkit-appearance: none;
	border: none !important;
	border-bottom: 1px solid #e6e6e6 !important;
	box-shadow: none !important;
	font-family: 'latoregular' !important;
	height: auto;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	margin-left: 0px
}

.forgotpwd a {
	font-size: 14px;
	color: #97144d;
}

.floating-label {
	position: relative;
	/* margin-bottom: 25px; */
	width: 100%;
}

.loginfield input {
	width: 90%;
	float: left;
	border: none !important;
}

.loginfield {
	border-bottom: 1px solid #ddd;
	padding: 0px 2px !important;
}

.title span {
	padding: 6px 0;
	font-size: 16px;
	color: #97144d;
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
	font-weight: 700;
	border-bottom: 2px solid #97144d;
	width: 100%;
	font-family: 'latoregular' !important;
	margin: 0 auto;
	display: inline-block;
	margin-bottom: 20px;
	text-align: center;
	text-transform: uppercase;
}

.align-middle {
	max-width: 800px;
	margin: 0px auto;
	width: 100%;
}

.loginwrapper h2 {
	color: #fff;
	font-size: 28px;
	margin-bottom: 50px;
	padding-top: 30px;
}

.loginwrapper p {
	color: #555;
	text-align: center;
	font-size: 16px;
}

.loginwrapper p a {
	color: #fff;
}

.loginwrapper .usrname label,
.loginwrapper .pwd label {
	width: 100%;
	font-weight: 300;
	color: #fff;
	font-size: 22px;
}

.loginwrapper .usrname input,
.loginwrapper .pwd input {
	width: 100%;
	background: transparent;
	border: 0;
	margin-top: 5px;
	color: #fff;
	font-size: 18px;
	padding: 5px 10px;
}

.loginwrapper .usrname input::-webkit-input-placeholder,
.loginwrapper .pwd input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.7);
}

.loginwrapper .usrname .norborder,
.loginwrapper .pwd .norborder {
	content: '';
	position: absolute;
	top: 100%;
	left: 0px;
	height: 2px;
	width: 100%;
	background: rgba(255, 255, 255, 0.3);
}

.loginwrapper .usrname .hovborder,
.loginwrapper .pwd .hovborder {
	content: '';
	position: absolute;
	top: 100%;
	left: 0px;
	height: 2px;
	width: 0%;
	background: #ffffff;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
}

.loginwrapper .errormsg {
	width: 100%;
}

.loginwrapper .errormsg span {
	width: 100%;
	display: block;
	background: rgba(255, 255, 255, 0.7);
	color: #97144d;
	padding: 5px 10px;
	text-transform: capitalize;
	margin-bottom: 30px;
	font-size: 16px;
}

/* Use below class for login error msg display */
.loginwrapper .custErrormsg span {
	width: 100%;
	display: block;
	background: rgba(255, 255, 255, 0.7);
	color: #97144d;
	padding: 5px 10px;
	/* text-transform: capitalize; */
	margin-bottom: 15px;
	font-size: 16px;
}

.loginwrapper .captcha {
	width: 100%;
}

.loginwrapper .captcha input {
	padding: 5px 10px;
	background: transparent;
	border: 2px solid rgba(255, 255, 255, 0.5);
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	color: #fff;
}

.loginwrapper .captcha input:focus {
	border-color: #fff;
}

.loginwrapper .captcha input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: rgba(255, 255, 255, 0.7);
}

.loginwrapper .logbtn {
	margin: 20px 0px;
	text-align: center;
	overflow: hidden;
	width: auto;
	background: transparent;
	color: #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	border: 0px;
	position: relative;
	line-height: 40px;
	height: 40px;
	border: 2px solid #fff;
	vertical-align: middle;
	padding: 0px 20px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
}

.loginwrapper .logbtn input {
	width: auto;
	padding: 10px 20px;
	background: transparent;
	color: #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	border: 0px;
	font-size: 16px;
}

.loginwrapper .logbtn input:hover {
	background: #fff;
	color: #ae275f;
	box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.2);
}

.loginwrapper .logbtn a {
	width: auto;
	background: transparent;
	color: #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	border: 0px;
	font-size: 16px;
	position: relative;
	padding: 10px 20px;
	line-height: 40px;
	height: 40px;
	border: 2px solid #fff;
}

.loginwrapper .logbtn a span.normal {
	color: #fff;
	position: relative;
	top: 0;
	left: 0;
	/*vertical-align: middle; height: 35px;*/
	text-align: center;
	width: 100%;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	/*display: block;*/
}

.loginwrapper .logbtn a span.hover {
	color: #ae275f;
	position: absolute;
	top: 40px;
	left: 0;
	/* vertical-align: middle; */
	height: 35px;
	text-align: center;
	width: 100%;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	display: block;
}

.fa-lock,
.title_icon {
	background: #97144d;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	line-height: 20px !important;
	font-size: 14px !important;
}

.loginwrapper .logbtn a:hover,
.loginwrapper .logbtn a:focus {
	background: #fff;
	color: #ae275f;
	box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.2);
	text-decoration: none;
}

.loginwrapper .logbtn a:hover span.normal,
.loginwrapper .logbtn a:focus span.normal {
	top: -40px;
	text-decoration: none;
}

.loginwrapper .logbtn a:hover span.hover,
.loginwrapper .logbtn a:focus span.hover {
	top: 0px;
}

.loginwrapper .logbtn span.normal {
	color: #fff;
	position: relative;
	top: 0;
	left: 0;
	vertical-align: middle;
	height: 35px;
	text-align: center;
	width: 100%;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	/*display: block;*/
}

.loginwrapper .logbtn span.hover {
	color: #ae275f;
	position: absolute;
	top: 40px;
	left: 0;
	/* vertical-align: middle; */
	height: 35px;
	text-align: center;
	width: 100%;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	display: block;
}

.loginwrapper .logbtn:hover,
.loginwrapper .logbtn:focus {
	background: #fff;
	color: #ae275f;
	box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.2);
	text-decoration: none;
}

.loginwrapper .logbtn:hover span.normal,
.loginwrapper .logbtn:focus span.normal {
	top: -40px;
	text-decoration: none;
}

.loginwrapper .logbtn:hover span.hover,
.loginwrapper .logbtn:focus span.hover {
	top: 0px;
}

.loginwrapper .logbtn:before,
.loginwrapper .logbtn:after {
	content: '';
	display: table;
	clear: both;
}

.loginwrapper .btns {
	width: 100%;
	display: block;
	text-align: center;
}

.loginwrapper .btns a {
	color: rgba(255, 255, 255);
	text-decoration: none;
	padding: 6px 40px;
}

.notification {
	background: #f3f3f3;
	padding: 20px;
}

.notification p {
	font-size: 12px;
	color: #222;
}

.notification marquee {
	height: 75px;
}

.notification heading {
	font-weight: bold
}

.notification h6 {
	text-decoration: underline;
}

.notification ul li {
	margin-left: 10px;
}

/*** LOGIN WRAPPER END ****/
/*** SIDE MENUS ***/
#sidemenu {
	width: 250px;
	position: fixed;
	top: 50px;
	left: -260px;
	height: 100%;
	background: #ececec;
	box-shadow: 5px 0px 5px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 0px 5px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 0px 5px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 5px 0px 5px 3px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 5px 0px 5px 3px rgba(0, 0, 0, 0.1);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	z-index: 9999;
	padding-bottom: 45px;
	overflow-y: auto;
}

#sidemenu .list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: 0px;
	background-color: #fff;
	border: 0px;
	border-bottom: 1px solid #e0dada;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}

#sidemenu .list-group-item:hover {
	background: #cc054f;
	color: #fff;
}

#sidemenu .list-group-item:first-child,
#sidemenu .list-group-item:last-child {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

#sidemenu .mobuserinfo {
	padding: 10px;
	text-align: left;
	background: rgba(177, 9, 9, 0.15);
}

#sidemenu .mobuserinfo ul {
	width: 100%;
	margin: 0;
	padding: 0;
}

#sidemenu .mobuserinfo ul li {
	list-style: none;
	padding: 10px;
	border-bottom: 1px solid #ddd;
}

#sidemenu .mobuserinfo ul li i {
	font-size: 24px;
	color: rgba(0, 0, 0, 0.25);
}

#sidemenu .mobuserinfo ul li:last-child {
	border-bottom: 0px;
}

#sidemenu .mobuserinfo .logbtn {
	cursor: pointer;
}

#sidemenu .logoutbtn {
	position: absolute;
	bottom: 45px;
	left: 0px;
	width: 100%;
	background: #fff;
	text-align: left;
}

#sidemenu .logoutbtn button {
	background: transparent;
	border: 0;
	width: 100%;
	line-height: 45px;
	vertical-align: middle;
	text-align: left;
	height: 45px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}

#sidemenu .logoutbtn button i {
	padding: 10px;
	border-right: 1px dotted rgba(0, 0, 0, 0.1);
}

#sidemenu .logoutbtn button:hover {
	color: #ae275f;
}

/* ----STICKY HEADER----*/
.sticky-header {
	position: fixed;
	top: 0;
	left: 0px;
	width: 100%;
	z-index: 100;
	height: 55px;
}

.header-section {
	background: #FFF;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.21);
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.21);
	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.21);
	-o-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.21);
	width: 100%;
	height: 50px;
	/* border-bottom: 1px solid #d8d8d8; */
	box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.1);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
}

.header-section::after {
	clear: both;
	display: block;
	content: '';
}

.header-left {
	float: left;
	margin-left: 370px;
	display: none;
}

.header-right {
	float: right;
	margin-top: 18px;
	z-index: 99999;
	position: relative;
}

/* ----menu-icon----*/
button#showLeftPush {
	font-size: 24px;
	width: 60px;
	padding: 0em 0;
	text-align: center;
	cursor: pointer;
	float: left;
	color: #97144d;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	border: none;
	background: none;
	outline: none;
	margin-top: 18px;
	position: relative;
	z-index: 9999;
	display: none;
}

button#showLeftPush:hover {
	color: #555;
}

/*--push-menu-css--*/
.cbp-spmenu {
	position: fixed;
}

.cbp-spmenu-vertical {
	width: 220px;
	height: 100%;
	top: 50px;
	z-index: 1000;
	background: #97144d;
}

.cbp-spmenu-left {
	left: 0;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: -309px;
}

/* Push classes applied to the body */
.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
}

.cbp-spmenu-push-toright {
	left: 0;
}

/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;

}

.top-bar {
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}

.cbp-spmenu-push div#page-wrapper {
	margin: 4em 0 0 9em;
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	background-color: rgb(250, 250, 250);
}

.cbp-spmenu-push.cbp-spmenu-push-toright div#page-wrapper {
	margin: 0;
}

/*--//push-menu-css--*/

/*--side-menu--*/
.sidebar ul li {
	border-bottom: 1px ridge rgb(144, 35, 79);
	width: 100%
}

.sidebar ul li a {
	font-style: normal;
	position: relative;
	display: block;
	padding: 10px 20px;
	color: #fde9f1;
	white-space: nowrap;
	z-index: 2;
	background: #97144d;
	font-size: 0.84rem;
	border: none;
}

.nav>li>a:hover,
.nav>li>a:focus {
	text-decoration: none;
	background-color: transparent;
	transition: color 30ms ease-in-out, background-color 250ms ease-in-out;
	border-left: 3px solid #dc4c82;
}

.sidebar .arrow {
	float: right;
}

i.nav_icon {
	margin-right: 0.4em;
	font-size: 1.1em;
}

.fa {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.profile_details {
	float: right;
}

.main-content-after-login {
	position: relative;
	background-color: #f2f2f2;
	height: 100%;
	width: 100%;
	float: left;
}

.main-content-before-login {
	position: relative;
	background-color: #fff;
	height: 100%;
	width: 100%;
	float: left;
}

.sidebar ul li {
	border-bottom: 1px ridge rgb(144, 35, 79);
	width: 100%;
}

.sidebar .nav-second-level li a.active,
.sidebar ul li a.active {
	color: #97144d;
	/* background: #ffffff; */
	transition: color 30ms ease-in-out, background-color 250ms ease-in-out;
	border-left: 3px solid #dc4c82;
	background: #fff;
}

/*** SIDE MENUS END ***/
/*** #mainContent {
  width: 100%;
  margin: 70px 0px 30px;
  top: 50%;
    position: absolute;
    -webkit-transform: translate3d(0%, -65%, 0);
    -moz-transform: translate3d(0%, -65%, 0);
    transform: translate3d(0%, -65%, 0);
}***/
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #313131;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
}

.sidenav a {
	padding: 8px 8px 2px 32px;
	text-decoration: none;
	font-size: 20px;
	color: #818181;
	display: block;
	transition: 0.3s;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.sidenav a:hover {
	color: #f1f1f1;
}

.sidenav .closebtn {
	position: absolute;
	top: 44px;
	right: 12px;
	font-size: 36px;
	margin-left: 50px;
	color: #fff;
}

.openmenu {
	position: relative;
	z-index: 999;
	display: inline-block;
	width: 60px;
	/* float: right; */
	line-height: 50px;
	position: absolute;
	left: 0;
	top: 0;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	text-align: center;
	font-size: 18px;
	cursor: pointer;
	background: #fff;
	color: #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	background: #ae275f;
}

/* MAIN PAGE */
#mainContent {
	padding-top: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

#menu-switch:checked~#mainContent {
	margin-left: 300px;
}

em {
	margin-right: 5px;
}

/* MENU TOGGLE ICON */
#menu-toggle:focus {
	outline: none;
}

#menu-toggle {
	display: inline-block;
	position: fixed;
	z-index: 99;
	width: 60px;
	height: 50px;
	left: 0;
	cursor: pointer;
	top: 0;
	border: none;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	margin-bottom: 0px;
}

#menu-toggle:before,
#menu-toggle:after {
	position: absolute;
	content: "";

	/*****background-color: #ffffff;*****/
}

#menu-toggle i {
	text-align: center;
	padding-left: 20px;
	padding-top: 14px;
	font-size: 22px;
	width: 36px;
	color: #fff;
	height: 24px;
}

#menu-toggle:before {
	top: 12px;
	left: 25px;
	width: 2px;
	height: 27px;
}

#menu-toggle:after {
	top: 25px;
	left: 12px;
	width: 27px;
	height: 2px;
}

/* #menu-switch:checked ~ #mainContent #menu-toggle { */
/* -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);***/

/* } */

@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 15px;
	}

	.sidenav a {
		font-size: 18px;
	}
}

#mainContent {
	margin: 15px 0px 30px;
	margin-top: 20px;
}

#mainContent .pgtitile {
	font-size: 24px;
	color: #ae275f;
	text-align: center;
	width: 100%;
	font-weight: bold;
	margin-bottom: 15px;
	text-transform: uppercase;
	position: relative;
	margin-top: -56px;
	z-index: 99999;
}

.pgtitile {
	font-size: 24px;
	color: #ae275f;
	text-align: center;
	width: 100%;
	font-weight: 500;
	margin-bottom: 15px;
	text-transform: uppercase;
	position: relative;
	margin-top: 10px;
	z-index: 9999;
}

.logoutheading {
	font-size: 32px;
	color: #ae275f;
	text-align: center;
	width: 100%;
	font-weight: bold;
	margin-bottom: 15px;
	text-transform: uppercase;
	position: relative;
}

.topheading {
	padding: 10px;
	background: #dcdada;
}


.topheading1 {
	background: rgba(255, 255, 255, 0.5);
	padding: 4px;
}

.logoutpara {
	font-size: 24px;
}

#mainContent .pgtitile span {
	position: relative;
	text-transform: uppercase;
	text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);
}

#mainContent .pgtitile span:after {
	content: '';
	width: 50%;
	height: 3px;
	background: #ae275f;
	position: absolute;
	top: 110%;
	left: 25%;
}

#mainContent .crtprofile {
	width: 100%;
	cursor: pointer;
	font-size: 16px;
	text-align: right;
	display: inline-block;
	margin-bottom: 20px;
	margin: 10px 0px 20px auto;
}

#mainContent .contwrapper {
	width: 100%;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	margin: 10px 0px;
}

#mainContent .contwrapper .sectitle {
	color: #ae275f;
	font-weight: bold;
	font-size: 20px;
	border-bottom: 1px solid #ececec;
	display: block;
}

#mainContent .contwrapper .sectitle span {
	background: #ececec;
	padding: 8px 20px;
	display: inline-block;
	position: relative;
}

#mainContent .contwrapper .sectitle span:after {
	content: '';
	position: absolute;
	right: -44px;
	border-bottom: 44px solid #ececec;
	border-right: 44px solid transparent;
	top: 0px;
}

#mainContent .contwrapper:before,
#mainContent .contwrapper:after {
	content: '';
	display: table;
	clear: both;
}

#mainContent .actvitiywrapper {
	width: 100%;
	margin: 20px 0px;
	text-align: center;
}

#mainContent .actvitiywrapper .wrapper {
	width: 100%;
	background: rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	transform: rotate(-3deg);
}

#mainContent .actvitiywrapper .wrapper .count {
	padding: 10px;
	text-align: center;
	font-size: 18px;
	color: rgba(0, 0, 0, 0.5);
	font-weight: bold;
}

#mainContent .actvitiywrapper .wrapper .count span {
	font-size: 24px;
	color: #ae275f;
	font-weight: bold;
	margin-left: 10px;
}

#mainContent .actvitiywrapper .wrapper .status {
	padding: 20px;
	text-align: center;
}

#mainContent .actvitiywrapper .wrapper .amt {
	padding: 10px;
	text-align: center;
	font-size: 18px;
	color: rgba(0, 0, 0, 0.5);
	font-weight: bold;
}

#mainContent .actvitiywrapper .wrapper .amt span {
	font-size: 24px;
	color: #ae275f;
	font-weight: bold;
	margin-left: 10px;
}

#mainContent .actvitiywrapper .wrapper .success {
	background: #34a034;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
}

#mainContent .actvitiywrapper .wrapper .failure {
	background: #ea4141;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
}

#mainContent .actvitiywrapper .wrapper .pending {
	background: orange;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
}

#mainContent #calendar {
	text-transform: none;
	padding-bottom: 0px;
}

#mainContent #calendar table {
	width: 100%;
}

#mainContent #calendar .prev,
#mainContent #calendar .next {
	cursor: pointer;
	text-align: center;
}

#mainContent #calendar .today {
	background: #e51060;
	color: #fff;
	border-radius: 5px;
}

#mainContent #calendar .active {
	background: #ddd;
	border-radius: 5px;
}

#mainContent #calendar .disabled-date {
	border-radius: 5px;
	color: #ff0c0c;
}

#mainContent #calendar .datepicker-inline {
	width: 220px;
	margin: 0px auto;
}

#mainContent #news .panel-body {
	overflow: auto;
}

#mainContent #news .panel-default>.panel-heading {
	color: #000;
	background-color: #e4e4e4;
	border-color: #e4e4e4;
	padding: 5px 5px;
}

#calendar .ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	/* border: 0; */
	color: #333333;
}

.news .panel-heading:hover {
	background: #dadada !important;
}

.accounts-section p {
	margin-bottom: 0px !important;
}

#mainContent #news.panel-group {
	margin-bottom: 0px;
}

#mainContent #news .panel-default>.panel-heading a {
	text-decoration: none;
	font-weight: bold;
	font-weight: 700 !important;
	color: rgba(0, 0, 0, 0.8);
}

.b-b:last-child {
	margin-bottom: 0px;
}

#mainContent #news .panel-default>.panel-heading a h4 {
	font-weight: 500;
	font-size: 14px;
}

#mainContent #news .panel-default {
	border-color: #e4e4e4;
}

#mainContent .smallblock {
	width: 100%;
	background: #d8d8d8;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

#mainContent .smallblock .count {
	padding: 10px;
	text-align: center;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.5);
	font-weight: bold;
}

#mainContent .smallblock .count span {
	font-size: 20px;
	color: #ae275f;
	font-weight: bold;
	margin-left: 10px;
}

#mainContent .smallblock .status {
	padding: 5px;
	text-align: center;
	background: #ae275f;
	color: #fff;
}

#mainContent .smallblock .amt {
	padding: 10px;
	text-align: center;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.5);
	font-weight: bold;
}

#mainContent .smallblock .amt span {
	font-size: 20px;
	color: #ae275f;
	font-weight: bold;
	margin-left: 10px;
}

#mainContent .keyhighlight {
	width: 100%;
	margin: 0;
	padding: 0;
}

#mainContent .keyhighlight ul {
	width: 100%;
	margin: 0;
	padding: 0;
}

#mainContent .keyhighlight ul li {
	list-style: none;
	display: inline-block;
	width: 33.33%;
	/* float: left; */
	padding: 10px;
	box-sizing: border-box;
}

#mainContent .keyhighlight ul li .wrapper {
	width: 100%;
	max-width: 200px;
	margin: 0px auto;
	display: block;
	border: 2px dashed #ae275f;
	min-height: 200px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-o-border-radius: 100px;
	-ms-border-radius: 100px;
	text-align: center;
	overflow: hidden;
	position: relative;
	transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
}

#mainContent .keyhighlight ul li .wrapper .count {
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	height: 50px;
	text-align: center;
}

#mainContent .keyhighlight ul li .wrapper .count span {
	font-size: 24px;
	color: #ae275f;
	font-weight: 700;
}

#mainContent .keyhighlight ul li .wrapper .segment-title {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 50px;
	text-align: center;
	margin-top: -25px;
	background: rgba(0, 0, 0, 0.2);
	vertical-align: middle;
	line-height: 50px;
}

#mainContent .keyhighlight ul li .wrapper .amount {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	height: 30px;
	text-align: center;
}

#mainContent .keyhighlight ul li .wrapper .amount span {
	font-size: 24px;
	color: #ae275f;
	font-weight: 700;
}

#mainContent .keyhighlight ul .green .wrapper {
	border-color: rgba(50, 205, 50, 0.8);
}

#mainContent .keyhighlight ul .green .wrapper .segment-title {
	background: rgba(50, 205, 50, 0.8);
	font-weight: bold;
	font-size: 24px;
}

#mainContent .keyhighlight ul .red2 .wrapper {
	border-color: rgba(255, 0, 0, 0.8);
}

#mainContent .keyhighlight ul .red2 .wrapper .segment-title {
	background: rgba(255, 0, 0, 0.8);
	font-weight: bold;
	font-size: 24px;
	color: #fff;
}

#mainContent .keyhighlight ul .yellow .wrapper {
	border-color: rgba(239, 119, 14, 0.8);
}

#mainContent .keyhighlight ul .yellow .wrapper .segment-title {
	background: rgba(239, 119, 14, 0.8);
	font-weight: bold;
	font-size: 24px;
	color: #fff;
}

#mainContent .keyhighlight:before,
#mainContent .keyhighlight:after {
	content: '';
	display: table;
	clear: both;
}

#mainContent .loginfo {
	width: 100%;
	margin: 0;
	padding: 0;
}

#mainContent .loginfo .log-logo {
	width: 100px;
	vertical-align: top;
	display: inline-block;
	box-sizing: border-box;
}

#mainContent .loginfo .log-logo img {
	width: 100%;
}

#mainContent .loginfo .log-info {
	display: inline-block;
	vertical-align: top;
	padding: 0 15px;
}

#mainContent .loginfo .log-info p {
	margin-bottom: 5px;
}

#mainContent .loginfo .log-info .log-name {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}

#mainContent .loginfo .log-info .log-desp {
	font-weight: 700;
}

#mainContent .loginfo .log-info .log-desp span {
	font-weight: 300;
}

.dashboard .table,
.dashboard .panel {
	margin-bottom: 0px;
}

.thead {
	background: #666;
	color: #fff;
}

.table>thead>tr>th {
	white-space: nowrap;
}

.filterdata tr {
	background: none !important;
}

.highlight_text {
	color: #97144d !important;
	font-size: 15px;
	margin: 0px;
}

.highlight_text i {
	font-size: 16px;
}

marquee {
	margin-top: 2px;
}

marquee ul {
	margin-left: 20px;
}

marquee li {
	margin-bottom: 15px;
	list-style: square;
}

.nav-link.active {
	border-bottom: 3px solid #97144d !important;
}

.nav-tabs>li>a,
.nav-tabs>li>a:hover {
	border-left: 0px !important;
	border-right: 0px !important;
	border-top: 0px !important;
	color: #555555;
}

.nav-tabs .active,
.nav-tabs .active a {
	font-weight: bold;
	color: #97144d !important;
	border-radius: 4px 4px 0 0;
	border-bottom: 3px solid #3697d5;
}

.nav-tabs .nav-link {
	color: #333;
	text-shadow: 0 0.0625rem 0 rgb(255 255 255 / 70%);
	font-weight: bold;
	font-size: 0.875rem;
	text-transform: uppercase;
}

.nav>li>a:focus,
.nav>li>a:hover {
	text-decoration: none;
}

.nav-tabs {
	border-bottom: 0px;
}

@media (max-width : 480px) {
	#mainContent .loginfo {
		text-align: center;
	}

	#mainContent .loginfo .log-logo {
		margin-bottom: 10px;
	}
}

#mainContent .logdetails {
	background: #fff;
	margin: 10px -10px;
	padding: 10px;
}

#mainContent .logdetails .log-desp {
	font-weight: 700;
	margin-bottom: 0;
	padding: 5px;
}

#mainContent .logdetails .log-desp span {
	font-weight: 300;
}

@media (max-width : 480px) {
	#mainContent .logdetails {
		text-align: center;
	}
}

#mainContent .logbody {
	margin: 15px 0px;
}

#mainContent .logbody .terms {
	width: 100%;
	max-width: 90%;
	margin: 20px auto;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 10px;
}

#mainContent .logbody .terms .conditions {
	max-height: 150px;
	overflow-y: auto;
}

.sub-heading {
	text-align: center;
	background: #eee;
	padding-top: 8px;
}

.sub-heading h5 {
	font-size: 14px
}

.fullwidthRow {
	float: right;
}

.expand {

	position: relative;
	bottom: 24px;
	text-align: right;
	cursor: pointer;
	left: 85%;
	padding: 0px 15px;
}



.expandnfullwidth {

	position: relative;
	text-align: right;
	right: 15px;
	cursor: pointer;
	width: 30px;
	float: right;
	bottom: 23px;
}

.table,
.panel {
	margin-bottom: 0px;
}

.panel-body {
	padding: 8px;
}

.panel-body .row {
	border-bottom: 1px solid #eee;
}

.panel-body .row:last-child {
	border-bottom: 0px;
}

.total-records {
	padding: 5px 0px;
	font-size: 14px;
}

.tab-pane .text-uppercase {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	color: #444;
}

.color-grey_header {
	background: #ddd;
	padding: 6px;
}

.color-grey {
	padding: 4px 0px;
	font-size: 14px;
}

.table-title-txt span {
	font-size: 14px;
}

.text-xs {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.table thead th {
	background: #97144d;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	border-bottom-width: 1px !important;
}

.grey_table .table thead th {
	background: #dadada;
	color: #444;
	font-weight: bold;
}

.grey_table .table-responsive {
	min-height: 190px;
}

td {
	text-align: center;
}

.table tbody tr {
	font-size: 14px;
}

.table tbody tr:nth-child(even) {
	background-color: #ebe4e7;
	background-color: #f1f1f1;
}

.selected_options {
	width: 100%;
	margin: 20px 0px;
	background: rgba(0, 0, 0, 0.07);
	padding: 20px 30px;
	box-sizing: border-box;
	max-height: 300px;
	overflow: auto;
}

.selected_options ul {
	margin: 0;
	padding: 0;
	width: 100%;
}

.selected_options ul li {
	width: 100%;
	display: inline-block;
	float: none;
	padding: 5px;
	color: #ae275f;
	font-weight: bold;
}

@media (min-width : 768px) {
	.selected_options ul li {
		width: 33.33%;
		float: left;
	}
}

.selected_options:before,
.selected_options:after {
	content: '';
	display: table;
	clear: both;
}

.available_options {
	width: 100%;
	margin: 10px px;
	border: 1px dashed rgba(0, 0, 0, 0.1);
	padding: 20px;
	box-sizing: border-box;
	max-height: 400px;
	overflow: auto;
}

.available_options ul {
	width: 100%;
	margin: 0px;
	padding: 0;
}

.available_options ul li {
	width: 100%;
	display: inline-block;
	float: none;
	padding: 5px;
	list-style: none;
	cursor: pointer;
}

.available_options ul li label {
	cursor: pointer;
}

.cm-span {
	float: left;
	color: #a6265f;
	font-size: 24px;
	font-weight: bolder;
	font-weight: bold;
	line-height: 40px;
	margin-right: 10px;
}

@media (min-width : 768px) {
	.available_options ul li {
		width: 25%;
		float: left;
	}
}

.available_options:before,
.available_options:after {
	content: '';
	display: table;
	clear: both;
}

.fltbtn {
	width: 100%;
	margin: 0 0px 20px;
	padding: 0;
}

.fltbtn ul {
	width: 100%;
	margin: 0;
	padding: 0;
}

.fltbtn ul li {
	display: inline-block;
	/* float: right; */
	padding: 5px;
	/* background: rgba(0,0,0,0.15);*/
	margin: 0px 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
	text-transform: capitalize;
	color: rgba(0, 0, 0, 0.7);
}

.fltbtn ul li:hover {
	color: #ae275f;
}

.fltbtn:before,
.fltbtn:after {
	content: '';
	display: table;
	clear: both;
}

#filters {
	width: 100%;
	margin: 0;
}

#filters li {
	width: 100%;
	display: inline-block;
	float: none;
	padding: 5px;
	height: 80px;
}

#filtershide li,
#filterstransaction li {
	width: 100%;
	display: inline-block;
	float: none;
	padding: 5px;
	height: 60px;
}

#filters .two-buttons {
	margin-top: 25px;
}

.filterdata td {
	text-align: left;
	border: 0px;
}

.filterdata .expand {
	top: -28px;
}

#filterspopup #filters li {
	width: 30%;
}

#filterspopup input[type=checkbox] {
	vertical-align: text-top;
}

.listbg#filters li {
	background: #efefef;
	margin: 0px 9px;
	height: auto;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	width: 23%;
	min-height: 70px;
	padding-top: 10px;
}

/* .modal+.modal {
	background: rgba(0, 0, 0, 0.5)
} */
.modal+.modal {
	background: rgba(34, 39, 51, 0.3) !important;
	/* lighter dark */
	/* OR use transparent if you want no dim effect */
}

.remarkStatus textarea {
	height: 20px;
	border: 1px solid #aaa;
}

.remarkPopup {
	font-size: 15px;
	height: 20px;
}

.scroll {
	color: #97144d !important;
}

.listinline#filters li {
	background: none;
	margin-right: 20px;
	height: auto;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	width: 48%;
}

.loading {
	border: 16px solid #f3f3f3;
	/* Light grey */
	border-top: 16px solid #3498db;
	/* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
	display: none;
	position: fixed;
	top: 350px;
	left: 50%;
	margin-top: -96px;
	margin-left: -96px;
	background-color: #ccc;
	opacity: .85;
	border-radius: 25px;
	width: 192px;
	height: 192px;
	z-index: 99999;
}

ul.dropdown-menu.inner li {
	width: 100% !important;
	height: auto !important;
}

.dropdown-menu>li>a {
	padding: 0px 5px !important;
	margin-bottom: 10px;
	color: #fff;
}

.dropdown-menu {
	padding: 0px;
	right: 0 !important;
}


@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform:



			rotate (360 deg);



	}
}

@media (min-width : 768px) {
	#filters li {
		width: 20%;
		float: left;
	}

	#filtershide li,
	#filterstransaction li {
		width: 23.3%;
		float: left;
		position: relative;
	}
}

#filters
/* .bootstrap-select
:not
 
(
[
class
*=
col-
]
 
)
:not
 
(
[
class
*=
form-control
]

	
)
:not
 
(
.input-group-btn
 
)
{
width
:
 
100%;
} */
/* #filters .bootstrap-select:not ([class*=col-] ):not ([class*=form-control]
	 ):not (.input-group-btn ) li {
	width: 100%;
	height: 100%;
} */

#filterstransaction
/* .bootstrap-select
:not
 
(
[
class
*=
col-
]
 
)
:not
 
(
[
class
*=
form-control
]

	
)
:not
 
(
.input-group-btn
 
)
{
width
:
 
100%;
}
#filterstransaction .bootstrap-select:not ([class*=col-] ):not ([class*=form-control]
	 ):not (.input-group-btn ) li {
	width: 100%;
	height: 100%;
} */

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .25;
	filter: alpha(opacity=35);
	background-image: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px dashed #ae275f;
	background: #ae275f;
	color: #fff;
}

.news h4 {
	font-weight: bold;
	font-size: 14px;
}

.news .panel-heading {
	/* padding: 5px 4px; */
	margin-top: 3px;
	padding: 10px;
	height: 40px;
}

.news .panel-group {
	margin-bottom: 0px !important;
}

.news .panel-heading {
	font-size: 14px;
	line-height: 20px;
	position: relative;
	background: #ededed;
	background-image: linear-gradient(top, #f7f7f7, #ededed);
	background-image: -o-linear-gradient(top, #f7f7f7, #ededed);
	background-image: -moz-linear-gradient(top, #f7f7f7, #ededed);
	background-image: -webkit-linear-gradient(top, #f7f7f7, #ededed);
	background-image: -ms-linear-gradient(top, #f7f7f7, #ededed);
	/* background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7),
		to(#ededed)); */
	filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0,
			startColorstr=#f7f7f7, endColorstr=#ededed);
	border-bottom: 1px solid #d3d3d3;
}

.news p,
.news .panel-body a {
	padding-left: 5px;
}


/* .sidebar-collapsed-back  #calendar .ui-datepicker td span, #calendar .ui-datepicker td a
	{
	
} */

#calendar .ui-datepicker {
	padding: 0em
}

#calendar .ui-datepicker table {
	margin: 0 0 0em;
}

#calendar .ui-widget-header {
	border: 0;
	background: transparent;
	color: #737272;
	font-weight: bold;
}

#calendar .ui-state-highlight,
#calendar .ui-widget-content .ui-state-highlight,
#calendar .ui-widget-header .ui-state-highlight {
	background: #ed1164;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border: 0;
}

#calendar .ui-widget-content {
	background: transparent;
}

#calendar .ui-state-default,
#calendar .ui-widget-content .ui-state-default,
#calendar .ui-widget-header .ui-state-default,
#calendar .ui-button,
#calendar html .ui-button.ui-state-disabled:hover,
#calendar html .ui-button.ui-state-disabled:active {
	background: transparent;
}

#calendar .ui-state-highlight,
#calendar .ui-widget-content .ui-state-highlight,
#calendar .ui-widget-header .ui-state-highlight {
	background: #97144d;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border: 0;
}

#calendar .ui-datepicker {
	max-width: 100%;
}

#calendar .ui-datepicker .ui-datepicker-title {
	text-transform: uppercase;
}

select.selectpicker {
	display: block !important;
}

#alertmsg {
	width: 100vw;
	height: 100vh;
	position: fixed;
	background: rgba(0, 0, 0, 0.6);
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: auto;
	display: none;
}

#alertmsg .msgbox {
	width: 90%;
	max-width: 400px;
	background: #fff;
	height: auto;
	position: relative;
	margin: 100px auto 50px auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
	text-align: center;
	padding: 20px 0px;
}

#alertmsg .msgbox h2 {
	font-size: 20px;
	padding: 10px 5px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#alertmsg .msgbox p {
	font-size: 18px;
	padding: 10px;
}

#alertmsg .msgbox input[type=button] {
	background: transparent;
	border: 1px solid #ae275f;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	padding: 5px 10px;
}

#alertmsg .msgbox input[type=button]:hover {
	background: #ae275f;
	color: #fff;
}

.inp-field {
	width: 100%;
	margin: 10px 0;
	padding: 0;
}

.inp-field label {
	width: 100%;
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
}

.inp-field label span {
	background: #e8e8e8;
	padding: 8px 15px;
	position: relative;
}

.inp-field label span:after {
	content: '';
	position: absolute;
	right: -30px;
	border-bottom: 30px solid #e8e8e8;
	border-right: 30px solid transparent;
	top: 0;
}

.inp-field input {
	width: 100%;
	padding: 5px 8px;
	background: transparent;
	border: 2px solid rgba(0, 0, 0, 0.2);
	margin-bottom: 20px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.inp-field input:focus {
	border-color: #ae275f;
}

.ui-grid,
.ui-grid-viewport {
	font-size: 14px;
}

.ui-grid-render-container {
	margin-bottom: 0px;
}

.grid1601993959584 .ui-grid-render-container-body .ui-grid-header-viewport {
	width: 100% !important;
}

.deleterecord input[type='text'],
.deleterecord select {
	vertical-align: middle;
}

/**************** FOOTER **********************/
#footer {
	width: 100%;
	transition: all 0.3s;
	padding-top: 5px;
	padding-bottom: 2px;
	position: fixed;
	left: 0;
	bottom: 0;
	height: auto;
	color: #ffffff;
	font-size: 14px;
	font-weight: 300;
	text-transform: capitalize;
	background: #656565;
	height: auto !important;
	z-index: 99;
}

.copyright a {
	color: #fff;
}

.copyright a:hover {
	color: #d2d0d0;
}

@media (max-width : 480px) {
	#footer {
		padding-left: 0;
	}
}

/**************** End FOOTER *****************/

/**************** RESPONSIVE CSS *****************/
/********* LOGIN WRAPPER *************/
@media (max-width : 991px) {

	.tokenmodal input {
		width: 100% !important;
		margin-bottom: 10px;
	}

	#mainContent {
		padding: 50px 0px;
	}

	.container-fluid {
		padding-right: 0px;
		padding-left: 0px;
	}

	.loginwrapper {
		max-width: 100%;
		margin: 0px auto;
		padding: 20px 10px;
		position: relative;
		margin-top: 30px;
		width: 49%;
	}

	.notification {
		max-width: 100%;
		margin: 0px auto;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
		-o-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
		-ms-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
		padding: 10px;
		position: relative;
		border: 5px solid rgba(255, 255, 255, 0.5);
	}

	#filters {
		float: left;
	}

	.listbg#filters li {
		margin-right: 15px !important;
	}
}

@media (max-width : 1210px) {
	#filters {
		float: left;
	}

	.listbg#filters li {
		margin-right: 5px !important;
	}

	.listbg#filters h6 {
		font-size: 13px;
	}
}

.singlegst .form-group {
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
}

.singlegst .col-form-label {
	text-align: right;
	padding-bottom: 0px;
	padding-top: 0px;
}

.singlegst .form-group .expand {
	top: -4px;
}

.singlegst .textCenter {
	margin-left: 100px;
}

.singlegst input[type=radio] {
	vertical-align: middle;
}

input:disabled {
	background: #eee !important;
	color: #777;
}

#mySidenav {
	display: none;
}

.navicon {
	display: none;
}

@media (max-width : 767px) {

	.nav-tabs,
	.nav-tabs .nav-link.active {
		background: #f3f3f3;
	}

	.color-grey_header {
		background: transparent;

	}

	.resetpasswordform .resetcaptcha {
		width: 65%;
	}

	.sendotpmsg {
		margin-left: 10px;
	}

	.actbtnwidth,
	.tokenmodal .actbtn_disabled {
		width: 110px;
	}

	.resendotp {
		margin-left: 0px
	}

	.text-sm-center {
		text-align: center
	}

	.resetpasswordform .captchaform {
		display: flex
	}

	.resetpasswordform .modal-dialog {
		display: inherit;
	}

	.singlegst .col-form-label {
		text-align: left;
		padding-top: calc(.375rem + 1px) !important;
		padding-bottom: calc(.375rem + 1px) !important;
	}

	.singlegst .textCenter {
		margin-left: 0px;
	}

	.singlegst input[type=radio] {

		width: auto;
	}

	.multigst {
		padding: 5px !important;
	}

	.listinline#filters li {
		width: 100%;
	}

	.listinline#filters li p.text-end {
		text-align: center !important;
	}

	.newssection .modal-dialog {
		min-width: auto !important
	}

	.component-section {
		padding-bottom: 100px;
	}

	.corcode label {
		float: left;
		margin-left: 0px !important;
	}

	.logo_img img {
		width: 55%;
	}

	.maincontent {
		margin-top: 110px;
		padding-bottom: 100px;
	}

	#sidenav {
		display: none;
	}

	.page_title {
		margin-top: 75px;
		background: #f3f3f3;
		padding: 6px;
		box-shadow: 0px 5px 7px 0px #ccc;
		border-bottom: 1px solid #fff;
	}

	.sidenav {
		display: none;
	}

	.sidenavMobile ul {
		margin-top: 50px;
	}

	.navicon {
		float: right;
		display: block;
	}

	.mySidenav {
		display: block
	}

	.sidenavMobile {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 999;
		top: 75px;
		left: 0;
		background-color: #fff;
		overflow-x: hidden;
		transition: 0.5s;
		display: block !important;
		padding-bottom: 120px;
	}

	.nav-tabs .nav-link {
		font-size: 13px;
	}

	.authtabs a,
	.authtabs .nav-link {
		font-size: 11px;
		padding: .2rem .3rem !important;
	}

	.profile_details {
		margin-right: 10px;
	}

	.sidenavMobile .list-group-item.active {
		background: #97144d;
		border-color: #97144d;
	}

	.sidenavMobile a {
		padding: 8px 8px 8px 15px;
		text-decoration: none;
		font-size: 15px;
		color: #333;
		display: block;
		transition: 0.3s;
		border-radius: 0px !important;
	}

	.sidenav a:hover {
		color: #f1f1f1;
	}

	.sidenavMobile .closebtn {
		position: absolute;
		right: 0;
		font-size: 36px;
		margin-left: 0px;
		color: #000;
		z-index: 99;
		padding: 0px 10px;
		width: 100%;
		text-align: right;

	}

	.sidenavMobile li {
		border-bottom: 1px solid #ddd;
	}

	#footer div {
		text-align: center !important;
	}

	.cm-span {
		font-size: 16px;
	}

	.loginwrapper .title span {
		padding: 6px 10px;
	}

	#header .logo img {
		max-height: 30px;
		vertical-align: middle;
		padding: 0px;
	}

	#header .logo:after {
		display: none
	}

	#header .logo {
		padding: 0px 4px;
		left: 66px;
	}

	#header .toglebtn {
		width: 40px;
	}

	#menu-toggle i {
		padding-left: 4px;
	}

	.pgtitile {
		font-size: 14px;
		text-align: right;
		margin-top: 15px;
	}

	.pgtitile i {
		display: none;
	}

	.calendar {
		margin-top: 15px;
	}

	.loginwrapper {
		max-width: 380px;
		float: none;
		margin: 0px auto;
		width: 100%;
	}

	.notification {
		margin-top: 20px;
	}

	.mobile-searchbtn {
		text-align: center !important;
		margin-top: 10px;
	}

	#filters {
		float: left;
		padding: 0px
	}

	.listbg#filters li {
		background: #efefef;
		margin-right: 10px;
		height: auto;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		width: 45%;
		margin-bottom: 20px;
		font-size: 14px;
		float: left;
		min-height: 50px;
		text-align: center;
	}

	.highlight_text {
		font-size: 14px;
	}

	.bg-white .btn {
		margin: 0px 0 !important;
	}

	.panel-bg .text-right,
	.panel-bg .text-right {
		text-align: left !important;
	}

	.panel-bg .pull-right,
	.panel-bg .pull-right {
		float: none !important;
	}
}

/******** NAV TABS CSS *********/
.sidebar .nav {
	max-height: 500px;
	overflow-y: auto;
}

.nav-tabs>li>a {
	font-size: 16px;
}

b,
strong {
	font-weight: 600;
}

#mainContent .pgtitile {
	font-size: 18px;
}

.sortfilter.nav-tabs li.active a,
.sortfilter.nav-tabs li.active a:focus,
.sortfilter.nav-tabs li.active a:hover {
	background-color: #fff !important;
	color: #97144d !important;
}

.sortfilter {
	display: flex !important;
}

.sortfilter.nav-tabs a {
	background-color: #ddd !important;
	color: #a22d5e !important;
	padding: 10px 13px;
	border-radius: 0px;
}

.sortfilter i {
	font-size: 20px
}

.sortfilter .active a {
	background: #fff !important;
	color: #97144d !important;
}

.sortfilter.nav-tabs .active,
.sortfilter.nav-tabs .active a {
	border-bottom: 0px;
}

md-radio-button.md-default-theme.md-checked .md-off,
md-radio-button.md-checked .md-off {
	border-color: #97144d;
}

md-radio-button.md-default-theme .md-on,
md-radio-button .md-on {
	background-color: #97144d;
}

.sortingmodal md-radio-button,
.sortingmodal md-checkbox {
	margin-bottom: 0px;
}

.clearfilter {
	position: absolute;
	top: 20px;
	right: 8px;
}

.clearfilter i {
	font-size: 24px;
}

.sortingmodal .customradio {
	border-bottom: 1px solid #ddd;
	padding-left: 0px;
}

.bgdiv {
	background: #fff;
	padding: 10px;
}

/* The container */
.customradio {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: left;
}

.bootstrap-select>.dropdown-toggle {
	border-radius: 3px;
	width: 100% !important;
	border-color: #dfdfdf;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.sortingmodal .modal-dialog {
	min-width: 350px;
}

/* Hide the browser's default radio button */
.customradio input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
	border: 2px solid #dc85aa;
}

/* On mouse-over, add a grey background color */
.customradio:hover input~.checkmark {
	background-color: #ccc;
	border: 2px solid #dc85aa;
}

input[type=checkbox],
input[type=radio] {
	vertical-align: unset;
	background: #97144d;
}

/* When the radio button is checked, add a blue background */
.customradio input:checked~.checkmark {
	background-color: #fff;
	border: 2px solid #de3d81;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.customradio input:checked~.checkmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.customradio .checkmark:after {
	top: 5px;
	left: 5px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #de3d81;
}

/* The container */
.customcheck {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: left;
}

/* Hide the browser's default checkbox */
.customcheck input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.fa {
	font-size: 14px;
}

.icon {
	font-size: 16px !important;
}

/* Create a custom checkbox */
.customcheck .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 0%;
	-webkit-border-radius: 0%;
	-moz-border-radius: 0%;
}

md-checkbox.md-default-theme.md-checked .md-icon,
md-checkbox.md-checked .md-icon {
	background: #97144d !important;
}

/* md-checkbox.md-default-theme:not (.md-checked ) .md-icon, md-checkbox:not
	 (.md-checked ) .md-icon {
	border-color: rgb(111 106 106/ 54%);
} */

md-checkbox.md-checked .md-icon:after {
	left: 2px;
	top: -1px;
	display: table;
	width: 6px;
	height: 10px;
}

.md-label {
	font-size: 16px;
}

.md-icon {
	width: 15px !important;
	height: 15px !important;
	top: 3px !important
}

.clear {
	clear: both
}

#ui-datepicker-div {
	z-index: 9999 !important;

}

.searchfilter {
	height: 200px;
	overflow-y: scroll;
	overflow-x: hidden
}

/* On mouse-over, add a grey background color */
.customcheck:hover input~.checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.customcheck input:checked~.checkmark {
	background-color: #a22d5e;
}

/* Create the checkmark/indicator (hidden when not checked) */
.customcheck .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.customcheck input:checked~.checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.customcheck .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/**************** RESPONSIVE CSS END*****************/
.slider {
	max-width: 100%;
	height: 190px;
	position: relative;
}

.slide1,
.slide2,
.slide3,
.slide4,
.slide5 {
	position: absolute;
	width: 100%;
	height: 100%;
}

.slide1 {
	background: url(/assets/imgs/adv.png) no-repeat center;
	background-size: cover;
	animation: fade 8s infinite;
	-webkit-animation: fade 8s infinite;
}

.slide2 {
	background: url(/assets/imgs/slider2.jpg) no-repeat center;
	background-size: cover;
	animation: fade2 8s infinite;
	-webkit-animation: fade2 8s infinite;
}

.slide3 {
	background: url(/assets/imgs/slider3.jpg) no-repeat center;
	background-size: cover;
	animation: fade3 8s infinite;
	-webkit-animation: fade3 8s infinite;
}

.highlightRow {
	background-color: #d6c6cc !important
}

/******* ICONS**********/
.fa-asterisk {
	font-size: 10px;
	color: #97144d;
	vertical-align: top;
}

.highlighted a {
	color: #2ca94d !important;
	font-weight: bold !important;
}

.ui-datepicker-week-end a,
.ui-datepicker-week-end a.ui-state-default {
	color: #97144d !important;
	font-weight: bold !important;
	font-size: 14px;
	cursor: default;
	background: none !important;
}

.ui-widget.ui-widget-content {
	border: none;
}

.ui-datepicker-prev-hover,
.ui-datepicker-prev-hover .ui-icon {
	background-position: -80px -192px !important;
	border: none !important;
	/* background-image: url(./assets/imgs/ui-icons_444444_256x240.png); */
}

.ui-datepicker-next-hover,
.ui-datepicker-next-hover .ui-icon {
	background-position: -48px -192px !important;
	border: none !important;
	/* background-image: url(./assets/imgs/ui-icons_444444_256x240.png); */
}

.clearable-input {
	position: relative;
	display: inline-block;
}

.clearable-input>input {
	padding-right: 1.4em;
}

.clearable-input>[data-clear-input] {
	position: absolute;
	top: 32px;
	right: 79px;
	font-weight: bold;
	font-size: 1em;
	padding: 0 0.1em;
	line-height: 1.3em;
	cursor: pointer;
	background: #696868;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	color: #fff;
	/* padding: 10px; */
	text-align: center;
}

.form-control-feedback {
	cursor: pointer;
	cursor: pointer;
	pointer-events: all;
	position: absolute;
	color: #333;
	right: 60px;
	width: 18px;
	height: 18px;
	line-height: 14px;
	text-align: center;
	/* background: #b7b5b5; */
	border-radius: 50%;
	vertical-align: middle;
	margin-top: 4px;
	font-weight: bold;
	border: 1px solid #636262;
}

input[type="text"] {
	font-family: 'latoregular';
}

.clearable-input>input::-ms-clear {
	display: none;
}

.modal-bg {
	background: #f7f7f7;
}

.dev-widget {
	float: left;
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 6px;
	color: #737272;
	position: relative;
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition-duration: 400ms;
	text-align: left;
	border: 1px solid #E7E7E8;
	line-height: 30px;
}

.dev-widget .actbtn {
	padding: 0px 4px;
	margin-top: 5px;
	background: #ab1b5c;
	color: #fff;
}

.dev-widget .actbtn:hover {
	background: #696868;
	border: 1px solid #696868;
}

.dev-widget:hover {
	z-index: 10;
}

.bottomversion {
	display: inline-block;
	position: absolute;
	background: #fcfbfb;
	height: 8px;
	width: 100%;
	margin-top: -10px;
}

.inner i {
	color: #b95280;
}

.progress-bar-success {
	background-color: #94dc94;
}

.progress-bar-danger {
	background-color: #f17d79;
}

.dev-widget .name {
	font-size: 15px;
	color: #333;
}

.dev-widget:hover .dev-drop {
	text-decoration: none;
	background: #ab1b5c;
	bottom: 0px;
	-webkit-opacity: 1;
	-khtml-opacity: 1;
	-moz-opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter: alpha(opacity=100);
	opacity: 1;
}

.progress {
	height: 5px;
}

.dev-widget .dev-drop {
	line-height: 20px;
	padding: 0px 15px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	-webkit-opacity: 0;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	filter: alpha(opacity=0 * 100);
	transition-property: bottom, opacity;
	transition-duration: 400ms;
	color: #f0f4f6;
}

.progress.active .progress-bar {
	-webkit-transition: none !important;
	transition: none !important;
}

/*
TABS AND ACCORDIAN CSS
*/
/*
Some styles to make this demo look pretty (or at least decent)
If you want to style everything yourself, you shouldn't need these
*/
@media (min-width : 768px) {
	.tabbed-content .panel-heading {
		display: none;
	}

	.tabbed-content .panel {
		border: none;
		box-shadow: none;
		margin-top: 3px;
	}

	.tabbed-content .panel-collapse {
		height: auto;
	}

	.tabbed-content .panel-collapse.collapse {
		display: block;
	}

	.tabbed-content .panel-body {
		padding: 15px;
	}

	.panel-collapse .panel-body {
		padding: 0px;
	}

	.tabbed-content .panel {
		padding: 0px;
	}
}

@media (max-width : 767px) {
	.tabbed-content .panel-heading {
		display: none;
	}

	.tabbed-content .panel {
		border: none;
		box-shadow: none;
		margin-top: 3px;
	}

	.tabbed-content .panel-collapse {
		height: auto;
	}

	.tabbed-content .panel-collapse.collapse {
		display: block;
	}

	.tabbed-content .panel-body {
		padding: 15px;
	}

	.panel-collapse .panel-body {
		padding: 0px;
	}

	.tabbed-content .panel {
		padding: 0px;
	}

	.page-container {
		min-width: 1260px;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}

	.left-content {
		float: right;
		width: 87%;
	}

	.page-container.sidebar-collapsed {
		transition: all 100ms linear;
		transition-delay: 300ms;
	}

	.page-container.sidebar-collapsed .left-content {
		float: right;
		width: 97%;
	}

	.page-container.sidebar-collapsed-back {
		transition: all 100ms linear;
	}

	.page-container.sidebar-collapsed-back .left-content {
		transition: all 100ms linear;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
		float: right;
		width: 87%;
	}

	.page-container.sidebar-collapsed .sidebar-menu {
		width: 65px;
		transition: all 100ms ease-in-out;
		transition-delay: 300ms;
	}

	.page-container.sidebar-collapsed-back .sidebar-menu {
		width: 230px;
		transition: all 100ms ease-in-out;
	}

	.page-container.sidebar-collapsed .sidebar-icon {
		transform: rotate(0deg);
		transition: all 300ms ease-in-out;
		margin-right: 0.8em;
		margin-top: -15px;
		color: #a50032;
		border-radius: 0;
	}

	.page-container.sidebar-collapsed-back .sidebar-icon {
		transform: rotate(0deg);
		transition: all 300ms ease-in-out;
	}

	.page-container.sidebar-collapsed .logo {
		padding: 21px 0;
		box-sizing: border-box;
		transition: all 100ms ease-in-out;
		transition-delay: 300ms;
		background: #fff;
	}

	.sidebar-collapsed-back #menu-academico-avaliacoes {
		display: none;
	}

	.page-container.sidebar-collapsed-back .logo {
		width: 100%;
		padding: 6px 0px;
		height: 50px;
		box-sizing: border-box;
		transition: all 100ms ease-in-out;
		background: #fff;
	}

	.page-container.sidebar-collapsed #logo {
		opacity: 0;
		transition: all 200ms ease-in-out;
		display: none;
	}

	.page-container.sidebar-collapsed .down {
		display: none;
	}

	.page-container.sidebar-collapsed-back #logo {
		opacity: 1;
		transition: all 200ms ease-in-out;
		transition-delay: 300ms;
		;
	}

	.page-container.sidebar-collapsed #menu span {
		opacity: 0;
		transition: all 50ms linear;
		display: none;
	}

	.page-container.sidebar-collapsed-back #menu span {
		opacity: 1;
		transition: all 200ms linear;
		transition-delay: 300ms;
	}

	.sidebar-menu {
		position: fixed;
		float: left;
		width: 230px;
		top: 0;
		left: 0;
		bottom: 0;
		color: #aaabae;
		/* background: url("./assets/imgs/sidebar_bg.jpg") repeat top; */
		z-index: 999;
	}

	#menu {
		list-style: none;
		margin: 0;
		padding: 0;
		margin-bottom: 20px;
	}

	#menu li {
		position: relative;
		margin: 0;
		border-bottom: 1px ridge rgb(144, 35, 79);
		padding: 0;
		padding: 0;
	}

	#menu li ul {
		opacity: 0;
		height: 0px;
	}

	#menu li a {
		font-style: normal;
		font-weight: 400;
		position: relative;
		display: block;
		padding: 13px 20px;
		color: #fde9f1;
		white-space: nowrap;
		z-index: 2;
		background: #8e0f42;
		font-size: 0.9em;
		font-family: 'Roboto', sans-serif;
		border: none;
	}

	#menu li a:hover {
		color: #ffffff;
		transition: color 30ms ease-in-out, background-color 250ms ease-in-out;
		border-left: 3px solid #dc4c82;
	}

	#menu li.active>a {
		background-color: #2b303a;
		color: #ffffff;
	}

	#menu ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#menu li ul {
		position: absolute;
		display: none;
		left: 100%;
		top: -1px;
		background-color: #2b303a;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
		opacity: 0;
		transition: opacity 0.1s linear;
		border-top: 1px solid rgba(69, 74, 84, 0.7);
	}

	#menu li:hover>ul {
		display: block;
		opacity: 1;
	}

	li#menu-mensagens,
	li#menu-arquivos {
		background-color: #00C6D7 !important;
	}

	#menu li li ul {
		right: 100%;
		visibility: hidden;
		top: -1px;
		opacity: 0;
		transition: opacity 0.1s linear;
	}

	#menu li li:hover ul {
		visibility: visible;
		opacity: 1;
	}

	#menu .fa {
		margin-right: 5px;
		font-size: 16px;
	}

	#menu li a:hover {
		color: #fff;
	}

	.sidebar-icon {
		margin-top: -2px;
		text-align: right;
		line-height: 1;
		font-size: 26px;
		padding: 7px 0px;
		border-radius: 0px;
		color: #a50032;
		float: right;
		color: #dc4c82;
	}

	.logomenu {
		padding-left: 20px;
	}

	ul#menu i {
		font-size: 1.1em;
		margin-right: 6px;
		width: 10%;
	}

	ul#menu-academico-sub {
		z-index: 999;
	}

	li#menu-academico {
		z-index: 999;
	}

	.menu {
		text-align: left;
	}

	.dropdown-menu2 li a:hover {
		border: none;
		border-bottom: 1px solid #E4E4E4;
	}

	.dropdown-menu2 li.odd {
		background: rgba(0, 0, 0, 0.02);
	}

	li.dropdown.note {
		background: #00c6d7;
		border-left: 1px solid rgba(1, 189, 206, 0.93);
		display: inline-block;
		/* float: left; */
		cursor: pointer;
	}

	li.dropdown.note a {
		padding: 1.4em 2em;
		display: block;
	}

	li.dropdown.note:hover {
		background: #14BFCE;
	}

	ul.nofitications-dropdown {
		padding: 0;
		margin: 0;
	}

	li.dropdown.head-dpdn:nth-child(2) {
		border-right: 1px solid #E0E0E0;
	}

	li.dropdown.head-dpdn:nth-child(3) {
		border: none;
	}

	.panel-body {
		color: #777;
	}

	.panel-body .fa-inr {
		font-size: 16px;
	}

	.modal-content {
		position: relative;
		background-color: #fff;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid rgba(0, 0, 0, .2);
		border-radius: 0;
		outline: 0;
		-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
	}

	/*---responsive-----*/
	@media (max-width :1600px) {
		.left-content {
			float: right;
			width: 86%;
		}

		.page-container.sidebar-collapsed-back .left-content {
			float: right;
			width: 86%;
		}

		.page-container.sidebar-collapsed .left-content {
			float: right;
			width: 96%;
		}
	}

	@media (max-width :1440px) {
		.left-content {
			float: right;
			width: 84%;
		}

		.page-container.sidebar-collapsed-back .left-content {
			float: right;
			width: 84%;
		}
	}

	@media (max-width :1280px) {
		.left-content {
			float: right;
			width: 83%;
		}

		.page-container.sidebar-collapsed-back .left-content {
			float: right;
			width: 83%;
		}
	}

	@media (max-width :1024px) {
		.page-container {
			min-width: 1032px;
			position: relative;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			margin: 0px auto;
		}

		.page-container.sidebar-collapsed .left-content {
			float: right;
			width: 94%;
		}

		.page-container.sidebar-collapsed-back .left-content {
			float: right;
			width: 78%;
		}

		.left-content {
			float: right;
			width: 78%;
		}

		.main-search {
			float: right;
			width: 31%;
			height: 60px;
			padding: 15px 15px 69px 17px;
			position: absolute;
			z-index: 99999;
			top: 75px;
			left: 296px;
		}

		#menu li a {
			padding: 8px 20px;
			font-size: 0.85em;
		}
	}

	@media (max-width :991px) {
		#menu li a {
			padding: 12px 12px;
			font-size: 0.85em;
		}

		.sidebar-menu {
			position: fixed;
			float: left;
			width: 200px;
		}

		.page-container.sidebar-collapsed-back .sidebar-menu {
			width: 200px;
			transition: all 100ms ease-in-out;
		}

		.page-container.sidebar-collapsed-back .left-content {
			float: right;
			width: 81%;
		}

		.left-content {
			float: right;
			width: 81%;
		}

		.profile_details_left {
			float: right;
			width: 71%;
		}

		.main-search {
			float: right;
			width: 31%;
			height: 60px;
			padding: 15px 15px 69px 17px;
			position: absolute;
			z-index: 99999;
			top: 75px;
			left: 237px;
		}

		.page-container {
			min-width: 991px;
			position: relative;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			margin: 0px auto;
		}

		.panel-chrt {
			padding: 2em 2em;
			width: 100%;
			float: left;
			margin-bottom: 1em;
		}

		.widget {
			width: 48.5%;
			padding: 0px;
			float: left;
		}

		.btn {
			cursor: pointer;
		}
	}

	@media (max-width :800px) {
		.page-container {
			min-width: 800px;
			position: relative;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			margin: 0px auto;
		}

		.page-container.sidebar-collapsed-back .left-content {
			float: right;
			width: 76%;
		}

		.left-content {
			float: right;
			width: 76%;
		}

		.page-container.sidebar-collapsed .left-content {
			float: right;
			width: 93%;
		}
	}

	@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
		.component-container {
			max-width: 100%;
			flex: 0 0 100%;
			-webkit-flex: 0 0 100%;
			-ms-flex: 0 0 100%;
		}

		.calendar {
			margin-top: 15px;
		}
	}

	@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
		.component-container {
			max-width: 100%;
			flex: 0 0 100%;
			-webkit-flex: 0 0 100%;
			-ms-flex: 0 0 100%;
		}

		.calendar {
			margin-top: 15px;
		}

		.main-page {
			margin-top: 50px;
		}

		.header-left {
			margin-left: 370px !important;
		}
	}

	@media (max-width :768px) {

		/**** HEADER *******/
		.logo_img {
			z-index: 999;
			float: left;
			color: #fff;
			font-family: 'latoregular' !important;
			background: #97144d;
			position: relative;
			height: 74px;
			padding-right: 0;
			width: 242px;
			padding: 16px 0px 0 10px;
		}

		.logo_header {
			height: 16px;
		}

		.username {
			display: none !important;
		}

		.dropdown-menu>li>a {
			padding: 3px 15px;
			font-size: .6em !important;
		}

		#header {
			height: 76px;
		}

		.brand_title {
			font-size: 12px;
		}

		.logobg {
			background: url('/assets/imgs/logo_curve.png') no-repeat 0 55%;
			height: 87px;
			width: 58px;
			float: left;
			margin-left: -1px;
		}

		.page-container {
			min-width: 775px;
			position: relative;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			margin: 0px auto;
		}

		.sidebar-menu {
			position: fixed;
			float: left;
			width: 200px;
		}

		.page-container.sidebar-collapsed-back .sidebar-menu {
			width: 200px;
			transition: all 100ms ease-in-out;
		}

		.page-container.sidebar-collapsed-back .left-content {
			float: right;
			width: 76%;
		}

		.left-content {
			float: right;
			width: 76%;
		}

		.page-container.sidebar-collapsed .left-content .srch button {
			cursor: pointer;
			background: url('/assets/imgs/search.png') no-repeat 26px 19px rgba(3, 182, 197, 0.68);
			width: 80px;
			height: 66px;
			display: block;
			border: none;
			outline: none;
			position: absolute;
			top: 0px;
			left: 23%;
		}

		.calendar {
			margin-top: 15px;
		}

		.page-container.sidebar-collapsed .left-content.main-search {
			float: right;
			width: 35%;
			height: 60px;
			padding: 15px 15px 69px 17px;
			position: absolute;
			top: 75px;
			left: 177px;
		}
	}

	@media (max-width :736px) {
		.page-container {
			min-width: 736px;
			position: relative;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			margin: 0px auto;
		}

		.sidebar-menu {
			position: fixed;
			float: left;
			width: 180px;
		}

		.sidebar-icon {
			margin-top: -2px;
			font-size: 19px;
			padding: 8px 9px;
		}

		.page-container.sidebar-collapsed-back .left-content {
			float: right;
			width: 74%;
		}

		.left-content {
			float: right;
			width: 76%;
		}

		.page-container.sidebar-collapsed .left-content .srch button {
			cursor: pointer;
			background: url('/assets/imgs/search.png') no-repeat 26px 19px rgba(3, 182, 197, 0.68);
			width: 80px;
			height: 66px;
			display: block;
			border: none;
			outline: none;
			position: absolute;
			top: 0px;
			left: 11%;
		}

		.page-container.sidebar-collapsed .left-content .main-search {
			float: right;
			width: 35%;
			height: 60px;
			padding: 15px 15px 69px 17px;
			position: absolute;
			top: 75px;
			left: 78px;
		}

		.sidebar-menu {
			position: absolute;
		}
	}

	@media (max-width :640px) {
		.page-container {
			min-width: 650px;
			position: relative;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			margin: 0px auto;
		}

		.tabs nav ul li {
			border-bottom: none;
			margin: 0 1px;
		}

		.sidebar-menu {
			position: fixed;
			float: left;
			width: 170px;
		}

		.sidebar-icon {
			margin-top: -6px;
			font-size: 19px;
			padding: 6px 7px;
			margin-right: 16px;
		}

		li.dropdown.note a {
			padding: 1.3em 1.8em;
			display: block;
		}

		.left-content {
			float: right;
			width: 92%;
		}

		.page-container.sidebar-collapsed {
			transition: all 100ms linear;
			transition-delay: 300ms;
		}

		.page-container.sidebar-collapsed .left-content {
			float: right;
			width: 74%;
		}

		.page-container.sidebar-collapsed-back {
			transition: all 100ms linear;
		}

		.page-container.sidebar-collapsed-back .left-content {
			transition: all 100ms linear;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			transition: all 0.3s ease;
			float: right;
			width: 92%;
		}

		.page-container.sidebar-collapsed .sidebar-menu {
			width: 180px;
			transition: all 100ms ease-in-out;
			transition-delay: 300ms;
		}

		.page-container.sidebar-collapsed-back .sidebar-menu {
			width: 65px;
			transition: all 100ms ease-in-out;
			position: fixed;
		}

		.page-container.sidebar-collapsed .sidebar-icon {
			transition: all 300ms ease-in-out;
			margin-right: 0.1em;
			margin-top: -7px;
			color: #fff;
			background: #901144;
			border-radius: 0;
			transform: rotate(0deg);
		}

		.page-container.sidebar-collapsed-back .sidebar-icon {
			transform: rotate(0deg);
			transition: all 300ms ease-in-out;
			margin-top: -2px;
			font-size: 19px;
			padding: 6px 7px;
			margin: 0px 4px;
		}

		.page-container.sidebar-collapsed .logo {
			box-sizing: border-box;
			transition: all 100ms ease-in-out;
			transition-delay: 300ms;
		}

		span#logo h1 {
			font-size: 1.5em;
			margin-top: -3px;
		}

		.logo {
			padding: 21px 0;
			box-sizing: border-box;
			transition: all 100ms ease-in-out;
			transition-delay: 300ms;
		}

		span#logo {
			display: none;
		}

		.page-container.sidebar-collapsed-back span#logo {
			display: block;
		}

		.down {
			display: none;
		}

		.page-container.sidebar-collapsed-back .logo {
			width: 100%;
			padding: 13px 14px;
			height: 50px;
			box-sizing: border-box;
			transition: all 100ms ease-in-out;
		}

		.page-container.sidebar-collapsed #logo {
			opacity: 0;
			transition: all 200ms ease-in-out;
			display: block;
			float: left;
		}

		.page-container.sidebar-collapsed .down {
			display: block;
		}

		.page-container.sidebar-collapsed #logo {
			opacity: 1;
			transition: all 200ms ease-in-out;
			display: block;
		}

		.page-container.sidebar-collapsed-back #logo {
			opacity: 1;
			transition: all 200ms ease-in-out;
			transition-delay: 300ms;
			display: block;
		}

		.page-container.sidebar-collapsed-back span#logo {
			opacity: 1;
			transition: all 200ms linear;
			transition-delay: 300ms;
			display: none;
		}

		.page-container.sidebar-collapsed-back #menu span {
			display: none;
		}

		.page-container.sidebar-collapsed #menu span {
			display: block;
		}

		.page-container.sidebar-collapsed #menu span {
			opacity: 1;
			transition: all 50ms linear;
			display: inline-block;
		}

		#menu span {
			opacity: 0;
			transition: all 50ms linear;
			display: inline-block;
		}

		span.fa.fa-angle-right,
		span.fa.fa-angle-double-right {
			float: right !important;
			position: absolute !important;
			right: 12px !important;
		}

		.sidebar-menu {
			width: 65px;
			transition: all 100ms ease-in-out;
			transition-delay: 300ms;
		}

		.main-search {
			float: right;
			width: 35%;
			height: 60px;
			padding: 9px 10px 67px 10px;
			position: absolute;
			top: 75px;
			left: 75px;
		}

		.page-container.sidebar-collapsed.main-search {
			float: right;
			width: 35%;
			height: 60px;
			padding: 9px 10px 67px 10px;
			position: absolute;
			top: 75px;
			left: 75px;
		}

		.page-container.sidebar-collapsed-back.srch button {
			cursor: pointer;
			background: url('/assets/imgs/search.png') no-repeat 19px 16px rgba(3, 182, 197, 0.68);
			width: 70px;
			height: 63px;
			display: block;
			border: none;
			outline: none;
			position: absolute;
			top: 0px;
			left: 12%;
		}

		.sidebar-menu {
			position: fixed;
		}

		.page-container.sidebar-collapsed .left-content .srch button {
			cursor: pointer;
			background: url('/assets/imgs/search.png') no-repeat 25px 15px rgba(3, 182, 197, 0.68);
			width: 80px;
			height: 63px;
			display: block;
			border: none;
			outline: none;
			position: absolute;
			top: 0px;
			left: 32%;
		}

		.ribbon1 {
			width: 342px;
			height: 80px;
			margin: 0px auto;
			left: -37px;
			top: -29px;
		}

		div.ribbon3 {
			margin: 39px auto;
			width: 250px;
		}

		.footer p {
			font-size: 0.9em;
		}

		.map-bottm iframe {
			width: 100%;
			height: 350px;
			border: none;
		}

		.inner-grid-button button {
			width: 80px;
			height: 80px;
			font-size: 25px;
		}

		.page-container.sidebar-collapsed .left-content .main-search {
			float: right;
			width: 35%;
			height: 60px;
			padding: 15px 15px 69px 17px;
			position: absolute;
			top: 75px;
			left: 198px;
		}

		.profile_details_left {
			float: right;
			width: 75%;
		}

		.error-top h3 i {
			font-size: 89px;
		}

		.widget {
			width: 48.5%;
			padding: 0px;
			float: left;
		}

		ul.dropdown li a {
			padding: 6px 11px !important;
		}

		div#vmap {
			height: 470px !important;
		}
	}

	@media (max-width :600px) {
		footer p {
			color: #fff;
			font-size: 0.8em;
			padding-right: 165px;
		}

		.page-container {
			min-width: 600px;
			position: relative;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			margin: 0px auto;
		}

		#maps {
			position: absolute;
			top: 2px;
			left: 0px;
			font-size: 14px !important;
		}

		canvas#viewport {
			width: 515px !important;
			height: 409px !important;
		}

		div#container10 svg {
			width: 455px !important;
		}

		.page-container.sidebar-collapsed .left-content {
			float: right;
			width: 72%;
		}

		.page-container.sidebar-collapsed-back {
			width: 72%;
		}

		.activity-desc-sub1:after {
			right: -8%;
			top: 32%;
		}

		.activity-desc-sub:before {
			left: -8.5%;
			top: 36%;
		}

		.error-top {
			margin: 7em auto;
			width: 70%;
			padding: 2em 2em;
			position: absolute;
			left: 15%;
			top: 13%;
		}

		.sign-up input[type="submit"] {
			float: right;
			width: 30%;
			font-size: 16px;
		}

		.login input[type="text"],
		.login input[type="password"] {
			width: 100%;
			padding: 0.7em 1em 0.7em 4em;
			color: #777;
			font-size: 15px;
			outline: none;
			font-weight: 400;
			border: 1px solid #ddd;
			/* background: url("./assets/imgs/icons.png") no-repeat 14px 13px; */
			margin: 0.3em 0;
		}

		.login input[type="password"] {
			/* background: url("./assets/imgs/icons.png") no-repeat 13px -36px; */
		}

		.tabs nav.second {
			display: flex;
			flex-wrap: wrap;
			align-items: stretch;
			background: #021F4E;
			color: #fff;
			width: 92px;
		}

		.tabs .context {
			padding: 20px 0px;
			position: absolute;
			top: 0px;
			left: 95px;
		}

		.tabs .context.visible {
			padding: 20px;
			width: calc(100% - 98px);
		}

		.chrt h2,
		h3.sub-tittle {
			font-size: 1.4em;
		}

		.table td,
		.table>tbody>tr>td,
		.table>tbody>tr>th,
		.table>tfoot>tr>td,
		.table>tfoot>tr>th,
		.table>thead>tr>td,
		.table>thead>tr>th {
			padding: 10px 5px !important;
			font-size: 0.8em;
			border-top: none !important;
		}

		.ribbon1 {
			width: 317px;
			height: 80px;
			margin: 0px auto;
			left: -37px;
			top: -29px;
		}

		.map-1 {
			padding: 1em 1em;
		}

		ul.dropdown li a {
			padding: 6px 11px !important;
		}
	}

	@media (max-width : 568px) {
		.page-container {
			min-width: 568px;
			position: relative;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			margin: 0px auto;
		}

		.page-container.sidebar-collapsed .left-content .srch button {
			cursor: pointer;
			background: url('/assets/imgs/.search.png') no-repeat 25px 15px rgba(3, 182, 197, 0.68);
			width: 80px;
			height: 63px;
			display: block;
			border: none;
			outline: none;
			position: absolute;
			top: 0px;
			left: 31%;
		}

		.page-container.sidebar-collapsed-back .left-content {
			float: right;
			width: 90%;
		}

		.srch button {
			cursor: pointer;
			background: url('/assets/imgs/search.png') no-repeat 23px 12px rgba(3, 182, 197, 0.68);
			width: 70px;
			height: 60px;
			display: block;
			border: none;
			outline: none;
			position: absolute;
			top: 0px;
			left: 15%;
		}

		.page-container.sidebar-collapsed .left-content {
			float: right;
			width: 70%;
		}

		li.dropdown.note a {
			padding: 1.2em 1.8em;
			display: block;
		}

		span.badge {
			font-size: 10px;
			line-height: 17px;
			width: 20px;
			height: 20px;
			position: absolute;
			top: 10%;
			padding: 2px 0 0;
			left: 67%;
		}

		.logo {
			padding: 18px 0;
		}

		.page-container.sidebar-collapsed .left-content .srch button {
			cursor: pointer;
			background: url('/assets/imgs/search.png') no-repeat 23px 12px rgba(3, 182, 197, 0.68);
			width: 70px;
			height: 60px;
			display: block;
			border: none;
			outline: none;
			position: absolute;
			top: 0px;
			left: 35%;
		}

		.profile_details_left {
			float: right;
			width: 78%;
		}

		.chrt h2,
		h3.sub-tittle {
			font-size: 1.4em;
		}

		.ribbon1 {
			width: 303px;
			height: 80px;
			margin: 0px auto;
			left: -37px;
			top: -29px;
		}

		canvas#pie {
			width: 330px !important;
			height: 226px !important;
			margin: 1em 0px;
		}

		canvas#polarArea {
			width: 250px !important;
			height: 250px !important;
		}

		ul.clock-category li {
			list-style: none;
			display: inline-block;
			width: 21%;
		}

		input {
			outline: none;
			width: 50%;
		}

		input[type="checkbox"] {
			width: auto;
		}

		#clock {
			position: relative;
			width: 185px;
			height: 185px;
			margin: -44px auto 0;
		}

		ul.dropdown li a {
			padding: 6px 11px !important;
		}
	}

	@media (max-width :480px) {
		.page-container {
			min-width: 480px;
			position: relative;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			margin: 0px auto;
		}

		li.dropdown.note a {
			padding: 1.3em 1.2em;
			display: block;
		}

		.media-body {
			font-size: 0.85em;
		}

		h4.media-heading {
			font-size: 1.6em !important;
		}

		.srch button {
			cursor: pointer;
			background: url('/assets/imgs/search.png') no-repeat 12px 15px rgba(3, 182, 197, 0.68);
			width: 56px;
			height: 63px;
			display: block;
			border: none;
			outline: none;
			position: absolute;
			top: 0px;
			left: 17%;
		}

		.page-container.sidebar-collapsed .left-content .srch button {
			cursor: pointer;
			background: url('/assets/imgs/search.png') no-repeat 12px 15px rgba(3, 182, 197, 0.68);
			width: 56px;
			height: 63px;
			display: block;
			border: none;
			outline: none;
			position: absolute;
			top: 0px;
			left: 39%;
		}

		.page-container.sidebar-collapsed .left-content {
			float: right;
			width: 72%;
		}

		.outter-wp {
			padding: 1em 1em;
			margin-bottom: 2em;
		}

		.page-container.sidebar-collapsed-back {
			width: 70%;
		}

		.left-content {
			float: right;
			width: 87%;
		}

		.page-container.sidebar-collapsed .left-content {
			float: right;
			width: 64%;
		}

		.tabs nav ul li {
			width: 19%;
		}

		h2.inner-tittle {
			margin: 0 0 0.8em 0;
			font-size: 1.35em;
		}

		.mediabox i {
			padding: 0.7em 1em;
			font-size: 2.5em;
		}

		.mediabox h3 {
			margin: 0.95em 0 0.3em;
			font-size: 1em;
		}

		.widget {
			width: 49%;
			padding: 0px;
			float: left;
		}

		.stats-left h4 {
			font-size: 1.4em;
			margin-top: 14px;
		}

		.stats-right label {
			font-size: 1.6em;
			color: #3E3D3D;
			margin-bottom: 0px;
			line-height: 44px;
		}

		.candile-inner svg {
			height: 350px !important;
			width: 327px !important;
		}

		.chrt h2,
		h3.sub-tittle {
			font-size: 1.3em;
		}

		.user-heading.alt.clock-row.terques-bg h4 {
			font-size: 1.5em;
		}

		p.text-left {
			font-size: 0.9em;
		}

		.grid figure figcaption {
			padding: 1.5em;
			font-size: 1.1em;
		}

		.grid figure p {
			font-size: 1.5em;
			margin-top: 13px;
		}

		.error-top h3 {
			font-size: 6em;
		}

		.demo-3,
		.demo-2,
		.demo-1 {
			width: 128px;
			height: 85px;
			text-align: center;
			margin: 0 auto;
		}

		.circle-charts ul li {
			margin-right: 0;
			display: block;
		}

		.weather-right ul li:nth-child(2) {
			margin: 0 0em;
		}

		.circle-charts ul li {
			margin-right: 0;
			display: block;
			text-align: center;
		}

		.weather-right ul li p {
			font-size: 1em;
			margin-top: 3em;
			margin-left: 0px;
		}

		.circle-charts {
			padding: 2em 1em;
		}

		.activity-desc-sub:before {
			left: -11.5%;
			top: 36%;
		}

		.activity-desc-sub1:after {
			right: -11%;
			top: 32%;
		}

		div#container10 svg {
			width: 347px !important;
		}

		.page-container.sidebar-collapseddiv #container10 svg {
			width: 224px !important;
		}

		.page-container.sidebar-collapsed-back .left-content {
			float: right;
			width: 87%;
		}

		canvas#viewport {
			width: 383px !important;
			height: 501px !important;
		}

		footer p {
			font-size: 0.8em;
			padding-right: 79px;
		}

		.ribbon1 {
			width: 257px;
			height: 80px;
			margin: 0px auto;
			left: -37px;
			top: -29px;
		}

		span.badge {
			font-size: 9px;
			line-height: 13px;
			width: 16px;
			height: 16px;
			position: absolute;
			top: 10%;
			padding: 2px 0 0;
			left: 67%;
		}

		.ribbon2 {
			margin: 50px auto;
			width: 210px;
			position: relative;
		}

		.ribbon2 span:before {
			content: "";
			width: 186px;
			height: 60px;
			top: 50px;
			left: 12px;
			display: block;
			-webkit-transform: skew(25deg) rotate(25deg);
			-moz-transform: skew(25deg) rotate(25deg);
			-ms-transform: skew(25deg) rotate(25deg);
			-o-transform: skew(21deg) rotate(29deg);
			transform: skew(21deg) rotate(29deg);
			z-index: -20;
		}

		canvas#line2 {
			width: 280px !important;
			height: 320px !important;
		}

		canvas#pie {
			width: 330px !important;
			height: 226px !important;
			margin: 1em 0px;
		}

		canvas#polarArea {
			width: 250px !important;
			height: 250px !important;
		}

		.weather-top-right {
			float: none;
			margin-top: 1.4em;
		}

		.tab-content {
			padding-left: 0px;
			padding: 0;
		}

		ul.dropdown li a {
			padding: 6px 11px !important;
		}

		.inner-grid-button button {
			width: 80px;
			height: 80px;
			padding-top: 6px;
			margin-left: auto;
			margin-right: auto;
			left: 9px;
		}

		.switch-main {
			margin: 0 8em;
		}

		.page-container.sidebar-collapsed .sidebar-menu {
			width: 180px;
			z-index: 999999999;
		}

		.page-container.sidebar-collapsed .left-content {
			float: right;
			width: 88%;
		}
	}

	@media (max-width :414px) {
		.page-container {
			min-width: 414px;
			position: relative;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			margin: 0px auto;
		}

		.widget {
			width: 100%;
			padding: 0px;
			float: left;
			margin: 10px 0;
		}

		.widget.states-mdl {
			margin: 0 0% 0 0%;
			margin-bottom: 0;
		}

		.widget.states-last {
			margin: 0;
		}

		.outter-wp {
			padding: 0.5em 1em;
			margin-bottom: 2em;
		}

		.candile-inner svg {
			height: 350px !important;
			width: 293px !important;
		}

		.profile_details_left {
			float: right;
			width: 88%;
		}

		li.dropdown.note a {
			padding: 1.3em 1em;
			display: block;
		}

		li.dropdown.note i {
			font-size: 1em;
			color: #fff;
		}

		.profile_details_left {
			float: right;
			width: 66%;
		}

		.srch button {
			cursor: pointer;
			background: url('/assets/imgs/search.png') no-repeat 12px 15px rgba(3, 182, 197, 0.68);
			width: 56px;
			height: 63px;
			display: block;
			border: none;
			outline: none;
			position: absolute;
			top: 0px;
			left: 30%;
		}

		.left-content {
			float: right;
			width: 85%;
		}

		.ribbon1 {
			width: 228px;
			height: 80px;
			margin: 0px auto;
			left: -37px;
			top: -29px;
		}

		.ribbon-fold h4 {
			line-height: 75px;
			font-size: 20px;
		}

		.ribbon1::before {
			left: -42px;
			border-right-width: 39px;
			border-left-color: transparent;
			top: 31px;
		}

		.ribbon1::after {
			right: -39px;
			top: 31px;
			border-left-width: 41px;
			border-right-color: transparent;
		}

		.ribbon2 {
			margin: 50px auto;
			width: 130px;
			position: relative;
		}

		.ribbon2 span:before {
			content: "";
			width: 108px;
			height: 60px;
			top: 57px;
			left: 10px;
			display: block;
			-webkit-transform: skew(19deg) rotate(53deg);
			-moz-transform: skew(19deg) rotate(53deg);
			-ms-transform: skew(19deg) rotate(53deg);
			-o-transform: skew(19deg) rotate(53deg);
			transform: skew(19deg) rotate(53deg);
			z-index: -20;
		}

		div.ribbon3 {
			margin: 39px auto;
			width: 90px;
			margin-left: 0
		}

		.ribbon3 span:after {
			content: "";
			width: 220px;
			height: 60px;
			top: -30px;
		}

		.ribbon3 span:before {
			width: 197px;
			height: 60px;
			top: 52px;
			left: 15px;
			transform: skew(15deg) rotate(29deg);
			-webkit-transform: skew(15deg) rotate(29deg);
			-o-transform: skew(15deg) rotate(29deg);
			-moz-transform: skew(15deg) rotate(29deg);
			-ms-transform: skew(15deg) rotate(29deg);
		}

		.page-container.sidebar-collapsed .left-content {
			float: right;
			width: 88%;
		}

		ul.dropdown-menu.two {
			padding: 0;
			min-width: 234px;
			top: 99%;
			left: -177px;
		}

		span.badge {
			font-size: 9px;
			line-height: 13px;
			width: 16px;
			height: 16px;
			position: absolute;
			top: 10%;
			padding: 2px 0 0;
			left: 58%;
		}

		.main-search {
			float: right;
			width: 64%;
			height: 60px;
			padding: 9px 10px 67px 10px;
			position: absolute;
			top: 75px;
			left: 124px;
		}

		.main-search:after {
			content: '';
			position: absolute;
			left: 20px;
			top: -10px;
		}

		.page-container.sidebar-collapsed .sidebar-menu {
			width: 180px;
			z-index: 999999999;
		}

		.page-container.sidebar-collapsed .left-content {
			float: right;
			width: 88%;
		}

		button.btn.btn-default.tip {
			padding: 0.7em 0.7em;
			display: block;
			margin: 0 auto 11px;
		}

		.g-left {
			padding: 0 5px;
			margin-bottom: 0.7em;
			float: left;
			width: 100%;
		}

		.grid figure figcaption {
			padding: 4.5em 1.5em;
			font-size: 1.1em;
		}

		.error-top h3 {
			font-size: 5em;
		}

		.error-top {
			margin: 7em auto;
			width: 83%;
			padding: 2em 1em;
			position: absolute;
			left: 9%;
			top: 13%;
		}

		.block-page p {
			font-size: 0.9em;
			line-height: 1.8em;
		}

		div#container10 svg {
			width: 277px !important;
		}

		.map-bottm iframe {
			width: 100%;
			height: 250px;
			border: none;
		}

		canvas#viewport {
			width: 318px !important;
			height: 450px !important;
		}

		.media-body,
		.media-left,
		.media-right {
			display: inline-block;
			vertical-align: top;
			width: 100%;
			margin: 0px 0 8px 0;
		}

		.table td,
		.table>tbody>tr>td,
		.table>tbody>tr>th,
		.table>tfoot>tr>td,
		.table>tfoot>tr>th,
		.table>thead>tr>td,
		.table>thead>tr>th {
			padding: 10px 3px !important;
			font-size: 0.6em;
			border-top: none !important;
		}

		.inner-grid-button button {
			width: 80px;
			height: 80px;
			font-size: 25px;
		}

		.inner-grid-button button {
			width: 70px;
			height: 70px;
			display: inline-block;
			font-size: 25px;
			padding-top: 6px;
			margin-bottom: 13px;
			left: 10px;
		}

		.a_demo_three {
			font-size: 13px;
			padding: 10px 10px;
			margin-left: 27px;
		}

		.switch-main {
			margin: 0 6em;
		}

		h3.inner-tittle.t-inner {
			font-size: 1.6em;
		}

		h2.inner-tittle.page {
			position: absolute;
			top: -23%;
			left: 24%;
			font-size: 2.6em;
		}

		canvas#line2 {
			width: 280px !important;
			height: 300px !important;
		}

		div.ribbon3:before {
			content: "";
			width: 20px;
			top: -32px;
			right: -159px;
		}

		#maps ul {
			list-style-type: none;
			margin: 28px 0 0 0px;
			text-align: left;
		}

		.grid_3 {
			padding: 1em 1em;
		}

		.modal-body h2 {
			padding: 0;
			font-size: 1.1em;
			line-height: 1.6em;
		}

		.error-top h3 i {
			font-size: 66px;
		}

		.wrapper-dropdown-3 {
			position: relative;
			width: 70px;
		}

		ul.dropdown li a {
			padding: 6px 11px !important;
		}

		div#vmap {
			height: 410px !important;
		}
	}

	@media (max-width :384px) {
		.profile_details_left {
			float: right;
			width: 65%;
		}

		.page-container {
			min-width: 384px;
			position: relative;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			margin: 0px auto;
		}

		.ribbon1 {
			width: 211px;
			height: 80px;
			margin: 0px auto;
			left: -37px;
			top: -29px;
		}

		.ribbon-fold h4 {
			line-height: 75px;
			font-size: 17px;
		}

		canvas#viewport {
			width: 273px !important;
			height: 450px !important;
		}

		#maps ul {
			list-style-type: none;
			margin: 28px 0 0 0px;
			text-align: left;
		}

		.wrapper-dropdown-3 {
			position: relative;
			width: 64px;
			padding: 20px 5px;
		}

		.wrapper-dropdown-3:after {
			content: "";
			width: 0;
			height: 0;
			position: absolute;
			right: 5px;
		}

		div#container10 svg {
			width: 245px !important;
		}

		.candile-inner svg {
			height: 265px !important;
			width: 238px !important;
		}

		canvas#partly-cloudy-day {
			width: 30px;
			height: 30px;
		}

		canvas#cloudy {
			width: 30px;
			height: 30px;
		}

		canvas#rain {
			width: 30px;
			height: 30px;
		}

		canvas#snow {
			width: 30px;
			height: 30px;
		}

		.header-head h4 {
			font-size: 0.8em;
		}

		.bottom-head p {
			font-size: 0.75em;
		}

		.a_demo_three {
			font-size: 11px;
			padding: 10px 7px;
			margin-left: 27px;
		}

		.share_size_large {
			width: 74px;
			display: inline-block;
			margin-right: 1em;
			margin-top: 10px;
		}

		.main-grid3 {
			padding: 1em 1em;
		}

		ul.dropdown-menu.two {
			padding: 0;
			min-width: 234px;
			top: 99%;
			left: -172px;
		}

		.page-container.sidebar-collapsed-back .left-content {
			float: right;
			width: 83%;
		}

		.left-content {
			width: 86%;
		}

		.outter-wp {
			padding: 0.5em 1.5em;
			margin-bottom: 2em;
		}

		.page-container.sidebar-collapsed-back {
			width: 86%;
		}

		input[type="submit"] {
			font-size: 0.9em;
			background-color: #002561;
			border: 1px solid #002561;
			color: #fff;
			padding: 0.4em 0.3em;
			margin-top: 1em;
		}

		canvas#line2 {
			width: 187px !important;
			height: 300px !important;
		}

		canvas#polarArea {
			width: 200px !important;
			height: 200px !important;
		}

		canvas#pie {
			width: 230px !important;
			height: 152px !important;
			margin: 1em 0em;
		}

		ul.dropdown li a {
			padding: 6px 11px !important;
		}

		.error_page {
			position: relative;
			padding: 7em 0 3em 0;
			width: 100%;
		}

		.error-top {
			margin: 3em auto;
			width: 83%;
			padding: 2em 1em;
			position: absolute;
			left: 9%;
			top: 13%;
		}

		h2.inner-tittle.page {
			position: absolute;
			top: -13%;
			left: 27%;
			font-size: 2em;
		}

		.footer {
			text-align: center;
			margin: 23em 0 2em 0;
		}

		.footer.error {
			margin: 16em 0 2em 0;
		}

		.error-top.error {
			margin: 4em auto;
			width: 87%;
			padding: 2em 1em;
			position: absolute;
			left: 6%;
			top: -6%;
		}
	}

	@media (max-width :375px) {
		ul.dropdown-menu.two {
			padding: 0;
			min-width: 234px;
			top: 99%;
			left: -188px;
		}

		ul.dropdown-menu.two.first {
			padding: 0;
			min-width: 234px;
			top: 99%;
			left: -106px;
		}

		.page-container {
			min-width: 375px;
			position: relative;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			margin: 0px auto;
		}

		div#container10 svg {
			width: 239px !important;
		}

		.candile-inner svg {
			height: 265px !important;
			width: 230px !important;
		}

		.srch button {
			cursor: pointer;
			background: url('/assets/imgs/search.png') no-repeat 12px 15px rgba(3, 182, 197, 0.68);
			width: 56px;
			height: 63px;
			display: block;
			border: none;
			outline: none;
			position: absolute;
			top: 0px;
			left: 20%;
		}

		.profile_details_left {
			float: right;
			width: 71%;
		}

		.main-search {
			float: right;
			width: 64%;
			height: 60px;
			padding: 9px 10px 67px 10px;
			position: absolute;
			top: 75px;
			left: 75px;
		}

		div#container10 svg {
			width: 216px !important;
		}

		.chrt h2,
		h3.sub-tittle {
			font-size: 1.2em;
		}

		.weather-head {
			padding: 1em 0em;
		}

		.tabs nav ul li {
			width: 18%;
		}

		h2.inner-tittle {
			margin: 0 0 0.8em 0;
			font-size: 1.2em;
			line-height: 1.5em;
		}

		.mediabox h3 {
			margin: 0.95em 0 0.3em;
			font-size: 0.9em;
			line-height: 1.6em;
		}

		.content section {
			font-size: 1.25em;
			padding: 0em 1em;
		}

		.tabs nav.second {
			display: flex;
			flex-wrap: wrap;
			align-items: stretch;
			background: #021F4E;
			width: 68px;
		}

		.tabs nav.second a {
			padding: 20px 0px;
			text-align: center;
			width: 100%;
			cursor: pointer;
			border-bottom: 1px solid rgba(210, 205, 205, 0.17);
			font-size: 0.9em;
		}

		.tabs .context.visible {
			padding: 20px 10px;
			width: calc(100% - 50px);
		}

		.tabs .context {
			padding: 20px 0px;
			position: absolute;
			top: 0px;
			left: 72px;
		}

		.content section.content-current {
			display: block;
			margin-top: 1em;
		}

		.header-head {
			padding: 1em 0;
		}

		.activity-img {
			padding: 0;
		}

		.activity-desc-sub1:after {
			right: -22%;
			top: 17%;
		}

		.activity-img1 {
			width: 64%;
			padding: 0;
			margin: 0 9px;
		}

		.activity-desc-sub:before {
			left: -21.5%;
			top: 36%;
		}

		h4.title3 {
			font-size: 1.2em;
			padding: 0.5em 1em;
		}

		.header-top.weather2 {
			padding: 0.8em 1em;
		}

		button.btn.btn-default.tip {
			padding: 0.7em 0.7em;
			display: block;
			margin: 0 auto 7px;
			margin: 0 0 7px 0;
		}

		.panel-default>.panel-heading+.panel-collapse>.panel-body {
			font-size: 0.9em;
			line-height: 1.7em;
		}

		.form-group1,
		.form-group2.group-mail {
			padding: 0;
		}

		.a_demo_four {
			background-color: #3bb3e0;
			font-size: 11px;
			text-decoration: none;
			color: #fff;
			position: relative;
			padding: 13px 30px;
		}

		.a_demo_three {
			font-size: 9px;
			padding: 10px 7px;
			margin-left: 27px;
		}

		.switch-main {
			margin: 0 3em;
		}

		h2.inner-tittle,
		h3.inner-tittle {
			font-size: 1.3em;
		}

		.profile-info {
			float: left;
			width: 100%;
			margin-right: 0;
			padding: 0;
		}

		h4.timeline-title a {
			margin: 0;
			padding: 5px 0;
			font-size: 0.95em;
		}

		.main-grid3 p,
		.main-grid3 p a {
			font-size: 0.7em;
		}

		.error-top span {
			font-size: 1.1em;
		}

		.error-top h3 i {
			font-size: 53px;
		}

		.error-top h3 {
			font-size: 4em;
		}

		.footer p {
			font-size: 0.85em;
			line-height: 1.9em;
		}

		h2.inner-tittle.page {
			position: absolute;
			top: -18%;
			left: 19%;
			font-size: 2em;
		}

		.hvr-sweep-to-right {
			/* background: url("./assets/imgs/fb.png") no-repeat 7px 6px #3b5998; */
			width: 100%;
			padding: 0.7em 1em;
			font-size: 0.9em;
		}

		a.hvr-sweep-to-left {
			width: 100%;
			padding: 0.7em 1em;
			font-size: 0.9em;
			/* background: url("./assets/imgs/tw.png") no-repeat 10px 11px #1ab2e8; */
			text-align: right;
		}

		.login input[type="submit"] {
			font-size: 17px;
			padding: 7px 15px;
			margin-bottom: 0.3em;
		}

		.error-top {
			margin: 4em auto;
			width: 87%;
			padding: 2em 1em;
			position: absolute;
			left: 6%;
			top: 13%;
		}

		.error-top {
			margin: 4em auto;
			width: 87%;
			padding: 2em 1em;
			position: absolute;
			left: 6%;
			top: -6%;
		}

		h2.inner-tittle.page {
			position: absolute;
			top: -15%;
			left: 29%;
			font-size: 2em;
		}

		h3.inner-tittle.t-inner {
			font-size: 1.4em;
		}

		a.hvr-sweep-to-right {
			/* background: url("./assets/imgs/fb.png") no-repeat 3px 6px #3b5998; */
			width: 100%;
			padding: 0.7em 1em;
			font-size: 0.9em;
		}

		.sign-up input[type="reset"] {
			font-size: 17px;
			padding: 4px 19px;
			float: none;
			text-align: center;
		}

		.sign-up input[type="submit"] {
			float: none;
			width: 51%;
			font-size: 16px;
			margin-top: 10px;
		}

		.breadcrumb {
			padding: 8px 0px;
			border-radius: 0;
			margin: 0;
		}

		.tabs li a {
			padding: 0.7em;
		}

		td.table-img img {
			border-radius: 50%;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			-o-border-radius: 50%;
			width: 201%;
			margin: 11px -4px 0 -10px;
		}

		.control2 {
			height: 110px;
		}

		input[type="submit"] {
			font-size: 0.8em;
		}

		p.all {
			font-size: 0.8em;
		}

		canvas#viewport {
			width: 280px !important;
			height: 450px !important;
		}

		#maps {
			position: absolute;
			top: 2px;
			left: 0px;
		}

		#maps li {
			float: left;
			margin-right: 5px;
		}

		.grid figure figcaption {
			padding: 3em 1.5em;
			font-size: 1em;
		}

		div.left_ribbon h3,
		.ribbon.both_ribbon h3 {
			font-size: 1em;
			font-weight: 400;
		}

		.ribbon3 span {
			display: block;
			font-weight: 400;
			font-size: 19px;
		}

		div.ribbon3 {
			margin: 39px auto;
			width: 52px;
			margin-left: 0;
		}

		.ribbon3 span:after {
			content: "";
			width: 171px;
		}

		.ribbon3 span:before {
			width: 141px;
			height: 60px;
			top: 52px;
			left: 15px;
			transform: skew(15deg) rotate(40deg);
			-webkit-transform: skew(15deg) rotate(40deg);
			-moz-transform: skew(15deg) rotate(40deg);
			-o-transform: skew(15deg) rotate(40deg);
		}

		.ribbon3 span {
			display: block;
			font-weight: 400;
			font-size: 18px;
			margin: 0 19px;
			padding-right: 73px;
		}

		div.ribbon3:before {
			content: "";
			width: 20px;
			top: -24px;
			right: -161px;
			border: 22px solid #EA4C89;
			border-right-color: transparent;
			border-left-color: #052D6D;
		}

		div.ribbon3:after {
			content: "";
			width: 20px;
			bottom: 37px;
			left: -4px;
			border: 22px solid #EA4C89;
			border-left-color: transparent;
			border-right-color: #052D6D;
		}

		div.diamond {
			display: inline-block;
			color: #FFFFFF;
			font-size: 18px;
			line-height: 38px;
			margin: 15px 0;
			position: relative;
			width: 143px;
		}

		.wrapper-dropdown-3 {
			position: relative;
			width: 51px;
			padding: 20px 4px;
			font-size: 0.9em;
		}

		.wrapper-dropdown-3:after {
			content: "";
			width: 0;
			height: 0;
			position: absolute;
			right: 10px;
			top: 50%;
			margin-top: -2px;
			border-width: 4px 3px 0 3px;
			border-style: solid;
			border-color: #06909C transparent;
		}

		.weather-bottom1 {
			float: left;
			width: 50%;
			padding: 0;
		}

		.footer.error {
			margin: 16em 0 2em 0;
		}

		.error-top.error {
			margin: 4em auto;
			width: 87%;
			padding: 2em 1em;
			position: absolute;
			left: 6%;
			top: -6%;
		}
	}

	@media (max-width :320px) {
		footer p {
			font-size: 0.8em;
			padding-right: 68px;
			line-height: 1.8em;
		}

		.switch-main {
			margin: 0 3em;
		}

		.header-left {
			float: left;
			margin-left: 220px !important;
			margin-top: 20px;
		}

		h3.inner-tittle.two {
			margin-top: 18px;
			font-size: 1.3em;
			line-height: 1.4em;
		}

		.logo_img {
			width: 200px;
		}

		.font-italic {
			font-size: 9px;
		}

		.page-container {
			min-width: 320px;
			position: relative;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			margin: 0px auto;
		}

		.outter-wp {
			padding: 0.5em 1em;
			margin-bottom: 2em;
		}

		.activity-desc-sub:before {
			left: -21.5%;
			top: 36%;
		}

		.activity-desc-sub1:after {
			right: -22%;
			top: 17%;
		}

		.left-content {
			width: 82%;
		}

		.profile_details_left {
			float: right;
			width: 76%;
		}

		@media (max-width :640px) {
			.page-container {
				min-width: 650px;
				position: relative;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				width: 100%;
				height: 100%;
				margin: 0px auto;
			}

			.tabs nav ul li {
				border-bottom: none;
				margin: 0 1px;
			}

			/* .graph, .grid-1, .graph-form, .header-bottom, .panel, .candile-inner,
				.chrt-two, .chrt-three, .chrt-two.area, .panel-chrt, .tini-time-line
				{
				
			} */
			h2.inner-tittle,
			h3.inner-tittle {
				font-size: 1.5em;
			}

			#maps li {
				float: left;
				margin-right: 9px;
			}

			#maps ul {
				margin: 28px 0 0 11px;
			}

			.grid figure figcaption {
				padding: 2em;
				font-size: 1.1em;
			}

			.grid figure h4 {
				font-size: 1.2em;
				margin: 19px 0 0 0;
			}

			canvas#line2 {
				width: 392px !important;
				height: 300px !important;
			}

			.circle-charts ul li {
				margin-right: 5%;
			}

			.weather-right ul li:nth-child(2) {
				margin: 0 2em;
			}

			.activity-desc-sub1:after {
				right: -9%;
				top: 32%;
			}

			.activity-desc-sub:before {
				left: -9.5%;
				top: 36%;
			}

			.sidebar-menu {
				position: fixed;
				float: left;
				width: 170px;
			}

			span#logo h1 {
				font-size: 1.5em;
			}

			.sidebar-icon {
				margin-top: -6px;
				font-size: 19px;
				padding: 6px 7px;
				margin-right: 16px;
			}

			li.dropdown.note a {
				padding: 1.3em 1.8em;
				display: block;
			}

			.srch button {
				cursor: pointer;
				background: url('/assets/imgs/search.png') no-repeat 19px 16px rgba(3, 182, 197, 0.68);
				width: 70px;
				height: 63px;
				display: block;
				border: none;
				outline: none;
				position: absolute;
				top: 0px;
				left: 12%;
			}

			.ribbon1 {
				width: 259px;
				position: relative;
				height: 80px;
				margin: 0px auto;
				left: -22px;
				top: -29px;
			}

			.ribbon1::after {
				right: -57px;
				top: 31px;
				border-left-width: 59px;
				border-right-color: transparent;
			}

			.ribbon1::before {
				left: -53px;
				border-right-width: 49px;
				border-left-color: transparent;
				top: 31px;
			}

			.ribbon-inner {
				text-align: center;
				width: 96%;
				border: 1px solid #ddd;
			}

			.ribbon-inner.one {
				padding-bottom: 8em;
				width: 51%;
			}

			div#container10 svg {
				width: 501px !important;
			}

			.error-top {
				margin: 7em auto;
				width: 62%;
				padding: 2em 2em;
				position: absolute;
				left: 19%;
				top: 13%;
			}

			h2.inner-tittle.page {
				position: absolute;
				top: -23%;
				left: 27%;
				font-size: 2.8em;
			}

			.candile-inner svg {
				height: 350px !important;
				width: 500px !important;
			}

			.left-content {
				float: right;
				width: 92%;
			}

			.page-container.sidebar-collapsed {
				transition: all 100ms linear;
				transition-delay: 300ms;
			}

			.page-container.sidebar-collapsed .left-content {
				float: right;
				width: 74%;
			}

			.page-container.sidebar-collapsed-back {
				transition: all 100ms linear;
			}

			.page-container.sidebar-collapsed-back .left-content {
				transition: all 100ms linear;
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				transition: all 0.3s ease;
				float: right;
				width: 92%;
			}

			.page-container.sidebar-collapsed .sidebar-menu {
				width: 180px;
				transition: all 100ms ease-in-out;
				transition-delay: 300ms;
			}

			.page-container.sidebar-collapsed-back .sidebar-menu {
				width: 65px;
				transition: all 100ms ease-in-out;
			}

			.page-container.sidebar-collapsed .sidebar-icon {
				transition: all 300ms ease-in-out;
				margin-right: 0.1em;
				margin-top: -11px;
				color: #fff;
				background: #02BBCA;
				border-radius: 0;
				transform: rotate(0deg);
			}

			.page-container.sidebar-collapsed-back .sidebar-icon {
				transform: rotate(90deg);
				transition: all 300ms ease-in-out;
				margin-top: -2px;
				font-size: 19px;
				padding: 6px 7px;
				margin: 0px 4px;
			}

			.page-container.sidebar-collapsed .logo {
				padding: 21px 15px;
				box-sizing: border-box;
				transition: all 100ms ease-in-out;
				transition-delay: 300ms;
			}

			span#logo h1 {
				font-size: 1.5em;
				margin-top: -3px;
			}

			.logo {
				padding: 21px 0;
				height: 63px;
				box-sizing: border-box;
				transition: all 100ms ease-in-out;
				transition-delay: 300ms;
			}

			span#logo {
				display: none;
			}

			.page-container.sidebar-collapsed-back span#logo {
				display: block;
			}

			.down {
				display: none;
			}

			.page-container.sidebar-collapsed-back .logo {
				width: 100%;
				padding: 13px 14px;
				height: 60px;
				box-sizing: border-box;
				transition: all 100ms ease-in-out;
			}

			.page-container.sidebar-collapsed #logo {
				opacity: 0;
				transition: all 200ms ease-in-out;
				display: block;
				float: left;
			}

			.page-container.sidebar-collapsed .down {
				display: block;
			}

			.page-container.sidebar-collapsed #logo {
				opacity: 1;
				transition: all 200ms ease-in-out;
				display: block;
			}

			.page-container.sidebar-collapsed-back #logo {
				opacity: 1;
				transition: all 200ms ease-in-out;
				transition-delay: 300ms;
				display: block;
			}

			.page-container.sidebar-collapsed-back span#logo {
				opacity: 1;
				transition: all 200ms linear;
				transition-delay: 300ms;
				display: none;
			}

			.page-container.sidebar-collapsed-back #menu span {
				display: none;
			}

			.page-container.sidebar-collapsed #menu span {
				display: block;
			}

			.page-container.sidebar-collapsed #menu span {
				opacity: 1;
				transition: all 50ms linear;
				display: inline-block;
				margin-left: 10px;
			}

			#menu span {
				opacity: 0;
				transition: all 50ms linear;
				display: inline-block;
				margin-left: 10px;
			}

			span.fa.fa-angle-right,
			span.fa.fa-angle-double-right {
				float: right !important;
				position: absolute !important;
				right: 12px !important;
			}

			.sidebar-menu {
				width: 65px;
				transition: all 100ms ease-in-out;
				transition-delay: 300ms;
			}

			.main-search {
				float: right;
				width: 35%;
				height: 60px;
				padding: 9px 10px 67px 10px;
				position: absolute;
				top: 75px;
				left: 75px;
			}

			.page-container.sidebar-collapsed.main-search {
				float: right;
				width: 35%;
				height: 60px;
				padding: 9px 10px 67px 10px;
				position: absolute;
				top: 75px;
				left: 75px;
			}

			.page-container.sidebar-collapsed-back.srch button {
				cursor: pointer;
				background: url('/assets/imgs/search.png') no-repeat 19px 16px rgba(3, 182, 197, 0.68);
				width: 70px;
				height: 63px;
				display: block;
				border: none;
				outline: none;
				position: absolute;
				top: 0px;
				left: 12%;
			}

			.sidebar-menu {
				position: fixed;
			}

			.page-container.sidebar-collapsed .left-content .srch button {
				cursor: pointer;
				background: url('/assets/imgs/search.png') no-repeat 25px 15px rgba(3, 182, 197, 0.68);
				width: 80px;
				height: 63px;
				display: block;
				border: none;
				outline: none;
				position: absolute;
				top: 0px;
				left: 32%;
			}

			.ribbon1 {
				width: 342px;
				height: 80px;
				margin: 0px auto;
				left: -37px;
				top: -29px;
			}

			div.ribbon3 {
				margin: 39px auto;
				width: 250px;
			}

			.footer p {
				font-size: 0.9em;
			}

			.map-bottm iframe {
				width: 100%;
				height: 350px;
				border: none;
			}

			.inner-grid-button button {
				width: 80px;
				height: 80px;
				font-size: 25px;
			}

			.page-container.sidebar-collapsed .left-content .main-search {
				float: right;
				width: 35%;
				height: 60px;
				padding: 15px 15px 69px 17px;
				position: absolute;
				top: 75px;
				left: 198px;
			}

			.profile_details_left {
				float: right;
				width: 75%;
			}

			.error-top h3 i {
				font-size: 89px;
			}

			.widget {
				width: 48.5%;
				padding: 0px;
				float: left;
			}

			ul.dropdown li a {
				padding: 6px 11px !important;
			}

			div#vmap {
				height: 470px !important;
			}
		}

		ul.tabs {
			margin: 0;
			padding: 0;
			float: left;
			list-style: none;
			height: 32px;
			border-bottom: 1px solid #333;
			width: 100%;
		}

		ul.tabs li {
			float: left;
			margin: 0;
			cursor: pointer;
			padding: 0px 21px;
			height: 31px;
			line-height: 31px;
			border-top: 1px solid #333;
			border-left: 1px solid #333;
			border-bottom: 1px solid #333;
			background-color: #666;
			color: #ccc;
			overflow: hidden;
			position: relative;
		}

		.tab_last {
			border-right: 1px solid #333;
		}

		ul.tabs li:hover {
			background-color: #ccc;
			color: #333;
		}

		ul.tabs li.active {
			background-color: #fff;
			color: #333;
			border-bottom: 1px solid #fff;
			display: block;
		}

		.tab_container {
			border: 1px solid #333;
			border-top: none;
			clear: both;
			float: left;
			width: 100%;
			background: #fff;
			overflow: auto;
		}

		.tab_content {
			padding: 20px;
			display: none;
		}

		.tab_drawer_heading {
			display: none;
		}

		@media screen and (max-width: 480px) {
			.tabs {
				display: none;
			}

			.tab_drawer_heading {
				background-color: #ccc;
				color: #fff;
				border-top: 1px solid #333;
				margin: 0;
				padding: 5px 20px;
				display: block;
				cursor: pointer;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}

			.d_active {
				background-color: #666;
				color: #fff;
			}
		}

		/* Grid
		
		 
		
		responsive */

		@media (min-width : 1024px) {
			.table-grid {
				width: 772px;
			}
		}

		@media (min-width : 1280px) {
			.table-grid {
				width: 972px;
			}
		}

		@media (min-height : 768px) {
			.table-grid {
				height: 480px;
			}
		}

		@media (min-height : 900px) {
			.table-grid {
				height: 615px;
			}
		}
	}
}

.sapMLIBCounter {
	font-size: 0.875rem;
	color: #007cc0;
	padding-left: 1rem;
	top: 20px;
	float: right;
	/*position: absolute;
	 top: 20px;
	right: 8px; */
}

/***responsive***/
.file_icons {

	background: #f7f7f7;
	border: 1px solid #aaa;
	font-size: 11px;
	text-transform: uppercase;
	padding: 6px 10px;
	vertical-align: middle;
	line-height: normal;
	text-align: center;
	font-weight: 600;
	margin-right: 10px;
	color: #97144d !important;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.file_icons i {
	font-size: 12px;
	padding-right: 4px;
}

.file_icons:hover {
	background: #f1f0f0;
}

.grey-bg {
	background: #eee;
	padding: 3px;
}

.fa-file-excel-o {
	color: #34a734;
}

.fa-file-pdf-o {
	color: #e41111;
}


.corcode label {
	float: left;
	margin-left: 60px
}

.warning-icon {
	font-size: 36px;
	border: 4px solid #ddd;
	width: 80px;
	height: 80px;
	text-align: center;
	vertical-align: middle;
	color: #ccc;
	border-radius: 100%;
	/* padding-top: 8px; */
	line-height: 80px;
	font-size: 40px;
	margin-bottom: 20px;
}

.text-small {
	font-size: 16px;
	color: #999;
}

.watermark {
	position: absolute;
	top: 80px;
	width: 100%;
	text-align: center;
	color: #97144d;
	;
}

.img-responsive {
	max-width: 100%
}

.adv_search {
	display: inline-block;
	margin-top: 4px;
	vertical-align: middle;
}


.blockOverlay {
	width: 97% !important;
	left: 59px !important;
	top: 53px !important
}

.showmenus {
	z-index: 99 !important;
}

.sendemailformat md-radio-button {
	display: inline-block
}

.sendemailformat {
	margin-top: 30px;
}

.sendemailformat .md-label {
	margin-right: 10px;
	font-size: 14px;
	margin-bottom: 9px;
}

.sendemailformat md-radio-button .md-off,
.sendemailformat md-radio-button .md-on {
	width: 15px;
	height: 15px;
}

@media (max-width :767px) {
	.blockOverlay {
		width: 100% !important;
		left: 0px !important;
		top: 0px !important
	}
}

.loader {
	border: 4px solid #ddd;
	border-top: 4px solid #97144d;
	border-radius: 50%;
	width: 30px;
	height: 31px;
	animation: spin 2s linear infinite;
	display: inline-block;
	margin-top: 10px;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.corpCode::-webkit-calendar-picker-indicator {
	opacity: 100;
}


/* Datepicker CSS */

ngb-datepicker.dropdown-menu {
	width: 275px !important; 
 }

/* CAPTCHA CSS */

.captcha-image {
	user-select: none;
	-webkit-user-drag: none;
	pointer-events: none;
}


/* Scope to paginator only */
.mat-mdc-paginator .mat-mdc-select {
  height: 31px;                /* overall control height */
  line-height: 30px !important;           /* baseline to avoid clipping */
}


/* .row {
	--bs-gutter-x: 0.4rem !important;
  } */

/* Global Datalist Utilities */
.dl-wrap {
	position: relative;
	display: block;
	--dl-arrow-right: 10px;
	--dl-arrow-size: 14px;
	--dl-pad-right: 36px;
	--dl-btn-width: 32px;
}

.dl-wrap>input.form-control,
.dl-wrap>input[type="text"] {
	box-sizing: border-box;
	padding-right: var(--dl-pad-right) !important;
}

/* Clickable arrow button */
.dl-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: var(--dl-btn-width);
	height: 100%;
	border: none;
	background: transparent;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

/* Arrow icon (default) */
.dl-btn::before {
	content: "";
	position: absolute;
	right: var(--dl-arrow-right);
	top: 50%;
	transform: translateY(-50%);
	width: var(--dl-arrow-size);
	height: var(--dl-arrow-size);
	background-repeat: no-repeat;
	background-size: var(--dl-arrow-size) var(--dl-arrow-size);
	background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
}

/* Hover → bolder arrow */
.dl-btn:hover::before {
	background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
}

/* Hide native WebKit datalist picker icon to avoid double arrow */
input[list]::-webkit-calendar-picker-indicator {
	opacity: 0;
	display: none;
}