/*   

Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.0

Version: 1.5.2

Author: KeenThemes

Website: http://www.keenthemes.com/

Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keentheme

*/



/*********************

 GENERAL UI COLORS 

*********************/



/***

Colors

blue:  #4b8df8

light blue: #bfd5fa

red: #e02222

yellow: #ffb848

green: #35aa47

purple: #852b99

dark: #555555;

light grey: #fafafa;

***/



/*********************

 GENERAL RESET & SETUP 

*********************/



/***

Import fonts

***/



/*Load Open Sans Font from google fonts*/

/*

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

*/



/* load Open Sans Font from local */

@import url(../fonts/font.css);

/***

Reset and overrides  

***/

/* general body settings */

body {

	color: #333333;

	font-family: Calibri;

	padding: 50px 0 0 0 !important;

	margin: 0px !important;

	font-size: 13px;

	direction: ltr;

}

/*.hide_new{

	display:none !important;

}*/

/*

Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't 

properly apply the media queries in Bootstrap's CSS. To address this, 

you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.

*/

@-webkit-viewport {

 width: device-width;

}

 @-moz-viewport {

 width: device-width;

}

 @-ms-viewport {

 width: device-width;

}

 @-o-viewport {

 width: device-width;

}

 @viewport {

 width: device-width;

}



/* Internet Explorer 10 doesn't differentiate device width from viewport width, 

and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied */

@-ms-viewport {

 width: auto !important;

}

/* Fix Google Maps canvas

 *

 * Wrap your Google Maps embed in a `.google-map-canvas` to reset Bootstrap's

 * global `box-sizing` changes. You may optionally need to reset the `max-width`

 * on images in case you've applied that anywhere else. (That shouldn't be as

 * necessary with Bootstrap 3 though as that behavior is relegated to the

 * `.img-responsive` class.)

 */



.google-map-canvas, .google-map-canvas * {

 .box-sizing(content-box);

}

/* Optional responsive image override */

img {

	max-width1: none;

}

/***

General typography 

***/

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {

	color: #444;

}

h1, h2, h3, h4, h5, h6 {
    color: #2b2b2b;
    font-family: Poppins,sans-serif;
    margin: 10px 0;
    font-weight: 300;
}

h1.block, h2.block, h3.block, h4.block, h5.block, h6.block {

	padding-top: 10px;

	padding-bottom: 10px;

}

a {

	text-shadow: none !important;

	color: #0d638f;

}

/***

Fix link outlines after click

***/

a, a:focus, a:hover, a:active {

	outline: 0;

	text-decoration: none;

}

/***

General backgrounds. Can be applied to any block or panel

***/



.bg-blue {

	background-image: none !important;

	background-color: #4b8df8 !important;

	border-color: #4b8df8 !important;

	color: #fff !important;

}

.bg-red {

	background-image: none !important;

	background-color: #e02222 !important;

	border-color: #e02222 !important;

	color: #fff !important;

}

.bg-yellow {

	background-image: none !important;

	background-color: #ffb848 !important;

	border-color: #ffb848 !important;

	color: #fff !important;

}

.bg-green {

	background-image: none !important;

	background-color: #35aa47 !important;

	border-color: #35aa47 !important;

	color: #fff !important;

}

.bg-purple {

	background-image: none !important;

	background-color: #852b99 !important;

	border-color: #852b99 !important;

	color: #fff !important;

}

.bg-dark {

	background-image: none !important;

	background-color: #555555 !important;

	border-color: #555555 !important;

	color: #fff !important;

}

.be-grey {

	background-image: none !important;

	background-color: #fafafa !important;

	border-color: #fafafa !important;

}

/***

Font Awesome Icons

***/

[class^="icon-"], [class*=" icon-"] {

	display: inline-block;

	margin-top: 1px;

	font-size: 14px;

 *margin-right: .3em;

	line-height: 14px;

}

/***

Make font awesome icons fixed width(latest version issue)

***/

li [class^="icon-"], li [class*=" icon-"] {

	display: inline-block;

	width: 1.25em;

	text-align: center;

}

li [class^="icon-"].icon-large, li [class*=" icon-"].icon-large {

	/* increased font size for icon-large */

	width: 1.5625em;

}

/***

Close icon used for modal dialog and other UI element close buttons

***/

.close {

	display: inline-block;

	margin-top: 0px;

	margin-right: 0px;

	width: 9px;

	height: 9px;

	background-repeat: no-repeat !important;

	background-image: url("../img/remove-icon-small.png") !important;

}

/***

General HR

***/



hr {

	margin: 20px 0;

	border: 0;

	border-top: 1px solid #E0DFDF;

	border-bottom: 1px solid #FEFEFE;

}

/***

Tools

***/

.display-none, .display-hide {

	display: none;

}

.no-space {

	margin: 0px !important;

	padding: 0px !important;

}

.margin-bottom-10 {

	margin-bottom: 10px !important;

}

.margin-top-10 {

	margin-top: 10px !important;

}

.margin-bottom-15 {

	margin-bottom: 15px !important;

}

.margin-bottom-20 {

	margin-bottom: 20px !important;

}

.margin-top-20 {

	margin-top: 20px !important;

}

.margin-bottom-25 {

	margin-bottom: 25px !important;

}

.margin-right-10 {

	margin-right: 10px !important;

}

.bold {

	font-weight: 600 !important;

}

.fix-margin {

	margin-left: 0px !important

}

.border {

	border: 1px solid red;

}

.inline {

	display: inline;

}

/***

ie8 & ie9 modes

***/

.visible-ie8 {

	display: none;

}

.ie8 .visible-ie8 {

	display: inherit !important;

}

.visible-ie9 {

	display: none;

}

.ie9 .visible-ie9 {

	display: inherit !important;

}

.hidden-ie8 {

	display: inherit;

}

.ie8 .hidden-ie8 {

	display: none !important;

}

.hidden-ie9 {

	display: inherit;

}

.ie9 .hidden-ie9 {

	display: none !important;

}

/********************

 GENERAL LAYOUT 

*********************/



/***

Header and header elements.

***/



.header {

	width: 100%;

	margin: 0;

	border: 0px;

	padding: 0px;

	box-shadow: none;

	min-height: 50px;

}

.header.navbar-fixed-top {

	z-index: 9999 !important;

}
.logo1 img{
	height:40px;
}
.header .navbar-brand {

	margin: 0px;

	padding: 5px 0px;

	background: #ffffff;

	width: 220px;

	float: left;

	text-align: center;

	height:50px;

}

.header .navbar-brand:hover, .header .navbar-brand:focus {

	background: #ffffff;

}

.header .navbar-brand img {

	display: inline-block;

}

.header .navbar-toggle {

	margin: 8px 6px 4px 6px;

	padding: 0;

	padding-top: 2px;

	padding-bottom: 6px;

	background-image: none;

	filter: none;

	box-shadow: none;

	color: #fff;

	border: 0;

}

.header .navbar-toggle:hover {

	text-decoration: none;

	background: none;

}

.header .navbar-nav {

	margin-right: 20px;

	display: block;

}

.header .navbar-nav > li {

	margin: 0px;

	padding: 0px;

}

.header .navbar-nav > li.dropdown, .header .navbar-nav > li.dropdown > a {

	padding-left: 4px;

	padding-right: 4px;

}

.header .navbar-nav > li.dropdown > a:last-child {

	padding-right: 0;

}

.header .navbar-nav > li.dropdown:last-child {

	padding-right: 2px;

}

.header .navbar-nav > li.dropdown .dropdown-toggle {

	margin: 0px;

	padding: 15px 10px 7px 10px;

}

.header .navbar-nav > li.dropdown .dropdown-toggle > i {

	font-size: 18px;

}

.header .navbar-nav > li.dropdown .dropdown-menu > li > a > i {

	font-size: 14px;

}

.header .navbar-nav > li.dropdown.user .dropdown-toggle {

	padding: 10px;

}

.header .navbar-nav > li.dropdown.user .dropdown-toggle:hover {

	text-decoration: none;

}

.header .navbar-nav > li.dropdown.user .dropdown-toggle .username {

	color: #ddd;

}

.header .navbar-nav li.dropdown.user .dropdown-toggle i {

	display: inline-block;

	margin-top: 5px;

	margin: 0;

	font-size: 16px;

}

.header .navbar-nav > li.dropdown.user .dropdown-menu i {

	width: 15px;

	display: inline-block;

}

.header .navbar-nav > li.dropdown .dropdown-toggle .badge {

	position: absolute;

	top: 8px;

	right: 20px;

}

/* language bar */



.header .navbar-nav > li.dropdown.language {

	padding-left: 0;

	padding-right: 0;

	margin: 0;

}

.header .navbar-nav > li.dropdown.language > a {

	color: #ddd;

	font-size: 13px;

	padding: 10px 1px 12px 5px;

}

.header .navbar-nav > li.dropdown.language > a > img {

	margin-bottom: 2px;

}

.header .navbar-nav > li.dropdown.language > a > i {

	font-size: 16px;

}

.header .navbar-nav > li.dropdown.language > .dropdown-menu > li > a > img {

	margin-bottom: 2px;

}

.header .navbar-nav .dropdown-menu {

	margin-top: 3px;

}

/***

Page container

***/

.page-container {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

}

.page-header-fixed .page-container {

}

/***

Page sidebar

***/



/* ie8 fixes */

.ie8 .page-sidebar {

	position: absolute;

	width: 225px;

}

.page-sidebar.navbar-collapse {

	padding: 0;

}

.page-sidebar-menu {

	list-style: none;

	margin: 0;

	padding: 0;

	margin: 0;

	padding: 0;

}

.page-sidebar-menu > li {

	display: block;

	margin: 0;

	padding: 0;

	border: 0px;

}

.page-sidebar-menu > li.start > a {

	border-top-color: transparent !important;

}

.page-sidebar-menu > li:last-child > a, .page-sidebar-menu > li.last > a {

	border-bottom-color: transparent !important;

}

.page-sidebar-menu > li > a {
    display: block;
    position: relative;
    margin: 0;
    border: 0px;
    padding: 14px 15px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 300;
}

.page-sidebar-fixed .page-sidebar-menu > li > a {

	-webkit-transition: all 0.2s ease;

	-moz-transition: all 0.2s ease;

	-o-transition: all 0.2s ease;

	transition: all 0.2s ease;

}

.page-sidebar-menu > li > a i {

	font-size: 16px;

	margin-right: 5px;

	text-shadow: none;

}

.page-sidebar-menu > li.break {

	margin-bottom: 20px;

}

.page-sidebar-menu > li.active > a {

	border: none;

	text-shadow: none;

}

.page-sidebar-menu > li.active > a .selected {

	display: block;

	width: 8px;

	height: 25px;

	background-image: url("../img/sidebar-menu-arrow.png");

	float: right;

	position: absolute;

	right: 0px;

	top: 8px;

}

.page-sidebar ul > li > a > .arrow:before {

	float: right;

	margin-top: 0px;

	margin-right: 5px;

	display: inline;

	font-size: 16px;

	font-family: FontAwesome;

	height: auto;

	content: "\f104";

	font-weight: 300;

	text-shadow: none;

}

.page-sidebar-menu > li > a > .arrow.open:before {

	float: right;

	margin-top: 0px;

	margin-right: 3px;

	display: inline;

	font-family: FontAwesome;

	height: auto;

	font-size: 16px;

	content: "\f107";

	font-weight: 300;

	text-shadow: none;

}

/* bagin: sidebar menu badges */

.page-sidebar-menu li > a > .badge {

	float: right;

	margin-top: 1px;

	margin-right: 13px;

}

/* end: sidebar menu badges */



.page-sidebar-menu .sub-menu {

	padding: 0;

}

.page-sidebar-menu > li > ul.sub-menu {

	display: none;

	list-style: none;

	clear: both;

	margin: 8px 0px 8px 15px;

}

.page-sidebar-menu > li.active > ul.sub-menu {

	display: block;

}

.page-sidebar-menu > li > ul.sub-menu > li {

	background: none;

	margin: 0px;

	padding: 0px;

	margin-top: 1px !important;

}

.page-sidebar-menu > li > ul.sub-menu > li > a {

	display: block;

	margin: 0px 0px 0px 0px;

	padding: 5px 0px;

	padding-left: 44px !important;

	text-decoration: none;

	font-size: 14px;

	font-weight: 300;

	background: none;

}

/* 3rd level sub menu */

.page-sidebar-menu > li > ul.sub-menu > li ul.sub-menu {

	display: none;

	list-style: none;

	clear: both;

	margin: 0px 0px 0px 0px;

}

.page-sidebar-menu > li > ul.sub-menu li > a > .arrow:before {

	float: right;

	margin-top: 1px;

	margin-right: 20px;

	display: inline;

	font-size: 16px;

	font-family: FontAwesome;

	height: auto;

	content: "\f104";

	font-weight: 300;

	text-shadow: none;

}

.page-sidebar-menu > li > ul.sub-menu li > a > .arrow.open:before {

	float: right;

	margin-top: 1px;

	margin-right: 18px;

	display: inline;

	font-family: FontAwesome;

	height: auto;

	font-size: 16px;

	content: "\f107";

	font-weight: 300;

	text-shadow: none;

}

.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu {

	display: block;

}

.page-sidebar-menu > li > ul.sub-menu > li ul.sub-menu li {

	background: none;

	margin: 0px;

	padding: 0px;

	margin-top: 1px !important;

}

.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a {

	display: block;

	margin: 0px 0px 0px 0px;

	padding: 5px 0px;

	text-decoration: none;

	font-size: 14px;

	font-weight: 300;

	background: none;

}

.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {

	padding-left: 60px;

}

.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {

	padding-left: 80px;

}

.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu > li.active ul.sub-menu {

	display: block;

}

.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a > i {

	font-size: 13px;

}

/* sidebar search */

.page-sidebar .sidebar-search {

	padding: 0;

	margin: 0;

}

.page-sidebar .sidebar-search .form-container {

	margin: 15px 20px 15px 20px;

	height: 35px;

	padding-top: 7px;

}

.page-sidebar .sidebar-search .form-container .submit {

	display: block;

	float: right;

	margin-top: 3px;

	width: 13px;

	height: 15px;

	background-repeat: no-repeat;

	box-shadow: none;

	border: 0px;

	padding: 0px;

	outline: none !important;

}

.page-sidebar .sidebar-search .form-container input[type="text"] {

	margin: 0px;

	width: 165px;

	border: 0px;

	padding: 0 !important;

	font-size: 14px !important;

	box-shadow: none !important;

	font-size: 14px;

	font-weight: normal;

}

.page-sidebar .sidebar-search .form-container input[type="text"]:focus {

	outline: none !important;

}

/***

Sidebar toggler(show/hide)

***/



.page-sidebar .sidebar-toggler {

	cursor: pointer;

	opacity: 0.5;

	filter: alpha(opacity=50);

	margin-top: 15px;

	margin-left: 190px;

	width: 30px;

	height: 30px;

	background-repeat: no-repeat;

}

.sidebar-toggler:hover {

	filter: alpha(opacity=100);

	opacity: 1;

}

.page-sidebar-closed .sidebar-toggler {

	margin-left: 8px;

}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container {

	width: 29px;

	margin-left: 3px;

}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container .input-box {

	border-bottom: 0 !important;

}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container input[type="text"] {

	display: none;

}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container .submit {

	margin-top: 5px !important;

	margin-left: 7px !important;

	margin-right: 7px !important;

	display: block !important;

}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {

	width: 255px;

	position: relative;

	z-index: 1;

	padding-top: 0px;

}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container input[type="text"] {

	margin-top: 7px;

	margin-left: 8px;

	padding-left: 10px;

	padding-bottom: 2px;

	width: 185px;

	display: inline-block !important;

}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .submit {

	display: inline-block;

	width: 13px;

	height: 13px;

	margin: 11px 8px 9px 6px !important;

}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {

	background-repeat: no-repeat;

	width: 11px;

	height: 11px;

	margin: 12px 8px 9px 8px !important;

	display: inline-block !important;

	float: left !important;

}

.page-sidebar-closed .page-sidebar-menu > li > a .selected {

	right: -3px !important;

}

.page-sidebar-closed .page-sidebar-menu > li > a > .title, .page-sidebar-closed .page-sidebar-menu > li > a > .arrow {

	display: none !important;

}
.page-sidebar-closed .page-sidebar-menu  .title {

	display: none !important;

}
.page-sidebar-closed .sidebar-toggler {

	margin-right: 3px;

}

.page-sidebar-closed .page-sidebar .sidebar-search {

	margin-top: 6px;

	margin-bottom: 6px;

}

.page-sidebar-closed .page-sidebar-menu {

	width: 50px !important;

}

.page-sidebar-closed .page-sidebar-menu > li > a {

	padding-left: 7px;

}

.page-sidebar-fixed.page-sidebar-closed .page-sidebar-menu > li > a {

	-webkit-transition: all 0.2s ease;

	-moz-transition: all 0.2s ease;

	-o-transition: all 0.2s ease;

	transition: all 0.2s ease;

}

.page-sidebar-closed .page-sidebar-menu > li:hover {

	width: 236px !important;

	position: relative !important;

	z-index: 2000;

	display: block !important;

}

.page-sidebar-closed .page-sidebar-menu > li:hover .selected {

	display: none;

}

.page-sidebar-closed .page-sidebar-menu > li:hover > a > i {

	margin-right: 10px;

}

.page-sidebar-closed .page-sidebar-menu > li:hover .title {

	display: inline !important;

}

.page-sidebar-closed .page-sidebar-menu > li > .sub-menu {

	display: none !important;

}

.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu {

	width: 185px;

	position: absolute;

	z-index: 2000;

	left: 36px;

	margin-top: 0;

	top: 100%;

	display: block !important;

}

.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu, .page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu > li > .sub-menu {

	width: 185px;

}

/* 2rd level sub menu*/

.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > a {

	padding-left: 15px !important;

}

/* 3rd level sub menu*/

.page-sidebar-closed .page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > a {

	padding-left: 30px !important;

}

/* 4rd level sub menu*/

.page-sidebar-closed .page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > .sub-menu > li > a {

	padding-left: 45px !important;

}

/* sidebar container */

 

.page-sidebar-closed .page-sidebar {

	width: 50px;

}

.page-sidebar-closed .page-content {

	margin-left: 50px !important;

}

/***

Page content

***/

.page-content {

	margin-top: 0px;

	padding: 0px;

	background-color: #f2f2f2;

}

.ie8 .page-content {

	padding: 20px;

	margin-left: 225px;

	margin-top: 0px;

	min-height: 760px;

}

.ie8 .page-sidebar-fixed .page-content {

	min-height: 600px;

}

.ie8 .page-content.no-min-height {

	min-height: auto;

}

.page-full-width .page-content {

	margin-left: 0px !important;

}

/***

Page title

***/

.page-title {

	padding: 0px;

	font-size: 24px;

	letter-spacing: -1px;

	display: block;

	color: rgba(0,0,0,.5);

	margin: 0px 0px 15px 0px;

	font-weight: 600;

	font-family: 'Open Sans', sans-serif;

}

.page-title small {

	font-size: 14px;

	letter-spacing: 0px;

	font-weight: 300;

	color: #888;

}

/***

Page breadcrumb

***/



.ie8 .row .page-breadcrumb.breadcrumb > li {

	margin-right: 1px;

}

.page-content .page-breadcrumb.breadcrumb {

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

	box-shadow: none;

	padding-right: 30px;

	padding-left: 8px;

	margin-top: 15px;

	margin-bottom: 25px;

	border: 0px !important;

	background-color: #eee;

}

.page-content .page-breadcrumb.breadcrumb > li > a, .page-content .page-breadcrumb.breadcrumb > li > i, .page-content .page-breadcrumb.breadcrumb > li > span {

	color: #333;

	font-size: 14px;

	text-shadow: none;

}

.page-content .page-breadcrumb.breadcrumb > li > i {

	color: #666;

}

.page-content .page-breadcrumb.breadcrumb > li+li:before {

	display: none;

}

/* Dashboard breadcrumb Dropdown */

.page-content .page-breadcrumb.breadcrumb .btn-group {

	right: 15px;

	position: absolute;

	margin-top: -8px;

}

.page-content .page-breadcrumb.breadcrumb > .btn-group .btn {

	padding-top: 8px;

	padding-bottom: 8px;

}

/* Dashboard date range panel */

.page-content .page-breadcrumb.breadcrumb .dashboard-date-range {

	position: relative;

	top: -8px;

	margin-right: -30px;

	display: none;

	padding: 9px 9px 8px 9px;

	cursor: pointer;

	color: #fff;

	background-color: #e02222;

}

.viewsory-pd {

	padding-left: 10px;

}

.loadmore-btn {

	display: block;

	margin: 20px 0;

	text-align: center;

}

.pht-wp {

	min-height: 192px;

}

.anbt {

	border-radius: 0 5px 5px 0;

}

.top-h1.tph1 {

	border-bottom: 0 none;

	display: inline-block;

	padding: 0;

}

#rowresult .table-responsive {

	margin-top: 20px;

}

.input-group.date.form_datetime span.input-group-btn button {

	border-bottom: 1px solid #CCCCCC;

	border-radius: 0;

	border-top: 1px solid #CCCCCC;

	margin-top: 3px;

	padding: 6px 14px 5px;

}

.input-group.date.form_datetime span.input-group-btn a {

	border: 1px solid #CCCCCC;

	margin-top: 3px;

	padding: 6px 14px 5px;

	border-radius: 0px 4px 4px 0px;

}

.ml5 {

	margin-left: 5px;

}

.btn-group a#stat {

	border-radius: 0 4px 4px 0;

}
#designerdiv {
    position: relative;
    padding-left: 0px;
    width: 900px;
    height: 570px;
}

.rowaa.filebxbg {



}

.martop3 {

	margin-top: 3px;

	font-size: 13px;

}

td.vwpics {

	padding-top: 0px !important;

}

.input-group.brrd4 input, .input-group.brrd4 select {

	border-radius: 4px !important;

}
.select{
	
}
.img-bg.imbg100pre {

	width: 100%;

}

.dropdown-menu li .usnameli, .dropdown-menu li .companynameli {

	padding: 5px 10px;

}

table .th-sno {

	width: 3%;

}

.textcenter {

	text-align: center !important;

}

/*.form-group{

	margin-bottom:0px;

	padding-bottom:20px;

	float:left;

	width:100%;

}*/

.formbody-eor .form-group {

	overflow: hidden;

	padding-bottom: 20px;

	margin-bottom: 0px;

}

label.error {

	position: absolute;

}

.sted-reo label.error {

	left: 0;

	top: 38px;

}

.radio.lbl {

	display: inline-block;

	margin: 0 10px 0 0;

}

.ckbx-lbl {

	display: inline-block;

}

.mbottm15 {

	margin-bottom: 15px;

}

.th-chkbx {

	width: 3%;

}

.mtop0 {

	margin-top: 0px !important;

}

.mb10 {

	margin-bottom: 10px;

}

.mtop30 {

	margin-top: 30px;

}

.mtop10 {

	margin-top: 10px !important;

}

.ovhdn {

	overflow: hidden;

}

.notifsidebr, .wlcusd, .cmpn-sttss-sd {

	line-height: 24px;

}

.ntfs-ic {

	padding-right: 10px;

}

.page-nation span.current {

	background: #e02222;

	color: #ffffff;

	border: 1px solid #e02222;

}

td img.img-responsive {

	min-height: 150px;

	max-width: 150px;

}

label.checkbox.hdstsck {

	display: inline-block;

	margin-bottom: 0;

	margin-top: 0;

}

span.sc-fil {

	margin-right: 9px;

}

.mix-details .desc {

	min-height: 150px;

}

.chrmagnpds {

	margin: 0 15px;

}

.hover-div.hv-olypht .hover-btns p {

	padding: 41% 0;

}



/* hack for chrome and safari */

@media all and (-webkit-min-device-pixel-ratio:0) {

.page-content .page-breadcrumb.breadcrumb .dashboard-date-range {

	padding: 9px;

}

}



@media screen and (-webkit-min-device-pixel-ratio:0) {

.jselect {

	height: 30px !important;

}

}

.page-content .page-breadcrumb.breadcrumb .dashboard-date-range > span {

	font-size: 12px;

	font-weight: 300;

	color: #fff;

	text-transform: uppercase;

}

.page-content .page-breadcrumb.breadcrumb .dashboard-date-range > .icon-calendar {

	text-transform: normal;

	color: #fff;

	margin-top: 0px;

	font-size: 14px;

}

.page-content .page-breadcrumb.breadcrumb .dashboard-date-range > .icon-angle-down {

	color: #fff;

	font-size: 16px;

}

/***

Footer

***/



.footer {

	padding: 15px;

	font-size: 12px;

	background: #000000;

}

.footer p {

	margin-bottom: 0px;

}

.footer:after, .footer:before {

	content: "";

	display: table;

	line-height: 0;

}

.footer:after {

	clear: both;

}

.footer .footer-inner {

	float: left;

	display: inline-block;

	width: 100%;

}

.footer .footer-tools {

	float: right;

	display: inline-block;

}

.footer .footer-tools .go-top {

	display: block;

	text-decoration: none;

	cursor: pointer;

	margin-top: -2px;

	margin-right: 0px;

	margin-bottom: 0px;

	font-size: 16px;

	padding: 0px 6px 0px 6px;

}

.footer .footer-tools .go-top i {

	font-size: 22px;

	margin-bottom: 5px;

}

/********************

 GENERAL UI ELEMENTS 

*********************/



/***

Icon stuff

***/

i.icon, a.icon {

	color: #999;

	margin-right: 5px;

	font-weight: normal;

	font-size: 13px;

}

i.icon-black {

	color: #000 !important;

}

a.icon:hover {

	text-decoration: none;

	-webkit-transition: all 0.1s ease-in-out;

	-moz-transition: all 0.1s ease-in-out;

	-o-transition: all 0.1s ease-in-out;

	-ms-transition: all 0.1s ease-in-out;

	transition: all 0.1s ease-in-out;

	opacity: .4;

	filter: alpha(opacity=40);

}

a.icon.huge i {

	font-size: 16px !important;

}

i.big {

	font-size: 20px;

}

i.warning {

	color: #d12610;

}

i.critical {

	color: #37b7f3;

}

i.normal {

	color: #52e136;

}

/***

Custom wells

***/

.well {

	background-color: #fafafa;

	border: 1px solid #eee;

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

	-webkit-box-shadow: none !important;

	-moz-box-shadow: none !important;

	box-shadow: none !important;

}

.well.mini {

	padding: 7px !important;

}

/***

Form stuff

***/





/***

Bordered form layout

***/



/***

Input icons

***/



/* input with right aligned and colored icons */



/* input with left aligned icons */

.input-icon {

	position: relative;

}

.input-icon input {

	padding-left: 33px !important;

}

.input-icon i {

	color: #ccc;

	display: block;

	position: absolute;

	margin: 11px 2px 4px 10px;

	width: 16px;

	height: 16px;

	font-size: 16px;

	text-align: center;

}

.input-icon.right input {

	padding-left: 12px !important;

	padding-right: 33px !important;

}

.input-icon.right i {

	right: 8px;

	float: right;

}

.has-success .input-icon > i {

	color: #468847;

}

.has-warning .input-icon > i {

	color: #c09853;

}

.has-error .input-icon > i {

	color: #b94a48;

}

/***

Portlets

***/

.portlet {

	clear: both;

	margin: 0 15px 25px;

	padding: 0px;

}

.portlet > .portlet-title {

	margin-bottom: 15px;

	border-bottom: 1px solid #eee;

}

.portlet > .portlet-title:after, .portlet > .portlet-title:before {

	content: "";

	display: table;

	line-height: 0;

}

.portlet > .portlet-title:after {

	clear: both;

}

.portlet > .portlet-title > .caption {

	float: left;

	display: inline-block;

	font-size: 18px;

	line-height: 18px;

	font-weight: 400;

	margin: 0;

	padding: 0;

	margin-bottom: 8px;

}

.portlet > .portlet-title > .caption > i {

	float: left;

	margin-top: 4px;

	display: inline-block !important;

	font-size: 13px;

	margin-right: 5px;

	color: #666;

}

 .portlet.blue > .portlet-title > .caption, .portlet-title.blue > .caption, .portlet.green > .portlet-title > .caption, .portlet-title.green > .caption, .portlet.yellow > .portlet-title > .caption, .portlet-title.yellow > .caption, .portlet.red > .portlet-title > .caption, .portlet-title.red > .caption, .portlet.purple > .portlet-title > .caption, .portlet-title.purple > .caption, .portlet.grey > .portlet-title > .caption, .portlet-title.dark-grey > .caption, {

 color: #fff;

}

.portlet.box.blue > .portlet-title > .caption > i, .portlet.box.green > .portlet-title > .caption > i, .portlet.box.grey > .portlet-title > .caption > i, .portlet.box.yellow > .portlet-title > .caption > i, .portlet.box.red > .portlet-title > .caption > i, .portlet.box.purple > .portlet-title > .caption > i, .portlet.box.light-grey > .portlet-title > .caption > i {

	color: #fff;

}

.sortable .portlet > .portlet-title {

	cursor: move;

}

.portlet > .portlet-title > .tools, .portlet > .portlet-title > .actions {

	display: inline-block;

	padding: 0;

	margin: 0;

	margin-top: 6px;

	float: right;

}

.portlet > .portlet-title > .tools > a {

	display: inline-block;

	height: 16px;

	margin-left: 5px;

}

.portlet > .portlet-title > .actions > .dropdown-menu i {

	color: #000 !important;

}

.portlet > .portlet-title > .tools > a.remove {

	margin-bottom: 2px;

	background-image: url(../img/portlet-remove-icon.png);

	background-repeat: no-repeat;

	width: 11px;

}

.portlet > .portlet-title > .tools > a.config {

	margin-bottom: 2px;

	background-image: url(../img/portlet-config-icon.png);

	background-repeat: no-repeat;

	width: 12px;

}

.portlet > .portlet-title > .tools > a.reload {

	margin-bottom: 2px;

	background-image: url(../img/portlet-reload-icon.png);

	width: 13px;

}

.portlet > .portlet-title > .tools > a.expand {

	margin-bottom: 2px;

	background-image: url(../img/portlet-expand-icon.png);

	width: 14px;

}

.portlet > .portlet-title > .tools > a.collapse {

	margin-bottom: 2px;

	background-image: url(../img/portlet-collapse-icon.png);

	width: 14px;

}

.portlet > .portlet-title > .tools > a:hover {

	text-decoration: none;

	-webkit-transition: all 0.1s ease-in-out;

	-moz-transition: all 0.1s ease-in-out;

	-o-transition: all 0.1s ease-in-out;

	-ms-transition: all 0.1s ease-in-out;

	transition: all 0.1s ease-in-out;

	opacity: .6;

	filter: 'alpha(opacity=60)';

}

.portlet > .portlet-title > .actions > .btn-group {

	margin-top: -12px;

}

.portlet > .portlet-title > .actions > .btn {

	padding: 4px 10px;

	margin-top: -14px;

}

.portlet > .portlet-title > .actions > .btn-group > .btn {

	padding: 4px 10px;

	margin-top: -1px;

}

.portlet > .portlet-title > .actions > .btn.btn-sm {

	padding: 3px 8px;

	margin-top: -14px;

}

.portlet > .portlet-title > .actions > .btn-group > .btn-sm {

	padding: 3px 8px;

	margin-top: -1px;

}

.portlet > .portlet-title > .pagination.pagination-sm {

	float: right !important;

	display: inline-block !important;

	margin: 0px;

	margin-top: -4px;

}

.portlet > .portlet-body {

	clear: both;

	padding: 0;

}

.portlet > .portlet-body.light-blue, .portlet.light-blue {

	background-color: #bfd5fa !important;

}

.portlet > .portlet-body.blue, .portlet.blue {

	background-color: #4b8df8 !important;

}

.portlet > .portlet-body.red, .portlet.red {

	background-color: #e02222 !important;

}

.portlet > .portlet-body.yellow, .portlet.yellow {

	background-color: #ffb848 !important;

}

.portlet > .portlet-body.green, .portlet.green {

	background-color: #35aa47 !important;

}

.portlet > .portlet-body.purple, .portlet.purple {

	background-color: #852b99 !important;

}

.portlet > .portlet-body.light-grey, .portlet.light-grey {

	background-color: #fafafa !important;

}

.portlet > .portlet-body.grey, .portlet.grey {

	background-color: #555555 !important;

}

/*  draggable girds */



.ui-sortable-placeholder {

	border: 1px dotted black;

	visibility: visible !important;

	height: 100% !important;

}

.ui-sortable-placeholder * {

	visibility: hidden;

}

.sortable-box-placeholder {

	background-color: #f5f5f5;

	border: 1px dashed #DDDDDD;

	display: block;

	/* float: left;*/

	margin-top: 0px !important;

	margin-bottom: 24px !important;

}

.sortable-box-placeholder * {

	visibility: hidden;

}

/***

Solid colored portlet

***/

.portlet.solid {

	padding: 10px;

}

.portlet.solid > .portlet-title > .tools {

	margin-top: 2px;

	border: 0px;

}

.portlet.solid > .portlet-title {

	margin-bottom: 5px;

	border: 0px;

}

.portlet.solid.bordered > .portlet-title {

	margin-bottom: 15px;

}

.portlet.solid.red > .portlet-title, .portlet.solid.red > .portlet-title > .caption > i, .portlet.solid.red > .portlet-body,  .portlet.solid.green > .portlet-title, .portlet.solid.green > .portlet-title > .caption > i, .portlet.solid.green > .portlet-body,  .portlet.solid.yellow > .portlet-title, .portlet.solid.yellow > .portlet-title > .caption > i, .portlet.solid.yellow > .portlet-body,  .portlet.solid.grey > .portlet-title, .portlet.solid.grey > .portlet-title > .caption > i, .portlet.solid.grey > .portlet-body,  .portlet.solid.purple > .portlet-title, .portlet.solid.purple > .portlet-title > .caption > i, .portlet.solid.purple > .portlet-body,  .portlet.solid.blue > .portlet-title, .portlet.solid.blue > .portlet-title > .caption > i, .portlet.solid.blue > .portlet-body {

	border: 0;

	color: #fff;

}

.portlet.bordered {

	border-left: 2px solid #ddd;

}

/***

Box portlet

***/





.portlet.box {

	padding: 0px !important

}

.portlet.box > .portlet-title {

	padding: 8px 10px 2px 10px;

	border-bottom: 1px solid #eee;

	color: #fff !important;

}

.portlet.box > .portlet-title > .actions > .btn > i {

	color: #fff !important;

}

.portlet.box > .portlet-title > .tools {

	margin-top: 3px;

}

.portlet.box > .portlet-title > .tools > a.remove, .portlet.solid > .portlet-title > .tools > a.remove {

	background-image: url(../img/portlet-remove-icon-white.png);

}

.portlet.box > .portlet-title > .tools > a.config, .portlet.solid > .portlet-title > .tools > a.config {

	background-image: url(../img/portlet-config-icon-white.png);

}

.portlet.box > .portlet-title > .tools > a.reload, .portlet.solid > .portlet-title > .tools > a.reload {

	background-image: url(../img/portlet-reload-icon-white.png);

}

.portlet.box > .portlet-title > .tools > a.expand, .portlet.solid > .portlet-title > .tools > a.expand {

	background-image: url(../img/portlet-expand-icon-white.png);

}

.portlet.box > .portlet-title > .tools > a.collapse, .portlet.solid > .portlet-title > .tools > a.collapse {

	background-image: url(../img/portlet-collapse-icon-white.png);

}

/* portlet buttons */

.portlet.box > .portlet-body {

	background-color: #fff;

	padding: 10px;

}

.portlet.box > .portlet-body.flip-scroll {

	padding: 10px 15px;

}

.portlet.box > .portlet-title {

	margin-bottom: 0px;

}

.portlet.box.blue > .portlet-title {

	background-color: #4b8df8;

}

.portlet.box.blue {

	border: 1px solid #b4cef8;

	border-top: 0;

}

.portlet.box.red > .portlet-title {

	background-color: #e02222;

}

.portlet.box.red {

	border: 1px solid #ef8476;

	border-top: 0;

}

.portlet.box.yellow > .portlet-title {

	background-color: #ffb848;

}

.portlet.box.yellow {

	border: 1px solid #fccb7e;

	border-top: 0;

}

.portlet.box.green > .portlet-title {

	background-color: #35aa47;

}

.portlet.box.green {

	border: 1px solid #77e588;

	border-top: 0;

}

.portlet.box.purple > .portlet-title {

	background-color: #852b99;

}

.portlet.box.purple {

	border: 1px solid #af5cc1;

	border-top: 0;

}

.portlet.box.grey > .portlet-title {

	background-color: #555555;

}

.portlet.box.grey {

	border: 1px solid #9d9c9c;

	border-top: 0;

}

.portlet.box.light-grey > .portlet-title {

	background-color: #aaa;

}

.portlet.box.light-grey {

	border: 1px solid #bbb;

	border-top: 0;

}

/***

Charts and statistics

***/

.chart, .pie, .bars {

	height: 230px;

	overflow: hidden;

	padding-bottom: 2px;

}

/***

Statistic lists

***/

.item-list.table .percent {

	width: 30px;

	float: right;

	margin-right: 10px;

	margin-top: 3px;

}

.item-list.table .title {

	padding-top: -5px;

}

/***

Chart tooltips

***/

.chart-tooltip {

	clear: both;

	z-index: 100;

	background-color: #736e6e !important;

	padding: 5px !important;

	color: #fff;

}

.chart-tooltip .label {

	clear: both;

	display: block;

	margin-bottom: 2px;

}

/***

Mini chart containers

***/

.bar-chart {

	display: none

}

.line-chart {

	display: none

}

/***

Custom icon buttons

***/

.icon-btn {

	height: 60px;

	min-width: 80px;

	margin: 5px 5px 0 0;

	border: 1px solid #ddd;

	padding: 12px 0px 0px 0px;

	background-color: #fafafa !important;

	background-image: none !important;

	filter: none !important;

	-webkit-box-shadow: none !important;

	-moz-box-shadow: none !important;

	box-shadow: none !important;

	display: inline-block !important;

	color: #646464 !important;

	text-shadow: none !important;

	text-align: center;

	cursor: pointer;

	position: relative;

	-webkit-transition: all 0.3s ease !important;

	-moz-transition: all 0.3s ease !important;

	-ms-transition: all 0.3s ease !important;

	-o-transition: all 0.3s ease !important;

	transition: all 0.3s ease !important;

}

.icon-btn i {

	font-size: 18px;

}

.ie8 .icon-btn:hover {

	filter: none !important;

}

.icon-btn:hover {

	text-decoration: none !important;

	border-color: #999 !important;

	color: #444 !important;

	text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important;

	-webkit-transition: all 0.3s ease !important;

	-moz-transition: all 0.3s ease !important;

	-ms-transition: all 0.3s ease !important;

	-o-transition: all 0.3s ease !important;

	transition: all 0.3s ease !important;

	-webkit-box-shadow: none !important;

	-moz-box-shadow: none !important;

	box-shadow: none !important;

}

.icon-btn:hover .badge {

	-webkit-transition: all 0.3s ease !important;

	-moz-transition: all 0.3s ease !important;

	-ms-transition: all 0.3s ease !important;

	-o-transition: all 0.3s ease !important;

	transition: all 0.3s ease !important;

	-webkit-box-shadow: none !important;

	-moz-box-shadow: none !important;

	box-shadow: none !important;

}

.icon-btn div {

	font-family: 'Open Sans', sans-serif;

	margin-top: 5px;

	margin-bottom: 20px;

	color: #000;

	font-size: 12px;

	font-weight: 300;

}

.icon-btn .badge {

	position: absolute;

	font-family: 'Open Sans', sans-serif;

	font-size: 11px !important;

	font-weight: 300;

	top: -5px;

	right: -5px;

	padding: 3px 6px 3px 6px;

	color: white !important;

	text-shadow: none;

	border-width: 0;

	border-style: solid;

	-webkit-border-radius: 12px !important;

	-moz-border-radius: 12px !important;

	border-radius: 12px !important;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

}

/* extended dropdowns */

.dropdown-menu.extended {

	min-width: 160px !important;

	max-width: 300px !important;

	width: 233px !important;

	background-color: #ffffff !important;

}

.dropdown-menu.extended:before, .dropdown-menu.extended:after {

	border-bottom-color: #ddd !important;

}

.dropdown-menu.extended li a {

	display: block;

	padding: 5px 10px !important;

	clear: both;

	font-weight: normal;

	line-height: 20px;

	white-space: normal !important;

}

.dropdown-menu.extended li i {

	margin-right: 3px;

}

.dropdown-menu.extended li a {

	font-size: 13px;

	padding: 10px !important;

	background-color: #ffffff;

}

.dropdown-menu.extended li a:hover {

	background-image: none;

	background-color: #f5f5f5;

	color: #000;

	filter: none;

}

.dropdown-menu.extended li p {

	padding: 10px;

	background-color: #eee;

	margin: 0px;

	font-size: 14px;

	font-weight: 300;

	color: #000;

}

.dropdown-menu.extended li a {

	padding: 7px 0 5px 0px;

	list-style: none;

	border-bottom: 1px solid #f4f4f4 !important;

	font-size: 12px;

	text-shadow: none;

}

.dropdown-menu.extended li:first-child a {

	border-top: none;

	border-bottom: 1px solid #f4f4f4 !important;

}

.dropdown-menu.extended li:last-child a {

	border-top: 1px solid white !important;

	border-bottom: 1px solid #f4f4f4 !important;

}

.dropdown-menu.extended li.external > a {

	font-size: 13px;

	font-weight: 400;

}

.dropdown-menu.extended li.external > a > i {

	margin-top: 3px;

	float: right;

}

/* header notifications dropdowns */

.dropdown-menu .dropdown-menu-list.scroller {

	padding-right: 0 !important;

	padding-left: 0;

	list-style: none;

}

.dropdown-menu.notification li > a .time {

	font-size: 12px;

	font-weight: 600;

	text-align: right;

	font-style: italic;

}

/* header inbox dropdowns */

.dropdown-menu.inbox li > a .photo {

	float: left;

	padding-right: 6px;

}

.dropdown-menu.inbox li > a .photo > img {

	height: 40px;

	width: 40px;

}

.dropdown-menu.inbox li > a .subject {

	display: block;

}

.dropdown-menu.inbox li > a .subject .from {

	font-size: 14px;

	font-weight: 400;

	color: #02689b;

}

.dropdown-menu.inbox li > a .subject .time {

	font-size: 12px;

	font-weight: 600;

	font-style: italic;

	position: relative;

	float: right;

}

.dropdown-menu.inbox li > a .message {

	display: block !important;

	font-size: 12px;

}

/* header tasks */

.dropdown-menu.tasks .task {

	margin-bottom: 5px;

}

.dropdown-menu.tasks .task .desc {

	font-size: 13px;

	font-weight: 300;

}

.dropdown-menu.tasks .task .percent {

	font-size: 14px;

	font-weight: 600;

	font-family: 'Open Sans', sans-serif;

	float: right;

	display: inline-block;

}

.dropdown-menu.tasks .progress {

	display: block;

	height: 11px;

	margin: 0px;

}

/***

General list for item with image

***/

.item-list li .img {

	height: 50px;

	width: 50px;

	float: left;

	margin-top: 3px;

	margin-right: 5px;

}

.item-list {

	margin: 0px;

	list-style: none;

}

.item-list li {

	padding: 7px 0 5px 0px;

	list-style: none;

	border-top: 1px solid white;

	border-bottom: 1px solid #EBEBEB;

	font-size: 12px;

}

.item-list li:first-child {

	border-top: none;

	border-bottom: 1px solid #EBEBEB;

}

.item-list li:last-child {

	border-top: none;

	border-bottom: none;

}

.item-list li .label {

	margin-right: 5px;

}

.item-list.todo li .label {

	position: absolute;

	right: 80px;

}

.item-list.todo li .actions {

	position: absolute;

	right: 45px;

}

/***

Custom tables

***/

.table-toolbar {

	margin-bottom: 15px;

}

.table.table-full-width {

	width: 100% !important;

}

.table .m-btn {

	margin-top: 0px;

	margin-left: 0px;

	margin-right: 5px;

}

.table thead tr th {

	font-size: 14px;

	font-weight: 600;

}

.table-advance {

	margin-bottom: 10px !important;

}

.table-advance thead {

	color: #999;

}

.table-advance thead tr th {

	background-color: #DDD;

	font-size: 14px;

	font-weight: 400;

	color: #666;

}

.table-advance div.success, .table-advance div.info, .table-advance div.important, .table-advance div.warning, .table-advance div.danger {

	position: absolute;

	margin-top: -5px;

	float: left;

	width: 2px;

	height: 30px;

	margin-right: 20px !important;

}

.table-advance tr td {

	border-left-width: 0px;

}

.table-advance tr td:first-child {

	border-left-width: 1px !important;

}

.table-advance tr td.highlight:first-child a {

	margin-left: 15px;

}

.table-advance td.highlight div.success {

	border-left: 2px solid #66ee66;

}

.table-advance td.highlight div.info {

	border-left: 2px solid #87ceeb;

}

.table-advance td.highlight div.important {

	border-left: 2px solid #f02c71;

}

.table-advance td.highlight div.warning {

	border-left: 2px solid #fdbb39;

}

.table-advance td.highlight div.danger {

	border-left: 2px solid #e23e29;

}

/***

Star rating

***/

.rating {

	unicode-bidi: bidi-override;

	direction: rtl;

	font-size: 30px;

}

.rating span.star {

	font-family: FontAwesome;

	font-weight: normal;

	font-style: normal;

	display: inline-block;

}

.rating span.star:hover {

	cursor: pointer;

}

.rating span.star:before {

	content: "\f006";

	padding-right: 5px;

	color: #999999;

}

.rating span.star:hover:before, .rating span.star:hover ~ span.star:before {

	content: "\f005";

	color: #e3cf7a;

}

/***

Item block with details shown on hover

***/

.item {

	overflow: hidden;

	display: block;

	margin-bottom: 20px;

}

.item .details {

	width: 100%;

	display: none;

	background-color: #000;

	color: #fff !important;

	padding: 5px;

	text-align: center;

	position: relative;

	bottom: 30px;

	margin-bottom: -30px;

	overflow: hidden;

	z-index: 6;

}

.item:hover .details {

	display: block;

	opacity: 0.7;

	filter: alpha(opacity = 70);

}

.item:hover .zoom-icon {

	opacity: 0.5;

	filter: alpha(opacity = 50);

}

/***

Zoom icon overlay on images

***/

.zoom {

	cursor: pointer;

	width: 100%;

	height: 100%;

	position: relative;

	z-index: 5;

}

.zoom .zoom-icon {

	background-image: url("../img/overlay-icon.png");

	background-color: #222;

	background-repeat: no-repeat;

	background-position: 50%;

	position: absolute;

	width: inherit;

	height: inherit;

	opacity: 0;

	filter: alpha(opacity = 0);

	z-index: 6;

	top: 0;

}

/***

Chats

***/

.chats {

	margin: 0;

	padding: 0;

	margin-top: -15px;

}

.chats li {

	list-style: none;

	padding: 5px 0;

	margin: 10px auto;

	font-size: 12px;

}

.chats li img.avatar {

	height: 45px;

	width: 45px;

	-webkit-border-radius: 50% !important;

	-moz-border-radius: 50% !important;

	border-radius: 50% !important;

}

.chats li.in img.avatar {

	float: left;

	margin-right: 10px;

}

.chats li .name {

	color: #3590c1;

	font-size: 13px;

	font-weight: 400;

}

.chats li .datetime {

	color: #333;

	font-size: 13px;

	font-weight: 400;

}

.chats li.out img.avatar {

	float: right;

	margin-left: 10px;

}

.chats li .message {

	display: block;

	padding: 5px;

	position: relative;

}

.chats li.in .message {

	text-align: left;

	border-left: 2px solid #35aa47;

	margin-left: 65px;

	background: #fafafa

}

.chats li.in .message .arrow {

	display: block;

	position: absolute;

	top: 5px;

	left: -8px;

	width: 0;

	height: 0;

	border-top: 8px solid transparent;

	border-bottom: 8px solid transparent;

	border-right: 8px solid #35aa47;

}

.chats li.out .message .arrow {

	display: block;

	position: absolute;

	top: 5px;

	right: -8px;

	border-top: 8px solid transparent;

	border-bottom: 8px solid transparent;

	border-left: 8px solid #da4a38;

}

.chats li.out .message {

	border-right: 2px solid #da4a38;

	margin-right: 65px;

	background: #fafafa;

	text-align: right;

}

.chats li.out .name, .chats li.out .datetime {

	text-align: right;

}

.chats li .message .body {

	display: block;

}

.chat-form {

	margin-top: 15px;

	padding: 10px;

	background-color: #e9eff3;

	overflow: hidden;

	clear: both;

}

.chat-form .input-cont {

	margin-right: 40px;

}

.chat-form .input-cont .form-control {

	width: 100% !important;

	margin-bottom: 0px;

}

.chat-form .input-cont input {

	border: 1px solid #ddd;

	width: 100% !important;

	margin-top: 0;

}

.chat-form .input-cont input {

	background-color: #fff !important;

}

.chat-form .input-cont input:focus {

	border: 1px solid #4b8df9 !important;

}

.chat-form .btn-cont {

	margin-top: -42px;

	position: relative;

	float: right;

	width: 44px;

}

.chat-form .btn-cont .arrow {

	position: absolute;

	top: 17px;

	right: 43px;

	border-top: 8px solid transparent;

	border-bottom: 8px solid transparent;

	border-right: 8px solid #4d90fe;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.chat-form .btn-cont:hover .arrow {

	border-right-color: #0362fd;

}

.chat-form .btn-cont:hover .btn {

	background-color: #0362fd;

}

.chat-form .btn-cont .btn {

	margin-top: 8px;

}

/***

System feeds

***/

.feeds {

	margin: 0px;

	padding: 0px;

	list-style: none;

}

.feeds li {

	background-color: #fafafa;

	margin-bottom: 7px;

}

.feeds li:before, .feeds li:after {

	display: table;

	line-height: 0;

	content: "";

}

.feeds li:after {

	clear: both;

}

.feeds li:last-child {

	margin-bottom: 0px;

}

.feeds .col1 {

	float: left;

	width: 100%;

	clear: both;

}

.feeds .col2 {

	float: left;

	width: 75px;

	margin-left: -75px;

}

.feeds .col1 .cont {

	float: left;

	margin-right: 75px;

	overflow: hidden;

}

.feeds .col1 .cont .cont-col1 {

	float: left;

	margin-right: -100%;

}

.feeds .col1 .cont .cont-col1 .label {

	display: inline-block;

	padding: 5px 4px 6px 5px;

	vertical-align: middle;

	text-align: center;

}

.feeds .col1 .cont .cont-col1 .label > i {

	text-align: center;

	font-size: 14px;

}

.feeds .col1 .cont .cont-col2 {

	float: left;

	width: 100%;

}

.feeds .col1 .cont .cont-col2 .desc {

	margin-left: 35px;

	padding-top: 4px;

	padding-bottom: 5px;

	overflow: hidden;

}

.feeds .col2 .date {

	padding: 4px 9px 5px 4px;

	text-align: right;

	font-style: italic;

	color: #c1cbd0;

}

/***

Users

***/

.user-info {

	margin-bottom: 10px !important;

}

.user-info img {

	float: left;

	margin-right: 5px;

}

.user-info .details {

	display: inline-block;

}

.user-info .label {

	font-weight: 300;

	font-size: 11px;

}

/***

Accordions

***/

.accordion-heading {

	background: #eee;

}

.accordion-heading a {

	text-decoration: none;

}

.accordion-heading a:hover {

	text-decoration: none;

}

/***

Vertical inline menu

***/

.ver-inline-menu {

	padding: 0;

	margin: 0;

	list-style: none;

}

.ver-inline-menu li {

	position: relative;

	margin-bottom: 1px;

}

.ver-inline-menu li i {

	width: 37px;

	height: 37px;

	display: inline-block;

	color: #b9cbd5;

	font-size: 15px;

	padding: 12px 10px 10px 8px;

	margin: 0 8px 0 0;

	text-align: center;

	background: #e0eaf0 !important;

}

.ver-inline-menu li a {

	font-size: 13px;

	color: #557386;

	display: block;

	background: #f0f6fa;

	border-left: solid 2px #c4d5df;

}

.ver-inline-menu li:hover a, .ver-inline-menu li:hover i {

	background: #e0eaf0;

	text-decoration: none;

}

.ver-inline-menu li:hover i {

	color: #fff;

	background: #c4d5df !important;

}

.ver-inline-menu li.active a, .ver-inline-menu li:hover a {

	font-size: 13px;

}

.ver-inline-menu li.active a {

	border-left: solid 2px #0c91e5;

}

.ver-inline-menu li.active a, .ver-inline-menu li.active i {

	color: #fff;

	background: #169ef4;

	text-decoration: none;

}

.ver-inline-menu li.active i {

	background: #0c91e5 !important;

}

.ver-inline-menu li.active:after {

	content: '';

	display: inline-block;

	border-bottom: 6px solid transparent;

	border-top: 6px solid transparent;

	border-left: 6px solid #169ef4;

	position: absolute;

	top: 12px;

	right: -5px;

}

/***

Custom tabs

***/



.tabbable-custom {

	margin-bottom: 15px;

	padding: 0px;

	overflow: hidden;

}

.tabbable-custom > .nav-tabs {

	border: none;

	margin: 0px;

}

.tabbable-custom > .tab-content {

	background-color: #fff;

	border: 1px solid #ddd;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

	padding: 10px;

}

.tabbable-custom.nav-justified .tab-content {

	margin-top: -1px;

}

.tabs-below.tabbable-custom.nav-justified .tab-content {

	margin-top: 0px;

	margin-bottom: -2px;

}

.tabbable-custom.boxless > .tab-content {

	padding: 15px 0;

	border-left: none;

	border-right: none;

	border-bottom: none;

}

.tabbable-custom .nav-tabs > li {

	margin-right: 2px;

	border-top: 2px solid transparent;

}

.tabbable-custom .nav-tabs > li > a {

	margin-right: 0;

}

.tabbable-custom .nav-tabs > li > a:hover {

	background: none;

	border-color: transparent;

}

.tabbable-custom .nav-tabs > li.active {

	border-top: 3px solid #d12610;

	margin-top: 0;

	position: relative;

}

.tabbable-custom .nav-tabs > li.active > a {

	border-top: none;

	font-weight: 400;

}

.tabbable-custom .nav-tabs > li.active > a:hover {

	border-top: none;

	background: #fff;

	border-color: #d4d4d4 #d4d4d4 transparent;

}

.tabbable-custom .nav-tabs > li {

	margin-right: 2px;

	border-top: 2px solid transparent;

}

/* below tabs */





.tabs-below.tabbable-custom .nav-tabs > li > a {

	border-top: none;

	border-bottom: 2px solid transparent;

	margin-top: -1px;

}

.tabs-below.tabbable-custom .nav-tabs > li.active {

	border-top: none;

	border-bottom: 3px solid #d12610;

	margin-bottom: 0;

	position: relative;

}

.tabs-below.tabbable-custom .nav-tabs > li.active > a {

	border-bottom: none

}

.tabs-below.tabbable-custom .nav-tabs > li.active > a:hover {

	background: #fff;

	border-color: #d4d4d4 #d4d4d4 transparent;

}

/*full width tabs with bigger titles */

.tabbable-custom.tabbable-full-width > .tab-content {

	padding: 15px 0;

	border-left: none;

	border-right: none;

	border-bottom: none;

}

.tabbable-custom.tabbable-full-width .nav-tabs > li > a {

	color: #424242;

	font-size: 15px;

	padding: 9px 15px;

}

/***

Custom portlet tabs

***/

.portlet-tabs > .nav-tabs {

	position: relative;

	top: -41px;

	margin-right: 10px;

	overflow: hidden;

}

.portlet-tabs > .nav-tabs > li {

	float: right;

}

.portlet-tabs > .nav-tabs {

	border-bottom: none;

}

.portlet-tabs > .nav-tabs > li > a {

	color: #fff;

	padding-top: 8px;

	padding-bottom: 10px;

	line-height: 16px;

	margin-top: 6px;

	margin-left: 0px;

	margin-right: 0px;

	border-left: 0;

	border-right: 0;

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

}

.portlet-tabs > .nav-tabs > li:last-child > a {

	border-right: 0;

}

.portlet-tabs > .nav-tabs > li {

	margin-left: 1px;

}

.portlet-tabs > .nav-tabs > li.active {

	color: #333;

	border-top-color: transparent;

}

.portlet-tabs > .nav-tabs > li.active > a {

	margin-bottom: 0px;

	border-bottom: 0;

	margin-left: 0px;

	margin-right: 0px;

	border-left: 0;

	border-right: 0;

	background-color: none !important;

	border-top-color: transparent !important;

}

.portlet-tabs > .nav-tabs > li > a:hover {

	color: #333;

	margin-bottom: 0;

	border-bottom-color: transparent;

	margin-left: 0;

	margin-right: 0;

	border-left: 0;

	border-right: 0;

	background-color: none !important;

	border-top-color: transparent;

	background-color: #fff;

}

.portlet-tabs > .nav-tabs > .active > a {

	color: #555555;

	cursor: default;

	background-color: #fff;

}

.portlet-tabs > .nav-tabs > .active > a:hover {

	background-color: #fff !important;

}

.portlet-tabs > .tab-content {

	padding: 10px !important;

	margin: 0px;

	margin-top: -50px !important;

}

.portlet.tabbable .portlet-body {

	padding: 0px;

}

.tab-pane > p:last-child {

	margin-bottom: 0px;

}

/***

Dashboard container

***/

#dashboard {

	overflow: hidden;

}

/***

Dashboard stats

***/

.dashboard-stat {

	margin-bottom: 25px;

}

.dashboard-stat:before, .dashboard-stat:after {

	display: table;

	line-height: 0;

	content: "";

}

.dashboard-stat:after {

	clear: both;

}

.dashboard-stat .visual {

	width: 80px;

	height: 80px;

	display: block;

	float: left;

	padding-top: 10px;

	padding-left: 15px;

	margin-bottom: 10px;

}

.dashboard-stat .visual i {

	font-size: 65px;

	line-height: 65px;

	color: #fff;

}



@media (min-width: 992px) and (max-width: 1024px) {

.dashboard-stat .visual i {

	font-size: 28px;

	line-height: 28px;

}

}

.dashboard-stat .details {

	position: absolute;

	right: 15px;

	padding-right: 10px;

}

.dashboard-stat .details .number {

	padding-top: 15px;

	text-align: right;

	font-size: 34px;

	line-height: 34px;

	letter-spacing: -1px;

	margin-bottom: 5px;

	font-weight: 300;

	color: #fff;

}

.dashboard-stat .details .desc {

	text-align: right;

	font-size: 16px;

	letter-spacing: 0px;

	font-weight: 300;

	color: #fff;

}

.dashboard-stat .more {

	clear: both;

	display: block;

	padding: 5px 10px 5px 10px;

	text-transform: uppercase;

	font-weight: 300;

	font-size: 11px;

	color: #fff;

	opacity: 0.7;

	filter: alpha(opacity=70);

}

.dashboard-stat .more:hover {

	text-decoration: none;

	opacity: 1;

	filter: alpha(opacity=100);

}

.dashboard-stat .more > i {

	display: inline-block;

	margin-top: 1px;

	float: right;

}

.dashboard-stat.blue {

	background-color: #27a9e3;

}

.dashboard-stat.blue .more {

	background-color: #208dbe;

}

.dashboard-stat.green {

	background-color: #28b779;

}

.dashboard-stat.green .more {

	background-color: #10a062;

}

.dashboard-stat.red {

	background-color: #e7191b;

}

.dashboard-stat.red .more {

	background-color: #bc0d0e;

}

.dashboard-stat.yellow {

	background-color: #ffb848;

}

.dashboard-stat.yellow .more {

	background-color: #cb871b;

}

.dashboard-stat.purple {

	background-color: #852b99;

}

.dashboard-stat.purple .more {

	background-color: #6e1881;

}

/***

Tiles(new in v1.1.1)

***/

.tiles {

	margin-right: -10px;

}

.tile {

	display: block;

	letter-spacing: 0.02em;

	float: left;

	height: 135px;

	width: 135px !important;

	cursor: pointer;

	text-decoration: none;

	color: #ffffff;

	position: relative;

	font-weight: 300;

	font-size: 12px;

	letter-spacing: 0.02em;

	line-height: 20px;

	font-smooth: always;

	overflow: hidden;

	border: 4px solid transparent;

	margin: 0 10px 10px 0;

}

.tile:after, .tile:before {

	content: "";

	float: left;

}

.tile.double {

	width: 280px !important;

}

.tile.double-down {

	height: 280px !important;

}

.tile:active, .tile.selected {

	border-color: #ccc !important;

}

.tile:hover {

	border-color: #aaa !important;

}

.tile.selected .corner:after {

	content: "";

	display: inline-block;

	border-left: 40px solid transparent;

	border-bottom: 40px solid transparent;

	border-right: 40px solid #ccc;

	position: absolute;

	top: -3px;

	right: -3px;

}

.tile.selected .check:after {

	content: "";

	font-family: FontAwesome;

	font-size: 13px;

	content: "\f00c";

	display: inline-block;

	position: absolute;

	top: 2px;

	right: 2px;

}

.tile * {

	color: #ffffff;

}

.tile .tile-body {

	height: 100%;

	vertical-align: top;

	padding: 10px 10px;

	overflow: hidden;

	text-overflow: ellipsis;

	position: relative;

	font-weight: 400;

	font-size: 12px;

	font-smooth: always;

	color: #000000;

	color: #ffffff;

	margin-bottom: 10px;

}

.tile .tile-body img {

	float: left;

	margin-right: 10px;

}

.tile .tile-body img.pull-right {

	float: right !important;

	margin-left: 10px;

	margin-right: 0px;

}

.tile .tile-body .content {

	display: inline-block;

}

.tile .tile-body > i {

	margin-top: 17px;

	display: block;

	font-size: 56px;

	line-height: 56px;

	text-align: center;

}

.tile.double-down i {

	margin-top: 95px;

}

.tile .tile-body h1, .tile .tile-body h2, .tile .tile-body h3, .tile .tile-body h4, .tile .tile-body h5, .tile .tile-body h6, .tile .tile-body p {

	padding: 0;

	margin: 0;

	line-height: 14px;

}

.tile .tile-body h3, .tile .tile-body h4 {

	margin-bottom: 5px;

}

.tile .tile-body h1:hover, .tile .tile-body h2:hover, .tile .tile-body h3:hover, .tile .tile-body h4:hover, .tile .tile-body h5:hover, .tile .tile-body h6:hover, .tile .tile-body p:hover {

	color: #ffffff;

}

.tile .tile-body p {

	font-weight: 400;

	font-size: 13px;

	font-smooth: always;

	color: #000000;

	color: #ffffff;

	line-height: 20px;

	overflow: hidden;

	text-overflow: ellipsis;

}

.tile .tile-body p:hover {

	color: rgba(0, 0, 0, 0.8);

}

.tile .tile-body p:active {

	color: rgba(0, 0, 0, 0.4);

}

.tile .tile-body p:hover {

	color: #ffffff;

}

.tile.icon > .tile-body {

	padding: 0;

}

.tile .tile-object {

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	min-height: 30px;

	background-color: transparent;

 *zoom: 1;

}

.tile .tile-object:before, .tile .tile-object:after {

	display: table;

	content: "";

}

.tile .tile-object:after {

	clear: both;

}

.tile .tile-object > .name {

	position: absolute;

	bottom: 0;

	left: 0;

	margin-bottom: 5px;

	margin-left: 10px;

	margin-right: 15px;

	font-weight: 400;

	font-size: 13px;

	font-smooth: always;

	color: #ffffff;

}

.tile .tile-object > .name > i {

	vertical-align: middle;

	display: block;

	font-size: 24px;

	height: 18px;

	width: 24px;

}

.tile .tile-object > .number {

	position: absolute;

	bottom: 0;

	right: 0;

	margin-bottom: 0;

	color: #ffffff;

	text-align: center;

	font-weight: 600;

	font-size: 14px;

	letter-spacing: 0.01em;

	line-height: 14px;

	font-smooth: always;

	margin-bottom: 8px;

	margin-right: 10px;

}

.tile.image {

	border-color1: transparent !important;

}

.tile.image > .tile-body {

	padding: 0 !important;

}

.tile.image > .tile-body > img {

	width: 100%;

	height: auto;

	min-height: 100%;

	max-width: 100%;

}

.tile.image .tile-body h3 {

	display: inline-block;

}

/***

Theme Panel

***/



.theme-panel {

	width: 320px;

	margin-top: -20px;

	margin-right: 1px;

	z-index: 999;

	float: right;

	position: relative;

}

.theme-panel > .toggler {

	top: 4px;

	right: 0;

	padding: 20px;

	cursor: pointer;

	position: absolute;

	background: #c9c9c9 url(../img/icon-color.png) center no-repeat;

}

.theme-panel > .toggler:hover {

	background-color: #3d3d3d !important;

}

.theme-panel > .toggler-close {

	display: none;

	top: 4px;

	right: 0;

	padding: 20px;

	cursor: pointer;

	position: absolute;

	background: #3d3d3d url(../img/icon-color-close.png) center no-repeat !important;

}

.theme-panel > .toggler-close:hover {

	background-color: #222 !important;

}

.theme-panel > .theme-options {

	top: 4px;

	right: 40px;

	display: none;

	position: absolute;

	background: #3d3d3d;

}

.theme-panel > .theme-options > .theme-option {

	color: #cfcfcf;

	padding: 15px;

	border-top: 1px solid #585858;

	margin-top: 0px;

	margin-bottom: 0px;

}

.theme-panel > .theme-options > .theme-option.theme-colors {

	border-top: 0;

}

.theme-panel > .theme-options > .theme-option > span {

	text-transform: uppercase;

	display: inline-block;

	width: 85px;

	font-size: 14px;

}

.theme-panel > .theme-options > .theme-option.theme-colors > span {

	display: block;

	width: auto;

}

.theme-panel > .theme-options > .theme-option > select.form-control {

	display: inline;

	width: 100px;

	text-transform: lowercase;

}

.theme-panel > .theme-options > .theme-option.theme-colors > ul {

	list-style: none;

	padding: 0;

	display: block;

	margin-bottom: 1px !important;

	margin-top: 10px;

}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li {

	width: 30px;

	height: 30px;

	margin: 0 4px;

	cursor: pointer;

	list-style: none;

	float: left;

	border: solid 1px #707070;

}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li:first-child {

	margin-left: 0;

}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li:hover, .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.current {

	border: solid 2px #ebebeb;

}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-black {

	background: #333438;

}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-grey {

	background: #6d6d6d;

}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-blue {

	background: #124f94;

}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-brown {

	background: #623f18;

}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-purple {

	background: #701584;

}

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-white {

	background: #fff;

}

/***

Top bar menu

***/



/* enable arrow for dropdown menu */

.header .nav > li > .dropdown-menu:before {

	position: absolute;

	top: -7px;

	right: 9px;

	display: inline-block !important;

	border-right: 7px solid transparent;

	border-bottom: 7px solid #ccc;

	border-left: 7px solid transparent;

	border-bottom-color: rgba(0, 0, 0, 0.2);

	content: '';

}

.header .nav > li > .dropdown-menu:after {

	position: absolute;

	top: -6px;

	right: 10px;

	display: inline-block !important;

	border-right: 6px solid transparent;

	border-bottom: 6px solid #fff;

	border-left: 6px solid transparent;

	content: '';

}

/***

Horezantal Menu(new in v1.2)

***/



.header .hor-menu {

	margin: 0;

	float: left;

}

.header .hor-menu ul.nav li a {

	font-size: 14px;

	padding: 11px 18px;

}

.header .hor-menu ul.nav li {

	position: relative;

}

.header .hor-menu ul.nav li.active > a, .header .hor-menu ul.nav li.active > a:hover {

	background: #e02222 !important;

}

.header .hor-menu ul.nav li.active .selected {

	left: 50%;

	bottom: 0;

	position: absolute;

	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

	border-top: 6px solid #e02222;

	display: inline-block;

	margin: 0;

	width: 0px;

	height: 0px;

	margin-left: -7px;

	margin-bottom: -6px;

}

.header .hor-menu ul.nav li a:hover, .header .hor-menu ul.nav li a:focus {

	background: #2d2d2d;

}

/*drop-down*/

.header .hor-menu .dropdown-menu {

	margin-top: 0;

	border: none;

	box-shadow: none;

	background: #2d2d2d;

}

.header .hor-menu .dropdown-menu li > a {

	color: #999;

	padding: 7px 18px !important;

	margin-bottom: 1px;

}

.header .hor-menu .dropdown-menu .arrow {

	display: none;

}

.header .hor-menu .dropdown-menu li > a:hover, .header .hor-menu .dropdown-menu li:hover > a, .header .hor-menu .dropdown-menu li.active > a {

	color: #fff;

	filter: none !important;

	background: #e02222 !important;

}

.header .hor-menu .nav > li > .dropdown-menu:after, .header .hor-menu .nav > li > .dropdown-menu:before {

	border-bottom: none !important;

}

/*search*/

.header .hor-menu .hor-menu-search-form-toggler {

	display: inline-block;

	padding: 12px 22px 12px 22px !important;

	cursor: pointer;

	background: url(../img/hor-menu-search.png) no-repeat center;

}

.header .hor-menu .hor-menu-search-form-toggler:hover {

	opacity: 0.8;

	filter: alpha(opacity=80);

}

.header .hor-menu .hor-menu-search-form-toggler.off {

	background: #101010 url(../img/hor-menu-search-close.png) no-repeat center;

}

.header .hor-menu a.hor-menu-search-form-toggler-close {

	display: none;

}

.header .hor-menu .search-form {

	top: 42px;

	right: 0px;

	padding: 8px;

	display: none;

	z-index: 999;

	position: absolute;

	background: #101010;

}

.header .hor-menu .search-form .btn {

	color: #999;

	padding: 7px 20px;

	height: 32px;

	width: 10px;

	display: inline-block;

	background: #2d2d2d url(../img/search-icon.png) no-repeat center;

}

.header .hor-menu .search-form .btn:hover {

	opacity: 0.8;

	filter: alpha(opacity=80);

}

.header .hor-menu .search-form form {

	margin-bottom: 0;

}

.header .hor-menu .search-form form input {

	background: none;

	width: 200px;

	color: #999;

	border: none;

}

 .header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */

 color: #999;

}

.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

 color: #999;

}

.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */

 color: #999;

}

.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */

 color: #999;

}

/***

Top News Blocks(new in v1.2.2)

***/

.top-news {

	color: #fff;

	margin: 8px 0;

}

.top-news a, .top-news em, .top-news span {

	display: block;

	text-align: left;

}

.top-news a {

	padding: 10px;

	position: relative;

	margin-bottom: 10px;

}

.top-news a .top-news-icon {

	right: 8px;

	bottom: 15px;

	opacity: 0.3;

	font-size: 35px;

	position: absolute;

	filter: alpha(opacity=30); /*For IE8*/

}

.top-news em {

	margin-bottom: 0;

	font-style: normal;

}

.top-news span {

	font-size: 18px;

	margin-bottom: 5px;

}

/***

Block Images(new in v1.2.2)

***/

.blog-images {

	margin-bottom: 0;

}

.blog-images li {

	padding: 0;

	margin: 0;

	display: inline;

}

.blog-images li a:hover {

	text-decoration: none;

}

.blog-images li img {

	width: 50px;

	height: 50px;

	opacity: 0.6;

	margin: 0 2px 8px;

}

.blog-images li img:hover {

	opacity: 1;

	box-shadow: 0 0 0 4px #72c02c;

	transition: all 0.4s ease-in-out 0s;

	-moz-transition: all 0.4s ease-in-out 0s;

	-webkit-transition: all 0.4s ease-in-out 0s;

}

/*Sidebar Tags*/

ul.sidebar-tags a {

	color: #555;

	font-size: 12px;

	padding: 3px 5px;

	background: #f7f7f7;

	margin: 0 2px 5px 0;

	display: inline-block;

}

ul.sidebar-tags a:hover, ul.sidebar-tags a:hover i {

	background: #EEE;

	text-decoration: none;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

ul.sidebar-tags a i {

	color: #777;

}

ul.sidebar-tags li {

	padding: 0;

}

/***

Social Icons(new in v1.2.2)

***/

.social-icons {

	padding: 0;

	margin: 0;

}

.social-icons:after, .social-icons:before {

	content: "";

	display: table;

}

.social-icons:after {

	clear: both;

}

.social-icons li {

	float: left;

	display: inline;

	list-style: none;

	margin-right: 5px;

	margin-bottom: 5px;

	text-indent: -9999px;

}

.social-icons li a, a.social-icon {

	width: 28px;

	height: 28px;

	display: block;

	background-position: 0 0;

	background-repeat: no-repeat;

	transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

}

.social-icons li:hover a {

	background-position: 0 -38px;

}

.social-icons-color li a {

	opacity: 0.7;

	background-position: 0 -38px !important;

}

.social-icons-color li a:hover {

	opacity: 1;

}

.social-icons .amazon {

	background: url(../img/social/amazon.png) no-repeat;

}

.social-icons .behance {

	background: url(../img/social/behance.png) no-repeat;

}

.social-icons .blogger {

	background: url(../img/social/blogger.png) no-repeat;

}

.social-icons .deviantart {

	background: url(../img/social/deviantart.png) no-repeat;

}

.social-icons .dribbble {

	background: url(../img/social/dribbble.png) no-repeat;

}

.social-icons .dropbox {

	background: url(../img/social/dropbox.png) no-repeat;

}

.social-icons .evernote {

	background: url(../img/social/evernote.png) no-repeat;

}

.social-icons .facebook {

	background: url(../img/social/facebook.png) no-repeat;

}

.social-icons .forrst {

	background: url(../img/social/forrst.png) no-repeat;

}

.social-icons .github {

	background: url(../img/social/github.png) no-repeat;

}

.social-icons .googleplus {

	background: url(../img/social/googleplus.png) no-repeat;

}

.social-icons .jolicloud {

	background: url(../img/social/jolicloud.png) no-repeat;

}

.social-icons .last-fm {

	background: url(../img/social/last-fm.png) no-repeat;

}

.social-icons .linkedin {

	background: url(../img/social/linkedin.png) no-repeat;

}

.social-icons .picasa {

	background: url(../img/social/picasa.png) no-repeat;

}

.social-icons .pintrest {

	background: url(../img/social/pintrest.png) no-repeat;

}

.social-icons .rss {

	background: url(../img/social/rss.png) no-repeat;

}

.social-icons .skype {

	background: url(../img/social/skype.png) no-repeat;

}

.social-icons .spotify {

	background: url(../img/social/spotify.png) no-repeat;

}

.social-icons .stumbleupon {

	background: url(../img/social/stumbleupon.png) no-repeat;

}

.social-icons .tumblr {

	background: url(../img/social/tumblr.png) no-repeat;

}

.social-icons .twitter {

	background: url(../img/social/twitter.png) no-repeat;

}

.social-icons .vimeo {

	background: url(../img/social/vimeo.png) no-repeat;

}

.social-icons .wordpress {

	background: url(../img/social/wordpress.png) no-repeat;

}

.social-icons .xing {

	background: url(../img/social/xing.png) no-repeat;

}

.social-icons .yahoo {

	background: url(../img/social/yahoo.png) no-repeat;

}

.social-icons .youtube {

	background: url(../img/social/youtube.png) no-repeat;

}

.social-icons .vk {

	background: url(../img/social/vk.png) no-repeat;

}

.social-icons .instagram {

	background: url(../img/social/instagram.png) no-repeat;

}

.social-icons .reddit {

	background: url(../img/social/reddit.png) no-repeat;

}

/***

Inline Social Icons

***/

.social-icon {

	display: inline-block !important;

	width: 28px;

	height: 28px;

	background-position: 0 0;

	background-repeat: no-repeat;

	transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

}

.social-icon.amazon {

	background: url(../img/social/amazon.png) no-repeat;

}

.social-icon.behance {

	background: url(../img/social/behance.png) no-repeat;

}

.social-icon.blogger {

	background: url(../img/social/blogger.png) no-repeat;

}

.social-icon.deviantart {

	background: url(../img/social/deviantart.png) no-repeat;

}

.social-icon.dribbble {

	background: url(../img/social/dribbble.png) no-repeat;

}

.social-icon.dropbox {

	background: url(../img/social/dropbox.png) no-repeat;

}

.social-icon.evernote {

	background: url(../img/social/evernote.png) no-repeat;

}

.social-icon.facebook {

	background: url(../img/social/facebook.png) no-repeat;

}

.social-icon.forrst {

	background: url(../img/social/forrst.png) no-repeat;

}

.social-icon.github {

	background: url(../img/social/github.png) no-repeat;

}

.social-icon.googleplus {

	background: url(../img/social/googleplus.png) no-repeat;

}

.social-icon.jolicloud {

	background: url(../img/social/jolicloud.png) no-repeat;

}

.social-icon.last-fm {

	background: url(../img/social/last-fm.png) no-repeat;

}

.social-icon.linkedin {

	background: url(../img/social/linkedin.png) no-repeat;

}

.social-icon.picasa {

	background: url(../img/social/picasa.png) no-repeat;

}

.social-icon.pintrest {

	background: url(../img/social/pintrest.png) no-repeat;

}

.social-icon.rss {

	background: url(../img/social/rss.png) no-repeat;

}

.social-icon.skype {

	background: url(../img/social/skype.png) no-repeat;

}

.social-icon.spotify {

	background: url(../img/social/spotify.png) no-repeat;

}

.social-icon.stumbleupon {

	background: url(../img/social/stumbleupon.png) no-repeat;

}

.social-icon.tumblr {

	background: url(../img/social/tumblr.png) no-repeat;

}

.social-icon.twitter {

	background: url(../img/social/twitter.png) no-repeat;

}

.social-icon.vimeo {

	background: url(../img/social/vimeo.png) no-repeat;

}

.social-icon.wordpress {

	background: url(../img/social/wordpress.png) no-repeat;

}

.social-icon.xing {

	background: url(../img/social/xing.png) no-repeat;

}

.social-icon.yahoo {

	background: url(../img/social/yahoo.png) no-repeat;

}

.social-icon.youtube {

	background: url(../img/social/youtube.png) no-repeat;

}

.social-icon.vk {

	background: url(../img/social/vk.png) no-repeat;

}

.social-icon.instagram {

	background: url(../img/social/instagram.png) no-repeat;

}

.social-icon.reddit {

	background: url(../img/social/reddit.png) no-repeat;

}

.social-icon:hover {

	background-position: 0 -38px;

}

.social-icon-color {

	opacity: 0.7;

	background-position: 0 -38px !important;

}

.social-icon-color:hover {

	opacity: 1;

}

/***

Notes

***/



/* Common styles for all types */

.note {

	margin: 0 0 20px 0;

	padding: 15px 30px 15px 15px;

	border-left: 5px solid #eee;

}

.note h1, .note h2, .note h3, .note h4 {

	margin-top: 0;

}

.note p:last-child {

	margin-bottom: 0;

}

.note code, .note .highlight {

	background-color: #fff;

}

/* Variations */

.note-danger {

	background-color: #FAEAE6;

	border-color: #ed4e2a;

}

.note-warning {

	background-color: #FCF3E1;

	border-color: #fcb322;

}

.note-info {

	background-color: #E8F6FC;

	border-color: #57b5e3;

}

.note-success {

	background-color: #EBFCEE;

	border-color: #3cc051;

}

/***

Demo Utils

***/

.scrollspy-example {

	position: relative;

	height: 200px;

	margin-top: 10px;

	overflow: auto;

}

.util-btn-margin-bottom-5 .btn {

	margin-bottom: 5px !important;

}

.util-btn-group-margin-bottom-5 .btn-group {

	margin-bottom: 5px !important;

}

.fontawesome-demo i {

	font-size: 18px;

}

.fontawesome-demo li {

	padding-top: 5px;

	padding-bottom: 5px;

}

.glyphicons-demo ul {

	padding-left: 0;

	padding-bottom: 1px;

	margin-bottom: 20px;

	list-style: none;

	overflow: hidden;

}

.bs-glyphicons {

	padding-left: 0;

	padding-bottom: 1px;

	margin-bottom: 20px;

	list-style: none;

	overflow: hidden;

}

.glyphicons-demo ul li {

	float: left;

	width: 25%;

	height: 115px;

	padding: 10px;

	margin: 0 -1px -1px 0;

	font-size: 12px;

	line-height: 1.4;

	text-align: center;

	border: 1px solid #ddd;

}

.glyphicons-demo .glyphicon {

	display: block;

	margin: 5px auto 10px;

	font-size: 24px;

}

.glyphicons-demo ul li:hover {

	background-color: rgba(86,61,124,.1);

}



@media (min-width: 768px) {

.glyphicons-demo ul li {

	width: 12.5%;

}

}

/***

Forms 

****/



input.placeholder, textarea.placeholder {

/*color: #999999;*/

}

.help-block {

	margin-top: 5px;

	margin-bottom: 5px;

}

.form-inline input {

	margin-bottom: 0px !important;

}

.control-label {

	margin-top: 2px;

}

.form-control-static {

	font-size: 13px;

	line-height: 14px;

}

.control-label .required {

	color: #e02222;

	font-size: 12px;

	padding-left: 2px;

}

.switch-wrapper {

	display: inline-block;

}

.form {

	padding: 0 !important;

}

.form-body {

	padding: 10px;

}

.form-actions {

	padding: 20px 10px;

	margin-top: 20px;

	background-color: #f5f5f5;

	border-top: 1px solid #e5e5e5;

 *zoom: 1;

}

.form-actions.nobg {

	background-color: transparent;

}

.form-actions.top {

	margin-top: 0;

	margin-bottom: 20px;

	border-top: 0;

	border-bottom: 1px solid #e5e5e5;

}

.form-actions.fluid {

	padding: 20px 0;

}

.form-actions.fluid > [class^="col-"] {

	padding-left: 13px;

}

.form-actions:before, .form-actions:after {

	display: table;

	line-height: 0;

	content: "";

}

.form-actions:after {

	clear: both;

}

.form-section {

	border-bottom: 1px solid #cccccc;

	font-size: 16px;

	font-weight: bold;

	margin: 0px 0 15px !important;

	padding-bottom: 10px;

}

.btn.cam-btn {

	font-size: 13px;

	padding: 4px 10px;

	margin-right: 18px;

}

.form .form-section:first-child {

	margin-top: 5px;

}

.help-inline {

	font-size: 13px;

	color: #737373;

	display: inline-block;

	padding: 5px;

}

/* left, right aligned form actions */

.form-actions.right {

	padding-left: 0;

	padding-right: 10px;

	text-align: right;

}

.form-actions.left {

	padding-left: 10px;

	padding-right: 0;

	text-align: left;

}

/* Checkboxes */

.form-group .checkbox {

	padding-left: 0;

}

.checkbox-list > label {

	display: block;

}

.checkbox-list > label.checkbox-inline {

	display: inline-block;

}

.checkbox-list > label.checkbox-inline:first-child {

	padding-left: 0;

}

/* Radios */



.radio-list > label {

	display: block;

}

.radio-list > label.radio-inline {

	display: inline-block;

}

.radio-list > label.radio-inline:first-child {

	padding-left: 0;

}

.form-horizontal .radio-list .radio {

	padding-top: 1px;

}

/* Rows seperated form layout */

.form-row-seperated .form-group {

	margin: 0;

	border-bottom: 1px solid #efefef;

	padding: 10px 10px 10px 0px;

}

.form-row-seperated .form-group.last {

	border-bottom: 0;

	margin-bottom: 0;

	padding-bottom: 10px;

}

.form-row-seperated .form-actions {

	margin-top: 0;

}

.form-row-seperated .form-body {

	padding: 0;

	margin-top: 0;

}

.form-row-seperated .help-block {

	margin-bottom: 0;

}

/* form bordered */

.form-bordered .form-body {

	margin: 0;

	padding: 0;

}

.form-bordered .form-actions {

	margin-top: 0;

}

.form-bordered .form-group {

	margin: 0;

	border-bottom: 1px solid #efefef;

}

.form-bordered .form-group.last {

	border-bottom: 0;

}

.form-bordered .help-block {

	margin-bottom: 0;

}

.form-bordered .control-label {

	padding-top: 16px;

}

.form-bordered .form-group > div {

	padding: 10px;

	border-left: 1px solid #efefef;

}

.form-bordered .form-actions.fluid > .row > div {

	padding-left: 10px;

}

.form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) {

	background-color: #fcfcfc;

}

.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {

	background-color: #fcfcfc;

}

.form-horizontal.form-bordered.form-row-stripped .form-control {

	background: #fff !important;

}

.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div {

	background-color: #ffffff;

}

/***

Bordered form layout

***/



.form-bordered .form-control {

	margin: 0;

}

/***

Disabled Menu Link

***/



.disabled-link > a > span.text, .disabled-link > a > span.title {

	font-style: italic !important;

	color: #888 !important;

}

.disabled-link > a:hover {

	cursor: not-allowed !important;

}

/***

Responsive & Scrollable Tables

***/



.table-scrollable {

	width: 100%;

	overflow-x: auto;

	overflow-y: hidden;

	border: 1px solid #dddddd;

	margin: 10px 0 !important;

}

.table-scrollable > .table {

	width: 100% !important;

	margin: 0 !important;

	margin-bottom: 0;

	background-color: #fff;

}

.table-scrollable > .table > thead > tr > th, .table-scrollable > .table > tbody > tr > th, .table-scrollable > .table > tfoot > tr > th, .table-scrollable > .table > thead > tr > td, .table-scrollable > .table > tbody > tr > td, .table-scrollable > .table > tfoot > tr > td {

	white-space: nowrap;

}

.table-scrollable > .table-bordered {

	border: 0;

}

.table-scrollable > .table-bordered > thead > tr > th:first-child, .table-scrollable > .table-bordered > tbody > tr > th:first-child, .table-scrollable > .table-bordered > tfoot > tr > th:first-child, .table-scrollable > .table-bordered > thead > tr > td:first-child, .table-scrollable > .table-bordered > tbody > tr > td:first-child, .table-scrollable > .table-bordered > tfoot > tr > td:first-child {

	border-left: 0;

}

.table-scrollable > .table-bordered > thead > tr > th:last-child, .table-scrollable > .table-bordered > tbody > tr > th:last-child, .table-scrollable > .table-bordered > tfoot > tr > th:last-child, .table-scrollable > .table-bordered > thead > tr > td:last-child, .table-scrollable > .table-bordered > tbody > tr > td:last-child, .table-scrollable > .table-bordered > tfoot > tr > td:last-child {

	border-right: 0;

}

.table-scrollable > .table-bordered > thead > tr:last-child > th, .table-scrollable > .table-bordered > tbody > tr:last-child > th, .table-scrollable > .table-bordered > tfoot > tr:last-child > th, .table-scrollable > .table-bordered > thead > tr:last-child > td, .table-scrollable > .table-bordered > tbody > tr:last-child > td, .table-scrollable > .table-bordered > tfoot > tr:last-child > td {

	border-bottom: 0;

}

/***

Responsive Flip Scroll Tables

***/



.flip-scroll table {

	width: 100%;

}



@media only screen and (max-width: 800px) {

.flip-scroll .flip-content:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}

.flip-scroll * html .flip-content {

	zoom: 1;

}

.flip-scroll *:first-child+html .flip-content {

	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;

	border: 0 !important;

	border-bottom: 1px solid #ddd !important;

	border-right: 1px solid #ddd !important;

	font-size: 13px !important;

	padding: 5px;

	width: auto !important;

}

.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;

border: !important;

}

.flip-scroll th {

	display: block;

	text-align: right;

}

.flip-scroll tbody tr {

	display: inline-block;

	vertical-align: top;

	margin-left: -5px;

}

.flip-scroll td {

	display: block;

	min-height: 1.25em;

	text-align: left;

	border-top: 0 !important;

	border-left: 0 !important;

	border-right: 0 !important

}

.flip-scroll td:first-child {

}

/* 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 #ddd;

}

.flip-scroll th:last-child,  .flip-scroll td:last-child {

	border-bottom: 1px solid #ddd;

}

}

.sb-2 .s-b-table tr td {

	color: #333333;

}

a.navbar-brand {

	padding: 5px;

}

.page-content .side-box1 {

	border: 1px solid #CCCCCC;

	border-radius: 9px !important;

	margin-top: 10px;

	padding: 10px 0;

	background: #ffffff;

	float: left;

}

.relative {

	position: relative;

}

.jwell {

	/*background: none repeat scroll 0 0 #333333;

    color: #FFFFFF;

    left: -5px;

    padding: 10px 17px;

    position: absolute;

    text-align: center;

    top: 10px;

    width: 104.6%*/

	background: none repeat scroll 0 0 #333333;

	color: #FFFFFF;

	left: -3%;

	padding: 10px 20px;

	position: relative;

	text-align: center;

	width: 106%;

	margin-bottom: 10px;

}

.s-b-table, .s-b-table2 {

	color: #000000;

	margin-top: 46px;

	width: 100%;

}

.s-b-table tr td:first-child {

	font-weight: bold;

}

.s-b-table td {

	padding: 5px 11px;

	width: 50%;

	font-size: 12px;

	font-family: Calibri

}

.log-btn {

	background: none repeat scroll 0 0 #999999;

	border-radius: 5px !important;

	color: #FFFFFF;

	font-size: 12px;

	margin-top: 5px;

	padding: 4px 15px;

	text-transform: uppercase;

	width: 100%;

}

.s-b-table2 tr td:first-child {

	padding: 5px 14px;

	width: 23%;

}

.s-b-table2 td {

	padding: 5px;

}

.marg-top0 {

	margin-top: 0px;

}

.top-h1 {

	color: #333333;

	font-family: Helvetica Neue;

	font-size: 34px;

	font-weight: bold;

	margin-top: 0;

}

.padding0 {

	padding: 0;

}

.jdrop {

	margin-right: 10px;

}




.jsearch {

	background: url("../img/search.png") no-repeat scroll 0 0 #FFFFFF;

	cursor: pointer;

	height: 28px;

	position: absolute;

	right: 5px;

	top: 6px;

	width: 30px;

	z-index: 1;

	border: 0 none;

}

.jsearch2 {

	top: 24px;

}

.main-btn {

	background: none repeat scroll 0 0 #FFA953 !important;

	border-radius: 5px;

	float: right;

	padding: 0px;

}

.bg-colr1 {

	color: #333333;

	font-size: 12px;

	line-height: 35px;

	padding: 20px 15px;

}

table.table thead th {

	border: 0 none;

	line-height: 20px;

	text-align: left;

}

.table thead tr th {

	font-size: 14px;

	font-weight: 600;

}

table.table thead {

	background: none repeat scroll 0 0 #ab8ce4;

	color: #FFFFFF;

}

table.table-bordered tr td {


	width: 100px;

}

.printer {

	background: url("../img/printer.png") no-repeat scroll 0 0 #FFFFFF;

	width: 15px;

}

.export {

	background: url("../img/export.png") no-repeat scroll 0 0 #FFFFFF;

	width: 15px;

}

.jprint {

	float: left;

	margin-right: 10px;

	width: 20px;

}

li a span.title {

	margin-left: 15px;

}

.page-sidebar-menu > li span.title {

	margin-left: 0px;

}

.top-h3 {

	color: #333333;

	font-family: Helvetica Neue;

	font-size: 20px;

	font-weight: normal;

	margin-top: 0;

}

.table-icon {

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;

	margin-bottom: 0;

}

.dropdown-menu span {

	padding-left: 10px;

}

.analistic-icon {

	background: url("../img/analistic-icon.png") no-repeat scroll 0 0 #FFFFFF;

	width: 20px;

	height: 20px;

}

.pfilter {

	margin: 3px 10px;

	padding: 7px 20px;

	background: #666666 !important;

	border-radius: 5px;

}

.pfilter a {

	color: #FFFFFF;

}

.paction {

	float: left;

	margin-top: 8px;

	width: 4%;

}

table.photo-table tr td {

	border-right: 1px solid #CCCCCC;

}

table.table {

	border-radius: 10px;

}

td a {

	list-style: none outside none;

	text-decoration: none;

}

table.photo-table tr td:last-child {

	border-right: 0 none;

}

.photo-select {

	float: left;

	margin-top: 8px;

	text-decoration: underline;

}

.marg-top15 {

	margin-top: 18px;

}

.jform-text {

	float: left;

	margin-top: 8px;

}

a.text-underline {

	margin-left: 10px;

	text-decoration: underline;

}

.form-horizontal .control-label {

	text-align: left;

}

.camp-img {

	float: left;

	margin: 10px 10px 10px 1px;

	overflow: hidden;

	padding: 10px;

	width: 100%;

}

.black {

	background: #000000;

}

table.admin-table tr td {

	border: 0 none;

}

.margin0 {

	margin: 0;

}

.img-bg {

	background: #FFFFFF;

	padding: 10px;

}

.border-left {

	border-left: 1px solid #CCCCCC;

}

.img-camp {

	border: 1px solid #cccccc;

	padding: 10px;

}

.hover-div {

	/* background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);

    left: 5%;

    padding: 3px 10px;

    position: absolute;

    top: 10%;

    width: 90%;*/

	

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);

	left: 5%;

	padding: 3px 10px;

	position: absolute;

	top: 39px;

	width: 90%;

}

.hover-btns {

	margin: 5px auto;

}

.btn-width {

	border: 1px solid #000000;

	border-radius: 5px;

	padding: 2% 5%;

	width: 100%;

}

.hover-btns > p {

	margin-bottom: 2%;

}

.mix-link {

	margin-left: 5px;

}

.instagram {

	background: url("../img/instagram.png") repeat scroll 0 0 rgba(0, 0, 0, 0);

	height: 29px;

	width: 136px;

}
.form-control{
	-webkit-appearance: none;
	-moz-appearance: none; 


	height: 40px;

}
select.form-control {
	-webkit-appearance: none;
	-moz-appearance: none; 
	 background: url("../img/select-caret.png")  no-repeat right;

	height: 40px;

}

.table.table-striped.table-hover.table-icon td {

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

}

.menu-icon-print {

	background: url("../img/menu-icon-print.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

	height: 20px;

	width: 20px;

}

.jact {

	background: none repeat scroll 0 0 #FFFFFF;

	border: 1px solid #CCCCCC;

	border-radius: 5px;

	margin-top: 3px;

	padding: 3px 10px;

	width: 80%;

}

.jmrg {

	margin-left: 5px;

	margin-top: 2px;

}

.jmrg input {

	margin-right: 5px;

	margin-top: 0;

}

.page-nation a {

	background: none repeat scroll 0 0 #CCCCCC;

	color: #000000;

	padding: 5px 8px;

}

.page-nation strong {

	background: none repeat scroll 0 0 #3A3939;

	color: #FFFFFF;

	padding: 5px 8px;

}

.page-nation {

	margin-bottom: 10px;

	height: 29px;

}

.page-nation span.pages {

	display: inline-block;

}

.form-control.required.hash {

	background: url("../img/hassh.jpg") no-repeat scroll 0 0 #FFFFFF;

	text-indent: 15px;

}

.mart30 {

	margin-top: 30px;

}

input.case {

	margin-right: 5px;

	margin-top: 0px;

	position: relative;

	top: 2px;

}

.fancybox-inner #printers h4.form-section {

	background: #333;

	color: #ffffff;

	text-align: center;

	padding: 10px;

	margin-bottom: 10px;

}
.pad_b20{
	padding-bottom:20px;
}
.fancybox-wrap {

	width: 800px !important;

}

.fancybox-inner {

	width: 770px !important;

}

.ui-datepicker.ui-widget.ui-widget-content.ui-datepicker-multi {

	left: 0 !important;

	margin: 0 auto;

	position: fixed !important;

	right: 0 !important;

	top: 26% !important;

	z-index: 99999 !important;

}

.marl10 {

	margin-left: 10px;

}

.chkdata {

	margin-top: 5px;

}

.chkdata img {

	margin-right: 10px;

}

.photo-hover .hover-div {

	display: none;

}

.photo-hover:hover .hover-div {

	display: block;

}

.padding0 {

	padding: 0px;

}

.brd-r1 {

	border: 1px solid #000000;

}

/*.brdp:nth-child(6n){

    border-bottom: 0 none;

    border-right: 0 none;

}*/

.msg {

	background: none repeat scroll 0 0 rgba(0, 150, 0, 0.1);

	border: 1px solid #009900;

	color: #009900;

	display: block;

	font-size: 18px;

	padding: 4px;

	text-align: center;

}

.input-group.date span.input-group-btn {

	padding-top: 0px;

}

.mart20 {

	margin-top: 20px;

}

.colorpicker-picker {

	z-index: 999;

	left: 45px !important;

}

.padr0 {

	padding-right: 0;

}

.padl0 {

	padding-left: 0px;

}

.txt-t {

	text-align: center;

	text-transform: uppercase;

	color: #333333;

	font-family: Calibri;

	font-size: 28px;

	font-style: normal;

	font-weight: bold;

	text-decoration: none;

	line-height: 33px;

}

.txt-no {

	font-size: 36px;

	padding: 5px;

	text-align: center;

	font-weight: bold;

}

.table-das {

	font-size: 15px;

	/*margin-bottom: 16px;

    margin-top: 47px;*/

	margin-bottom: 43px;

	margin-top: 15px;

	width: 100%;

}

.table-das tr:first-child {

	font-weight: bold;

}

.table-das td {

	text-align: center;

}

.jwell2 {

	background: none repeat scroll 0 0 #000000;

	bottom: 0;

	color: #ffffff;

	font-family: Calibri;

	font-size: 13px;

	font-style: normal;

	font-weight: normal;

	height: 32px;

	padding: 7px 20px;

	text-align: center;

	text-decoration: none;

	z-index: 99;

	/*left: -5px;

    position: absolute;

    top: 65px;

    width: 104.6%;*/

	left: -3%;

	width: 106%;

	position: relative;

}

.yel {

	color: #FFA953;

}

.ble {

	color: #8484FF;

}

.inner-box {

	background: none repeat scroll 0 0 #EFEFEF;

	border: 1px solid #CCCCCC;

	border-radius: 10px;

	padding: 10px 0;

}

.mart6 {

	margin-top: 7px;

}

.hov-btn2 {

	margin: 10px auto;

	width: 60%;

}

.hoverdiv2 {

	bottom: 0;

	padding: 0;

	top: 0;

}

.an-sec {

	right: 17px;

}

.anbt {

	position: absolute;

	right: 0;

	top: 0px;

}

.msg {

	border: 1px solid #35AA47;

	color: #35AA47;

	padding: 8px;

}

.txt-no span {

	color: #FFA953;

	font-family: Tahoma;

	font-size: 0.8em;

	font-style: normal;

	font-weight: bold;

	text-decoration: none;

}

.ajst {

	top: 23px;

}

input.form-control[readonly="readonly"] {

/*background: none repeat scroll 0 0 #f1f2f2 !important;

	color:#000;*/

}

.col-md-j9 {

	width: 75%;

	padding: 0 15px;

}

.col-md-j2 {

	float: left;

	position: relative;

	width: 16.6667%;

}

.col-md-j2 select.form-control {

	padding: 6px;

}

.logout-btn {

	background: none repeat scroll 0 0 #999999;

	border: 1px solid #fff;

	border-radius: 3px;

	color: #fff;

	padding: 5px 10px;

	text-transform: uppercase;

}

.s-table-2 tr td:first-child {

	width: 20%;

	text-align: right;

}

.btn.ph-btn {

	background: none repeat scroll 0 0 #666666;

	border-radius: 3px;

	margin-top: 3px;

	padding: 6px 10px;

}

.img-bg {

	background: #ffffff;

	padding: 10px;

	width: 100%;

}

.inst-bd label.control-label.col-md-3 {

}

.cam-btn.cbtn1 {

	border-radius: 3px;

	margin-top: 5px;

	padding: 6px 5px;

}

.prt-tmp {

	margin: 20px 0;

}

.mix-details p {

	margin-bottom: 2px;

}

#loadmore {

	/* background: none repeat scroll 0 0 #666;

    border: 0 none;    

    color: #ffffff;

    padding: 10px 26px;*/

	border-radius: 5px;

}

.marr30 {

/*margin-left:30px;*/}

.c-btn1 {

	margin-top: 8px;

}

.mart10 {

	margin-top: 10px;

}

.min-h270 {

	height: 270px;

}

.txt-no span {

	color: #ffa953;

	display: block;

	font-family: Tahoma;

	font-size: 18px;

	font-style: normal;

	font-weight: bold;

	text-decoration: none;

}



@media only screen and (max-width: 980px) {

.jselect {

	top: 41%;

}

.jselect1 {

	top: 4px;

	height: 25px;

}

.jselect3 {

	top: 1px;

}

input.hasDatepicker {

	float: left;

	margin-bottom: 2%;

	width: 94%;

}

.cam-btn.cbtn1 {

	margin-left: 10%;

}

.jprint img {

	float: left;

	margin: 10px;

}

.col-md-j2 {

	width: 100%;

}

.col-md-j9 {

	width: 100%;

	float: left;

}

.jsearch {

	top: 4px;

}

.jwell {

	width: 101.8%;

}

.btn-default {

	border-width: 1px;

	padding: 6px 5px;

	font-size: 13px;

}
.btn-primary {
    color: #fff;
    background-color: #973692;
    border-color: #973692;
}
#links {

	padding-top: 10px;

}

.img-bg {

 .img-bg {

 background: none repeat scroll 0px 0px #FFF;

 margin-right: 2%;

 padding: 10px;

 width: 39%;

}

.hover-div {

	left: 3%;

	top: 8%;

	width: 94%;

	height: 54%;

}

}



@media all and (min-width: 310px) and (max-width: 640px) {

.img-bg {

	width: 100%;

}

.hover-div {

	left: 3%;

	top: 8%;

	width: 94%;

	height: 54%;

}

}



@media only screen and (max-width: 320px) {

.img-bg {

	width: 100%;

}

.hover-div {

	left: 3%;

	top: 8%;

	width: 94%;

	height: 54%;

}

}



@media all and (min-width: 640px) and (max-width: 780px) {

.hover-div {

	background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.2);

	left: 3%;

	padding: 13px 10px;

	position: absolute;

	top: 8%;

	width: 94%;

	height: 56%;

}

}



@media all and (min-width: 1280px) and (max-width: 1960px) {

.hover-div {

	background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.2);

	left: 5%;

	padding: 13px 10px;

	position: absolute;

	top: 9%;

	width: 92%;

	height: 52%;

}

}