@charset "utf-8"; /* CSS Document */
@import url('reset.css'); /*Reset CSS*/
@import url('fonts.css'); /*Custom Fonts*/
@import url('fontawesome/font-awesome.min.css'); /*Icons Fonts*/
header {
	padding: 15px 0px;
	background-color: #fff;
}

.container-fluid {
	padding-left: 20px;
	padding-right: 20px;
}
	/***************************************User Information***************************************/
.user {
	position: relative;
	display: inline;
}

.user h5 {
	margin: 0px 10px 0px 0px;
	text-align: right;
	color: #424242;
	font-family: calibri;
	font-size: 17px;
	font-weight: normal;
	line-height: 18px;
}

.user p {
	font-family: calibri;
	color: #39acec;
	display: block;
	text-align: right;
	margin: 0px 10px 0px 0px;
}
	/***************************************Top Navigation***************************************/
nav#main_topnav {
	background-color: #181413;
	padding: 10px 0px;
	margin-top: 30px;
	width: 100%;
	z-index: 1;
	left: 0;
	position: fixed;
}

nav#main_topnav .toggle-topmenu,nav#main_topnav .toggle-aside {
	color: #fff;
	display: none;
	font-size: 30px;
}

nav#main_topnav ul {
	text-align: right;
	margin: 0px;
}

nav#main_topnav ul li {
	display: inline;
	margin: 0px 15px;
}

nav#main_topnav ul li:last-child {
	margin-right: 0px;
}

nav#main_topnav ul li a {
	font-size: 18px;
	color: #FFF;
}

nav#main_topnav ul li:hover a {
	
}
	/***************************************Aside Left Pannel***************************************/
aside#left_panel {
	background-color: #dadada;
	position: fixed;
	left: 0px;
	padding: 20px 0px;
	width: 270px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	top: 120px;
	height: 100%;
}

form.search_form {
	margin-bottom: 20px;
	position: relative;
}

.search-input {
	margin-right: 35px;
}

form.search_form input {
	border: 1px solid #afafaf;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

form.search_form input[type=text] {
	color: #919191;
	padding: 7px;
	background-color: #eeeeee;
	display: block;
	height: 35px;
	font-style: italic;
	border-right: 0px;
	width: 100%;
}

form.search_form input[type=text]:focus {
	border-color: #8c8b8b;
}

form.search_form input[type=submit] {
	background-color: #1171a1;
	color: #FFF;
	padding: 9px 10px;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 35px;
	border-color: #013f5f;
}

nav#aside_nav ul {
	margin: 0px;
}

nav#aside_nav li {
	list-style: none;
}

nav#aside_nav  li:hover a,nav#aside_nav li.active a,nav#aside_nav li.open a
	{
	background-color: #ececec;
	color: #1171a1;
}

nav#aside_nav li.active>a {
	font-family: 'OpenSans-Regular';
}

nav#aside_nav li ul {
	display: none;
}

nav#aside_nav li a {
	display: block;
	font-size: 14px;
	padding: 8px 20px;
	color: #0d1218;
}

nav#aside_nav li a span {
	background-color: #d43b28;
	display: inline-block;
	color: #fff;
	float: right;
	padding: 0px 5px;
	line-height: 16px;
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 10px;
	border: 1px solid #a11a08;
}

nav#aside_nav li ul li a {
	color: #979797 !important;
	padding: 7px 20px 7px 20px;
}

nav#aside_nav li ul li a:hover,nav#aside_nav li ul li.active a {
	background: #f6f6f6;
	color: #7c7c7c !important;
}
	/***************************************Main Section / Basic Elements***************************************/
.movefor-aside {
	transform: translate3d(270px, 0px, 0px);
	-ms-transform: translate3d(270px, 0px, 0px); /* IE 9 */
	-webkit-transform: translate3d(270px, 0px, 0px);
	/* Safari and Chrome */
	-moz-transition: translate3d(270px, 0px, 0px);
	-o-transition: translate3d(270px, 0px, 0px);
}

section#main_content {
	margin: 0px 0px 0px 270px;
	background-color: #fff;
	padding-top: 54px;
	position: relative;
}

section#main_content>div.container-fluid {
	padding: 15px 20px;
}

.overflow-scroll {
	overflow: auto;
}

.page-header {
	margin: 0px;
	border: 0px;
	padding: 0px;
}

.page-header h1 {
	font-size: 34px;
	margin-top: 0px;
}

.page-header h1 small {
	font-size: 14px;
}
	/***************************************breadcrumbs***************************************/
.breadcrumb {
	padding: 3px 10px;
	background-color: #F4F4F4;
}

.breadcrumb li a,.breadcrumb li {
	font-size: 14px;
	font-family: calibri;
}
	/***************************************Panels***************************************/
.panel {
	border: 0;
	box-shadow: none;
}

.panel.colored .panel-body {
	border: 1px solid #E5E5E5;
	border-top: 0px;
}

.panel-heading {
	padding: 8px 0px;
	border-bottom: 1px solid #ccc;
}

.panel.colored .panel-heading {
	padding: 8px 15px;
	position: relative;
	box-shadow: 0 2px 0 rgba(255, 255, 255, 0.3) inset;
	border: 0;
}

.panel.colored .panel-heading:before {
	display: block;
	content: '';
	border: 1px solid #000;
	border-left: 7px solid #000;
	filter: alpha(opacity = 30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	pointer-events: none;
}

.panel-title {
	display: inline;
	font-size: 18px;
	color: #656565;
	line-height: normal;
	text-transform: uppercase;
}

.panel.colored .panel-title,.panel.colored small {
	color: #fff;
}

.panel-body {
	padding: 15px 0px;
	position: relative;
}

.panel.colored .panel-body {
	padding: 15px;
}

.panel:hover ul.toolbar {
	display: block;
}

.panel-body.no-padding,.no-padding {
	padding: 0px;
}

ul.toolbar {
	margin: 0;
	display: none;
}

ul.toolbar li {
	display: inline-block;
}

ul.toolbar li a {
	font-size: 16px;
	display: inline-block;
	padding: 5px;
	opacity: 0.6;
	color: #333;
}

ul.toolbar li a i {
	width: auto;
}

.panel.colored 	ul.toolbar li a {
	color: #fff;
}

.panel.colored 	ul.toolbar li a:hover {
	opacity: 0.8;
}

.panel-footer {
	padding: 15px;
	border: 1px solid #E5E5E5;
	border-top: 0;
}

.box-loader {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 2;
	background: #fff url(../images/loader/windows8.gif) no-repeat center
		center;
	opacity: 0.7;
	left: 0px;
	cursor: wait;
	top: 0px;
}
	/***************************************Statistics boxes***************************************/
.stats {
	margin: 0px;
}

.stats li {
	color: #FFF;
	margin-bottom: 25px;
	text-align: center;
	list-style: none;
}

.stats li h5 {
	font-weight: normal;
	line-height: 25px;
	padding: 0px 0px 6px 0px;
	margin: 0px;
	text-align: center;
	font-size: 16px;
}

.stats li a {
	display: block;
	font-size: 13px;
	color: #FFF;
	padding: 5px 15px;
	clear: both;
	text-align: left;
	opacity: 0.7;
}

.stats li a i {
	float: right;
	padding: 0px;
	font-size: 14px;
	padding-top: 2px;
	text-align: right;
}

.stats li a:hover,.stats li a:hover i {
	opacity: 1;
}

.stats li>div>i {
	font-size: 46px;
	padding: 8px 0px 0px 0px;
	clear: both;
	display: inline-block;
}

.stats li div.blue-bg a {
	background-color: #2295c9;
}

.stats li div.green-bg a {
	background-color: #50b478;
}

.stats li div.purple-bg a {
	background-color: #751e88;
}

.stats li div.orange-bg a {
	background-color: #e87712;
}

.stats li div.yellow-bg a {
	background-color: #db9628;
}

.stats li div.mehroon-bg a {
	background-color: #cb545e;
}

.stats li div.bottelgreen-bg a {
	background-color: #45bca1;
}
	/***************************************Data Tables / Gride***************************************/
.metro-table {
	width: 100%;
}

.metro-table thead tr td {
	font-size: 17px;
	color: #8e8e8e;
	padding: 5px 5px 15px 5px;
}

.metro-table tfoot tr td {
	font-size: 14px;
	color: #8e8e8e;
}

.metro-table tbody tr td {
	font-size: 14px;
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.metro-table tbody tr td span {
	border: 1px solid #f5f5f5;
	border-left: 0px;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 7px 10px;
}

.metro-table tbody tr td:last-child span {
	border: 0px;
}

.metro-table tbody tr:nth-child(5n+1) td:first-child span:first-child {
	border-left: 5px solid #27a9e3;
}

.metro-table tbody tr:nth-child(5n+2) td:first-child span:first-child {
	border-left: 5px solid #f2ae43;
}

.metro-table tbody tr:nth-child(5n+3) td:first-child span:first-child {
	border-left: 5px solid #28b779
}

.metro-table tbody tr:nth-child(5n+4) td:first-child span:first-child {
	border-left: 5px solid #e7191b
}

.metro-table tbody tr:nth-child(5n+5) td:first-child span:first-child {
	border-left: 5px solid #c180e6
}

.metro-table ul.pagination {
	
}

.metro-table ul.pagination li,.metro-table ul.pagination li a {
	display: inline-block;
}

.metro-table ul.pagination li a {
	width: 25px;
	height: 25px;
	text-align: center;
	padding: 1px 0px;
	border: 1px solid #FFF;
	color: #999;
}

.metro-table ul.pagination li a:hover {
	border: 1px solid #CCC;
}
	/***************************************Responsive Tables / Gride***************************************/
/***Unseen Column***/
@media ( max-width : 850px) {
	table#unseen td:nth-child(2),table#unseen th:nth-child(2) {
		display: none;
	}
}

@media ( max-width : 640px) {
	table#unseen td:nth-child(4),table#unseen th:nth-child(4),table#unseen td:nth-child(7),table#unseen th:nth-child(7),table#unseen td:nth-child(8),table#unseen th:nth-child(8)
		{
		display: none;
	}
} /***Fill Scroll***/
@media ( max-width : 850px) {
	#flip-scroll .cf:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	#flip-scroll * html .cf {
		zoom: 1;
	}
	#flip-scroll *:first-child+html .cf {
		zoom: 1;
	}
	#flip-scroll table {
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
	}
	#flip-scroll th,#flip-scroll td {
		margin: 0;
		vertical-align: top;
	}
	#flip-scroll th {
		text-align: left;
	}
	#flip-scroll table {
		display: block;
		position: relative;
		width: 100%;
	}
	#flip-scroll thead {
		display: block;
		float: left;
	}
	#flip-scroll tbody {
		display: block;
		width: auto;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
	}
	#flip-scroll thead tr {
		display: block;
	}
	#flip-scroll th {
		display: block;
		text-align: right;
	}
	#flip-scroll tbody tr {
		display: inline-block;
		vertical-align: top;
	}
	#flip-scroll td {
		display: block;
		min-height: 1.25em;
		text-align: left;
	} /* sort out borders */
	#flip-scroll th {
		border-bottom: 0;
		border-left: 0;
	}
	#flip-scroll td {
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
	}
	#flip-scroll tbody tr {
		border-left: 1px solid #babcbf;
	}
	#flip-scroll th:last-child,#flip-scroll td:last-child {
		border-bottom: 1px solid #babcbf;
	}
} /***Responsive Table - no more table***/
@media only screen and (max-width: 850px) {
	/* Force table to not be like tables anymore */
	#no-more-tables table,#no-more-tables thead,#no-more-tables tbody,#no-more-tables th,#no-more-tables td,#no-more-tables tr
		{
		display: block;
	} /* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#no-more-tables tr {
		border: 1px solid #ccc;
	}
	#no-more-tables td { /* Behave like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align: left;
	}
	#no-more-tables td:before { /* Now like a table header */
		position: absolute; /* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
	} /*Label the data*/
	#no-more-tables td:before {
		content: attr(data-title);
	}
}
	/***************************************Background Colors***************************************/
.blue-bg,.pager li>a.blue-bg {
	background-color: #30abe0;
}

.btn.blue-bg:hover,.btn.blue-bg.active {
	background-color: #259ccf;
}

.yellow-bg,.pager li>a.yellow-bg {
	background-color: #f2ae43;
}

.btn.yellow-bg:hover,.btn.yellow-bg.active {
	background-color: #e8a740;
}

.green-bg,.pager li>a.green-bg {
	background-color: #66c88d;
}

.btn.green-bg:hover,.btn.green-bg.active {
	background-color: #5aba80;
}

.red-bg,.pager li>a.red-bg {
	background-color: #f06060;
}

.btn.red-bg:hover,.btn.red-bg.active {
	background-color: #e25353;
}

.mehroon-bg,.pager li>a.mehroon-bg {
	background-color: #e36974;
}

.btn.mehroon-bg:hover,.btn.mehroon-bg.active {
	background-color: #d85d68;
}

.orange-bg,.pager li>a.orange-bg {
	background-color: #f5821c;
}

.btn.orange-bg:hover,.btn.orange-bg.active {
	background-color: #e77918;
}

.purple-bg,.pager li>a.purple-bg {
	background-color: #c180e6;
}

.btn.purple-bg:hover,.btn.purple-bg.active {
	background-color: #b474d9;
}

.pink-bg,.pager li>a.pink-bg {
	background-color: #ec2f87;
}

.btn.pink-bg:hover,.btn.pink-bg.active {
	background-color: #df287d;
}

.bottelgreen-bg,.pager li>a.bottelgreen-bg {
	background-color: #58d4b8;
}

.btn.bottelgreen-bg:hover,.btn.bottelgreen-bg.active {
	background-color: #50c9ae;
}

.gray-bg,.pager li>a.gray-bg {
	background-color: #cccccc;
}

.btn.gray-bg:hover,.btn.gray-bg.active {
	background-color: #bcbcbc;
}

.brown-bg,.pager li>a.brown-bg {
	background-color: #bea881;
}

.btn.brown-bg:hover,.btn.brown-bg.active {
	background-color: #ad966e;
}

.black-bg,.pager li>a.black-bg {
	background-color: #484848;
}

.btn.black-bg:hover,.btn.black-bg.active {
	background-color: #323232;
}
	/***************************************Invoice***************************************/
.invoice-details {
	display: table;
	width: 100%;
	clear: both;
	margin: 15px 0px 20px 0px;
	border: 1px solid #e6e6e6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.invoice-details>div {
	display: table-cell;
	padding: 10px;
}
	/***************************************Lockscreen***************************************/
.locked {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.2);
	padding: 25px;
	max-width: 540px;
	height: 230px;
	margin: auto;
}

.locked-body h2 {
	margin: -8px 0px 5px 0px;
}

.locked .locked-body h2,.locked .locked-body p {
	color: #fff;
}

.locked-user img {
	max-width: 100%;
}

.locked-body .msg-button-relative {
	margin-top: 45px;
}
	/***************************************Login Screen***************************************/
.signin {
	position: absolute;
	top: 5%;
	left: 0px;
	right: 0px;
	background: #fff;
	margin: auto;
	padding: 25px;
	max-width: 400px;
}

.signin .signin-body h3 {
	margin: 0px 0px 30px 0px;
	line-height: normal;
}
	/***************************************Idol Screen***************************************/
.idolcontainer .back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgb(91, 145, 179);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(91, 145, 179, 1)),
		color-stop(0.5, rgba(146, 187, 219, 1)),
		color-stop(0.75, rgba(118, 137, 196, 1)), to(rgba(37, 67, 127, 1)));
	background: -webkit-linear-gradient(rgba(91, 145, 179, 1) 0%,
		rgba(146, 187, 219, 1) 50%, rgba(118, 137, 196, 1) 75%,
		rgba(37, 67, 127, 1) 100%);
	background: -moz-linear-gradient(rgba(91, 145, 179, 1) 0%,
		rgba(146, 187, 219, 1) 50%, rgba(118, 137, 196, 1) 75%,
		rgba(37, 67, 127, 1) 100%);
	background: -o-linear-gradient(rgba(91, 145, 179, 1) 0%,
		rgba(146, 187, 219, 1) 50%, rgba(118, 137, 196, 1) 75%,
		rgba(37, 67, 127, 1) 100%);
	background: linear-gradient(rgba(91, 145, 179, 1) 0%,
		rgba(146, 187, 219, 1) 50%, rgba(118, 137, 196, 1) 75%,
		rgba(37, 67, 127, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#5b91b3',
		endColorstr='#25437f', GradientType=0);
}

.idolcontainer .back span {
	display: block;
	position: absolute;
	border-radius: 50% !important;
}

.idolcontainer .time {
	color: white;
	text-align: right;
	position: absolute;
	bottom: 40px;
	right: 50px;
}

.idolcontainer .hour {
	font-size: 120px;
	font-weight: normal;
	line-height: 120px;
	margin: 0px;
}

.idolcontainer .date {
	font-size: 18px !important;
	padding-right: 10px;
}
	/***************************************Forms***************************************/
input,button,select,textarea {
	font-family: 'OpenSans-Light';
}

textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input
	{
	color: #333333;
	border: 1px solid #dddddd;
}

textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus
	{
	border-color: #30abe0;
}

input,textarea {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.control-label,label {
	font-size: 15px;
	color: #666;
	font-weight: normal;
}

.panel-footer .form-group:last-child {
	margin-bottom: 0px;
} /*****Select Sizes******/
select.chzn-nopadd {
	padding: 0px;
}

.btn {
	color: #FFF;
}

.btn:hover,.btn:focus,.btn:active,.btn.active,.btn[disabled],.btn.disabled
	{
	color: #FFF;
} /*******Pager********/
.pager li>a,.pager li>span {
	border: 0;
} /*****Button Sizes******/
.input-append .add-on,.input-prepend .add-on {
	padding: 7px 9px;
}

.well {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.accordion-heading .accordion-toggle {
	background-color: #f9f9f9;
}

.form-horizontal input+.help-block,.form-horizontal select+.help-block,.form-horizontal textarea+.help-block,.form-horizontal .uneditable-input+.help-block,.form-horizontal .input-prepend+.help-block,.form-horizontal .input-append+.help-block
	{
	margin-top: 5px;
} /****Form Action Left Aligned****/
.left-label label.control-label {
	text-align: left;
} /*****Styled Input File******/
.styled-input-file {
	position: relative;
	padding: 0px;
}

.styled-input-file .input-file-box input {
	border-right: 0px;
}

.styled-input-file .btn {
	position: absolute;
	right: 0px;
	top: 0px;
} /*Grid*/
.row [class*="span"]:first-child {
	margin-left: 0px;
}

.show-grid [class*="span"] {
	margin-bottom: 5px;
} /*just to showcase button*/
.showcase-btn {
	margin: 0px 10px 15px 0px !important;
} /******Form Row Saprated******/
.form-row-seperated .form-group {
	border-bottom: 1px solid #EDEDED;
	padding: 10px 0px;
}

.form-row-seperated .form-group:last-child {
	border: 0px;
} /******Form Row Bodered******/
.form-bordered .form-group {
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 0px;
}

.form-bordered .form-group:last-child {
	border: 0px;
}

.form-bordered .form-group .control-label {
	padding-top: 15px;
}

.form-bordered .form-group .col-lg-10 {
	border-left: 1px solid #E5E5E5;
	padding-top: 15px;
	padding-bottom: 15px;
}
	/***************************************Feeds***************************************/
.feeds {
	margin: 0px;
}

.feeds li {
	font-size: 14px;
	color: #666;
	padding: 10px 0px;
	border-bottom: 1px dotted #999;
}

.feeds li span {
	padding: 3px;
	margin-right: 10px;
}

.feeds li span i {
	color: #FFF;
}
	/***************************************Messages / Chanting***************************************/
.messages {
	padding-right: 10px;
	margin: 0px;
}

.messages li {
	list-style: none;
	position: relative;
	padding: 12px 0px;
}

.messages li p {
	margin: 0px;
}

.messages li a img {
	height: 51px;
	width: 51px;
	border-radius: 50px;
}

.messages li.incoming a,.messages li.outgoing a {
	display: block;
	position: absolute;
	top: 12px;
}

.messages li.outgoing a {
	right: 0px;
}

.messages li.incoming .message_area,.messages li.outgoing .message_area
	{
	border: 1px solid #E36974;
	padding: 8px 12px;
	color: #666666;
	position: relative;
	font-size: 13px;
}

.messages li.outgoing .message_area {
	margin-right: 70px;
	text-align: right;
	border: 1px solid #50B478;
}

.messages li.incoming .message_area {
	margin-left: 70px;
}

.message_info {
	margin-bottom: 5px;
}

.message_info span.sender {
	font-weight: bold;
	color: #F06060;
}

.messages li.outgoing .message_info span.sender {
	color: #50B478;
}

.message_info span.says,.message_info span.time {
	font-style: normal;
	font-size: 12px;
	color: #999999;
	margin-left: 5px;
}

.messages li.outgoing .message_area:after,.messages li.incoming .message_area:after
	{
	display: block;
	content: " ";
	position: absolute;
	top: -1px;
	border: 6px solid transparent;
}

.messages li.outgoing .message_area:before,.messages li.incoming .message_area:before
	{
	display: block;
	content: " ";
	position: absolute;
	top: 0px;
	border: 5px solid transparent;
	z-index: 1;
}

.messages li.outgoing .message_area:before {
	left: 100%;
	border-left: 5px solid #fff;
	border-top: 5px solid #fff;
}

.messages li.outgoing .message_area:after {
	left: 100%;
	border-left: 6px solid #50B478;
	border-top: 6px solid #50B478;
}

.messages li.incoming .message_area:after {
	right: 100%;
	border-right: 6px solid #E36974;
	border-top: 6px solid #E36974;
}

.messages li.incoming .message_area:before {
	right: 100%;
	border-right: 5px solid #fff;
	border-top: 5px solid #fff;
}

.messages li.incoming .message_area span.arow {
	left: -6px;
}

.msg-input {
	margin-right: 40px;
}

.msg-input input {
	width: 100%;
	border-right: 0px;
}

.msg-button-relative {
	position: relative;
}

.msg-button {
	position: absolute;
	right: 0px;
	top: 0px;
}
	/***************************************Static Notifications***************************************/
.notification {
	padding: 10px;
	min-height: 0px !important;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	margin-bottom: 20px;
}
	/***************************************Bootstrap Wizard***************************************/
.bwizard-steps {
	background-color: #f0f0f0;
	display: table;
	width: 100%;
	margin: 0px 0px 20px 0px;
}

.bwizard-steps li {
	display: table-cell;
	padding: 15px;
	cursor: pointer;
}

.bwizard-steps li a {
	font-size: 17px;
	display: inline-block;
	color: #999999;
	padding: 0px 15px;
}

.bwizard-steps li.active {
	background-color: #999999;
}

.bwizard-steps li.active a {
	color: #FFF;
}

.bwizard-steps .label {
	color: #fff;
	background-color: #ff9b00;
}

.bwizard .well {
	border: 0px;
	background: none;
}

.bwizard-steps .label.badge-inverse {
	background-color: #ff9b00;
}
	/***************************************Errors Pages***************************************/
.error-heading {
	color: #FFFFFF;
	display: block;
	font-size: 100px;
	color: #dfdfdf;
	line-height: 230px;
	text-align: center;
}
	/***************************************Gallery Page***************************************/
ul.gallery {
	
}

ul.gallery li {
	margin: 0px 15px 15px 0px;
	float: left;
	position: relative;
}

ul.gallery li img {
	height: 100px;
	width: 100px;
}

ul.gallery li:hover .overlay-options {
	display: block;
}

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

.overlay-options {
	position: absolute;
	height: 100%;
	width: 100%;
	display: none;
	text-align: center;
	background: rgba(0, 0, 0, 0.2);
	top: 0px;
}

.overlay-options a {
	padding: 5px 10px;
}
	/***************************************Blog post***************************************/
.latest-blogs li {
	margin-bottom: 15px;
}

.latest-blogs li:hover {
	background-color: #f7f7f7;
}

.tags li {
	float: left;
	margin: 0px 5px 5px 0px;
}

.media a img {
	height: 50px;
	width: 50px;
}

.post-meta {
	margin-right: 15px;
	font-size: 13px;
}

.post-meta i {
	font-size: 16px;
	margin-right: 5px;
}

.blogs-list h3 {
	margin-top: 0px;
	line-height: 26px;
}
	/***************************************Mail Box***************************************/
.mail-list li:nth-child(odd) {
	background-color: #F6F6F6;
}

.mail-list li {
	border-radius: 5px !important;
	padding: 10px;
	cursor: pointer;
	color: #888;
}

.mail-list li:before,.mail-list li:after {
	display: table;
	content: " ";
}

.mail-list li:after {
	clear: both;
}

.mail-list li div.tools {
	width: 70px;
	white-space: nowrap;
	float: left;
}

.mail-list li div.sender {
	width: 20%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.mail-list li div.message {
	width: 50%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.mail-list li div.time {
	width: 18%;
	text-align: right;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.mail-list li div[class*="icheckbox"] {
	margin-left: 0px !important;
}

.mail-list li i.star {
	font-size: 20px;
	color: #ccc;
}

.mail-list li i.star:hover {
	color: #FFAB00;
}

.mail-list li i.star.selected {
	color: #FFAB00;
}

.mail-list li div.message .label {
	padding: 0px 5px;
	font-weight: normal;
}
	/***************************************Font Awesome Icons***************************************/
.the-icons {
	margin: 0px;
}

.the-icons li {
	list-style: none;
	color: #505050;
	height: 32px;
	line-height: 32px;
	cursor: pointer;
}

.the-icons li i {
	font-size: 14px;
	width: 30px;
}

.the-icons li:hover i {
	font-size: 24px;
}
	/***************************************Overlaping Bootstarp Style***************************************/
div,input,select,textarea,span,img,table,td,th,p,a,button,ul,li,ol {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

a:hover {
	text-decoration: none !important;
}
	/***************************************Resposive Styleing***************************************/
@media ( max-width : 768px) {
	nav#main_topnav .toggle-topmenu,nav#main_topnav .toggle-aside {
		display: block;
	}
	aside#left_panel {
		left: 0px;
		transform: translate3d(-270px, 0px, 0px);
		-ms-transform: translate3d(-270px, 0px, 0px); /* IE 9 */
		-webkit-transform: translate3d(-270px, 0px, 0px);
		/* Safari and Chrome */
		-moz-transition: translate3d(-270px, 0px, 0px);
		-o-transition: translate3d(-270px, 0px, 0px);
		top: 0px !important;
		height: 100% !important;
	}
	aside#left_panel.asideopen {
		transform: translate3d(0px, 0px, 0px);
		-ms-transform: translate3d(0px, 0px, 0px); /* IE 9 */
		-webkit-transform: translate3d(0px, 0px, 0px); /* Safari and Chrome */
		-moz-transition: translate3d(0px, 0px, 0px);
		-o-transition: translate3d(0px, 0px, 0px);
	}
	section#main_content,nav#main_topnav,header,aside {
		transition: all 0.4s;
	}
	section#main_content {
		margin-left: 0px;
	}
	nav#main_topnav {
		padding: 10px 0px;
	}
	nav#main_topnav ul {
		text-align: left;
		clear: both;
		margin-top: 10px;
		display: none;
	}
	nav#main_topnav ul li {
		display: block;
		border-top: 1px solid #404040;
		margin: 0px 0px;
	}
	nav#main_topnav ul li a {
		display: block;
		padding: 10px 0px;
	}
	nav#main_topnav ul li a i {
		margin-right: 10px;
	}
	body {
		padding-left: 0px;
		padding-right: 0px;
	}
	.container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}
	section#main_content>div.container-fluid {
		padding: 15px;
	}
}

@media ( max-width : 768px) { /**For Login**/
	.signin {
		top: 0;
	}
	.signin .signin-body h3,.locked-body h2,.locked-body p {
		text-align: center;
	} /**For Lock Screen**/
	.locked {
		height: 365px;
	}
	.locked-user {
		width: 180px;
		margin: 0 auto;
	}
	.locked-body h2 {
		margin: 10px 0px 20px 0px;
	}
	.locked-body .msg-button-relative {
		margin-top: 0px;
	}
} /**For Tablate Two Colums**/
@media ( min-width : 480px) and (max-width: 767px) {
	.row.responsive-tab [class*="col-md-"] {
		width: 50%;
		float: left;
	}
	.row.responsive-tab [class*="col-md-"]:nth-child(even) {
		padding-left: 0;
	}
} /**For Mobile Two Colums**/
@media ( max-width : 767px) {
	.row.responsive-mob [class*="span"] {
		width: 48.717948717948715%;
		*width: 48.664757228587014%;
		float: left;
		margin-left: 2.564102564102564%;
		*margin-left: 2.5109110747408616%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.row.responsive-mob [class*="span"]:nth-child(odd) {
		margin-left: 0;
	}
}

.zindex1 {
	z-index: 1 !important;
}

.overf-hide {
	overflow: hidden;
}