body {
	font-size: 13px;
}

#wrapper, .sidebar-collapse, #side-menu.toggled, #side-menu,
	.navbar-header {
	moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/*minimise button list*/
#side-menu.toggled {
	width: 70px; /* minimises width*/
}

#wrapper.toggled .sidebar-collapse {
	text-align: right;
	/*when minimise symbols comes to right side to keep in center padding done in i */
	font-size: 16px; /*font awesome symbols size*/
}

#wrapper.toggled .sidebar-collapse li ul.nav-second-level {
	width: 180px; /*sub menu width*/
	background: #010e3b; /*sub menu list color*/
	font-size: 13px;
	padding: 10px;
	top: 0px; /*submenu display exact to main menu */
	left: 65px; /*sub menu comes to leftside instead of down position*/
	text-align: justify;
	position: absolute; /*index menu stops sliding*/
	z-index: 1000;
}

#wrapper.toggled .sidebar-collapse li:hover ul.nav-second-level {
	display: block;
}

#wrapper.toggled .sidebar-collapse li {
	position: relative; /*sub menu list display exact to its main menu*/
}

/*#wrapper.toggled .sidebar-collapse li ul li ul.nav-third-level {
	display: none;
}*/
.btn-primary { /*button color*/
	background-color: #2991db; /*blue*/
	border-color: #2fafeb;
	padding: 5px 12px;
}

div.nav-header {
	height: 150px;
	font-size: 20px;
}

/*
 * metismenu - v2.0.2
 * A jQuery menu plugin
 * https://github.com/onokumus/metisMenu
 *
 * Made by Osman Nuri Okumus
 * Under MIT License
 */
.metismenu .plus-minus, .metismenu .plus-times {
	float: right;
}

.metismenu .arrow {
	float: right;
	line-height: 3;
	margin-right: 10px;
}

.metismenu .glyphicon.arrow:before {
	content: "\e079";
}

.metismenu .active>a>.glyphicon.arrow:before {
	content: "\e114";
}

.metismenu .fa.arrow:before {
	content: "\f104";
}

.metismenu .active>a>.fa.arrow:before {
	content: "\f107";
}

.metismenu .ion.arrow:before {
	content: "\f3d2";
}

.metismenu .active>a>.ion.arrow:before {
	content: "\f3d0";
}

.metismenu .fa.plus-minus:before, .metismenu .fa.plus-times:before {
	content: "\f067";
}

.metismenu .active>a>.fa.plus-times {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.metismenu .active>a>.fa.plus-minus:before {
	content: "\f068";
}

.metismenu .collapse {
	display: none;
}

.metismenu .collapse.in {
	display: block;
}

.metismenu .collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: .35s;
	transition-duration: .35s;
	-webkit-transition-property: height, visibility;
	transition-property: height, visibility;
}

/*nav-sidebar Styles */
#side-menu {
	height: 225%;
	left: 0px;
	position: absolute;
	padding: 0px; /*index menu comes to left side */
	margin: 0;
	width: 220px; /*main width*/
	list-style: none;
	background-color: #2991db; /*blue */
	/*background-image:url("images/paper.jpg");
	background-repeat:repeat-y;*/
}

.nav-sidebar li {
	text-indent: 10px; /*index menu moveaside */
	line-height: 40px; /*line by line height */
	font-weight: 600;
}

.nav-sidebar li a {
	display: block;
	/*outline: none;*/
	color: #f6fbf5; /* index menu texts white color */
}

.nav-sidebar li a i {
	margin-right: 6px; /*space between text & symbol*/
	padding: 10px 25px 10px 12px;
	/* when click the button,it minmise & the list icons comes to center */
	display: inline; /* glyphicon symbols stick to index menu */
}

.nav-sidebar li a:active, .nav-sidebar li a:focus {
	text-decoration: none;
	color: white;
}

.nav-sidebar li ul { /* sub menus closed */
	/*display: none;*/
	list-style-type: none;
}
/*nav-menu style*/
.nav-menu li a:hover {
	text-decoration: none;
	color: #f1da76; /*place the cursor text changes to yellow color */
}

.nav-menu  li.active { /*drop down list box colors */
	background: #006a91; /*lightblue color */
	border-left: 4px solid #bededb;
}

.nav-menu li ul.nav-second-level li {
	border: none;
}

/* second & third levels  */
.nav-menu li .nav-second-level.collapse[style] { /*hover*/
	height: auto !important;
}

.nav-second-level li a:active, .nav-second-level li a:focus {
	outline: none; /*dotted line will not appear */
	color: deepskyblue;
}

.nav-third-level .sub-third-level {
	text-indent: -20px;
}

.nav-third-level .sub-third-level a:active, .nav-third-level .sub-third-level a:focus
	{
	outline: none;
	color: deepskyblue;
	text-align: justify;
}

span.fa arrow {
	top: 14px;
	width: 50px;
	float: right;
}

span.nav-label {
	margin-left: -25px; /* index menu near to symbols */
}

.hidden {
	display: none;
}
/*row line */
.bg-row {
	background-color: #f3f3f4; /*bg color gray*/
}

.border-bottom {
	border-bottom: 1px solid #e7eaec;
}

.page-heading {
	padding: 10px 10px 15px 15px;
}

.page-content {
	margin: 10px 10px 15px 15px;
	background-color: #ededed;
}

/*form*/
.navbar-form {
	display: inline;
}

.navbar-form .form-control {
	border: none;
}

.white-bg {
	background-color: #ffffff; /*div bg color white*/
}

.breadcrumb {
	padding: 4px;
	background-color: #fff;
	margin-top: -5px;
	margin-bottom: -10px; /*decreases length of the div*/
}

.strow {
	padding: 10px 10px 0px 0px;
}

.bgrow {
	background-color: transparent;
}

.btn-bg {
	background-color: #337ab7;
	border-color: #337ab7;
	color: #fff;
}

button.length {
	margin: -25px 25px -10px -15px;
}

.table-data {
	padding: 30px;
}

.footer.fixed {
	background: white;
	border-top: 1px solid #e7eaec;
	left: 0;
	margin-left: 230px;
	right: 0;
	position: fixed;
	bottom: 0;
	padding: 10px 20px;
	z-index: 1000;
}

.clear {
	margin-top: 10px;
}

.bottom-len {
	margin-bottom: 20px;
}

.uppercase {
	text-transform: uppercase;
}

/*Wizard styles*/
.wizard li {
	float: left;
	list-style: none;
	text-align: center;
	padding: 5px;
	width: 25%;
	line-height: 40px;
}

.wizard li a {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	background-color: lightgrey;
}

.wizard .active a {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	background-color: steelblue !important;
}

@media ( min-width :768px) {
	#wrapper {
		margin-left: 220px; /* index menu position at 220px fixed */
	}
	#wrapper.toggled {
		margin-left: 70px;
		/*when click the button it will decrease 220px to 70px */
	}
	#page-content-wrapper {
		padding: 0px; /*Button padding*/
		position: relative;
	}
	#wrapper.toggled #page-content-wrapper {
		position: relative;
		margin-right: 0;
	}
}

@media ( max-width :768px) {
	#wrapper {
		margin-left: 0px;
	}
	#wrapper.toggled {
		margin-left: 70px;
		/*when click the button it will decrease 220px to 70px */
	}
	#side-menu {
		width: 0px;
	}
	.nav-sidebar li {
		text-indent: -140px;
	}
	.navbar-form, span.nav-label {
		display: none;
	}
	#wrapper.toggled .sidebar-collapse li ul.nav-second-level {
		padding: 10px 10px 10px 170px;
	}
	.nav-menu li ul.nav-second-level li {
		background: #010e3b; /*dark blue color*/
		border: none;
	}
	.nav-third-level .sub-third-level {
		text-indent: -172px;
	}
	#page-content-wrapper {
		padding: 0px; /*Button padding*/
		position: relative;
	}
	#wrapper.toggled #page-content-wrapper {
		position: relative;
		margin-right: 0;
	}
}

.tabColor>btn-default:active {
	background-color: red;
}

/* HRM styles */
.wrapper-content {
	padding: 20px 10px 40px;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 10px;
}

h3, h4, h5 {
	margin-top: 5px;
	font-weight: 600;
}

body {
	color: #676a6c;
}

.wrapper-content {
	padding: 60px 10px 40px;
	background: #f1f1f1;
	min-height: 620px;
}

.ibox {
	clear: both;
	margin-bottom: 25px;
	margin-top: 0;
	padding: 0;
}

.ibox-title {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #ffffff;
	/*border-color: #2fadfe;*/
	border-image: none;
	border-style: solid solid none;
	border-width: 4px 0px 0;
	color: inherit;
	margin-bottom: 0;
	padding: 14px 15px 7px;
	min-height: 48px;
}

.ibox-content {
	background-color: #ffffff;
	color: inherit;
	padding: 0px 20px 20px 20px;
	/*border-color: #e7eaec;*/
	border-image: none;
	border-style: solid solid none;
	border-width: 1px 0px;
}

.label-success, .badge-success {
	background-color: #1c84c6;
	color: #FFFFFF;
}

.text-success, .text-info, .text-navy, .text-danger {
	display: inline-block;
	float: right;
}

/* Dashboard Css Start */
.adminDashboard {
	background: #f1f1f1;
	min-height: 620px;
	margin-bottom: 50px;
}

.IncomeCard, .GroomsCard, .BridesCard, .UsersCard, .Registrations,
	.Messages, .attendanceTable, .feeDetailsTable, .attendanceTable,
	.passOrfailAnalysis, .calender, .Graph {
	background: #ffffff;
}

.cardtitle {
	border-top: 4px solid #2f4050;
	padding: 5px 15px 5px;
	min-height: 48px;
}

.cardcontent {
	padding: 0px 20px 5px 20px;
	border-top: 1px solid #2f4050;
}

.container {
	width: 1320px !important;
}

.MSGSSideheading {
	background: #d9edf7;
	padding: 1px 15px 7px;
}

.MSGStitle, .attendanceTabletitle, .passOrfailAnalysistitle,
	.feeDetailsTabletitle, .calendertitle, .Registrationstitle,
	.GraphHeading {
	border-top: 4px solid #2f4050;
	padding: 7px 15px 7px;
	min-height: 48px;
}

.MSGSContent, .attendanceTablecontent, .passOrfailAnalysiscontent,
	.feeDetailsTablecontent, .calendercontent, .registrationscontent,
	.GraphBody {
	padding: 15px 20px 20px 20px;
	border-top: 1px solid #2f4050;
}

.messagesreceived {
	padding-bottom: 15px;
	border-bottom: 1px solid #d9edf7;
	margin-top: 15px;
}

.rightAlign {
	float: right;
}

.calendercardcontent {
	background: #dfdce3;
	margin-bottom: 2px;
	padding: 6px 6px 6px 12px;
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.paddingLR5 {
	padding-right: 5px;
	padding-left: 5px;
}

text, foreignObject {
	display: none !important;
}

.schedulemeetingimg {
	height: 170px;
	width: 180px;
}

.bordertop {
	border-top: 1px solid #2f4050;
}

.inline {
	display: inline;
}

.userimage {
	height: 90px;
	width: 100%;
	margin-bottom: 10px;
}

.marginBottom10 {
	margin-bottom: 10px;
}

.textleft {
	text-align: left;
}

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

.clear {
	clear: both;
}

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

.paddingLR0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

hr {
	border-top: 1px solid #2f4050;
}

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

/* .modal-header {
	padding: 0px !important;
} */
.cmntslabel {
	min-height: 62px !important;
}

/* .modalHeight .modal-body {
	height: 250px;
	overflow-y: auto;
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.modalHeight .modal-dialog {
	margin: 100px auto;
	overflow-y: initial !important
} */
.cardName4 {
	padding: 10px;
	text-align: center;
	background: #25d366;
	color: #ffffff;
}

.commentsLabel, .commentIcon {
	display: inline;
}

.commentIcon {
	padding-left: 13px;
	font-size: 35px;
}

.paddingL0 {
	padding-left: 0px !important;
}

.marginLR0 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.MSGSContent {
	border-top: none !important;
}

.fontcolor {
	color: #333;
}

h5 {
	color: #1c84c6;
}

label {
	padding: 0px;
}

.redColor {
	color: red;
}

.padding0 {
	padding: 0
}

.font18 {
	font-size: 18px;
}