/*********************
 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 
*********************/

/***
Reset and overrides  
***/
html{
  font-size:100%;
}
html,body{
    height:100%;    
}
ul,ol,li,dl,dt,dd,pre,fieldset,legend,form,input,button,textarea{
    margin:0;
    padding:0;
}
body{
    font-family:\5FAE\8F6F\96C5\9ED1,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:87.5%; 
    line-height: 1.428571429;
    color: #333;
}

/* general body settings */

fieldset {
    border:0;
}

ul, ol {
    list-style:none;
}

cite, em {
    font-style:normal;
}

label {
    font-weight: 400;
    -webkit-user-select:none;
    -moz-user-select:none; 
    -ms-user-select:none;
}

/*
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; 
}

/***
Custom Scrollbars
***/

/***
::-webkit-scrollbar {  
    width: 12px;  
}  

::-webkit-scrollbar-track {  
    background-color:#f2f2f2;  
    border-left: 1px solid #cecece;  
}  

::-webkit-scrollbar-thumb {  
    background-color: #d9d9d9;  
}  

::-webkit-scrollbar-thumb:hover {  
    background-color: #ccc;  
}  

::-webkit-scrollbar-track {
    border-radius: 0;
    box-shadow: none;
    border: 0; 
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    box-shadow: none;
    border: 0; 
}
***/

/***
General typography 
***/
h1 small,
h2 small,
h3 small, 
h4 small, 
h5 small,
h6 small {
  color: #444;
}

h1.block, 
h2.block, 
h3.block, 
h4.block, 
h5.block, 
h6.block {
  padding-top: 10px;
  padding-bottom: 10px;
}

/*a {
  color: #0d638f;
}
*/

/***
Fix link outlines after click
***/
a:hover,
a:focus{
    text-decoration:none;    
}

a:focus,
input:focus,
button:focus,
textarea:focus,
select:focus {
  outline: 0;
}

/***
Tools
***/
.shown,
.display-show,
.display-block{
	display:block;
}
.hidden,
.display-none,
.display-hide {
	display: none;
}
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb8 { margin-bottom: 8px !important; }
.mb9 { margin-bottom: 9px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.nomargin { margin: 0 !important; }
.nopadding { padding: 0 !important; }
.noborder { border: 0 !important; }
.nospace { margin: 0px !important;padding: 0px !important;}
.pd10 { padding: 10px !important; }
.pd15 { padding: 15px !important; }
.pd20 { padding: 20px !important; }
.inline{ display:inline !important;}
.inline-block { display: inline-block !important; }
.align-center { text-align:center !important;}

.table {
	margin-bottom:10px;	
}

.table-alignTop > thead > tr > th,
.table-alignTop > thead > tr > td,
.table-alignTop > tbody > tr > td{
	vertical-align:top !important;
}

.table-alignMiddle > thead > tr > th,
.table-alignMiddle > thead > tr > td,
.table-alignMiddle > tbody > tr > td{
	vertical-align:middle !important;
}

.table-nobordered > thead > tr > th,
.table-nobordered > thead > tr > td,
.table-nobordered > tbody > tr > td{
	border:0 !important;
}

.table th > label, .table td > label{
    margin-bottom:0;    
}

/*btn*/
.btn-icon-only {
    padding-left: 10px;
    padding-right: 10px;
}

.btn-circle {
    border-radius: 25px !important;
}

.btn.plain {
	color:#666;
}

.btn.plain:hover {
	color:#428bca;
}

.btn.plain:active { 
	-webkit-box-shadow:none;
	-moz-box-shadow:none; 
	box-shadow:none;
}

/***
General backgrounds. Can be applied to any block or panel
***/

/*color block*/
.row-blocks >[class*=col-md-]{
	display:table;
	margin-bottom:10px;
}
.row-blocks >[class*=col-md-]:last-child{
	margin-bottom:0px;
}
.color-block{
	position:relative;
	display:inline-block;
	padding:15px;
	text-align:center;
	text-decoration:none !important;
}
.color-block.circle{
	-webkit-border-radius:4px;
	border-radius:4px;
}

.row-panel-body .color-block, .color-block.hover-upwards{
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
}

.row-panel .color-block:hover,
.color-block.hover-upwards:hover{
	-webkit-transform:translateY(-5px);
	-moz-transform:translateY(-5px);
	-ms-transform:translateY(-5px);
	-webkit-box-shadow:0 7px 18px rgba(0, 0, 0, 0.15);
	box-shadow:0 7px 18px rgba(0, 0, 0, 0.15);
}

.color-block.disabled {
	background-color:#f0f0f0 !important;
	color:#999 !important;
	-webkit-transition:none;
	-moz-transition:none;
	transition:none;
	cursor:default;
}

.color-block.disabled:hover{
	background-color:#f0f0f0 !important;
	-webkit-transform:none;
	-moz-transform:none;
	-ms-transform:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}

.row-blocks .color-block{
	padding:10px;
	height:60px;
	display:table-cell;
	vertical-align:middle;
}

.color-block > .color-icon{
	display:block;
	font-size:30px;
	margin-bottom:5px;
}
.color-block > .color-icon > .fa{
	margin-right:0;
}
.color-block .badge{
	position:absolute;
	left:-8px;
	top:-8px;
	height:24px;
	line-height:17px;
	padding-left:9px;
	padding-right:9px;
	border-radius:20px;	
}

@media (max-width: 992px){
	.row-blocks >[class*=col-md-]{
		width:100%;
	}
}

/*ui-checkbox*/
.ui-checkbox{
	display:inline-block;
	width:20px;
	height:20px;
	border:1px solid #B3B3B3;
	-webkit-border-radius:3px;
	border-radius:3px;
	vertical-align:middle;
	cursor:pointer;
}

.ui-checkbox:hover{
	border-color:#808080;	
}

.ui-checkbox.checked{
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 18px;
	text-align:center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}
.ui-checkbox.checked:before{
	content:"\f00c";
}

.ui-checkbox.disabled{
	border-color:#E0E0E0;
	cursor:default;
}

.bg-blue {
  background: #38b7ee !important;
  color: #fff !important;
}

.bg-blue:hover{
	background:#29a5ee !important;	
}

.bg-darkblue {
  background: #0198ab !important;
  color: #fff !important;
}

.bg-darkblue:hover {
  background: #0388ab !important;
}

.bg-red {
  background: #dd7d0c !important;
  color: #fff !important;
}

.bg-red:hover{
	background:#cd760c !important;	
}

.bg-yellow {
  background: #fa9e0d !important;
  color: #fff !important;
}

.bg-yellow:hover {
  background: #ec960d !important;
}

.bg-green {
  background: #8cbf26 !important;
  color: #fff !important;
}

.bg-green:hover {
  background: #78b726 !important;
}

.bg-purple {
  background: #852b99 !important;
  color: #fff !important;
}

.bg-purple:hover {
  background: #7b2b99 !important;
  color: #fff !important;
}

.bg-dark {
  background: #555555 !important;
  color: #fff !important;
}

.bg-dark:hover {
  background: #333 !important;
}

.bg-grey {
  background: #fafafa !important;
  color: #fafafa !important;
}

.bg-grey:hover{
  background: #f0f0f0 !important;
}

/***
Font Awesome Icons
***/

[class*="fa-"],
[class*="micon-"]{
  /*margin-left: .3em;*/
  margin-right: .3em;
}

/***
Make font awesome icons fixed width(latest version issue)
***/

li [class^="fa-"].icon-large,
li [class*=" fa-"].icon-large {
  /* increased font size for icon-large */
  width: 1.5625em;
}

.fa-lg,
.icon-lg {
  font-size: 16px;
}

.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}

.icon-default {
  color: #ccc;
}

.icon-success {
  color: #468847;
}

.icon-info {
  color: #27a9e3; 
}

.icon-warning {
  color: #dbc056;
}

.icon-danger {
  color: #B94A48;
}

/***
General HR
***/

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #E0DFDF;
  border-bottom: 1px solid #FEFEFE;
}

.row, .row-wrap {
	margin-left: -5px;
	margin-right: -5px;
}

.row[class*=col-hd-]{
	padding-top:0;
	padding-bottom:0;
}

.row-wrap > .row{
	margin-left:0;
	margin-right:0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-left: 5px;
	padding-right: 5px;
}

.col-hd-1,.col-hd-2,.col-hd-3,.col-hd-4,.col-hd-5,.col-hd-6,.col-hd-7,.col-hd-8,.col-hd-9,.col-hd-10,.col-hd-11,.col-hd-12,.col-hd-18,.col-hd-24{
	padding-top:5px;
	padding-bottom:5px;
}

.row > .col-md-12:first-child{
	padding-top:0;	
}

.row > .col-md-12:last-child{
	padding-bottom:0;	
}

.row > .col-hd-12{
	padding-top:0;
	padding-bottom:0;
}

.row > [class*=col-md-] > .portlet.box:last-child{
	margin-bottom:0;
}

@media (min-width: 768px){
	.row-wrap, .row-hd {
		height:100%;
	}
	
	.row-hd > [class*=col-hd] > .portlet{
		height:100%;
		position:relative;
	}
	
	.row-hd > [class*=col-hd] > .portlet.box > .portlet-title{
		position:absolute;
		left:0;
		right:0; 
		top:0;
		z-index:100;
	}
	
	.row-hd > [class*=col-hd] > .portlet.light > .portlet-title{
		position:absolute;
		top:10px;
		left:15px;
		right:15px;
		z-index:100;
	}
	
	.row-hd > [class*=col-hd] > .portlet.box > .portlet-body{
		height:100%; 
		padding-top:42px;
	}
	
	.row-hd > [class*=col-hd] > .portlet.light > .portlet-body{
		height:100%; 
		padding-top:49px;
	}
	
	.row-hd > [class*=col-hd] > .portlet.box.no-title > .portlet-body{
		padding-top:5px;
	}
	
	/*portlet-responsive*/
	.portlet-responsive{
		position:relative;
		height:100%;
		margin-bottom:0 !important;
	}
	
	.portlet.box.portlet-responsive > .portlet-title{
		position:absolute;
		left:0;
		top:0;
		right:0;
		z-index:200;
	}
	
	.portlet.light.portlet-responsive > .portlet-title{
		position:absolute;
		left:15px;
		top:10px;
		right:15px;
		z-index:200;
	}
	
	.portlet.box.portlet-responsive > .portlet-body{
		height:100%;
		padding-top:44px !important;	
	}
	
	.portlet.light.portlet-responsive > .portlet-body{
		height:100%;
		padding-top:42px !important;	
	}
	
	.col-hd-1{
		height:8.333333333333332%;
	}
	.col-hd-2{
		height:16.666666666666664%;
	}
	.col-hd-3{
		height:25%;
	}
	.col-hd-4{
		height:33.33333333333333%;
	}
	.col-hd-5{
		height:41.66666666666667%;
	}
	.col-hd-6{
		height:50%;
	}
	.col-hd-7{
		height:58.333333333333336%;
	}
	.col-hd-8{
		height:66.66666666666666%;
	}
	.col-hd-9{
		height:75%;
	}
	.col-hd-10{
		height:83.33333333333334%;
	}
	.col-hd-11{
		height:91.66666666666666%;
	}
	.col-hd-12{
		height:100%;
	}
	.col-hd-18{
		height:150%;
	}
	.col-hd-24{
		height:200%;
	}
}

/*.row-hd > [class*=col-hd]:first-child{
	padding-top:0;   
}

.row-hd > [class*=col-hd]:last-child{
	padding-bottom:0;   
}*/
	
/*column*/
.column-1{
	width:8.333333333333332%;
}
.column-2{
	width:16.666666666666664%;
}
.column-3{
	width:25%;
}
.column-4{
	width:33.33333333333333%;
}
.column-5{
	width:41.66666666666667%;
}
.column-6{
	width:50%;
}
.column-7{
	width:58.333333333333336%;
}
.column-8{
	width:66.66666666666666%;
}
.column-9{
	width:75%;
}
.column-10{
	width:83.33333333333334%;
}
.column-11{
	width:91.66666666666666%;
}
.column-12{
	width:100%;
}
.column-18{
	width:150%;
}
.column-24{
	width:200%;
}

/*panel*/
.panel {
	margin-bottom:10px;	
}
.panel-body{
	padding:10px;
}
.panel-footer{
	font-size:12px;
}
.row-column .panel{
	margin-bottom:10px;	
}
.panel .md-title{
	font-size:14px;
	border-left:4px solid #428BCA;
	line-height:1;
	padding-left:5px;
}

.panel-responsive { position:relative; height:100%; margin-bottom:0;}
.panel-responsive > .panel-body{ height:100%; padding-top:34px;}
.panel-responsive > .panel-body > .md-title,
.panel-responsive > .panel-body > .striped-title{ position:absolute; left:10px; right:10px; top:10px;}
.panel-responsive .chart-container{ height:100%;}


.table-plain>thead>tr>th,
.table-plain>tbody>tr>th,
.table-plain>tfoot>tr>th, 
.table-plain>thead>tr>td,
.table-plain>tbody>tr>td,
.table-plain>tfoot>tr>td
{
    border:0 !important;    
}

/***
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 {
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:500;
}

.ie8 .header{
    border-bottom:1px solid;     
}

.header-left, 
.header-right{
    padding-top:8px;
	padding-bottom:8px;
	height:58px;
}
.header-left{
	position:relative;
    width:225px;
	padding-left:5px;
	padding-right:10px;
    float:left;
}

.header-right{
    margin-left:225px;
	padding-left:0;
	padding-right:0;
}

.header .navbar-brand {
	display:table;
	height:58px;
	padding:0;
	margin-top:-8px;
}

.header .navbar-brand span{
	display:table-cell;
	vertical-align:middle;
}

.header .navbar-brand img{
	max-width:175px;
}

.header .menu-collapse{
	position:absolute;
	right:10px;
	top:11px;
    background:none;
    border:1px solid #f9f9f9;
}

@media(min-width:769px){
	.header .global-search {
	  float:left;
	  width:150px;
  	  margin-top:6px;
	  margin-right:10px;
	}
}

@media(max-width:768px){
	.global-search {
		margin-top:5px;
		padding-left:15px;
		padding-right:15px;
	}
}

@media(max-width:767px){
	.navbar-history{
		display:none;	
	}
	.navbar-search{
		display:none !important;	
	}
}

.global-search .form-field button{
    padding-top:8px;    
}

.global-search .form-field .form-control{
    -webkit-border-radius:50px;
    border-radius:50px;
    height:30px;
}

.header .navbar-brand.text-logo {
  padding-left: 20px;
  padding-top: 12px;
}

.header .navbar-toggle {
  margin:3px;
  padding:8px;
  color: #fff;
  font-size:18px;
  line-height:0;
}

.header .navbar-toggle:hover {
  background: none;
}

.header .navbar-nav > li > a {
    margin-top:-8px;
    padding:18px 12px 18px;
	height:58px;
}

@media(max-width:768px){
	.header .navbar-nav > li > a {
		padding-left:10px;
		padding-right:10px;
	}
}

@media(min-width:768px){
	.header-right .navbar-wrapper{
		float:right;
	}
	.header .navbar-nav > li {
	  padding-left: 4px; 
	  padding-right: 4px;
	}
	.header .navbar-nav > li .dropdown-text{
	  display:none;
	}
	.header .navbar-menu > li:first-child{
		padding-left:0;	
	}
}

.header .navbar-nav > li > a > i {
  font-size: 18px;
  margin:0;
  position:relative;
  top:2px;
}

.header .navbar-nav > li.dropdown.user > a {
  padding:13px 8px 13px 8px;
}

.header .navbar-nav > li .avatar{
    position:relative;
    display:inline-block;
    overflow:hidden;
    border:1px solid #cdcdcd;
    vertical-align:middle;
}

.header .navbar-nav > li .avatar,
.header .navbar-nav > li .avatar img{
    width:32px;
    height:32px;
    -webkit-border-radius:16px;
    border-radius:16px;
}

.header .navbar-nav > li.dropdown.user > a i {
	width:auto;
	font-size: 16px;
}

.header .navbar-nav > li > a .badge {
	position: absolute;
	top: 8px;
	right: 20px;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus{
 	background:#fff;
 	color:#333;
}

.trigger-open .icon-logout:before{
    content:"\e066";    
}

/* navbar-crumb */
.navbar-crumb {
	position:relative;
	padding:9px 10px;
	background:#f5f5f5;
	margin-bottom:5px;
	font-size:.875em;
	*zoom:1;
}

.navbar-crumb-l a {
	color:#000;
	margin-right:.4em;
}
.navbar-crumb-l a:hover {
	color:#08c;
}

.navbar-crumb-l i.fa-home{
	font-size:1.2em;
	vertical-align:-1px;
}

.navbar-crumb-r {
	position:absolute;
	right:0px;
	top:5px;
}

.navbar-crumb-r > .btn-group{
	margin-top:-5px;
	padding:8px 15px;
	border:1px solid #e6e6e6;
	border-width:0 1px 0 1px;
}

.navbar-crumb-r > .btn-group:last-child {
	border-right:0;	
}

.navbar-crumb-r > .btn-group > a {
	display:block;
	color:#000;
	padding:0px 5px;
}

.navbar-crumb-r > .btn-group .btn-text 
{
    display:inline-block;
	margin-left:3px;
	max-width:200px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}


/***
Language Bar
***/

.header .navbar-nav > li.language {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

.header .navbar-nav > li.language > a {
  color: #ddd;
  font-size: 13px;
  padding: 11px 1px 11px 5px;
}

.header .navbar-nav > li.language > a > img {
  margin-bottom: 2px;
}

.header .navbar-nav > li.language > a > i {
  font-size: 16px;
}

.header .navbar-nav > li.language > .dropdown-menu > li > a > img {
  margin-bottom: 2px;
}

.header .navbar-nav .dropdown-menu {
  margin-top: 3px;
}

.mobile .header .navbar-nav .dropdown-menu {
  top:-150px;
  right:20px;
}


/*title*/
.sm-title {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: normal;
}

.md-title {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
}

.lg-title {
    font-weight: 500;
    color: #333;
    margin: 0;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 13px;
}

.xlg-title {
    margin: 0;
    font-weight: 400;
    color: #333;
}

.striped-title{
	border-left:4px solid #e5e5e5;
	padding-left:5px;
	margin-top:5px;
	margin-bottom:10px;
	line-height:1;
}

.striped-title.blue{
	border-color:#4b8df8;	
}

.striped-title.red{
	border-color:#e02222;	
}

.striped-title.yellow{
	border-color:#ffb848;	
}

.striped-title.green{
	border-color:#35aa47;	
}

.striped-title.purple{
	border-color:#852b99;	
}

.striped-title.grey{
	border-color:#555555;	
}


.row-stat .md-title {
    opacity: 0.6;
    font-size: 12px;
    margin-bottom: 5px;
}

.row-stat h1 {
    margin-bottom: 0;
}

.row-stat hr {
    opacity: 0.3;
    margin: 15px 0 0 0;
    border-width: 2px;
	clear:both;
}

/***
Page container
***/

.page-container {
	position: absolute;
	left: 0;
	bottom: 0;
	top: 58px;
	width: 100%;
}

.page-content .table {
	margin-bottom:10px;	
}

[class*="col-md-"] > table:last-child{
	margin-bottom:0;	
}

/***
 page mask
***/
.page-mask{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:.4;
    filter:alpha(opacity=40);
    z-index:1199;
    display:none;  
 }
 
.page-backdrop {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#fff;
    opacity:0;
    filter:alpha(opacity=0);
    display:none;
}
/***
Page sidebar
***/

.page-sidebar {
  position:absolute;
  top:0px;
  bottom:0px;
  width:225px;
  z-index:400;
}

.page-sidebar-inner  {
	position:relative;
	height:100%;
	z-index:10;
}

.page-sidebar.sidebar-left {
    left:-225px;
}

.page-sidebar.sidebar-left .page-sidebar-inner {
	background-color: #fff;
	border-right: 1px solid #E7E7E7;
}

.sidebar-shadow { display:none; }

.ie8 .sidebar-left .sidebar-shadow{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#eee;
	filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.4);
}

.ie8 .sidebar-left.sidebar-hint .sidebar-shadow{
    filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=3,MakeShadow=true,ShadowOpacity=0.2);
}

.page-sidebar.sidebar-right {
    top:0;
    right:-225px;
    bottom:0;
    z-index:1200;
	display:none;
 }
    
.sidebar-left.sidebar-hint .page-sidebar-inner{
	border-color:#ccc;
	-webkit-box-shadow:3px 0 12px rgba(0,0,0,.2);
	box-shadow:3px 0 12px rgba(0,0,0,.2);
}

.page-sidebar.navbar-collapse {
  padding: 0;
}

.page-sidebar.sidebar-right .page-sidebar-inner {
	background:rgba(0,0,0,.6);
	color:#fff;
}

.ie8 .page-sidebar.sidebar-right .page-sidebar-inner {
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');
}

.page-sidebar-title{
	position:relative;
}

.page-sidebar-title h2 {
	margin: 0;
	padding: 15px;
	font-weight: normal;
	font-size: 14px;
	color: #999;
}

.sidebar-right .page-sidebar-title h2{
	border-bottom-color:#428bca;	
}

.page-sidebar .sidebar-collapse{
	position:absolute;
	right:10px;
	top:9px;
	display:inline-block;
	width:1.5em;
	height:1.5em;
	text-align:center;
	cursor:pointer;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	transform-origin:50% 50%;
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-ms-transition:all .2s ease;
	transition:all .2s ease;
}
.ie8 .page-sidebar .sidebar-collapse{
	top:5px;
	right:14px;
	filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=0.7071067811865474,
            M12=-0.7071067811865476,
            M21=0.7071067811865476,
            M22=0.7071067811865474,
            SizingMethod='auto expand');
}

.page-sidebar.sidebar-right .page-sidebar-title h2{
	padding-left:2.2em;
}

.page-sidebar.sidebar-right .sidebar-collapse{
	right:auto;
	left:10px;
}

.page-sidebar .sidebar-collapse i{
	margin:0;
	line-height:1.5em;
}

.page-sidebar .sidebar-collapse.sidebar-pined{
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	transform:rotate(0deg);
}

.ie8 .page-sidebar .sidebar-collapse.sidebar-pined{
	top:9px;
	filter: none;
}

.page-sidebar-list {
	position:absolute;
	top:43px;
	bottom:0;
	width:100%;
	overflow:hidden;
}

.touch .page-sidebar-list{
	overflow-x:hidden;
	overflow-y:auto;
	ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-overflow-scrolling: touch;
}

.page-sidebar-menu {
    height:100%;   
 }
 
.menu-item {
  display: block;
  position: relative;
}
.menu-item:hover{
  -webkit-transition:all .6s ease;
  -moz-transition:all .6s ease;
  -ms-transition:all .6s ease;
  -o-transition:all .6s ease;
  transition:all .6s ease;
}

.page-sidebar-menu li {
    position:relative;
}

.page-sidebar-menu > li:first-child.open{
	border-top: 1px solid #E7E7E7;
	margin-top:1px;
}

.page-sidebar-menu li > a {
	display:block;
	position:relative;
	padding: 10px 15px;
	font-size: 13px;
	font-weight: 300;
	color:#444;
	margin-top:-1px;
	border-top: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
}

.page-sidebar-menu > li li > a{
	padding-top: 5px;
    padding-bottom: 5px;
	border-color:transparent;
}

.page-sidebar-menu > li li.open > a{
	border-color:#E7E7E7;
}

.page-sidebar-menu > li > a i {
	font-size:1rem;
	margin-left:-0.5rem;
	margin-right:5px;
	vertical-align:-2px;
}
 
.sidebar-left .page-sidebar-menu li > a > img{
    width:18px;
    height:18px;
    margin-left:-0.5rem;
    margin-right: 5px;
    vertical-align: -4px;
}

.sidebar-right .page-sidebar-list {
	overflow:auto;
}

.page-sidebar ul > li > a > .arrow {
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-11px;
	font-size: 16px;
	font-family: FontAwesome;
	font-weight: 300;
	color:#ccc;
}

.page-sidebar ul > li > a > .arrow:before{
    content: "\f105";
}

.page-sidebar ul > li.open > a > .arrow:before {
	content: "\f107";
}

.page-sidebar-menu li > a > .badge {
   float: right;
   margin-top: 1px;
   margin-right: 13px;
}

.page-sidebar-menu li > .sub-menu {
  display: none;
}

.page-sidebar-menu li.open > .sub-menu {
  display: block;
}

.page-sidebar-menu li > .sub-menu > li > a {
	padding-left:30px;	
}

.page-sidebar-menu li > .sub-menu > li > .sub-menu > li > a{
	padding-left:45px;	
}

.page-sidebar-menu li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a{
	padding-left:60px;	
}

/***
page history
***/
.page-sidebar-history {
	position:relative;
	*zoom:1;
	margin:10px 0;
}

.page-sidebar-history:before{
	content:"";
	position:absolute;
	left:27px;
	top:0;
	bottom:0;
	width:3px;
	background:#ccc;
}

.page-sidebar-history a{
	color:#fff !important;
}

.page-sidebar-history li {
	position:relative;
	*zoom:1;
}

.page-sidebar-history li > a {
	display:block;
	position:relative;
	padding:18px 5px 18px 50px;
	*zoom:1;
}

.page-sidebar-history li > a:hover,
.page-sidebar-history li.active > a {
	background:#090909;
	background:rgba(0,0,0,.8);
	filter:alpha(opacity=80);
}

/*.page-sidebar-history li > a > .timeline-dot {
	position:absolute;
	left:15px;
	top:16px;
	border:2px solid #ccc;
	background:#555;
	width:26px;
	height:26px;
	-webkit-border-radius:13px;
	border-radius:13px;
	line-height:1.5;
}
*/

.page-sidebar-history li .timeline-dot {
	position: absolute;
    left: 13px;
    top: 14px;
    background: rgba(66,139,202,.8);
    width: 30px;
    height: 30px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    line-height: 30px;
    text-align: center;
}

.page-sidebar-history li .timeline-dot i,
.page-sidebar-history li .timeline-dot img{
    position:relative;
    top:1px;
	margin:0;
	width:16px;
	height:16px;
	font-size:18px;
	z-index:10;
}
.page-sidebar-history li .timeline-dot img{
    top:-2px;
    width:25px;
    height:25px;    
}

.page-sidebar-history li .item-remove {
	position:absolute;
    right:5px;
    top:50%;
    padding:7px 10px;
	margin-top:-17px;
	-webkit-border-radius:50%;
	border-radius:50%;
    cursor:pointer;
	z-index:10;
}

.page-sidebar-history li .item-remove:hover{
	background-color: #090909;
	background-color: rgba(0, 0, 0, 0.8);
}

.page-sidebar-history li .item-remove i{
	margin-right:0;	
}

.desktop .page-sidebar-history li .item-remove{
 		visibility:hidden;
	}
.desktop .page-sidebar-history li:hover .item-remove {
	visibility:visible;
}

.sidebar-history-handle a {
	display:block;
	padding:12px 0;
	text-align:center;
}

.sidebar-history-handle a:hover {
	background:#090909;
	background:rgba(0,0,0,.8);
	text-decoration:none;
}

/***
Sidebar toggler(show/hide)
***/
.sidebar-toggler {
	position:absolute;
	top:50%;
	margin-top:-50px;
	width:30px;
	padding:6px 6px 6px 0;
    cursor: pointer; 
	overflow:hidden;
	z-index:5;
}

.sidebar-toggler .toggler-handle{
    position:relative;
	display:inline-block;
	width:56px;
	height:56px;
	overflow:hidden;
    background-color: #FBFBFB;
	color:#b7b7b7;
	margin-left:-32px;
	-webkit-border-radius:100%;
	border-radius:100%;
	-webkit-box-shadow:1px 0 3px rgba(0,0,0,.25);
	box-shadow:1px 0 3px rgba(0,0,0,.25);
}
.sidebar-left .sidebar-toggler:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:62px;
    height:68px;
    background-color:rgba(204,204,204,.3);
    -webkit-border-radius:100%;
	border-radius:100%
 }
.sidebar-toggler i.fa{
	position:absolute;
	right:3px;
	margin:0;
	width:18px;
	height:18px;
	top:50%;
	margin-top:-9px;
	line-height:18px;
    font-size:18px;
}
.ie8 .sidebar-left .sidebar-toggler{
    padding:0;   
}
.ie8 .sidebar-toggler .toggler-handle{
    width:62px;
    height:68px;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAABECAYAAADQkyaZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAB3pJREFUeNrkm91PU3cYx09P3wtU3i1ggU1DFjXKSBOGF2oMI9lLtsTs1mTJLhazay92v//BC2+27HYx27IFRUI2tsBIUBEVN6IMRF6k8iKFQktf9v0ef4f8rG1pgZae7kmenJpS6ofn+T3P8zvn+zPF43Eln3b79m0fLkH4GjwAX4VHc/29FiX/Vpfwb8Iuw5fgi+KPUBSgiVYmvBG+DvfDn8MXDA26trZmNplMisViiZvN5jhf0/galxLhTfB5+KzP55vd63cODw/nH3RhYcFOOFVV43a7PUZgq9UaczgcMR0cVz3F6/Cf9OA6DWC/oSI6NTVVSkjC2Wy2GGCjgIw6nU5eCRzFe3E94vhIA7wawE/5cQBv7OZ7TTkqNu/C34IfFuvPhur+Fd98+fLlwvr6uv/FixeT9+/fvzMxMfEMcJGSkpKIy+XSr9vgErAi1u4kYBeyTd39Am2Gn4W3wKvgauIPAPRLXre2tuR+FtvY2FgG9GO0nT8ePXr0pLS0NFxWVrYlPEJgwEdFSsdFwXoC2Kl8grbDz4mKaU33gylA5fcjiPazsbGxP/v6+gYAGS4vLw/Bt4H1NS367mM6gGO5BD0J/0CkpzmTD+wEKll0eXl5Gv+5HvjdQ4cOhSorK0O4biHakYToEnYcsNFcgH4Ob4Pbs/lQFqCvaKPR8Ozs7Oi1a9e+q6io2ISH4GECE1Zau4T9J11ks20v78A/g3vzUZ0BYfN6vb4rV6409Pf3/zgKwx9J5cgai8VMTGfxc8dEKo+n+31qht97Hv5FviBfG5vKyuo6Ozsvwbvm5uZKEGXX4uKiLRAIWCKRiAmRZ1YeQ9Sa9tpHP4a/D3cc1IyIIlTa1tb2IdpN6fXr13+SNyIishZE9ihgN1K1HjUDyK6DhJRS2X7ixIlzFy9e/BTtyOX3+x2rq6sW9GSzAOfo2AxYZ7YRPS8iaVcKxDBR2Y4fP342GAyu37x58xanK70CiwJ1WGz7/s40oiw8HxVCJJNFtrW1tfP06dOnEFknWpENGwVLKBRSxXptRFRrMgVldXUrBWpcsxcuXPhkZWXFAVA7Bg0rJiw9he3Jiqaaok96lQI3VuPLly9fAqhjaWnJzirM9Sqi2oCo1qcDPSmGAUMY+uzJ9vb2VkTUjuhqUWXLEW+nBf2gkIpPJkNFR0dHJ6ovQbWobm5u6mvVg6jWJgNtF7OroQxjoberq+s9QHKIkKNqEtvEN0DPZTqgF5KhvaiowB1YnxooWo8Zo6I+MdUgqi4ZtFlstQxp2Mo1YJg4ijZjAzDTVx4iqmTQszvtJwvZMEhYzpw504G0tSCi8jqlVcqgLYrBzePxvA1QKyPKdSrBVnBJquIeT5XRQV0uV3lLS0sDALXU5ZZOb7kcflRxI0tVjG8qdi6nMApyHNQqr7TLKVON2FLSpG8jIcPhsCrNvrRSVe41Rje3212FlNXSlnchpCnJpYocLgrDsF9CQDrTVkpdB0FtxQLKkRBwGqSUttug5mIB5ZQkIqlBSrBWVcnNY4kDY9VfMH3lYKvK/8QIGi8inrg0FspcUYJGi4YyHtdulsHjojjpsNqYFC4WUD7GIKT0bEa3TYIGigUU09A6U5YuIvsa6PNiAV1dXV20Wq18Yh4jrHjESAsS9N9iAZ2fn39KqYCQDMSk9F0j6F22nSLgjA0PD48CMEJYRlNK3QBB55RXQiZDWzAYXBkfH5+hHkIIPvTgaeo0fWAYL4K0nXA6nXxIHNGFHiJ1l/U+SutnrzFszsZikYGBgUEAasoWCZK2pEh3FibhT40KurKyMvPw4UNN0cKIMnXF+lzXl6U86/5uxCmJ09C9e/cGAajJdqhRoiBLRNTv8/mCiaBDRmw1VLD09PT8RbkOQbk+Rf+MyzNC4u6lmwOGkUa+wcHBXrfbTT1SiI/5pfU5Lz/mTwR9AL9jFNDp6ekHQ0NDI9QiUXglRZM2m7hNS7Rv+TsKHTIQCMxdvXr1e2qQKLhiNPl4X0RzJlH+mmrj/YPySgtQqMP7Wl9f38+Ioia0osiK0RSVNpQsUKlAKXb4lVN/Aa7L0MjISC8q7Wh1dfUG1WSUzkmz7dNk2t50t1J+g98qpOKEwSA8NjbWf+PGjV5C1tTUbMqSOVFlk6o+dxJU/SKuByqo0iNJSAqqABkkJKrttghSDAeTqYTLmSjHCMujG5TjuA9qTY6Ojt7q7u7uBaAWyaqqKvbNiBA/Uj32JJ1gOVPRI9OYYv68iR7l6qqLHuvq6jb0SEqQmsJzJ6FyNupOFqhvlF3KWHczDMgyVkCmk7E+3un37ebwAPvssJKlMDkbRlmY7PF4MhEmx3IBqk9Q9Iyl5hkM529Izevr6/dFar4XUHkjQG9Wdjg8kKpjJDs8cOTIkX09PLAfoIq0n50Ur5MeB5FuefhTHQdpbGzMyXEQDTQHpw3nhCc1FJev5QM+Xq93pwM++li3pwM+eT/J1NTUtJbBkS35rz+jGPHIVm1tbSjNIbzt2qTs4yG8AwFFsUl3u2b7WOVu1mFBgSYbfpQkB2V5VsXooHPKARx9/k+AAQB6mTCZogfD9AAAAABJRU5ErkJggg==);
	background-color:transparent !important;
	background-repeat: no-repeat;	
}
.ie8 .sidebar-toggler i.fa{
    right:7px;
 }
.ie8 .sidebar-left .sidebar-toggler .toggler-handle{
    background-position:4px 0;
}

.sidebar-left.sidebar-hint .sidebar-toggler i.fa { 
	color:#606060;
	-webkit-animation:animArrow 1s ease infinite;
	-moz-animation:animArrow 1s ease infinite;
	-ms-animation:animArrow 1s ease infinite;
	animation:animArrow 1s ease infinite;
}

.sidebar-right.sidebar-open{
	display:block;
}

.sidebar-left.sidebar-open .sidebar-toggler i.fa{
    right:4px;
    right:9px\0 !important;
}

.sidebar-left.sidebar-open .sidebar-toggler i.fa:before{
	content: "\f053";
}

.sidebar-left.sidebar-fixed .sidebar-toggler{
	display:none;	
}

.sidebar-left .sidebar-toggler{
    left:100%;
}

.sidebar-right .sidebar-toggler{
    right:100%;
    padding:0;
    margin-top:-9px;
    display:none;
}

.sidebar-right .sidebar-toggler .toggler-handle{
	margin-left:4px;
	background-color:#000;
	color:#fff;
	opacity: .6;
}

.sidebar-right .sidebar-toggler i.fa {
   left:11px;
   right:auto;
}

.sidebar-right.sidebar-open .sidebar-toggler{
    display:block;
}

.sidebar-right.sidebar-open .sidebar-toggler i.fa:before{
	content:"\f054";
}

@-webkit-keyframes animArrow 
{
    0%{
      right:3px;
      opacity:1;
   }
   80%{
      right:-18px;
      opacity:.1;
   }
   100%{
      right:-18px;
   }   
 }
 @-moz-keyframes animArrow 
{
    0%{
      right:3px;
      opacity:1;
   }
   80%{
      right:-18px;
      opacity:.1;
   }
   100%{
      right:-18px;
   }   
 }
 @-ms-keyframes animArrow 
{
    0%{
      right:3px;
      opacity:1;
   }
   80%{
      right:-18px;
      opacity:.1;
   }
   100%{
      right:-18px;
   }   
 }
 @keyframes animArrow 
{
    0%{
      right:3px;
      opacity:1;
   }
   80%{
      right:-18px;
      opacity:.1;
   }
   100%{
      right:-18px;
   }   
 }

/***
Page content
***/
.page-outer {
	position:relative;
	height:100%;
	padding:5px;
}

.page-content {
	position:absolute;
	left:0;
	right:0;
	top:40px;
	bottom:0;
	padding:5px;
}
.page-content .tab-content {
	height: 100%;
	position: relative;
}
.page-content .tab-pane {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
}

.page-content .nav>li>a{
    padding:4px 12px;   
 }

/***
Page title
***/

.page-title {
  padding: 0px;
  font-size: 30px;
  letter-spacing: -1px;
  display: block;
  color: #666;
  margin: 0px 0px 15px 0px;
  font-weight: 300;
}

.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-breadcrumb.breadcrumb {
  border-radius: 0px;
  padding-right: 27px;
  margin-bottom: 5px;
  background-color: #f5f5f5;
  min-height:36px;
}

.page-breadcrumb.breadcrumb > li > a, 
.page-breadcrumb.breadcrumb > li > i, 
.page-breadcrumb.breadcrumb > li > span {
  color: #333;
  font-size: 14px;
  text-shadow:none;
}

.page-breadcrumb.breadcrumb > li > i {
  color: #666;
} 

.page-breadcrumb.breadcrumb > li+li:before {
  display: none;
}

/* Dashboard breadcrumb Dropdown */
.page-breadcrumb.breadcrumb .btn-group {
  /*right: 15px;
  position: absolute;*/
  float:right;
  margin-top: -8px;
  margin-left:8px;
}

.page-breadcrumb.breadcrumb > .btn-group .btn {
  padding-top: 7px;
  padding-bottom: 7px;
}

/* Dashboard date range panel */
.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;
}

/* hack for chrome and safari */
@media all and (-webkit-min-device-pixel-ratio:0) {
  .page-breadcrumb.breadcrumb .dashboard-date-range  {
    padding: 5px;
  } 
}

.page-breadcrumb.breadcrumb .dashboard-date-range > span {
  font-size: 12px;
  font-weight: 300; 
  color: #fff;
  text-transform: uppercase;
} 

.page-breadcrumb.breadcrumb .dashboard-date-range > .fa-calendar {
  text-transform: none;
  color: #fff;
  margin-top: 0px;
  font-size: 14px;
}

.page-breadcrumb.breadcrumb .dashboard-date-range > .fa-angle-down {
  color:#fff;
  font-size: 16px;
}


/*fixed header*/
.page-header-fixed{
	padding-top:41px;	
}

.page-header-fixed.small{
	padding-top:36px;
}

.page-header-fixed.mega{
	padding-top:52px;
}

.page-header-fixed .tabbable-line,
.page-header-fixed .page-breadcrumb{
	position:fixed;
	top:0;
    left:0;
    right:0;
	background-color:#fff;
    z-index:200; 
}

.page-header-fixed .page-breadcrumb{
	padding-top:0;
	padding-bottom:0;
}

.page-header-fixed .page-breadcrumb > li {
	padding-top:8px;
	padding-bottom:8px;	
}

.page-header-fixed .page-breadcrumb .btn-group{
	margin-top:0;
	padding:0;
}

.page-header-fixed .tabbable-line .nav-tabs{
	margin-bottom:0;	
}

.page-header-fixed .page-nav-tabs,
.page-header-fixed .tabbable-line.small{
	top:-10px;
}

.page-nav-tabs .nav-tabs > li > a,
.tabbable-line.small .nav-tabs > li > a{
    padding-bottom:5px;    
}

.page-header-fixed .tabbable-line.mega .nav-tabs > li > a{
	padding-left:25px;
	padding-right:25px;
}

.nav-tabs.shadow{
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.12);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,.12);
	box-shadow:0 1px 2px rgba(0,0,0,.12);
}

/***
Footer
***/

.footer {
  padding: 8px 20px 5px 20px; 
  font-size: 12px;
}

.footer:after,
.footer:before {
  content: "";
  display: table;
  line-height: 0;
}

.footer:after {
  clear: both;
}

.footer .footer-inner {
  float: left;
  display: inline-block;
}

.footer .footer-tools {
  float: right;
  display: inline-block;
}

.footer .footer-tools .go-top { 
  display: block;
  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 {
  -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;
}

.wellindex {
  background-color: #fafafa;
  border: 1px solid #f0f0f0;
  min-height:500px;
  padding-top:20px;
  -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;        
}
.wellindex.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: 10px 2px 4px 10px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    text-align: center;
    z-index:10;
}

.input-icon.right input {
    padding-left: 12px !important;
    padding-right: 33px !important;
}

.input-icon.right i {
    right: 8px;
    float: right;
}

.form-field button{
    position: absolute;
    top:0;
    padding: 10px 10px 6px 10px;
    background:none;
    border:0;
    z-index:10;
}

.form-field button i {
    margin:0;
    position:static;
    -webkit-transition:color .4s ease;
    transition:color .4s ease;
}

.form-field button:hover i{
    color:#555;
}

.form-field.right button{
    right:0;
}

.form-field .form-control{
    background-color:#F9F9F9;   
}
 
.form-field .form-control:focus {
    background-color:#fff;   
}

.form-field .form-control::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
}
.form-field .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}
.form-field .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}
.form-field .form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
}

.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-bottom:10px;*/
}

.portlet > .portlet-title {  
  margin-bottom: 10px;
  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;
  min-height:28px;
  line-height: 26px;
  font-size: 16px;
  font-weight: 400;
  margin-right:20px;
}

.portlet > .portlet-title > .caption > i {
  float: left;
  margin-top: 7px;
  display: inline-block !important;
  font-size: 14px;
  margin-right: 5px;
  color: #666;
}

.portlet.blue > .portlet-title > .caption,
.portlet.green > .portlet-title > .caption, 
.portlet.yellow > .portlet-title > .caption,
.portlet.red > .portlet-title > .caption, 
.portlet.purple > .portlet-title > .caption, 
.portlet.grey > .portlet-title > .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;
}

.portlet > .portlet-title > .captiontools {
  float: left;
}

.portlet > .portlet-title > .captiontools > i {
  float: left;
  display: inline-block !important;
  font-size: 13px;
  margin-right: 5px;
  color: #666;
  
}

.portlet.blue > .portlet-title > .captiontools,
.portlet.green > .portlet-title > .captiontools, 
.portlet.yellow > .portlet-title > .captiontools,
.portlet.red > .portlet-title > .captiontools, 
.portlet.purple > .portlet-title > .captiontools, 
.portlet.grey > .portlet-title > .captiontools {
  color: #fff;
}

.portlet.box.blue > .portlet-title > .captiontools > i, 
.portlet.box.green > .portlet-title > .captiontools > i,
.portlet.box.grey > .portlet-title > .captiontools > i,
.portlet.box.yellow > .portlet-title > .captiontools > i, 
.portlet.box.red > .portlet-title > .captiontools > i,  
.portlet.box.purple > .portlet-title > .captiontools > i, 
.portlet.box.light-grey > .portlet-title > .captiontools > i{
  color: #fff;
}


.sortable .portlet > .portlet-title {
  cursor: move;
}

.portlet > .portlet-title > .tools,
.portlet > .portlet-title > .actions {
  float: right;
}

.portlet > .portlet-title > .tools > a,
.portlet > .portlet-title > .actions > a {
  display: inline-block;
  margin-left:5px;
  vertical-align:top;
}

.portlet-title > .captiontools > .mini-button,
.portlet-title > .captiontools > .btn,
.portlet-title > .captiontools > .btn-group > .mini-button,
.portlet-title > .captiontools > .btn-group > .btn,
.portlet-title > .captiontools > .uploadify > .btn,
.portlet-title > .actions > .mini-button,
.portlet-title > .actions > .btn,
.portlet-title > .actions > .btn-group > .btn,
.portlet-title > .actions > .btn-group > .mini-button,
.portlet-title > .tools > .mini-button,
.portlet-title > .tools > .btn,
.portlet-title > .tools > .btn-group > .btn,
.portlet-title > .tools > .btn-group > .mini-button{
    font-size:13px;
    padding-top:5px;
    padding-bottom:5px;
    border:0;
 }

.portlet > .portlet-title > .tools > .dropdown-menu i {
  color: #000;
}

.portlet > .portlet-title > .tools > a.remove,
.portlet > .portlet-title > .tools > a.config,
.portlet > .portlet-title > .tools > a.reload,
.portlet > .portlet-title > .tools > a.expand,
.portlet > .portlet-title > .tools > a.collapse{
	width:28px;
	height:28px;
	padding:0;
	background-position:50% 50%;
	background-repeat:no-repeat;
}

.portlet > .portlet-title > .tools > a.remove {
  background-image:url(../img/portlet-remove-icon.png);
}

.portlet > .portlet-title > .tools > a.config {
  background-image:url(../img/portlet-config-icon.png);
}

.portlet > .portlet-title > .tools > a.reload {
  background-image:url(../img/portlet-reload-icon.png);
}

.portlet > .portlet-title > .tools > a.collapse {
  background-image:url(../img/portlet-collapse-icon.png);
}

.portlet > .portlet-title > .tools > a.expand {
  background-image:url(../img/portlet-expand-icon.png);
}

.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.collapse,
.portlet.solid > .portlet-title > .tools > a.collapse {
  background-image:url(../img/portlet-collapse-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);
}


@media (max-width: 767px) { 
  .portlet > .portlet-title > .tools.btn-set > .btn-group,
  .portlet > .portlet-title > .tools.btn-set > .btn {
    margin-top: 0px;
    margin-bottom: 5px;
  }
}

.portlet > .portlet-body {
  clear: both;
}

.portlet > .portlet-empty {
  min-height: 125px; 
}

/*
.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;
}
*/


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

/***
Box portlet
***/
.row-grid > [class*="col-md-"]{
    padding-bottom:10px;
}

@media (max-width: 991px){
	.row > [class*="col-md-"]{
		margin-bottom:10px;	
	}
	.row > [class*="col-md-"]:last-child{
		margin-bottom:0px;	
	}
}

.portlet.box {
   padding:0px;
   background-color:#fff;
}

.row > .portlet{
    margin-bottom:0;
    margin-left:5px;
	margin-right:5px;
}

.portlet.box > .portlet-title {  
   padding:5px 10px;
   margin-bottom:0px;
}


/* portlet buttons */
.portlet.box > .portlet-body{
  padding: 5px;
}

.portlet-body .table:last-child{
  margin-bottom:0;
}

.portlet.box.blue > .portlet-title {
  background-color: #4b8df8;
} 

.portlet.box.blue {  
   border: 1px solid #b4cef8;
   border-top: 0;
}

.portlet.blue.box-border{
    border-top:1px solid #b4cef8; 
}

.portlet.box.red > .portlet-title {
  background-color: #e02222;
} 

.portlet.box.red {  
   border: 1px solid #ef8476;
   border-top: 0;
}

.portlet.red.box-border{
    border-top:1px solid #ef8476; 
}

.portlet.box.yellow > .portlet-title {
  background-color: #ffb848;
} 

.portlet.box.yellow {  
   border: 1px solid #fccb7e;
   border-top: 0;
}

.portlet.yellow.box-border{
    border-top:1px solid #fccb7e; 
}

.portlet.box.green > .portlet-title {
  background-color: #35aa47;
}

.portlet.box.green {  
   border: 1px solid #77e588;
   border-top: 0;
}

.portlet.green.box-border{
    border-top:1px solid #77e588; 
}

.portlet.box.purple > .portlet-title {
  background-color: #852b99;
} 

.portlet.box.purple {  
   border: 1px solid #af5cc1;
   border-top: 0;
}

.portlet.purple.box-border{
    border-top:1px solid #af5cc1; 
}

.portlet.box.grey > .portlet-title {
  background-color: #555555;
} 

.portlet.box.grey {  
   border: 1px solid #9d9c9c;
   border-top: 0;
}

.portlet.grey.box-border{
    border-top:1px solid #9d9c9c; 
}

.portlet.box.light-grey > .portlet-title {
  background-color: #aaa;
} 

.portlet.box.light-grey {  
   border: 1px solid #bbb;
   border-top: 0;
}

.portlet.light-grey.box-border{
    border-top:1px solid #bbb; 
}


.portlet.light {
  padding: 10px 15px;
  background-color: #fff;
}

.portlet.light.bordered {
  border: 1px solid #e1e1e1;
}

.portlet.light .actions {
	margin-top:7px;
	font-size:12px;   
}

.portlet.light.bg-inverse {
  background: #F7F7F7;
}

.portlet.light > .portlet-title {
  padding:0 0 5px;
}

.portlet.light > .portlet-title > .caption {
  color: #666;
}


/*  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;
}



/*search dropdown*/
.dropdown-search{
    min-width:400px;
    color:#333;
}
.dropdown-search .nav-tabs,
.dropdown-search .tab-content{ padding:10px 10px 0;}
.dropdown-search .tab-pane .form-actions{
    margin-left:-10px; 
    margin-right:-10px;
    border-radius:0 0 4px 4px;
}
.dropdown-search .tab-pane .form-actions .btn{
    margin-right:20px;    
}
.dropdown-search .nav-tabs > li > a{ max-width:120px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/***
Charts and statistics
***/
.chart, .pie, .bars {
  overflow: hidden;
  height: 300px;
}

/***
Statistic lists
***/
.item-list.table .percent {
  width: 30px;
  float: right;
  margin-right: 10px;
  margin-top: 3px;
}

/***
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: 15px 5px 0 0;
  border: 1px solid #ddd;
  padding: 12px 0px 0px 0px;
  background-color:#fafafa;
  background-image: none !important;
  display:inline-block;
  color: #646464 ;
  text-align: center;
  cursor: pointer;
  position: relative;  
  -webkit-transition: all 0.3s ease ;
  -moz-transition: all 0.3s ease ;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.icon-btn i {
  font-size: 18px;
}

.ie8 .icon-btn {
  filter: none !important;
} 

.icon-btn:hover {
  border-color: #999 !important;
  color: #444 !important;
  text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important;
}

.icon-btn div {
  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: #fff;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
}

.icon-btn:hover .badge {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.icon-btn.green {
  background-color: #35aa47;
  color: #FFF !important;
}

.icon-btn.green:hover {
  border-color: #555 !important;
  color: #555 !important;
  text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important;
}

.icon-btn.blue {
  background-color: #0198ab !important;
  color: #FFF !important;
}

.icon-btn.blue:hover {
  border-color: #555 !important;
  color: #555 !important;
  text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important;
}

.icon-btn.light-blue {
  background-color: #38B7EE !important;
  color: #FFF !important;
}

.icon-btn.light-blue:hover {
  border-color: #555 !important;
  color: #555 !important;
  text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important;
}

.icon-btn.purple {
  background-color: #852b99 !important;
  background-image: none !important;
  filter:none !important;
  color: #FFF !important;
}

.icon-btn.purple:hover {
  border-color: #555 !important;
  color: #555 !important;
  text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important;
}

.icon-btn.yellow {
  background-color: #FA9E0D !important;
  color: #FFF !important;
  text-shadow: none !important;
}

.icon-btn.yellow:hover {
  border-color: #555 !important;
  color: #555 !important;
  text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important;
}

/* extended dropdowns */
.dropdown-menu.extended {
  min-width: 160px;
  max-width: 300px;
  width: 233px;
  background-color: #ffffff;
  
}

.dropdown-menu.extended:before,
.dropdown-menu.extended:after {
  border-bottom-color: #ddd !important;
}

.dropdown-menu.extended li a{
	overflow:hidden;	
}

.dropdown-menu.extended li a:hover {
  background: #f5f5f5;
  color: #000;
  filter:none;
}

.dropdown-menu.extended li a:hover .sub-message{
	color:#fff;	
}

.dropdown-menu.extended li p{
  padding: 10px;
  background-color: #eee;
  margin: 0px;
  font-size: 14px;
  font-weight: 300;
  color: #000;
}

.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 {
  overflow:auto;
}

.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;
  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 {
  padding: 15px;
  margin-top:20px;
  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;
}

/***
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;
}

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

.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
***/
.nav-tabs > li > a > .badge,
.nav-pills > li > a > .badge {
  margin-top: -3px;
}

.nav-tabs > li > a,
.nav-pills > li > a {
  font-size: 14px;
}

.nav-tabs-sm > li > a,
.nav-pills-sm > li > a {
  font-size: 13px;
}

/***
Custom tabs
***/
/* In BS3.0.0 tabbable class was removed. We had to added it back */
.tabbable:before, .tabbable:after {
  content: " ";
  display: table;
}
.tabbable:after {
  clear: both;
}

.tabbable-custom {
  margin-bottom: 10px;
  padding: 0px;
  overflow: hidden
}
.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 #f3565d;
  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-justified > .tab-content {
  margin-top: -1px;
}
.tabbable-custom.boxless > .tab-content {
  padding: 15px 0;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.tabbable-custom.tabs-below.nav-justified .tab-content {
  margin-top: 0px;
  margin-bottom: -2px;
}
.tabbable-custom.tabbable-full-width > .nav-tabs > li > a {
  color: #424242;
  font-size: 15px;
  padding: 9px 15px;
}
.tabbable-custom.tabbable-full-width > .tab-content {
  padding: 15px 0;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.tabbable-custom.tabs-below .nav-tabs > li > a {
  border-top: none;
  border-bottom: 2px solid transparent;
  margin-top: -1px;
}
.tabbable-custom.tabs-below .nav-tabs > li.active {
  border-top: none;
  border-bottom: 3px solid #d12610;
  margin-bottom: 0;
  position: relative;
}
.tabbable-custom.tabs-below .nav-tabs > li.active > a {
  border-bottom: none;
}
.tabbable-custom.tabs-below .nav-tabs > li.active > a:hover {
  background: #fff;
  border-color: #d4d4d4 #d4d4d4 transparent;
}

.tabbable-line > .nav-tabs > li{
	margin-right: 2px;
	-webkit-transition:border-bottom-width .3s ease;
	-moz-transition:border-bottom-width .3s ease;
	transition:border-bottom-width .3s ease;
}

.tabbable-line > .nav-tabs > li > a:focus{
	background:none;	
}

.tabbable-line > .nav-tabs > li > a {
	border: 0;
	margin-right: 0;
	color: #737373;
}

.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fcbbcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #f3565d;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
}

.tabbable-line-mini > .nav-tabs > li > a{
	padding-top:5px;
	padding-bottom:5px;
}

.tabbable-line-mini > .nav-tabs {
	background-color: #FFF;
}

/*tabbable-responsive*/
.tabbable-responsive{ 
	position:relative;
	height:100%;
	margin-bottom:0 !important;
}
.tabbable-responsive > .nav-tabs{
	position:absolute;
	left:0;
	top:0;
	right:0;
}
.tabbable-responsive > .tab-content{
	height:100%;
	padding-top:49px;
}
.tabbable-responsive > .tab-content > .tab-pane{
	height:100%;	
}


/* 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 .nav-tabs > li > a {
  color:#424242;
  font-size:15px;
  padding:9px 15px;
}

.row-tabs-fit {
	height:100%;
}

.row-tabs-fit > [class*="col-md-"]{
	position:relative;
	height:100%;
	padding-top:44px;
}

.row-tabs-fit > [class*="col-md-"] > .nav-tabs{
	position:absolute;
	left:0;
	top:0;
	width:100%;
}

.row-tabs-fit > .tabs-left{
	padding-top:0 !important;
}

.row-tabs-fit > .tabs-left > .nav-tabs {
	position:static !important;
	width:auto !important;
}

.row-tabs-fit > [class*="col-md-"] > .tab-content,
.row-tabs-fit > [class*="col-md-"] > .tab-content > .tab-pane{
	height:100%;
}



/***
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;
  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;
  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;
}

/* reverse aligned tabs */

.tabs-reversed > li {
  float: right;
}

.tabs-reversed > li,
.tabs-reversed > li > a {
  margin-right: 0;
}

/***
Dashboard container
***/

#dashboard {
  overflow: hidden;
}

/***
Dashboard stats
***/
.dashboard-stat {
  margin-bottom: 25px;
}

.portlet .dashboard-stat:last-child {
  margin-bottom: 0;
}

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

.dashboard-stat .visual {
  font-size: 35px;
  line-height: 35px;
}

@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 {
  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;
}

/*widget-slider*/
.widget-slider .carousel-control {
    background: none;
    bottom: auto;
    color: #fff;
    line-height: 10px;
    padding: 0;
    text-shadow: none;
    top: -65px;
    width: auto;
    opacity: 0.75;
    border: 1px solid #fff;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.widget-slider .carousel-control:hover {
    opacity: 1;    
}

.widget-slider .carousel-control.left {
    left: auto;
    right: 25px;
    padding: 1px 10px 3px 8px;
}

.widget-slider .carousel-control.right {
    right: -5px;
    padding: 1px 8px 3px 10px;    
}

.widget-slider .carousel-control span {
    font-size: 18px;
    line-height: normal;
}

.widget-slider .media {
    padding-bottom: 0;
}

.widget-slider .carousel-indicators {
    bottom: auto;
    left: auto;
    right: 0;
    top: -58px;
    width: auto;
}


/**
widget-messaging
**/
.widget-messaging .new-msg {
    color: #fff;
    font-size: 18px;
    margin: 0;
    line-height: normal;
    opacity: 0.5;
}

.widget-messaging .new-msg:hover {
    opacity: 1;
}

.widget-messaging ul li:hover {
    background-color: #f7f7f7;
}

.widget-messaging .sender {
    color: #333;
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    margin: 0;
}

.widget-messaging ul li p {
    line-height: normal;
    margin: 0;
}

.widget-todo .panel-heading a {
    color: #fff;
}

.widget-todo ul > li input:checked + label {
    text-decoration: line-through;
}

/***
Text Stats
***/

.text-stat h3 {
  margin-top: 5px;
  margin-bottom: 0px;
  font-size: 18px;
}

.text-stat span {
  font-size: 12px;
  text-transform: uppercase;
}

@media (max-width: 767px) {  

  .text-stat {
    margin-top: 20px;
  }  

}

/***
Tiles(new in v1.1.1)
***/

.tiles {
  margin-right: -10px;
  overflow: hidden;
  width:100%;
}

.tiles:before,
.tiles:after {
  display: table;
  content: " ";
}

.tiles:after {
  clear: both;
}

.tile {
  display: inline-block;
  letter-spacing: 0.02em;
  float: right;
  height: 92px;
  width: 145px !important;
  cursor: pointer;
  color: #ffffff;
  position: relative;
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 0.02em;
  line-height: 20px;
  overflow: hidden;
  border: 4px solid transparent;
  
}

.tile:after,
.tile:before {
  content: "";
  float: right; 
}

.tile.double {
  width: 300px; !important;
}
.tile.margint {
  margin-top: 10px;
}
.tile.marginb {
  margin-bottom: 10px;
}

.tile.marginr {
  margin-right: 10px;
}
.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;
  position: relative;
  font-weight: 400;
  font-size: 12px;
  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: 10px;
  display: block;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  width: auto;
}


.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;
  color: #000000;
  color: #ffffff;
  line-height: 20px;
  overflow: hidden;
}

.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: 40px;
  margin-right: 15px;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
}

.tile .tile-object > .namedobule {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 5px;
  margin-left: 100px;
  margin-right: 15px;
  font-weight: 400;
  font-size: 14px;
  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;
  margin-bottom: 8px;
  margin-right: 10px;
}

.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**/
.theme-options {
	padding:15px 10px;
	font-size:0;
	white-space:nowrap;
}

.theme-options > .theme-option{
	position:relative;
	width:40px;
	height:40px;
	display:inline-block;
	margin:0 5px;
	border:solid 1px #999;
	cursor:pointer;
}

@media(max-width:480px){
	.theme-options > .theme-option{
		width:200px;
		margin:4px 0;
		display:block;	
	}
}

.theme-options > .theme-option:hover,
.theme-options > .theme-option.active{
	border:2px solid #707070;
}

.theme-options > .theme-option:hover .theme-icon{
	right:2px;
	bottom:2px;
}

.theme-options > .theme-option.theme-default{
	background-color:#428BCA;	
}

.theme-options > .theme-option.theme-blue{
	background-color:#428bca;	
}

.theme-options > .theme-option.theme-brown{
	background-color:#623f18;	
}

.theme-options > .theme-option.theme-grey{
	background-color:#666666;	
}

.theme-options > .theme-option.theme-light{
	background-color:#fafafa;	
}

.theme-options > .theme-option.theme-purple{
	background-color:#701584;	
}

.theme-options > .theme-option > .theme-icon{
	position:absolute;
	right:3px;
	bottom:3px;
	padding:3px;
	font-size:0.75rem;
	margin:0;
	background-color:#35aa47;
	color:#fff;
	-webkit-border-radius:20px;
	border-radius:20px;
	display:none;	
}

.theme-options > .theme-option.selected > .theme-icon{
	display:block;	
}

.theme-panel .theme-footer{
	background-color:#f5f5f5;
	padding:5px 15px;
}


/*panel-card*/
.panel-card {
	padding:10px 15px;
	background-color: #F9F9F9;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color:#777;
	border:1px solid #DDD;
	height:154px;
	overflow:hidden;
}
.card-heading {
	height:64px;
	overflow:hidden;
	border-bottom:1px solid #ddd;
}
.card-heading .card-icon{ 
	float:left;
	width:60px;
	height:60px;
	text-align:center;
	line-height:70px;
}
.card-heading .card-icon .fa {
	color: #428BCA;
	font-size: 36px;
	margin: 0;
}
.card-heading .md-title {
	opacity: 0.6;
	font-size: 12px;
	margin-bottom: 5px;
}
.card-footer {
	display:table;
	width:100%;
	margin-top:10px;
}
.card-footer .grid-cell{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.card-footer .grid-cell h4{
	font-size:16px;
}
.panel-card .progress{
	margin-bottom:0;
}
.panel-card .progress-bar{
	background-color:#D9534F;	
}
.panel-card .progress-bar > .progress-value{
	left:auto;
	right:0;
	bottom:100%;
	margin-top:-14px;
	margin-right:-10px;
}

/***
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: '';
}

/***
Mega Menu(new in v1.6)
***/

.mega-menu .nav,
.mega-menu .collapse,
.mega-menu .mega-menu-dropup,
.mega-menu .mega-menu-dropdown {
  position: static;
}
.mega-menu .container {
  position: relative;
}
.mega-menu .mega-menu-dropdown .dropdown-menu {
  left: auto;
  width: auto;
}
.mega-menu .nav.navbar-right .dropdown-menu {
  left: auto;
  right: 0;
}
.mega-menu .mega-menu-content {
  padding: 10px;
  margin: 0;
}
.mega-menu .mega-menu-full .dropdown-menu {
  left: 20px;
  right: 20px;
}

.mega-menu-responsive-content {
  padding: 10px 15px 10px 60px;
}

.page-boxed .mega-menu .mega-menu-dropdown .dropdown-menu {  
  top: 42px;
}

.page-boxed .mega-menu .mega-menu-dropdown.mega-menu-full .dropdown-menu {
  margin: 0;
  padding: 0;
  left: 18px;
  right: 18px;
}

.mega-menu .mega-menu-submenu {
  width: auto !important;
  padding: 0px 15px !important;
  margin: 0 !important;
}

.mega-menu .mega-menu-submenu:last-child {
  border-right: 0;
}

.mega-menu .mega-menu-submenu li > h3 {
  font-size: 14px;
  margin-top: 10px;
  padding-left: 5px;
}

.mega-menu .mega-menu-submenu li {
  padding: 2px !important;
  margin: 0 !important;
  list-style: none;
}

.mega-menu .mega-menu-submenu li > a {
  padding: 5px !important; 
  margin: 0 !important;
}

/***
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 10px; 
}

.header .hor-menu ul.nav li.current .selected,
.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;
}

/*drop-down*/
.header .hor-menu .dropdown-menu {
    margin-top: 0;
    border: none;
    box-shadow: none;
}

.header .hor-menu .classic-menu-dropdown .dropdown-submenu > .dropdown-menu {
  top: 0;
}

.header .hor-menu .classic-menu-dropdown .dropdown-submenu > a:after {
  top: 8px;
  margin-right: 0px;
} 

.header .hor-menu .classic-menu-dropdown .dropdown-menu li > a {
    padding: 7px 18px !important; 
    margin-bottom:1px;
}

.header .hor-menu .classic-menu-dropdown .dropdown-menu .arrow {
  display: none;
}

.header .hor-menu .classic-menu-dropdown .dropdown-menu li > a:hover,
.header .hor-menu .classic-menu-dropdown .dropdown-menu li:hover > a,
.header .hor-menu .classic-menu-dropdown .dropdown-menu li.active > a {
    filter:none !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 a.hor-menu-search-form-toggler-close {
  display: none;
}

.header .hor-menu .form-field {
  margin: 0;
  top:42px; 
  right:0px; 
  padding:0 4px; 
  display:none;
  z-index:999; 
  position:absolute; 
}

.header .hor-menu .form-field .btn {
  padding: 7px 20px; 
  height: 32px;
  width: 10px;
  display: inline-block;
}

.header .hor-menu .form-field .btn:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.header .hor-menu .form-field .form-control {
  background: none;
  width: 200px;
  border: none;
  margin-top: 6px;
}


/*progress*/
.progress {
  position:relative;
  height: 12px;
  background-color: #e9ecee;
  background-image: none;
  box-shadow: none;
  filter: none;
  overflow:visible;
}
.progress.no-radius {
  border-radius: 0px;
}
.progress.no-radius .progress-bar {
  border-radius: 0px;
}
.progress.transparent {
  background-color: rgba(0, 0, 0, 0.28);
}
.progress.progress-small {
  height: 4px;
}
.progress.progress-large {
  height: 20px;
}
.progress-bar {
  position:relative;
  box-shadow: none;
  border-radius: 3px;
  background-color: #0090D9;
  background-image: none;
  -webkit-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  filter: none;
}
.progress-bar > .progress-value{ 
	position:absolute;
	left:100%; 
	top:0; 
	margin-left:3px; 
	color:#333; 
	white-space:nowrap; 
	line-height:1;
}
.progress .progress-amout{
	position:absolute;
	right:0;
	bottom:100%;
	color:#333;
	white-space:nowrap;
	font-size:12px;
}
.progress .progress-amout{
	top:100%;
	bottom:auto;
}
.progress .progress-amout.pull-left{
	left:0;
	right:auto;
}
.progress-bar-success {
  background-color: #0aa699;
  background-image: none;
}
.progress-bar-info {
  background-color: #0090d9;
  background-image: none;
}
.progress-bar-warning {
  background-color: #fdd01c;
  background-image: none;
}
.progress-bar-danger {
  background-color: #f35958;
  background-image: none;
}
.progress-bar-white {
  background-color: #ffffff;
  background-image: none;
}
.progress-bar-black {
  background-color: #1b1e24;
  background-image: none;
}
.progress-info .bar,
.progress .bar-info {
  background-color: #1f3853;
  background-image: none;
}
.progress-warning .bar,
.progress .bar-warning {
  background-color: #fdd01c;
  background-image: none;
}
.progress-danger .bar,
.progress .bar-danger {
  background-color: #f35958;
  background-image: none;
}
.progress-white .bar,
.progress .bar-white {
  background-color: #ffffff;
  background-image: none;
}
.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #0090d9;
}
.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #1f3853;
}

/* workflow */
.workflow-list > li > a > .photo{
	float:left;
	margin-right:5px;
}

.workflow-list > li > a > .sub-message{
	display:block;
	font-size:12px;
	color:#888;
}

/***
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 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;
  -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;}
.social-icons .aboutme {background: url(../img/social/aboutme.png) no-repeat;}
.social-icons .flickr {background: url(../img/social/flickr.png) no-repeat;}
.social-icons .foursquare {background: url(../img/social/foursquare.png) no-repeat;}
.social-icons .gravatar {background: url(../img/social/gravatar.png) no-repeat;}
.social-icons .klout {background: url(../img/social/klout.png) no-repeat;}
.social-icons .myspace {background: url(../img/social/myspace.png) no-repeat;}
.social-icons .quora {background: url(../img/social/quora.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.aboutme {background: url(../img/social/aboutme.png) no-repeat;}
.social-icon.flickr {background: url(../img/social/flickr.png) no-repeat;}
.social-icon.foursquare {background: url(../img/social/foursquare.png) no-repeat;}
.social-icon.gravatar {background: url(../img/social/gravatar.png) no-repeat;}
.social-icon.klout {background: url(../img/social/klout.png) no-repeat;}
.social-icon.myspace {background: url(../img/social/myspace.png) no-repeat;}
.social-icon.quora {background: url(../img/social/quora.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 
****/

.static-info {
  margin-bottom: 10px;
}

.static-info .name {
  font-size: 14px;
}

.static-info .value {
  font-size: 14px;
  font-weight: 600;
}

.static-info.align-reverse .name,
.static-info.align-reverse .value {
  text-align: right;
}

input.placeholder,
textarea.placeholder {
  color: #aaa !important;
}

.help-block {
 margin-top: 5px;
 margin-bottom: 5px;
}

.form-inline input {
  margin-bottom: 0px !important;
}

.control-label {
  margin-top: 6px;
}

label[required]:before{
	content:"*";
	font-family:'宋体';
	color:#ff0000;
	font-weight:bold;
	font-size:13px;
	display:inline-block;
	vertical-align:middle;
	margin-right:3px;
}

.form-control-static {
  font-size: 14px;
  padding-top: 7px;
}

.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 {
  margin: 30px 0px 25px 0px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}

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

.form-horizontal .radio-list > label {
  margin-bottom: 0;
}

.form-horizontal .radio > span {
  margin-top: 2px;
}

/* Rows seperated form layout */
.form-row-seperated .form-group {
  margin: 0;
  border-bottom: 1px solid #efefef;
  padding: 10px 0px 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: 768px) {
  
  .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; }
  .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} 
 
  /* 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; }
  
}

/***
UI Loading
***/

.loading-message {
  display: inline-block;
  min-width: 125px;
  padding: 10px;
  margin: 0 auto;
  color: #000 !important;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
}

.loading-message span {
  line-height:20px;
  vertical-align: middle;
}

.loading-message.loading-message-boxed {
  border: 1px solid #ddd;
  background-color: #eee;  
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);  
}

.page-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 125px;
  margin-left: -50px;
  margin-top: -30px;
  padding: 7px;
  text-align: center;
  color: #333;
  font-size: 13px;
  border: 1px solid #ddd;
  background-color: #eee;  
  vertical-align: middle;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);  
}

.page-loading span {
  line-height:20px;
  vertical-align: middle;
}


/*Power.ui.dialog*/
.portal-dialog{
	width:95% !important;
	max-width:1400px;
	/*top:1.5% !important;*/
	z-index:20000;
}

.portal-dialog .modal-title{
	border-left:4px solid #ff0000;
	padding-left:5px;
	min-height:inherit;
}

@media (max-width: 768px){
	.responsive-dialog{
		width:auto !important;
		left:0px !important;
		right:0px !important;
		margin-left:0 !important;
	}
	.modal-content{
		margin-left:15px;
		margin-right:15px;
	}
}

.power-dialog{
	position:fixed;
	width:600px\0;
	width:auto;
	margin:0;
	z-index:999;
	display:none;
}

.power-dialog .modal-footer .btn{
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;    
}

.power-dialog .close,
.modal-pop .showDetail{
	position:absolute;
	top:15px;
	right:15px;
	z-index:50;
	font-family:Arial,sans-serif !important;
}

.modal-header,
.modal-body{
	padding:10px;	
}

.mobile .modal-body > iframe{
	max-height:400px;	
}

.modal-pop .close, 
.modal-pop .showDetail{
	top:10px;
	right:8px;
	opacity:.6;
	filter:alpha(opacity=60);
}
.modal-pop .showDetail{
	right: 20px;
	color: black;
	text-shadow: 0 1px 0 #fff;
}
.modal-pop .close:hover,
.modal-pop .close:focus,
.modal-pop .showDetail:hover,
.modal-pop .showDetail:focus{
	opacity:.8;
	filter:alpha(opacity=80);
}
.modal-pop.modal-mini .close{
	right:7px;
	top:2px;
}
.modal-pop.modal-mini .showDetail{
	right:18px;
	top:2px;
}
.modal-footer .btn i{
	margin-right:5px;
}
.modal-fullwidth .modal-content{
	margin-left:15px;
	margin-right:15px;
}
.modal-backdrop{
	z-index:900;
	display:none;
}
.modal-custom-position{ 
	position:absolute;
}
.modal-dialog.modal-fit {
	position:relative !important;
	display:inline-block !important;
	padding:10px;
	margin:0 !important;
}
.modal-pop.modal-fit{
	padding:3px;
}
.modal-alert,
.modal-pop,
.modal-info,
.modal-success,
.modal-error,
.modal-warning,
.modal-loading{
	z-index:4000;	
}

.modal-alert{
	min-width:260px;
	max-width:280px;	
}

.modal-alert .modal-header,
.modal-alert .modal-footer{
	padding:8px;	
}
.modal-alert .modal-footer{
	margin:0;
	background:#f9f9f9;
	border-radius: 0 0 6px 6px;
}
.modal-alert .modal-footer .btn{
	padding-top: 5px;
	padding-bottom:5px;
}
.modal-alert .close{
	top:10px;
	right:12px;
}
.modal-alert .modal-title{
	font-size:16px;	
}
.modal-icon {
	position:absolute;
	left:10px;
	top: 10px;
}
.modal-pop .modal-icon{
	top:50%;
	margin-top:-11px;
}
.modal-icon i.fa{
	font-size: 40px;
	margin:0;
}
.modal-alert .modal-icon i.fa{
	color:#77A8F3;
}
.modal-alert .modal-message,
.modal-pop .modal-message,
.modal-pop .modal-detail{
	word-wrap:break-word;
	word-break:break-all;
}
.modal-alert .modal-message{
	height:40px;
	padding-left:45px;
	display:table-cell;
	vertical-align:middle;
}
.modal-pop .modal-message,
.modal-pop .modal-detail{
	display:block;
	padding-left:24px;
	font-size:12px;
}
.modal-pop{
	width:auto !important;
	max-width:300px;
	min-width:100px;
}
.modal-pop.modal-has-detail{
	width:230px !important;
}
.modal-pop.modal-mini.modal-has-detail{
	width: 180px !important;
}
.modal-prompt h5 {
	margin-top:0;	
}
.modal-fullwidth{
	width:100% !important;
	max-width:100%;
}
.modal-pop .modal-content{
	border:0;
	border-radius:4px;
	-webkit-box-shadow:0 0 12px #999;
	box-shadow:0 0 12px #999;
	color:#fff;
}
.modal-pop .modal-body a{
	color:#fff;
}
.modal-pop.modal-has-close .modal-content{
	padding-right:15px;
}
.modal-pop.modal-has-detail .modal-content{
	padding-right: 30px;
}
.modal-pop .modal-body{
	padding-top:12px;
	padding-bottom:12px;
}
.modal-pop .modal-icon i.fa{
	font-size:22px;
	vertical-align:top;
}
.modal-info .modal-content{
	background-color:#2F96B4;	
}
.modal-success .modal-content{
	background-color:#51A351;	
}
.modal-warning .modal-content{
	background-color:#F89406;	
}
.modal-error .modal-content{
	background-color:#BD362F;
}
.modal-loading .modal-content{
	background-color:#2F96B4;
}
.fa-loading, .loading{
	width:24px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/ui-loader.gif) no-repeat 50% 50%;
	background-size:100% auto;
}

.slide {
	-webkit-transition: -webkit-transform .2s ease-out, opacity .2s ease-out;
	-o-transition: -o-transform .2s ease-out, opacity .2s ease-out;
	transition: transform .2s ease-out, opacity .2s ease-out;
	-webkit-transform: translate3d(0,-25%,0);
	-o-transform: translate3d(0,-25%,0);
	transform: translate3d(0,-25%,0);
	opacity:0;
}

.slide.in {
	-webkit-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity:1;
}

.zoom{
	-webkit-transition: -webkit-transform .2s ease-out, opacity .2s ease-out;
	-o-transition: -o-transform .2s ease-out, opacity .2s ease-out;
	transition: transform .2s ease-out, opacity .2s ease-out;
	-webkit-transform: scale(.9);
	-o-transform: scale(.9);
	transform: scale(.9);
 	opacity:0;
}
.zoom.in{
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
 	opacity:1;
}

.pop{
	-webkit-transition: margin-top .2s ease-out;
	-o-transition: margin-top .2s ease-out;
	transition: margin-top .2s ease-out;
	margin-top:-44px !important;
	top:0 !important;
}

.pop.in{
	margin-top:0 !important;
}

.ie-pop{
	top:0 !important;	
}

.modal-dialog.pop .modal-content,
.modal-dialog.ie-pop .modal-content{
	border-top-left-radius:0;
	border-top-right-radius: 0;
}

.modal-mini .modal-content{
	border-radius: 0px;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
	box-shadow: 0 0 6px rgba(0, 0, 0, .2);
}
.modal-mini .modal-body{
	padding:3px 8px;
}
.modal-mini .modal-icon{
	margin-top:-7px;
	left:8px;
}
.modal-mini .modal-icon i.fa{
	font-size:14px;	
}
.modal-mini .modal-message,
.modal-mini .modal-detail{
	font-size:12px;
	padding-left:18px;
}
.modal-mini .fa-loading,
.modal-mini .loading{
	width:14px;
	height:14px;
	background-image:url(../img/ui-loader-mini.gif)\0;
}

/*Power.menu*/
.powerui-menu{
	display:none;	
}
.power-menu {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	min-width: 160px;
	_width:160px;
	padding: 5px 0;
	font-size: 14px;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.power-menu-body {
	margin:0;
	padding:0;
	list-style:none;
}
.power-menu-item {
	position:relative;
	display: block;
	padding: 3px 20px;
	_zoom:1;
	margin:0;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
	cursor:pointer;
	z-index:10;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
}
.power-menu-item:hover,
.power-menu-item:focus,
.power-menu-item.focus{
	color: #262626;
	background-color: #f5f5f5;
	z-index:20;
}
.power-menu .menu-item-disabled{
	background:none !important;
	color:#999 !important;
	opacity:.7;
	filter:alpha(opacity=70);
	cursor:default;
}
.power-menu-complex .menu-item-text,
.power-menu-complex.power-menu-strip .menu-item-text{
	padding-left:22px;
}
.power-menu-strip .menu-item-text{
	padding-left:12px;
}
.power-menu-item .menu-item-icon,
.power-menu-item .menu-item-arrow{
	position:absolute;
	width:16px;
	height:16px;
	top:50%;
	text-align:center;
	margin-top:-8px;
}
.power-menu-item .menu-item-icon{
	left:10px;
}
.power-menu-item .menu-item-arrow{
	right:10px;
}
.power-menu-item i.fa {
	width:auto;
	margin:0;
	font-size:14px;
	line-height:16px;
}
.power-menu-divider {
	height: 1px;
	font-size:0;
	overflow:hidden;
	margin:5px 0;
	background-color: #e5e5e5;
}
.power-menu-complex .power-menu-divider{
	margin-left:32px;
}
.power-menu-line {
	position:absolute;
	left:32px;
	top:0;
	bottom:0;
	border-left:1px solid #ddd;
	*height:expression(eval(this.parentNode.parentNode.offsetHeight)-2)
}

.power-quickmenu {
	min-width:48px;
	padding:0;
	overflow:hidden;
}
.power-quickmenu .power-menu-body{
	position:relative;
	margin-right:-1px;
}
.power-quickmenu .power-menu-item {
	display:inline-block;
	padding:8px 15px;
	width:48px;
	clear:none;
	border:1px solid #ddd;
	border-width:0 1px 1px 0;
	font-size:12px;
	text-align:center;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	transition:all .4s ease;
}
.power-quickmenu .power-menu-item .menu-item-icon{
	position:static;
}
.power-quickmenu .power-menu-item .menu-item-icon i.fa{
	font-size:18px;
	line-height:18px;
	color:#777;
}
.power-quickmenu .power-menu-item .menu-item-text{
	display:none;	
}
.power-quickmenu-showText .power-menu-item .menu-item-text{
	display:block;
	margin:3px 0 0 -2px;
	padding:0;
	text-align:center;
}

.uiform-checkbox { position:relative; width:16px; height:16px; display:inline-block; overflow:hidden; margin-right:5px; vertical-align:middle;}
.uiform-label { display:inline-block; width:16px; height:16px; background:#fff; border:1px solid #d3cfc8; margin:0; vertical-align:top;}
.uiform-label:hover { border-color:#35AA47;}
.uiform-checkbox input { position:absolute; left:-9999px;}
.uiform-checkbox.checked .uiform-label{ border-color:#35AA47; background:#35AA47 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJRJREFUeNpi/P//PwMRgAeIa4D4KQNIAwEsCsSzgfgfEK+ECajhUCwPxNv/Q8AyIJYCCbYD8TkgDkBTrAnER6CKZwAxP9j5QCIfiH8A8WsgDocqNgTia1DFjUDMATMIRLACcRQQvwLi50DcA8RnoIpLgZgN2WZkJ3gB8Q2owpdAnADEjOj+QvekKxBvBuJYXKEGEGAAn8kX2N1YaXMAAAAASUVORK5CYII=) no-repeat 50% 50%;}
.uiform-checkbox.disabled .uiform-label {
	background-color:#ddd; border-color:#ddd;	
}

.form-placeholder { position:relative; overflow:hidden;}
.control-placeholder { position:absolute; left:1px; top:50%; margin-top:-11px; height:22px; line-height:22px; font-size:14px; color:#999 !important; cursor:text !important;}

.power-loading {
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-35px;
	margin-top:-35px;
	padding:10px;
	background-color:#428BCA;
	background-color:rgba(66, 139, 202, .8);
	-webkit-border-radius:50%;
	border-radius:50%;
	z-index:2000;
	display:none;
}
.power-loading .loading-spinner{
    position:relative;
	display:block;
	width:50px;
	height:50px;
	background-color:#2E5F8A;
	background-color:rgba(46,95,138,.7);
	-webkit-border-radius:50%;
	border-radius:50%;
}
.power-loading .loading-spinner:before,
.power-loading .loading-spinner-forie {
	position:absolute;
	left:-5px;
	top:-5px;
	right:-5px;
	bottom:-5px;
}
.power-loading .loading-spinner:before{
	content:"";
	background:url(../img/loading-tracker.png) no-repeat;
	background-size:cover;
	-webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;

}
.power-loading .loading-spinner-forie{
	background:url(../img/loading-tracker-sprite.png) no-repeat;
}
.power-loading .loading-spinner:after,
.power-loading .loading-spinner span{
	content:"";
	position:absolute;
	left:5px;
	top:5px;
	right:5px;
	bottom:5px;
	background:url(../img/pms_logo.png) no-repeat 50% 50%;
	background-size:cover;
	z-index:100;
}
.ie8 .power-loading .loading-spinner:before,
.ie8 .power-loading .loading-spinner:after,
.ie9 .power-loading .loading-spinner:before{
	content:inherit;
}

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


/*地图相关*/
.map-container { 
	position:relative; 
	width:100%; 
	min-height:450px; 
	overflow:hidden; 
	background-color:#f9f9f9;
}

.map-container .map-loader { 
	position:absolute; 
	top:50%; 
	left:0; 
	margin-top:-0.5em; 
	width:100%; 
	text-align:center;
}

.map-container .map-loader:before { 
	content:""; 
	display:inline-block; 
	width:18px;
	height:24px; 
	vertical-align:middle; 
	margin-right:5px; 
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYCAYAAAD3Va0xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAiBJREFUeNqMlFFERFEQhm93ExFLxBIlokhE2aeIzaaHRNRLvUTZ9BApRSJKlFLKplj7kCJRSililSKliEix9BRLRERELP2z/rOm6141fK5z7jn/zJmZc3JC87eWh4VBBagGn+AJJMCL2+JcxzgP9IBJUOTh4AKMglsvIdm4Axo4vgbH4I1jiayd/6/AIFhxCuWDUy6WjX1g3yWaMbAAIiDKuYyYzUGUIhJulYeIxVyJkw6QBkugxgiJQDcXdaij+JmrA7Cqjiy2C6aAD8wYoU5OLKqKiPgjmADFoA2cgzklJuvfWd2ACDUrL8biFK8EdaAUrIEREFLHPOG6sAiV8bxPXCARBOkxyblvVukLtCqHD2aPzd75pphYAb+vjkTLmg/mTs9l+k+EUiy/acBnzkUYtjHpoQAb0lLRi6VE6F5dCYuRDYB6cAPGwQbYBpdgUwkFzRFF6IwDfXbpo0bmZJKlXwZNKgVldCaVu5PO3mJZ2xhqigvPlBM36+dX9qdtJnCdSR+3/meFzGGakWavyCz7ImJa/g+bZvW2WJyskBxnnlWKMzova6DDT15iSwuZqO5ALT26mZ8VFIfDKp+/hKS5ulipIXUVtMnlLQGHIKZ/2I6FSV4FH/umxFGlTr4OvU4PtovXGJMonX7EKxPim5Vm1G9/vdnGxGM5O3ePXx87PuG2wfYQkjy1MJlhJnlNv9H/jchi+E3s+qQutZv9CDAAGdJ9F7BTmkkAAAAASUVORK5CYII=) no-repeat;
}

.vector-map {
	position:relative;
	width:100%;
	height:100%;
	min-width:340px;
	margin-left:-35px;
	min-height:450px;
	overflow:hidden;
}

.mobile .vector-map{
	margin-left:-10px;	
}

.vectorMap-legend {
	position:absolute;
	bottom:20px;
	right:20px;
	background: #000;
	padding:5px;
	font-size: 12px;
	color: #fff;	
	text-align: left;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.vectorMap-legend td{
	padding:1px;
	border:2px solid #000;
}

.mobile .vectorMap-legend{
	display:none;
}

.vectorMap-loader{
	position:absolute;
	left:80px;
	width:100%;
	top:50%;
	margin-top:-17px;
	text-align:center;
}

.mobile .vectorMap-loader{
	left:10px;
}

.vectorMap-loader span{
	display:inline-block;
	margin-right:5px;
	vertical-align:middle;	
}

/*field-panel*/
.field-panel{ 
	background-color:#F5F5F5; 
	border:1px solid #E5E5E5;
	padding:8px;
	margin-bottom:5px;
}

.field-panel .label{
	color:#333;
	font-weight:normal;
}

.field-panel .panel-item .label,
.field-panel .panel-item .bs-select{
	vertical-align:middle;
	margin-bottom:0 !important;
}

.field-panel > .panel-legend{
	float:left;
	padding-right:25px;
	margin-right:20px;
	border-right:1px solid  #e5e5e5;
}

.field-panel .panel-item{
	float:left;
	margin-right:10px;
}


.field-panel > .panel-legend:last-child{
	border-right:0;	
}

.field-panel > .panel-legend .badge{
	height:20px;
	background:none;
	font-style:normal;
	margin-right:3px;
	border:1px solid #E02222;
	color:#E02222;
}

.field-panel > .panel-legend > .checkbox-inline{
	margin-left:0;
	margin-right:10px;
	font-size:12px;
}

.field-panel > .panel-legend > .checkbox-inline input{
	margin-left:-16px;
	margin-top:2px;
}

.field-panel .panel-item > .checkbox-inline{
	margin-top:6px;
}

.page-container.powerform{
    height:100%;
    top:0px;
}
.modal-pop {
  padding-top:100px; 
 
}
 .header-more-hide {
            position: fixed;
            top: 0;
            right:48%;
            display: none;
        }

            .header-more-hide a {
                line-height:56px;
                color: #fff;
                display: block;
            }

            .header-more-hide:hover ul {
                display: block;
            }

            .header-more-hide ul {
                display: none;
            }

                .header-more-hide ul li {
                    line-height: 35px;
                    background-color: #428bca;
                }

                    .header-more-hide ul li a {
                        padding: 0 10px;
                    }

        @media screen and (max-width: 1230px) {
            #header-nav {
                width:35%;
                overflow: hidden;
                height:58px;
            }

            .header-more-hide {
                display: block !important;
            }
        }