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

 GENERAL RESET & SETUP 

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



/***

Import fonts

***/

@import url(../image/css);



/***

Reset and overrides  

***/

/* general body settings */

body { 

  color: #000; 

  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial;

  padding: 0px !important;

  margin: 0px !important;

  font-size:13px; 

  direction: ltr;

}



/***

General typography 

***/

h3 small, h4 small, h5 small {

  color: #444;

}



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

  font-weight: 300;

}



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

  padding-bottom: 10px;

}



a {

  text-shadow: none !important;

  color: #0d638f;

}



.page-content{
	background:#f2f2f2
}

/***

General backgrounds

***/

.bg-blue {

  background-image: none !important;

  background-color: #4b8df8 !important;

}



.bg-red {

  background-image: none !important;

  background-color: #e02222 !important;

}



.bg-yellow {

  background-image: none !important;

  background-color: #ffb848 !important;

}



.bg-green {

  background-image: none !important;

  background-color: #35aa47 !important;

}



.bg-purple {

  background-image: none !important;

  background-color: #852b99 !important;

}



.bg-grey {

  background-image: none !important;

  background-color: #555555 !important;

}



/***

Apply fix for font awesome icons.

***/

[class^="icon-"], 

[class*=" icon-"],

[class^="icon-"]:hover, 

[class*=" icon-"]:hover { 

  background: none !important;

}



/***

Make font awesome icons fixed width(latest version issue)

***/

li [class^="icon-"],

li [class*=" icon-"] {

  display: inline-block;

  width: 1.25em;

  text-align: center;

}

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

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

  /* increased font size for icon-large */

  width: 1.5625em;

}



/***

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

***/

.close {

  display: inline-block;

  margin-top: 0px;

  margin-right: 0px;

  width: 9px;

  height: 9px;

  background-repeat: no-repeat !important;

  background-image: url("../image/remove-icon-small.png") !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;

}



/***

Fix link outlines after click

***/

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

  outline: 0;

}



/***

IE8 fix for form input height in fluid rows

***/

.ie8 .row-fluid [class*="span"] {

    min-height: 20px !important;

}



/***

Fix grid offset used for reponsive layout handling(refer app.js=>handleResponsive)

***/

.fix-offset {

  margin-left: 0px !important;

}



/***

Misc tools

***/

.visible-ie8 {

  display: none

}



.no-padding {

  padding: 0px !important;

}



.no-margin {

  margin: 0px !important;

}



.no-bottom-space {

  padding-bottom:0px !important;

  margin-bottom: 0px !important;

}



.no-top-space {

  padding-top:0px !important;

  margin-top: 0px !important;

}



.space5 {

  display: block;

  height: 5px !important;

  clear: both;

}



.space7 {

  height: 7px !important;

  clear: both;

}



.space10 {

  height: 10px !important;

  clear: both;

}



.space12 {

  height: 12px !important;

  clear: both;

}



.space15 {

  height: 15px !important;

  clear: both;

}



.space20 {

  height: 20px !important;

  clear: both;

}



.no-space {

  margin: 0px !important;

  padding: 0px !important;

}



.no-text-shadow {

  text-shadow: none !important;

}



.no-left-padding {

  padding-left: 0 !important;

}



.no-left-margin {

  margin-left: 0 !important;

}



.margin-bottom-10 {

  margin-bottom: 10px !important;

}



.margin-top-10 {

  margin-top: 10px !important;

}



.margin-bottom-15 {

  margin-bottom: 15px !important;

}



.margin-bottom-20 {

  margin-bottom: 20px !important;

}



.margin-top-20 {

  margin-top: 20px !important;

}



.margin-bottom-25 {

  margin-bottom: 25px !important;

}



.hide {

  display: none;

}



.bold {

  font-weight:600 !important;

}



.fix-margin {

  margin-left: 0px !important

}



.border {

  border: 1px solid #ddd

}



.inline {

  display: inline;

}



hr {

  margin: 20px 0;

  border: 0;

  border-top: 1px solid #E0DFDF;

  border-bottom: 1px solid #FEFEFE;

}



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

 GENERAL LAYOUT 

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



/***

Header and header elements.

***/



.border {

  border: 1px solid red;

}



.header {

  padding: 0 !important;

  margin: 0 !important;

}



.header.navbar-fixed-top {

  z-index: 9995 !important;

}



.header .brand {

  display: inline-block;

  margin-top: -1px;

  margin-right: 0;

  padding-left: 0;

  padding-right: 0;

  width: 225px;

}



.header .brand img {

  margin-left: 20px;

}



.header .btn-navbar {

  margin-bottom: 0px;

  padding-right: 0px;

  padding-top:10px;

  padding-bottom: 6px; 

  background-image: none;

  filter:none;

  box-shadow: none;

  color: #fff;

  border: 0;

}



.header .btn-navbar:hover {

  text-decoration: none;

}



.header .navbar-inner {

  width: 100%;

  margin-left: 0 0 0 110px;

  border: 0px;

  padding: 0px; 

  box-shadow: none;

  height: 42px; 

}



.header .nav {

  display: block; 

}



.header .nav > li {

  margin: 0px;

  padding: 0px;

}



.header .nav > li.dropdown, 

.header .nav > li.dropdown > a {

  padding-left: 4px; 

  padding-right: 4px;

}



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

  padding-right: 0;

}



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

   padding-right: 2px;

}



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

  margin: 0px;

  padding: 15px 10px 7px 10px;

}



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

  font-size: 18px;

}



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

  padding: 6px 4px 7px 9px;

}



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

  text-decoration: none;

}



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

  color: #ddd;

}



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

  display: inline-block;

  margin-top: 5px;

  margin: 0;

  font-size: 16px;

}



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

  width: 15px;

  display: inline-block;

}



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

  position: absolute;

  font-size: 11px !important;

  font-weight: 300;

  top: 8px;

  right: 24px;

  text-align: center;

  height: 14px;

  background-color: #e02222;

  padding: 2px 6px 2px 6px;

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

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

          border-radius: 12px !important;

  text-shadow:none !important;

}



/* firefox hack for top bar badges */

@-moz-document url-prefix() { 

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

    padding: 1px 6px 3px 6px;

  }

}



.header .nav .dropdown-menu {

  margin-top: 3px;

}



/***

Page container

***/

.page-container {

  margin: 0px;

  padding: 0px;

}



.page-header-fixed .page-container {

  margin-top: 42px;  

}



/***

Page sidebar

***/



/* ie8 fixes */

.ie8 .page-sidebar {

  position: absolute;

  width: 225px;

}



ul.page-sidebar-menu {

  list-style: none;

  margin: 0;

  padding: 0;

  margin: 0;

  padding: 0; 

}



ul.page-sidebar-menu > li {

  display: block;

  margin: 0;

  padding: 0; 

  border: 0px;

}



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

   border-top-color: transparent !important;

}



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

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

   border-bottom-color: transparent !important;

}



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

  display: block;

  position: relative;

  margin: 0;

  border: 0px;

  padding: 10px 15px;

  text-decoration: none;

  font-size: 14px;

  font-weight: 300;

}



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

  -webkit-transition: all 0.2s ease;

     -moz-transition: all 0.2s ease;

       -o-transition: all 0.2s ease;

          transition: all 0.2s ease;

}



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

  font-size: 16px;

  margin-right: 5px;

  text-shadow:none; 

}



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

  margin-bottom: 20px;

}



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

  border: none; 

  text-shadow:none;

}  



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

  display: block;

  width: 8px;

  height: 25px;

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

  float: right;

  position: absolute;

  right:0px;

  top:8px;

}



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

   float: right;

   margin-top: 1px;

   margin-right: 5px;

   display: inline;

   font-size: 16px;

   font-family: FontAwesome;

   height: auto;

   content: "\f0d9";

   font-weight: 300;

   text-shadow:none;

}



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

   float: right;

   margin-top: 1px;

   margin-right: 3px;

   display: inline;

   font-family: FontAwesome;

   height: auto;

   font-size: 16px;

   content: "\f0d7";

   font-weight: 300;

   text-shadow:none;

}



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

  display: none;

  list-style: none;

  clear: both;

  margin: 8px 0px 8px 0px;

}



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

  display: block;

}



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

  background: none;

  margin: 0px;

  padding: 0px;

  margin-top: 1px !important;

}



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

  display: block;

  margin: 0px 0px 0px 0px;

  padding: 5px 0px;

  padding-left: 44px !important;

  text-decoration: none;

  font-size: 14px;

  font-weight: 300;

  background: none;

}



/* 3rd level sub menu */

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

  display: none;

  list-style: none;

  clear: both;

  margin: 0px 0px 0px 0px;

}



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

   float: right;

   margin-top: 1px;

   margin-right: 20px;

   display: inline;

   font-size: 16px;

   font-family: FontAwesome;

   height: auto;

   content: "\f104";

   font-weight: 300;

   text-shadow:none;

}



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

   float: right;

   margin-top: 1px;

   margin-right: 18px;

   display: inline;

   font-family: FontAwesome;

   height: auto;

   font-size: 16px;

   content: "\f107";

   font-weight: 300;

   text-shadow:none;

}



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

  display: block;

}



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

  background: none;

  margin: 0px;

  padding: 0px;

  margin-top: 1px !important;

}



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

  display: block;

  margin: 0px 0px 0px 0px;

  padding: 5px 0px;

  text-decoration: none;

  font-size: 14px;

  font-weight: 300;

  background: none;

}



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

  padding-left: 60px;

}



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

  padding-left: 80px;

}



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

  display: block;

}





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

  font-size: 13px;

}



/* sidebar search */



.page-sidebar .sidebar-search {

  margin: 8px 20px 20px 20px;

}



.page-sidebar .sidebar-search .submit {  

  display: block;

  float: right;

  margin-top: 8px;

  width: 13px;

  height: 13px;

  background-image: url(../image/search-icon.png);

  background-repeat: no-repeat;

}

 

.page-sidebar .sidebar-search input {

  margin: 0px;

  width: 165px;

  border: 0px; 

  padding-left: 0px;

  padding-right: 0px;

  padding-bottom: 0px;

  font-size: 14px ;

  box-shadow: none;

}



.page-sidebar .sidebar-search .input-box {

   padding-bottom: 2px;

}



/***

Sidebar toggler(show/hide)

***/



.page-sidebar .sidebar-toggler {

  cursor: pointer; 

  opacity: 0.5;

  filter: alpha(opacity=50);

  margin-top: 15px;

  margin-left: 175px;

  width: 29px;

  height: 29px;

  background-repeat: no-repeat;

}



.sidebar-toggler:hover { 

  filter: alpha(opacity=100);

  opacity: 1;

}



.page-sidebar-closed .sidebar-toggler {  

  margin-left: 3px;

}



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

  height: 34px;    

  width: 29px;

  margin-left: 3px;  

  margin-bottom: 15px !important;

}



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

  display: none;

}



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

  margin: 11px 7px !important;

  display: block !important;

}



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

  border-bottom: 0 !important;

}



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

  height: 34px;    

  width: 255px;

  overflow: hidden;

}



.page-sidebar-closed .page-sidebar .sidebar-search.open input {  

  margin-top: 3px;

  padding-left: 10px;

  padding-bottom: 2px;

  width: 180px;

  display: inline-block !important;

}



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

  display: inline-block;

  width: 13px;

  height: 13px;

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

}



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

  background-repeat: no-repeat;

  width: 11px;

  height: 11px;

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

  display: inline-block !important;

  float: left !important;

}



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

  right: -3px !important;

}



.page-sidebar-closed ul.page-sidebar-menu > li > a > .title,

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

  display: none !important;

}



.page-sidebar-closed .sidebar-toggler {

  margin-right: 3px;

}



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

  margin-top: 6px;

  margin-bottom: 6px;

}



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

  width: 35px !important;

}



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

  padding-left: 7px;

}



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

  -webkit-transition: all 0.2s ease;

     -moz-transition: all 0.2s ease;

       -o-transition: all 0.2s ease;

          transition: all 0.2s ease;

}



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

  width: 225px !important;

  position: relative !important;

  z-index: 2000;

  display: block !important;

}



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

  display: none;

}



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

  margin-right: 10px;

}



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

  display: inline !important;

}



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

  display: none !important;

}



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

  width: 189px;

  position: absolute;

  z-index: 2000;

  left: 36px;

  margin-top: 0;

  top: 100%;

  display: block !important;

}



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

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

  width: 189px;

}



/* 2rd level sub menu*/

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

  padding-left: 15px !important;

}



/* 3rd level sub menu*/

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

  padding-left: 30px !important;

}



/* 4rd level sub menu*/

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

  padding-left: 45px !important;

}



/* sidebar container */

 

.page-sidebar-closed  .page-sidebar {

  width: 35px;

}



.page-sidebar-closed  .page-content {

  margin-left: 35px !important;

}





/***

Page content

***/

.page-content {  

  margin-top: 0px;   

  padding: 0px;

  background-color: #f2f2f2; 

}



.ie8 .page-content { 

    margin-left: 225px; 

    margin-top: 0px;

    min-height: 760px;

}



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

    min-height: 600px; 

}



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

    min-height: auto;

  }



.page-full-width .page-content {

    margin-left: 0px !important;

}





/***

Page title

***/

.page-title {

  padding: 0px;

  font-size: 30px;

  letter-spacing: -1px;

  display: block;

  color: #2f4052;

  margin: 20px 0px 15px 0px;

  font-weight: bold;

  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial;

}
 /*定位*/
    .breadcrumb{
    	background-color:#818d9b !important;
      	color:#FFFFFF
    }
    .breadcrumb a,.breadcrumb i,.breadcrumb li{
    	color:#FFFFFF !important
    }



.page-title small {

  font-size: 14px;

  letter-spacing: 0px;

  font-weight: 300;

  color: #888;

}



/***

Page breadcrumb

***/

.page-content .breadcrumb {

  -webkit-border-radius: 0px;

     -moz-border-radius: 0px;

          border-radius: 0px;

  box-shadow: none;

  padding-right: 0px;

  padding-left: 8px;

  //margin-bottom: 25px;

  border:0px !important;  

  background-color: #eee;

}



.page-content .breadcrumb a, 

.page-content .breadcrumb i, 

.page-content .breadcrumb span {

  color: #333;

  font-size: 14px;

  text-shadow:none;

}



.page-content .breadcrumb i {

  color: #666;

}



/***

Dashboard date range panel

***/

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

  display: none;

  padding-top: -1px;

  margin-right: 0px;

  margin-top: -8px;

  padding: 8px;

  padding-bottom: 7px;

  cursor: pointer;

  color: #fff;

  background-color: #e02222;

}



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

  font-size: 12px;

  font-weight: 300; 

  color: #fff;

  text-transform: uppercase;

} 



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

  text-transform: normal;

  color: #fff;

  margin-top: 0px;

  font-size: 14px;

}

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

  font-weight: normal; 

} 

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

  color:#fff;

  font-size: 16px;

}



/***

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;

  text-decoration: none;

  cursor: pointer;

  margin-top: -2px;

  margin-right: 0px;

  margin-bottom: 0px;

  font-size: 16px;

  padding: 0px 6px 0px 6px;

}



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

  font-size: 22px;

  margin-bottom: 5px; 

}



/* begin: fixed footer */

.page-footer-fixed .footer {

  position: fixed;

  left: 0;

  right: 0;

  z-index: 10000;

  bottom: 0;

}



.page-footer-fixed .page-container {

  margin-bottom: 33px;

}



.page-footer-fixed.page-sidebar-fixed .footer {

  margin-left: 0 !important;

}

/* end: fixed footer */



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

 GENERAL UI ELEMENTS 

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



/***

Icon stuff

***/

i.icon, a.icon {

  color: #999;

  margin-right: 5px;

  font-weight: normal;

  font-size: 13px;

}



i.icon-black {

  color: #000 !important;

}



a.icon:hover {

  text-decoration: none;

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

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

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

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

  transition: all 0.1s ease-in-out;

  opacity: .4;

  filter:alpha(opacity=40);

}



a.icon.huge i{

  font-size: 16px !important;

}



i.big {

  font-size: 20px;

}



i.warning {

  color: #d12610;

}



i.critical {

  color: #37b7f3;

}



i.normal {

  color: #52e136;

}



/***

Custom wells

***/

.well {

  background-color: #fafafa;

  border: 1px solid #eee;

  -webkit-border-radius: 0px;

     -moz-border-radius: 0px;

          border-radius: 0px;   

  -webkit-box-shadow: none !important;

     -moz-box-shadow: none !important;

          box-shadow: none !important;        

}



.well.mini {

  padding: 7px !important;

}



/***

Form stuff

***/

.form-section {

  margin: 15px 0px 20px 0px !important;

  padding-bottom: 5px;

  //border-bottom: 1px solid #eee;

}



.form form {

  margin: 0px !important;

  padding: 0px !important;

}



.no-bottom-space {

  padding-bottom: 0px !important;

  margin-bottom: 0px !important;

}



.form .form-actions{

  margin-top: 0px !important;

  margin-top: 40px;

  padding-left: 190px;

}



.portlet.box .form .form-actions,

.portlet.solid .form .form-actions {

  margin-left:-10px !important;

  margin-right:-10px !important;

  margin-bottom: -10px !important;

} 



/***

Bordered form layout

***/



/***

Input icons

***/

/* input with right aligned and colored icons */

.input-icon input {

  padding-right: 25px !important;

}



.input-icon .input-info,

.input-icon .input-error, 

.input-icon .input-warning, 

.input-icon .input-success {

  display: inline-block !important;

  position: relative !important;

  top: 7px;

  right: 25px !important;

  font-size: 16px;

}



.input-icon .input-info {

  color:#27a9e3;

}

.input-icon .input-error {

  color:#B94A48;

}

.input-icon .input-warning {

  color: #C09853;

}

.input-icon .input-success {

  color: #468847;

}



/* input with left aligned icons */

.input-icon.left i {

  color: #ccc;

  display: block !important;

  position: absolute !important;

  z-index: 1;

  margin: 9px 2px 4px 10px; 

  width: 16px;

  height: 16px;

  font-size: 16px;

  text-align: center;

}



.input-icon.left input {

  padding-left: 33px !important;

}



/***

Portlets

***/

.portlet  {

  clear: both;

  margin-top: 0px;

  //margin-bottom: 25px;

  padding: 0px;

}



.portlet-title {  

  margin-bottom: 15px;

  border-bottom: 1px solid #eee;

}



.portlet-title:after,

.portlet-title:before {

  content: "";

  display: table;

  line-height: 0;

}



.portlet-title:after {

  clear: both;

}



.portlet-title .caption {

  float: left;

  display: inline-block;

  /*font-size: 18px;

  font-weight: 400;*/
  font-size: 15px !important;
  font-weight: 600;

  margin: 0;

  padding: 0;

  //margin-bottom: 7px; 

}



.portlet-title .caption i {

  float: left;

  margin-top: 5px;

  display: inline-block !important;

  font-size: 13px;

  margin-right: 5px;

  color: #666;

}



.portlet.blue > .portlet-title .caption, .portlet-title.blue .caption, 

.portlet.green > .portlet-title .caption, .portlet-title.green .caption,

.portlet.yellow > .portlet-title .caption, .portlet-title.yellow .caption,

.portlet.red > .portlet-title .caption, .portlet-title.red .caption,

.portlet.purple > .portlet-title .caption, .portlet-title.purple .caption,

.portlet.grey > .portlet-title .caption, .portlet-title.dark-grey .caption, {

  color: #fff;

}



.portlet.box.blue > .portlet-title .caption > i, 

.portlet.box.green > .portlet-title .caption > i,

.portlet.box.grey > .portlet-title .caption > i,

.portlet.box.yellow > .portlet-title .caption > i, 

.portlet.box.red > .portlet-title .caption > i,  

.portlet.box.purple > .portlet-title .caption > i, 

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

  color: #fff;

}



.sortable .portlet .portlet-title {

  cursor: move;

}



.portlet-title .tools,

.portlet-title .actions

 {

  display: inline-block;

  padding: 0;

  margin: 0;

  margin-top: 6px;

  float: right;

}



.portlet-title .tools > a {

  display: inline-block;

  height: 16px;

  margin-left:5px;

}



.portlet-title .dropdown-menu i {

  color: #000 !important;

}



.portlet-title .tools > a.remove {

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

  background-repeat: no-repeat;

  width: 11px;

}



.portlet-title .tools > a.config {

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

  background-repeat: no-repeat;

  width: 12px;

}



.portlet-title .tools > a.reload {

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

  width: 13px;

}



.portlet-title .tools > a.expand {

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

  width: 14px;

}



.portlet-title .tools > a.collapse {

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

  width: 14px;

}



.portlet-title .tools > a:hover {

  text-decoration: none;

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

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

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

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

  transition: all 0.1s ease-in-out;

  opacity:.6;  

  filter:'alpha(opacity=60)';

}



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

  margin-top: -12px;

}



.portlet-title .actions > .btn {

  padding: 4px 10px;

  margin-top: -13px;

}



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

  padding: 4px 10px;

  margin-top: -1px;

}



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

  margin-top: -12px;

  padding: 4px 10px;

}



.portlet-title .pagination.pagination-small {

  float: right !important;

  display: inline-block !important;

  margin: 0px;

  margin-top: -2px;

}



.portlet-body {

  clear: both;  

  padding: 0;  

}



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

  background-color: #bfd5fa  !important;

}



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

  background-color: #4b8df8 !important;

}



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

  background-color: #e02222 !important;

}



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

  background-color: #ffb848 !important;

}



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

  background-color: #35aa47 !important;

}



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

  background-color: #852b99 !important;

}



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

  background-color: #fafafa !important;

}



.portlet-body.dark-grey, .portlet.dark-grey {

  background-color: #555555 !important;

}



.portlet-body .btn-toolbar {

  margin: 0px !important;

  padding: 0px !important;

}



.portlet-body .btn-group {

  margin: 0px !important;

  padding: 0px !important;

  margin-bottom: 10px !important;

}



/*  draggable girds */



.ui-sortable-placeholder { 

    border: 1px dotted black; 

    visibility: visible !important; 

    height: 100% !important; 

}

  

.ui-sortable-placeholder * { 

  visibility: hidden; 

}



.sortable-box-placeholder {

  background-color: #f5f5f5;

  border: 1px dashed #DDDDDD;

  display: block;

  /* float: left;*/

  margin-top: 0px !important;

  margin-bottom: 24px !important;

}



.sortable-box-placeholder * {

  visibility:hidden;

}

.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}

/***

Solid colored portlet

***/

.portlet.solid {

  padding: 10px;

}



.portlet.solid .portlet-title .tools {

  margin-top: 2px;

  border: 0px;

}



.portlet.solid .portlet-title {

  margin-bottom: 5px;

  border: 0px;

}



.portlet.solid.bordered .portlet-title {

  margin-bottom: 15px;

}



.portlet.solid.red .portlet-title,

.portlet.solid.red .portlet-title i,

.portlet.solid.red .portlet-body,



.portlet.solid.green .portlet-title,

.portlet.solid.green .portlet-title i,

.portlet.solid.green .portlet-body,



.portlet.solid.yellow .portlet-title,

.portlet.solid.yellow .portlet-title i,

.portlet.solid.yellow .portlet-body,



.portlet.solid.grey .portlet-title,

.portlet.solid.grey .portlet-title i,

.portlet.solid.grey .portlet-body,



.portlet.solid.purple .portlet-title,

.portlet.solid.purple .portlet-title i,

.portlet.solid.purple .portlet-body,



.portlet.solid.blue .portlet-title,

.portlet.solid.blue .portlet-title i,

.portlet.solid.blue .portlet-body {

  border: 0;

  color: #fff;

}



.portlet.bordered {

  border-left: 2px solid #ddd;

}



/***

Box portlet

***/





.portlet.box {

   padding:0px !important

}



.portlet.box .portlet-title {  

   padding:8px 10px 2px 10px;

   border-bottom: 1px solid #eee;

   //color: #fff !important;

}



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

  color: #fff !important;

}



.portlet.box .portlet-title .tools {

  margin-top: 3px;

}



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

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

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

}



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

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

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

}



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

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

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

}



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

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

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

}



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

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

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

}



/* portlet buttons */

.portlet.box .portlet-body {

  background-color: #f2f2f2;

  //padding: 10px;

}



.portlet.box .portlet-title {  

  margin-bottom: 0px;

}

.portlet.box.blue .portlet-title {

  background-color: #4b8df8;

} 



.portlet.box.blue {  

   border: 1px solid #b4cef8;

   border-top: 0;

}



.portlet.box.red .portlet-title {

  background-color: #e02222;

} 



.portlet.box.red {  

   border: 1px solid #ef8476;

   border-top: 0;

}



.portlet.box.yellow .portlet-title {

  background-color: #ffb848;

} 



.portlet.box.yellow {  

   border: 1px solid #fccb7e;

   border-top: 0;

}



.portlet.box.green .portlet-title {

  background-color: #35aa47;

} 



.portlet.box.green {  

   border: 1px solid #77e588;

   border-top: 0;

}



.portlet.box.purple .portlet-title {

  background-color: #852b99;

} 



.portlet.box.purple {  

   border: 1px solid #af5cc1;

   border-top: 0;

}



.portlet.box.grey .portlet-title {

  background-color: #555555;

} 



.portlet.box.grey {  

   border: 1px solid #d9d9d9;

   border-top: 0;

}



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

  background-color: #aaa;

} 



.portlet.box.light-grey {  

   border: 1px solid #eee;

   border-top: 0;

}



/***

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;

}



.item-list.table .title {

  padding-top: -5px;

}



/***

Chart tooltips

***/

.chart-tooltip {

  clear: both;

  z-index: 100;

  background-color: #736e6e !important;

  padding: 5px !important;

  color: #fff;

}



.chart-tooltip .label {

  clear: both;

}



/***

Mini chart containers

***/

.bar-chart {

  display: none

}



.line-chart {

  display: none

}



/***

Custom icon buttons

***/

.icon-btn {

  height: 70px;

  width: 50px;

  margin: 10px 0px 10px 0px;

  border: 1px solid #ddd;

  padding: 16px 0px 0px 0px;

  background-color: #fafafa !important;

  background-image: none !important;

  filter:none !important;

  -webkit-box-shadow: none !important;

     -moz-box-shadow: none !important;

          box-shadow: none !important;

  display:block !important;

  color: #646464 !important;

  text-shadow: none !important;

  text-align: center;

  cursor: pointer;

  position: relative;  

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

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

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

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

  transition: all 0.3s ease !important;

}



.ie8 .icon-btn:hover {

  filter: none !important;

} 



.icon-btn:hover {

  text-decoration: none !important;

  border-color: #999 !important;

  color: #444 !important;

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

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

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

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

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

  transition: all 0.3s ease !important;

  -webkit-box-shadow: none !important;

  -moz-box-shadow: none !important;

  box-shadow: none !important;

}



.icon-btn:hover .badge {

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

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

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

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

  transition: all 0.3s ease !important;

  -webkit-box-shadow: none !important;

       -moz-box-shadow: none !important;

            box-shadow: none !important;

}



.icon-btn i {

  font-size: 20px !important;

  color: #777 !important;

}



.icon-btn .glyphicons {

  padding: 0px;

}



.icon-btn .glyphicons i:before {  

  font-size: 20px !important;

  color: #777 !important;

}



.icon-btn div {

  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial;

  margin-top: 5px;

  margin-bottom: 20px;  

  color: #000;

  font-size: 11px;

  font-weight: 300;

}



.icon-btn .badge {

  position: absolute;

  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial;

  font-size: 11px !important;

  font-weight: 300;

  top: -5px;

  right: -5px;

  padding: 3px 7px 3px 7px;

  color: white !important;

  text-shadow: none;

  border-width: 0;

  border-style: solid;

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

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

  border-radius: 12px !important;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}



/* for firefox only */

@-moz-document url-prefix() { 

  .icon-btn .badge {

      padding: 2px 7px 4px 7px;

  }

}  



/* extended dropdowns */

.dropdown-menu.extended {

  min-width: 160px !important;

  max-width: 300px !important;

  width: 233px !important;

  background-color: #ffffff !important;

}



.dropdown-menu.extended:before,

.dropdown-menu.extended:after {

  border-bottom-color: #ddd !important;

}





.dropdown-menu.extended li a{

  display: block;

  padding: 5px 10px !important;

  clear: both;

  font-weight: normal;

  line-height: 20px;

  white-space: normal !important;

}



.dropdown-menu.extended li i{

  margin-right: 3px;

}



.dropdown-menu.extended li a{

   font-size: 13px;

   padding: 10px !important;

   background-color: #ffffff;

}



.dropdown-menu.extended li a:hover {

  background-image: none;

  background-color: #f5f5f5;

  color: #000;

  filter:none;

}



.dropdown-menu.extended li p{

  padding: 10px;

  background-color: #eee;

  margin: 0px;

  font-size: 14px;

  font-weight: 300;

  color: #000;

}



.dropdown-menu.extended li a{

  padding: 7px 0 5px 0px;

  list-style: none;

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

  font-size: 12px;

  text-shadow: none;

}



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

  border-top: none;

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

}



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

  border-top: 1px solid white !important;

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

}



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

  font-size: 13px;

  font-weight: 400;  

}



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

  margin-top: 3px;

  float: right;

}



/* header notifications dropdowns */



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

  width: 10px;

  padding: 2px 4px;

  margin-right: 2px;

  text-align: center !important;

}



.dropdown-menu.notification li > a > .label i {

  text-align: center !important;

}



.dropdown-menu.notification li a .time {

  font-size: 12px;

  font-style: italic;

  font-weight: 600;

  text-align: right;

}



/* header inbox dropdowns */

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

  float: left;

  height: 40px;

  width: 40px;

  margin-right: 6px;

}



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

  right: 10px;

}



.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: 13px;

  font-weight: 600;

  float: right;

  display: inline-block;

}



.dropdown-menu.tasks .progress {

  display: block;

  height: 10px;

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

}



/***

Rows seperated form layout

***/

.form-row-seperated .control-group {

  border-bottom: 1px solid #efefef;

  padding-bottom: 10px;

  padding-right: 10px;

  margin-bottom: 10px;

  margin-left: -10px;

  margin-right: -10px;

}



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

  border-bottom: 0;

}



.form-row-seperated .control-label {

  width: 170px;

}



.form-row-seperated .controls {

  margin-left: 190px;

}



.form-row-seperated .help-inline,

.form-row-seperated .help-block {

  padding-left: 0;

}



/***

Bordered form layout

***/

.form-horizontal.form-bordered .control-group:first-child {

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

}



.form-horizontal.form-bordered .control-group {

  margin: 0;

  padding: 0;

  border-bottom: 1px solid #eee;

}



.form-horizontal.form-bordered .control-group.last {

  border-bottom: 0;

}



.portlet.box .form-horizontal.form-bordered .control-group {

  margin-left: -10px;

  margin-right: -10px;

}



.portlet.box .form-horizontal.form-bordered .control-group:first-child {

  margin-top: -10px;

}



.form-horizontal.form-bordered .control-group .controls {

  padding: 10px;

  position: relative;

  border-left: 1px solid #eee;

}



.form-horizontal.form-bordered .control-group .controls .chosen-container,

.form-horizontal.form-bordered .control-group .controls .select2-wrapper  {

  min-height: 32px;

}



.form-horizontal.form-bordered .control-group .controls .chosen-container .help-block,

.form-horizontal.form-bordered .control-group .controls .select2-wrapper .help-block {

  clear: both;

  padding-top: 10px !important;

}



.form-horizontal.form-bordered .control-group .control-label {

  margin-top: 10px;

}



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

  background-color: #fcfcfc;

}



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

  background-color: #fcfcfc;

} 



.form-horizontal.form-bordered.form-row-stripped .m-wrap {

  background: #fff !important;

}

  

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

  background-color: #ffffff;  

}



.form-horizontal.form-bordered .help-inline,

.form-horizontal.form-bordered .help-block {

  padding-left: 0;

}



/***

Uniform plugin css changes

***/



.radio, .checkbox {

  padding-left: 0px !important;

}



.checkbox .checker {

  margin-top: -2px !important;

  margin-right: 2px !important;

}



.controls .text {

  display: block;

  margin-top: 7px;

  font-weight: 400;

  font-size: 14px;

}



.controls .text-inline {

  display: inline-block;

  margin-top: 8px;

  font-weight: 400;

  font-size: 14px;

}





/* used for non horizontal forms */

.controls-uniform {

  margin-top: -7px;

}



/***

General forms settings

***/

input.placeholder,

textarea.placeholder {

  color: #aaa !important;

}



.help-block {

 margin-top: 0px;

}



.form-inline input {

  margin-bottom: 0px !important;

}



.control-label {

  margin-top: 2px;

}



.control-label .required {

  color: #e02222;

  font-size: 12px;

  padding-left: 2px;

}



.validate-inline {

  display: inline-block;

  *display: inline;

  padding-left: 5px;

  vertical-align: middle;

  *zoom: 1;

  margin-top: 6px;

}



.control-group.success .validate-inline {

  color: #468847;

}



.control-group.info .validate-inline {

  color: #3a87ad;

}



.control-group.error .validate-inline {

  color: #b94a48;

}



.control-group.warning .validate-inline {

  color: #c09853;

}



.help-inline {

  margin-top: 6px;

}



.help-small {

  font-size: 12px;

  padding-top: 0;

  margin-top: 0;

  margin-bottom: 0;

  padding-bottom: 0;

}



.success .validate-inline.ok:before,

.success .help-inline.ok:before {

  content: "\f00c";

  font-size: 16px;

  font-family: FontAwesome;

  font-weight: normal;

  font-style: normal;

  display: inline-block;

}





form legend,

.form-view legend {

  margin-bottom: 15px !important;

}



.controls > .radio .checker,

.controls > .checkbox .checker {

  margin-right: 2px !important;

}



.controls > .radio,

.controls > .checkbox {

  display: inline-block;

  padding: 0 !important;

  margin: 0 !important;

  margin-top: 8px !important;

  margin-right: 15px !important;

}



.controls > .radio.line,

.controls > .checkbox.line {

  display: block;

  padding: 0 !important;

  margin: 0 !important;

  margin-top: 5px !important;

}



.controls .inline {

  margin-top: 8px; 

}



.form-view .control-group {

  margin-top: 0px;

  margin-bottom: 5px;

}



.uploader {

  margin-top: 2px !important;

}



/***

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("../image/overlay-icon.png");

  background-color: #222;

  background-repeat: no-repeat;

  background-position: 50%;

  position: absolute;

  width: inherit;

  height: inherit;

  opacity: 0; 

  filter: alpha(opacity = 0);

  z-index: 6;  

  top:0;  

}



/***

Chats

***/

.chats {

  margin:0;

  padding: 0;

  margin-top: -15px;

}



.chats li {

  list-style: none;

  padding: 5px 0;

  margin: 10px auto;

  font-size: 12px;

}



.chats li img.avatar {

  height: 45px;

  width: 45px;

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

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

          border-radius: 50% !important;

}



.chats li.in img.avatar {

  float: left;

  margin-right: 10px;

}



.chats li .name {

  color:#3590c1;

  font-size: 13px;

  font-weight: 400;

}



.chats li .datetime {

  color:#333;

  font-size: 13px;

  font-weight: 400;

}



.chats li.out img.avatar {

  float: right;

  margin-left: 10px;

}



.chats li .message {

  display: block; 

  padding: 5px;

  position: relative;

}



.chats li.in .message {

  text-align: left;

  border-left: 2px solid #35aa47;

  margin-left: 65px;

  background: #fafafa 

}



.chats li.in .message .arrow {

  display: block;

  position: absolute;

  top: 5px;

  left: -8px;  

  width: 0; 

  height: 0; 



  border-top: 8px solid transparent;

  border-bottom: 8px solid transparent;  

  border-right: 8px solid #35aa47;  

}



.chats li.out .message .arrow {

  display: block;

  position: absolute;

  top: 5px;

  right: -8px;

  border-top: 8px solid transparent;

  border-bottom: 8px solid transparent;  

  border-left: 8px solid #da4a38;  

}



.chats li.out .message {

  border-right: 2px solid #da4a38;

  margin-right: 65px;

  background: #fafafa;

  text-align: right;

}



.chats li.out .name, 

.chats li.out .datetime  {  

  text-align: right;

}



.chats li .message .body {

  display: block; 

}



.chat-form {

  margin-top: 15px;

  padding: 10px;

  background-color: #e9eff3;

  overflow: hidden;

  clear: both;   

}



.chat-form .input-cont {

  margin-right: 55px;

}



.chat-form .input-cont .m-wrap {

  margin-bottom: 0px;

}



.chat-form .input-cont input{

  border: 1px solid #ddd;

  width: 100%;  

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

  float: left;

  width: 14px;

  padding: 7px;

}



.feeds .col1 .cont .cont-col2 {

  float:left;

  width:100%;

}



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

  margin-left:35px;

  padding-top: 4px;

  padding-bottom: 4px;

  overflow:hidden;

}



.feeds .col2 .date {

  padding: 4px 9px 4px 4px;

  text-align: right;

  font-style: italic;

  color:#c1cbd0;

}



/***

Users

***/

.user-info {

  margin-bottom: 10px !important;

}



.user-info img {

  float: left;

  margin-right: 5px;

}



.user-info .details {

  display: inline-block;

}



.user-info .label {

  font-weight: 300;

  font-size: 11px;

}



/***

Accordions

***/

.accordion-heading {

  background:#eee;

}



.accordion-heading a {

  text-decoration:none;

}



.accordion-heading a:hover {

  text-decoration:none;

}



/***

Vertical inline menu

***/

.ver-inline-menu {

  margin: 0px;

  list-style: none;

}



.ver-inline-menu li {

  position:relative;

  margin-bottom:1px;

}



.ver-inline-menu li i {

  color:#b9cbd5;

  font-size:15px;

  padding:11px 9px;

  margin:0 8px 0 0;

  background:#e0eaf0 !important;

}



.ver-inline-menu li a {

  font-size: 13px;

  color:#557386;

  display:block;

  background:#f0f6fa;

  border-left:solid 2px #c4d5df;

}



.ver-inline-menu li:hover a,

.ver-inline-menu li:hover i {

  background:#e0eaf0;

  text-decoration:none;

}



.ver-inline-menu li:hover i {

  color:#fff;

  background:#c4d5df !important;

}



.ver-inline-menu li.active a,

.ver-inline-menu li:hover a {

  font-size: 13px;

}



.ver-inline-menu li.active a,

.ver-inline-menu li.active i {

  color:#fff;

  background:#169ef4;

  text-decoration:none;

  border-left:solid 1px #0c91e5;

}



.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

***/

.tab-content {

  padding: 0px;  

  overflow: hidden;

}



.tabbable-custom { 

  -webkit-border-radius: 0; 

     -moz-border-radius: 0; 

          border-radius: 0; 

   margin-bottom: 15px;       

}



.widget .row-fluid:last-child .tabbable-custom {

  margin-bottom: 0px;

}



.tabbable-custom > .nav-tabs { 

  border: none; 

  margin: 0px;

}



.tabbable-custom > .tab-content { 

   background-color: #fff;

   //border: 1px solid #ddd;  

   -webkit-border-radius: 0; 

   -moz-border-radius: 0; 

   border-radius: 0; 

   padding: 10px;

}



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

  padding:15px 0;

  border-left:none;

  border-right:none;

  border-bottom:none;

}



.tabbable-custom .nav-tabs > li { 

  margin-right: 2px; 

  border-top: 2px solid transparent; 

}



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

  -webkit-border-radius: 2px; 

  -moz-border-radius: 2px;

   border-radius: 2px; 

   margin-right: 0; 

   padding: 5px 10px; 

 }



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

  background: none;

  border-color:transparent;

}



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

  border-top: 3px solid #d12610; 

  margin-top: 0; 

  position: relative; 

}



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

  border-top: none; 

  font-weight: 400; 

}



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

  background: #fff; 

  border-color: #d4d4d4 #d4d4d4 transparent; 

}



.tabbable-custom .nav-tabs > li { 

  margin-right: 2px; 

  border-top: 2px solid transparent; 

}



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

  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; 

}

    

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

  margin-right: 0; border-left: 2px solid transparent; margin-top: none; 

}



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

  border-top: none; 

  border-left: 3px solid #d12610; 

  margin-top: 0; margin-right: -1px; position: relative; 

}



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

  border-top: 1px solid #d4d4d4; 

  border-left: 1px solid transparent; 

}



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

  background: #fff; 

  border-color: #d4d4d4 transparent #d4d4d4 transparent; 

}

    

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

  margin-right: 0; 

  border-right: 2px solid transparent; 

  border-top: none; }



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

  border-top: none; 

  border-right: 3px solid #d12610; 

  margin-top: 0; 

  margin-left: -1px; 

  position: relative; 

}



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

  border-top: 1px solid #d4d4d4; 

  border-right: 1px solid transparent; 

}



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

  background: #fff; 

  border-color: #d4d4d4 transparent #d4d4d4; 

}



.tabs-right.tabbable-custom .nav-tabs > li a, 

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

  padding: 8px 10px 

}



/*full width tabs with bigger titles */

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

  padding:0 0 27px;

  border-left:none;

  border-right:none;

  border-bottom:none;

}



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

  color:#424242;

  font-size:15px;

  padding:9px 15px;

}





/***

Custom portlet tabs

***/

.portlet-tabs .nav-tabs {

    position: relative;

    top: -41px;

    margin-right: 10px;

    overflow: hidden;

}



.portlet-tabs .nav-tabs > li {

    float: right;

}



.portlet-tabs .nav-tabs {

    border-bottom: none;

}



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

  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 {

  border-top-color: transparent;

}



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

  margin-bottom: 0px;

  border-bottom: 0;

  margin-left: 0px;

  margin-right: 0px;

  border-left: 0;    

  border-right: 0;

  background-color: none !important;

  border-top-color:transparent !important;

}



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

  margin-bottom: 0;

  border-bottom-color: transparent;

  margin-left: 0;

  margin-right: 0;

  border-left: 0;    

  border-right: 0;

  background-color: none !important;

  border-top-color:transparent;

  background-color: #fff;

}  



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

  color: #555555;

  cursor: default;

  background-color: #fff;

}



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

  background-color: #fff !important;

}



.portlet-tabs .tab-content {

  padding: 10px !important;

  margin: 0px;

  margin-top: -60px !important;

}



.portlet.tabbable .portlet-body {

  padding: 0px;

}



.tab-pane > p:last-child {

  margin-bottom: 0px;

}



/***

Dashboard container

***/

#dashboard {

  overflow: hidden;

}



/***

Dashboard stats

***/

.dashboard-stat {

  margin-bottom: 25px;

}



.dashboard-stat:before,

.dashboard-stat:after {

  display: table;

  line-height: 0;

  content: "";

}

.dashboard-stat:after {

  clear: both;

}



.dashboard-stat .visual {

  width: 80px;

  height:80px;

  display: block;

  float: left;

  padding-top: 10px;

  padding-left: 15px;

}



.dashboard-stat .visual i {

  font-size: 65px;

  color: #fff;

}



.dashboard-stat .details {

  float: right;

  padding-right: 10px;

}



.dashboard-stat .details .number {    

  padding-top: 25px;

  text-align: right;

  font-size: 34px;

  letter-spacing: -1px;

  font-weight: 300;

  color: #fff;

  margin-bottom: 10px;

}



.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 i {

  margin-top: 4px;

  float: right;

}



.dashboard-stat .more:hover {

  text-decoration: none;

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

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

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

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

  transition: all 0.1s ease-in-out;

  opacity: 1;  

  filter: alpha(opacity=100);

}



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

} 



/***

Circle Stats(KNOB, new in v1.1.1)

***/



/* Circle stats */

.knobify {

  border: 0 !important;

  width: 0px;

}



.ie8 .knobify {

  display: none;

}



.circle-stat {

  background-color: #f8f8f8;

  padding:2px;

  margin-bottom: 10px;

}



.circle-stat:hover {

  background-color: #edf4f7;

}



.circle-stat:before,

.circle-stat:after {

  display: table;

  line-height: 0;

  content: "";

}

.circle-stat:after {

  clear: both;

}



.circle-stat .visual {

  display: block;

  float: left;

}



.circle-stat .details {

  display: block;

  float: left;  

  margin-left: 5px;

  padding-top: 7px;

}



.circle-stat .details .title {

  margin: 10px 0px 5px 0px !important;

  padding: 0px !important; 

  font-size: 13px;  

  text-transform: uppercase;

  font-weight: 300;

  color: #222;

}   



.ie8 .circle-stat .details .title {

  margin-top:5px !important;

}

.ie8 .circle-stat .details {

  padding-top: 0px !important;

  margin-bottom: 5px !important;

}



.circle-stat .details .title i {

  margin-top:2px !important;

  color: #52e136;

  font-size: 16px;

}



.circle-stat .details .title i.down {

  color: #b63625;

}



.circle-stat .details .number {

  margin: 0px !important;

  margin-bottom: 7px !important;

  font-size: 24px;

  padding: 0px; 

  font-weight: 300;

  color: #999;

}



/***

Tiles(new in v1.1.1)

***/

.tiles {

  margin-right: -10px;

}



.tile {

  display: block;

  letter-spacing: 0.02em;

  float: left;

  height: 130px;

  width: 130px !important;

  cursor: pointer;

  text-decoration: none;

  color: #ffffff;

  position: relative;

  font-weight: 300;

  font-size: 12px;

  letter-spacing: 0.02em;

  line-height: 20px;

  font-smooth: always;

  overflow: hidden;

  border: 4px solid transparent;

  margin: 0 10px 10px 0;

}



.tile:after,

.tile:before {

  content: "";

  float: left; 

}



.tile.double {

  width: 278px !important;

}



.tile.double-down {

  height: 278px !important;

}



.tile:active, .tile.selected {

  border-color: #ccc;

}



.tile:hover {

  border-color: #aaa;

}



.tile.selected .corner:after {  

  content: "";

  display: inline-block;

  border-left: 40px solid transparent;

  border-bottom: 40px solid transparent;

  border-right: 40px solid #ccc;

  position: absolute;

  top: -3px;

  right: -3px;

}



.tile.selected .check:after {  

  content: "";

  font-family: FontAwesome;

  font-size: 13px;

  content: "\f00c";

  display: inline-block;

  position: absolute;

  top: 2px;

  right: 2px;

}



.tile * {

  color: #ffffff;

}



.tile .tile-body {

  height: 100%;

  vertical-align: top;

  padding: 10px 10px;

  overflow: hidden;

  text-overflow: ellipsis;

  position: relative;

  font-weight: 400;

  font-size: 12px;

  font-smooth: always;

  color: #000000;

  color: #ffffff;

  margin-bottom: 10px;

}



.tile .tile-body img {

  float: left;

  margin-right: 10px;

}



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

  float: right !important;

  margin-left: 10px;

  margin-right: 0px;

}



.tile .tile-body .content {

  display: inline-block;

}



.tile .tile-body > i {

  margin-top: 17px;

  display: block;

  font-size: 56px;

  text-align: center;

}



.tile.double-down i {

  margin-top: 95px;

}



.tile .tile-body h1,

.tile .tile-body h2,

.tile .tile-body h3,

.tile .tile-body h4,

.tile .tile-body h5,

.tile .tile-body h6,

.tile .tile-body p {

  padding: 0;

  margin: 0;

  line-height: 14px;

}



.tile .tile-body h3,

.tile .tile-body h4 {

  margin-bottom: 5px;

}



.tile .tile-body h1:hover,

.tile .tile-body h2:hover,

.tile .tile-body h3:hover,

.tile .tile-body h4:hover,

.tile .tile-body h5:hover,

.tile .tile-body h6:hover,

.tile .tile-body p:hover {

  color: #ffffff;

}



.tile .tile-body p {

  font-weight: 400;

  font-size: 13px;

  font-smooth: always;

  color: #000000;

  color: #ffffff;

  line-height: 20px;

  overflow: hidden;

  text-overflow: ellipsis;

}



.tile .tile-body p:hover {

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

}



.tile .tile-body p:active {

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

}



.tile .tile-body p:hover {

  color: #ffffff;

}



.tile.icon > .tile-body {

  padding: 0;

}



.tile .tile-object {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  min-height: 30px;

  background-color: transparent;

  *zoom: 1;

}



.tile .tile-object:before,

.tile .tile-object:after {

  display: table;

  content: "";

}



.tile .tile-object:after {

  clear: both;

}



.tile .tile-object > .name {

  position: absolute;

  bottom: 0;

  left: 0;

  margin-bottom: 5px;

  margin-left: 10px;

  margin-right: 15px;

  font-weight: 400;

  font-size: 13px;

  font-smooth: always;

  color: #ffffff;

}



.tile .tile-object > .name i {

  display: block;

  font-size: 24px;

}



.tile .tile-object > .number {

  position: absolute;

  bottom: 0;

  right: 0;

  margin-bottom: 0;

  color: #ffffff;

  text-align: center;

  font-weight: 600;

  font-size: 14px;

  letter-spacing: 0.01em;

  line-height: 14px;

  font-smooth: always;

  margin-bottom: 8px;

  margin-right: 10px;

}



.tile.image {  

  border-color1: transparent !important;

}



.tile.image > .tile-body {

  padding: 0 !important;

}



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

  width: 100%;

  height: auto;

  min-height: 100%;

  max-width: 100%;

}



.tile.image .tile-body h3 {

  display: inline-block;

}



/***

Styler Panel

***/

.color-panel {

  z-index: 999;

  position:relative;

}



.color-panel .color-mode-icons {

  top:4px;

  right:0;

  padding:20px;

  cursor:pointer;

  position:absolute;

}



.color-panel .icon-color {

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

}



.color-panel .icon-color:hover {

  background-color:#3d3d3d !important;

}



.color-panel .icon-color-close {

  display:none;

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

}



.color-panel .icon-color-close:hover {

  background-color:#222 !important;

}



.color-mode {

  top:4px;

  right:40px;

  display:none;

  padding:10px 0;

  position:absolute;

  background:#3d3d3d;

}



.color-mode p,

.color-mode ul,

.color-mode label {

  padding:0 15px;

}



.color-mode p {

  color:#cfcfcf;

  padding:0 15px;

  font-size:15px;

}



.color-mode ul {

  list-style:none;

  padding:4px 11px 5px;

  display: block;

  margin-bottom: 1px !important;

}



.color-mode li {

  width:16px;

  height:23px;

  margin:0 4px;

  cursor:pointer;

  list-style:none;

  border:solid 1px #707070;

}



.color-mode li:hover,

.color-mode li.current {

  border:solid 2px #ebebeb;

  margin:0 3px;

}



.color-mode li.color-black {

  background:#333438;

}



.color-mode li.color-grey {

  background:#6d6d6d;

}



.color-mode li.color-blue {

  background:#124f94;

}



.color-mode li.color-brown {

  background:#623f18;

}



.color-mode li.color-purple {

  background:#701584;

}



.color-mode li.color-white {

  background:#fff;

}



.color-mode label {

  color:#cfcfcf;

  padding-top:10px;

  padding-bottom: 0px;

  border-top:1px solid #585858;

  margin-top: 0px;

  margin-bottom: 0px;

}



.color-mode label span {  

  text-transform:uppercase;

}



.color-mode label > span {

  display: inline-block;

  width: 85px;

}



.color-mode label > select {

  margin-top: 5px;

  text-transform: lowercase;

}



.color-mode label  span.color-mode-label {

  top:2px;

  position:relative;

}



/***

Calendar with full calendar

***/

.external-event {

  display: inline-block !important;

  cursor:move;

  margin-bottom: 5px !important;  

  margin-left: 5px !important;

}



.portlet .event-form-title {

  font-size: 14px;

  margin-top: -8px;

  font-weight: 400;

  margin-bottom: 0px;

}



.portlet.calendar .fc-button {

  -webkit-box-shadow: none !important;

     -moz-box-shadow: none !important;

          box-shadow: none !important;

  -webkit-text-shadow: none !important;

     -moz-text-shadow: none !important;

          text-shadow: none !important;

  border: 0 !important;

  padding: 7px 8px 11px 8px;

  margin-left:2px; 

  color: #fff !important;

  border-top-style: none;

  border-bottom-style: none;

  border-right-style: solid;

  border-left-style: solid;

  border-color: #ddd;

  background: transparent;

  color: #646464;

  top: -47px;

}



.portlet.calendar .fc-header {

  margin-bottom:-21px;

}



.portlet.calendar .fc-button-prev {

  padding-right: 10px;

  padding-left: 8px;

}



.portlet.calendar .fc-button-next {

  padding-right: 8px;

  padding-left: 10px;

}



.portlet.calendar .fc-button.fc-state-active,

.portlet.calendar .fc-button.fc-state-hover {

  color: #666 !important;

  background-color: #F9F9F9 !important;

}



.portlet.calendar .fc-button.fc-state-disabled {

  color: #ddd !important;

}



.portlet.calendar .fc-text-arrow {

  font-size: 22px;

  font-family: "Courier New", Courier, monospace;

  vertical-align: baseline; 

}



/* begin: event element */

.portlet.calendar .fc-event {

  border: 0px;

  background-color: #69a4e0;

  color: #fff;

}



.portlet.calendar .fc-event-inner {

  border: 0px;

}



.portlet.calendar .fc-event-time {

  float: left;

  text-align: left;

  color: #fff;

  font-size: 13px;

  font-weight: 300;

}



.portlet.calendar .fc-event-title {

  text-align: left;

  float: left;

  color: #fff;

  font-size: 13px;

  font-weight: 300;

}

/* end: event element */



.portlet.calendar .fc-header-title h2 {

  font-size: 14px !important;

  line-height: 20px;

  font-weight: 400;

  color: #111;

}



.portlet.calendar .fc-widget-header {

  background-image: none !important;

  filter:none !important;

  background-color: #eee !important;

  text-transform: uppercase;

  font-color:#000;

  font-weight: 300;

}



.portlet.calendar .mobile .fc-button {

  margin-left: 2px !important;

}



.portlet.calendar .mobile .fc-button {

    padding: 6px 6px 6px 6px;

    margin-left:2px;  

    border: none !important;    

    background-color: #ddd !important;

      background-image: none;

      -webkit-box-shadow: none !important;

         -moz-box-shadow: none !important;

            box-shadow: none !important;

      -webkit-border-radius: 0 !important;

         -moz-border-radius: 0 !important;

              border-radius: 0 !important;

      color: #000 !important;

      border: none !important;

      text-shadow: none !important;

      text-align: center;

}



.portlet.calendar .mobile .fc-state-hover, 

.portlet.calendar .mobile .fc-state-active {

  background-color: #eee !important;

}



.portlet.calendar .mobile .fc-button-prev {

  margin-right: 5px;

  margin-top: -2px;

  padding: 3px 6px 3px 4px;

}



.portlet.calendar .mobile .fc-button-next {   

  margin-right: -0px;

  margin-top: -2px;

  padding: 3px 4px 3px 6px;

}



.portlet.calendar .mobile .fc-header-space {

  margin: 0px !important;

  padding: 0px !important;

  width: 0px !important;

}



  .portlet.calendar .mobile .fc-state-disabled {

      color: #bbb !important;

  }



  .portlet.calendar .mobile .fc-header-left {

    position: absolute;

    z-index: 10;

  }

    

  .portlet.calendar .mobile .fc-header-right {

    position: absolute;

     z-index: 9;

  }



  .portlet.calendar .mobile .fc-header-left .fc-button { 

    top: -2px !important;

  }



  .portlet.calendar .mobile .fc-header-right {

    position: relative;

    right:0;

  }



  .portlet.calendar .mobile .fc-header-right .fc-button { 

    top: 35px !important;

  }



  .portlet.calendar .mobile .fc-header-right .fc-button:last-child {

    margin-left: 0px !important;

  }



  .portlet.calendar .mobile .fc-content {

    margin-top: 53px;

  }



/***

Form wizard

***/



.form-wizard .progress {

  margin-bottom: 30px;

}



.form-wizard .steps {

  padding: 10px 0;

  margin-bottom: 15px;

}



.form-wizard .steps .navbar-inner {  

  background-color: #fff !important;

  background-image: none !important;

  filter:none !important;

  border: 0px;

  box-shadow: none !important;

}



.form-wizard .steps .navbar-inner li a {

  background-color: #fff !important;

  background-image: none !important;

  filter:none !important;

  border: 0px;

  box-shadow: none !important;

}



.form-wizard .step:hover {

  text-decoration: none;

}



.form-wizard .step .number {

  background-color: #eee;

  display: inline-block;

  font-size: 16px;

  font-weight: 300;

  padding: 12px 15px 12px 15px !important;

  margin-right: 10px;

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

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

          border-radius: 50% !important;

}



.form-wizard .step .desc {

  display: inline-block;

  font-size: 14px;

  font-weight: 300;

}

 

.form-wizard .active .step .number {

  background-color: #35aa47;

  color: #fff;

}



.form-wizard .active .step .desc {

  font-weight: 400;

}



.form-wizard .step i {

  display: none;

}



.form-wizard .done .step .number {

  background-color: #f2ae43;

  color: #fff;

}



.form-wizard .done .step .desc {

  font-weight: 400;

}



.form-wizard .done .step i {

  font-size: 12px;

  font-weight: normal;

  color: #999;

  display: inline-block;

}



/* bootstrap chosen overlaping bug fix*/

.form-wizard .tab-pane .chzn-container {

  position: absolute !important;

}





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

 PLUGIN CSS CUSTOMIZATIONS 

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



/***

Google Maps

***/

.gmaps {

  height: 300px;

  width: 100%;

}



/* important!  bootstrap sets max-width on img to 100% which conflicts with google map canvas*/

.gmaps img {

  max-width: none; 

}



#gmap_static div{

  background-repeat: no-repeat !important;

  background-position: 50% 50% !important;

  height:100%;

  display:block;

  height: 300px;

}



#gmap_routes_instructions {

  margin-top: 10px;

  margin-bottom: 0px;

}



/***

SlimScrollBar plugins css changes

***/

.scroller {

  padding: 0px !important;

  margin: 0px !important;

  padding-right: 12px !important;

}



.portlet-body .slimScrollBar {

  margin-right: 0px !important;

}



/***

jqvmap changes

***/

.jqvmap-zoomin {

 background-color: #666 !important;

}



.jqvmap-zoomout {

 background-color: #666 !important; 

}



.vmaps {

  position: relative; 

  overflow: hidden;

  height: 300px;

}



/***

Daterangepicker plugin css changes

***/

.modal-open .daterangepicker {

  z-index: 10060 !important;

}



.daterangepicker td {

  text-shadow: none !important;

}



.daterangepicker td.active {

  background-color: #4b8df8 !important;

  background-image: none !important;

  filter:none !important;

}



.daterangepicker th {

  font-weight: 400;

  font-size: 14px;

}



/***

Toggle buttons plugin css changes

***/

.toggle-button, 

.toggle-button label {

  margin-top: 3px;

  background-image: none !important;

  filter:none !important;

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

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

  -ms-border-radius: 0px !important;

  -o-border-radius: 0px !important;

  border: 1px solid #eee !important;

  -moz-border-radius-topleft: 0px !important;

  -webkit-border-top-left-radius: 0px !important;

  border-top-left-radius: 0px !important;

  -moz-border-radius-bottomleft: 0px !important;

  -webkit-border-bottom-left-radius: 0px !important;

  border-bottom-left-radius: 0px !important;

  -moz-border-radius-topright: 0px !important;

  -webkit-border-top-right-radius: 0px !important;

  border-top-right-radius: 0px !important;

  -moz-border-radius-bottomright: 0px !important;

  -webkit-border-bottom-right-radius: 0px !important;

  border-bottom-right-radius: 0px !important;

}



.toggle-button span.labelRight,

.toggle-button span.primary, 

.toggle-button span.labelLeft,

.toggle-button span.info,

.toggle-button span.success,

.toggle-button span.warning,

.toggle-button span.danger {

  -moz-border-radius-topleft: 0px !important;

  -webkit-border-top-left-radius: 0px !important;

  border-top-left-radius: 0px !important;

  -moz-border-radius-bottomleft: 0px !important;

  -webkit-border-bottom-left-radius: 0px !important;

  border-bottom-left-radius: 0px !important;

  -moz-border-radius-topright: 0px !important;

  -webkit-border-top-right-radius: 0px !important;

  border-top-right-radius: 0px !important;

  -moz-border-radius-bottomright: 0px !important;

  -webkit-border-bottom-right-radius: 0px !important;

  border-bottom-right-radius: 0px !important;



  font-size: 13px !important;

  font-weight: 300 !important;

  background-image: none !important;

  filter:none !important;

}



.toggle-button span.labelRight {

  background-color: #eee;

}



/***

Choosen plugin css changes

***/

.chzn-controls {

  margin-bottom: -4px !important;

}



.chzn-controls .help-inline {

  display: inline-block;

  margin-top  : 6px;  

}



.chzn-container {

  display: block;

  margin: 0;

  padding: 0 !important;

  box-shadow: none !important;

}



.chzn-container-single {

  margin: 0 !important;

  padding: 0 !important;  

}



/* fix chosen margins in form layouts */

.controls .chzn-container-single {

  float: left;

}

  

.chzn-container-single .chzn-single {

  box-shadow: none !important;

  background-image: none !important;

  filter:none !important;

  box-shadow: none !important;

  -webkit-box-shadow: none !important;

  -moz-box-shadow: none !important;

  height: 31px !important;

  border-color: #e5e5e5;

  margin: 0 !important;

}



/* enable form validation classes for chosen dropdowns */

.error .chzn-container-single .chzn-single {

  border-color: #B94A48;

}



.error .chzn-container-single .chzn-single span {

  color: #B94A48;

}



.success .chzn-container-single .chzn-single {

  border-color: #468847;

}



.success .chzn-container-single .chzn-single span {

  color: #468847;

}



.chzn-container-single .chzn-single > span {

   margin-top: 1px;

}



.chzn-container-single .chzn-single > abr {

   margin-top: 3px;

}



.chzn-container-single .chzn-search input:focus,

.chzn-container-single .chzn-search input:active {

  border:1px solid #000 !important;

  box-shadow: none !important;

}



.chzn-container .chzn-choices li.search-choice {

  background-image: none !important;

  filter:none !important;

  box-shadow: none !important;

  font-size: 12px !important;

  font-weight: 300 !important;

  text-shadow:none !important;

  background-color: #eee !important;

  border: 0 !important;

}



.chzn-container .chzn-results .highlighted  {

  background-image: none !important;

  filter:none !important;

  background-color: #eee !important;

  color: #111 !important;

}



.chzn-container-multi .chzn-choices  {

  background-image: none !important;

  filter:none !important;

  box-shadow: none !important;

  border-color: #e5e5e5 !important;

  padding: 2px 1px 1px 1px !important;

}



.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {

  background-image: none !important;

  filter:none !important;

}



.chzn-x-multi .chzn-choices {

  box-shadow: none !important;

}



.chzn-container .group-result {

  color: #333 !important;

  font-size: 16px !important;

  font-weight: 400 !important;

}



/***

Select2 plugin css changes

***/



/* enable form validation classes for select2 dropdowns */

.error .select2-container .select2-choice {

  border-color: #B94A48;

}



.error .select2-container .select2-choice > span {

  color: #B94A48;

}



.error .select2-container.select2-dropdown-open .select2-choice {

  border-color: #e5e5e5; 

}



.error .select2-container.select2-dropdown-open .select2-choice > span {

  color: #999999;

}



.success .select2-container .select2-choice {

  border-color: #468847;

}



.success .select2-container .select2-choice > span {

  color: #468847;

}



.success .select2-container.select2-dropdown-open .select2-choice {

  border-color: #e5e5e5; 

}



.success .select2-container.select2-dropdown-open .select2-choice > span {

  color: #999999;

}





/***

Fileuploader plugin css changes

***/

.fileupload .btn {

  padding: 7px 14px !important;

}



.fileupload-exists {

  padding: 0px;

}



.fileupload .fileupload-preview {

  background-color: #fff !important;

  background-image: none !important;

  filter:none !important;

}



.fileupload .close {

  position: relative;

  top:0px !important;

}



/***

Clockface plugin css changes

***/

.clockface .cell .inner.active,

.clockface .cell .outer.active {

  background-image: none !important;

  filter:none !important;

}



/***

WYSIWYG

***/

.wysihtml5-toolbar li {

  margin: 0px;

  height: 29px;

}



.wysihtml5-toolbar li .dropdown-menu {

  margin-top: 5px;

}



/***

CKEditor css changes

***/

.cke_bottom, 

.cke_inner, 

.cke_top, 

.cke_reset, 

.cke_dialog_title,

.cke_dialog_footer,

.cke_dialog {

  background-image: none !important;

  filter:none !important; 

  border-top: 0 !important;

  border-bottom: 0 !important;

   -webkit-box-shadow: none !important;

      -moz-box-shadow: none !important;

           box-shadow: none !important;

  text-shadow:none !important;

}



.cke_dialog_ui_button,

.cke_dialog_tab {

  background-image: none !important;

  filter:none !important;

  -webkit-box-shadow: none !important;

  -moz-box-shadow: none !important;

  box-shadow: none !important;

  text-shadow:none !important;

}



.cke_dialog_ui_button:hover,

.cke_dialog_tab:hover {

  text-decoration: none;

  text-shadow:none !important;

}



.cke_dialog_ui_input_text {

  background-image: none !important;

  filter:none !important;

  -webkit-box-shadow: none !important;

  -moz-box-shadow: none !important;

  box-shadow: none !important;

}



.cke_combo_button, 

.cke_button, 

.cke_toolbar, 

.cke_toolgroup {

  background-image: none !important;

  filter:none !important;

  border: 0 !important;

   -webkit-box-shadow: none !important;

  -moz-box-shadow: none !important;

  box-shadow: none !important;

}



.cke_button, 

.cke_combo_button,

.cke_panel_grouptitle,

.cke_hc.cke_panel_listItem a {  

  background-image: none !important;

  filter:none !important;

  text-shadow:none !important;

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

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

  -ms-border-radius: 0px !important;

  -o-border-radius: 0px !important;

}



.cke_button:hover, 

.cke_combo_button:hover {  

  background-color: #ddd;

}



.cke_toolbar_break {

  background-image: none !important;

  filter:none !important;

  border: 0 !important;

  box-shadow: none !important;

  -webkit-box-shadow : none !important;

  -moz-box-shadow: none !important;

  -ms-box-shadow: none !important;

  -o-box-shadow: none !important;

}



/***

Modify tags input plugin css

***/

div.tagsinput {

  height: 40px !important;

  margin: 0 !important;

  padding: 5px !important;

  overflow: auto !important;

}



div.tagsinput span.tag {

  background: #aaa !important;

  color: #fff !important;

  border: 0 !important;

  padding: 3px 6px !important;

  -webkit-border-radius: 0 !important;

     -moz-border-radius: 0 !important;

          border-radius: 0 !important;

  margin-bottom: 4px !important;

}



div.tagsinput input {

  padding: 3px 6px !important; 

}



div.tagsinput span.tag a {

  color: #fff !important;

}



div.tagsinput .not_valid {

  color: #fff !important;

  padding: 3px 6px !important;

  background-color: #e02222 !important;

}



/***

Gritter notification modify

***/

.gritter-close {

  left:auto !important;

  right: 3px !important;

}



.gritter-title {

  font-family:  "HelveticaNeue", "Helvetica Neue", Helvetica, Arial !important;

  font-size: 18px !important;

  font-weight: 300 !important;

}



/***

Bootstrap carousel css changes

***/

.carousel-inner .item {

  line-height: 20px;

}



/***

Glyphicons Demo(new in v1.1.1)

***/

.glyphicons-demo {

  text-align: center;

}



.glyphicons-demo .glyphicons {

  display:inline-block;

  *display:inline;

  *zoom:1;

  width:150px;

  font-size:14px;

  line-height:48px;

  margin-right: 20px;

  color: #999;

  text-align: left;

}



.glyphicons-demo .glyphicons i:before{

  line-height:55px!important;

  color: #666;

}



.halfings-demo .white-content{

  margin:0 -20px 0 -20px;

  padding:20px;

  background:#000;

  background:rgba(0,0,0,0.9)

}



.halfings-demo .white-content *,

.halfings-demo .white-content p,

.halfings-demo .white-content a{

  color:#fff

}



.halfings-demo h2 {

  text-align: left;

}



.halfings-demo p,

.halfings-demo a  {

  width: 175px;

  font-size: 14px;

  line-height: 14px;

  text-align: left;

  display: inline-block;

  margin-right: 10px;

}



.halfings-demo .halflings, 

.halfings-demo .halflings-icon {

  margin:0 5px 0 0

}



/***

jQuery UI Sliders(new in v1.1.1)

***/

.table.sliders td {

  padding: 15px 10px !important;

}



.table.sliders .slider {

  margin-top: 4px;

}



.table.sliders .slider-value {

  padding-top: 5px;

  font-weight: 400;

}



.table.sliders .slider-vertical-value {

  padding-bottom: 5px;

  font-weight: 400;

}



.slider {

  border: 0 !important;

}



.ui-slider-vertical,

.ui-slider-handle {

  filter: none !important;

  background-image: none !important;

}



.slider-eq > span {

    height:125px; 

    float:left; 

    margin:15px

}



/***

Dropzone css changes(new in v1.1.1)

***/

.dropzone {

  webkit-border-radius: 0px !important;

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

         border-radius: 0px !important;

}



/***

Bootstrap Tree CSS changes(new in v1.1.2)

***/

.tree {

  margin: 0;

  padding: 0;

}



.tree a {

  padding: 2px 3px 3px 3px;

  display: block !important;

  line-height: 16px !important;

}



.tree a:hover {

  text-decoration: none;

  background-color: #eee;

}



.tree a.tree-toggle-icon-only,

.tree a.tree-toggle  {

  background-position: 2px -20px;

}



.tree a.tree-toggle.closed, 

.tree a.tree-toggle-icon-only.closed {

  background-position: 2px 3px;

}



/***

jQuery UI Datepicker(new in v1.2.2)

***/

.ui-widget-header select {

  padding: 2px !important;

  height: 30px;

  margin: 0 !important;

  margin-top: -1px !important;

}



.ui-datepicker.ui-widget-content {

  background: none !important;

  background-color: #eee !important;

}



.ui-datepicker .ui-widget-header {

  background: none !important;

  background-color: #e0e0e0 !important;

  border: 0 !important;

  box-shadow: none !important;

  height: 28px;

}



.ui-widget-header .ui-icon {

  background-image: url(../image/ui-icons_888888_256x240.png) !important;

}



.ui-widget-header .ui-datepicker-next,

.ui-widget-header .ui-datepicker-prev {

  margin: 2px 2px 2px 2px;

}



.ui-widget-header .ui-state-hover,

.ui-widget-header .ui-state-active {

  background-color: #F2F2F2 !important;

  border-color: #F2F2F2 !important;

  background-image: none !important;

}



.ui-datepicker .ui-datepicker-title {

  font-weight: 400 !important;

  text-transform: uppercase !important;

  font-size: 14px !important;

  color: #333;

}



.ui-datepicker .ui-datepicker-title span {

  display: inline-block;

  padding-top: 2px;

}



.ui-datepicker .ui-datepicker-calendar thead span {

  font-weight: 300 !important;

  font-size: 13px !important;  

  text-transform: uppercase !important;

  color: #333 !important;

}



.ui-datepicker .ui-datepicker-week-col {

  font-weight: 400 !important;

  font-size: 13px !important;  

  text-transform: uppercase !important;

  color: #333 !important;

}



.ui-datepicker tbody .ui-datepicker-week-col {

  text-align: center;

}

 



.ui-datepicker .ui-datepicker-calendar .ui-state-default {

  font-weight: 300 !important;

  font-size: 13px !important;

  text-transform: uppercase !important;

  color: #333 !important;

  border-color:#DEDEDE;

  background-color: #DEDEDE !important;

} 



.ui-datepicker .ui-datepicker-calendar .ui-state-active,

.ui-datepicker .ui-datepicker-calendar .ui-state-hover {

  background-image: none !important;  

  border-color:#ffb848;

  background-color: #ffb848 !important;

}



.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {

   background-image: none !important;  

   background-color: #FFDBA3 !important;

   border-color:#ffb848;

}



.ui-datepicker .ui-datepicker-calendar .ui-state-active {

   background-image: none !important;  

   background-color: #ffb848 !important;

   border-color:#ffb848;

}



.ui-datepicker button.ui-state-default {

  background-image: none !important;

  background-color: #35aa47 !important;

  border-color: #35aa47 !important;

  color: #fff;

} 



.ui-datepicker button.ui-state-hover {

    border-color: #1d943b !important;

    background-color: #1d943b !important;

    color: #fff !important;



}



.ui-datepicker button.ui-state-default.ui-priority-secondary {

   font-weight: 300 !important;

  font-size: 13px !important;

}



.ui-datepicker button.ui-state-default.ui-priority-primary {

   font-weight: 300 !important;

  font-size: 13px !important;

}



/***

jQuery UI Dialogs(new in v1.2.4)

***/

.ui-dialog {

  z-index: 10011 !important;

  background: none !important;

  background-color: #eee !important;

}



.ui-dialog .ui-dialog-titlebar {

  font-weight: 300 !important;

  font-size: 14px !important;

  text-transform: uppercase !important;

  color: #333 !important;

  background: none !important;

  background-color: #e0e0e0 !important;

  border: 0 !important;

  box-shadow: none !important;

  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial;

}



.ui-dialog .ui-dialog-titlebar-close {

  outline: none !important;

  border: 0 !important;

  box-shadow: none;

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

  margin-top: -12px !important;

}



.ui-dialog .ui-dialog-titlebar-close:hover {

  opacity: 0.8;

  filter: alpha(opacity=80);

}



/*dialog title bg colors*/

.ui-dialog.ui-dialog-blue .ui-dialog-titlebar {

  color: #fff !important;

  background-color: #4b8df8 !important;

}



.ui-dialog.ui-dialog-blue .ui-dialog-titlebar-close {

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

}



.ui-dialog.ui-dialog-red .ui-dialog-titlebar {

  color: #fff !important;

  background-color: #e02222 !important;

}



.ui-dialog.ui-dialog-red .ui-dialog-titlebar-close {

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

}



.ui-dialog.ui-dialog-yellow .ui-dialog-titlebar {

  color: #fff !important;

  background-color: #ffb848 !important;

}



.ui-dialog.ui-dialog-yellow .ui-dialog-titlebar-close {

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

}



.ui-dialog.ui-dialog-green .ui-dialog-titlebar {

  color: #fff !important;

  background-color: #35aa47 !important;

}



.ui-dialog.ui-dialog-green .ui-dialog-titlebar-close {

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

}



.ui-dialog.ui-dialog-purple .ui-dialog-titlebar {

  color: #fff !important;

  background-color: #852b99 !important;

}



.ui-dialog.ui-dialog-purple .ui-dialog-titlebar-close {

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

}



.ui-dialog.ui-dialog-grey .ui-dialog-titlebar {

  color: #fff !important;

  background-color: #555555 !important;

}



.ui-dialog.ui-dialog-grey .ui-dialog-titlebar-close {

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

}

/*dialog title bg colors*/



.ui-dialog .ui-dialog-content {

  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial;

  font-size: 13px !important;

  color: #333 !important;

}



.ui-dialog .ui-dialog-content .icon {

  display: inline-block;

  float: left; 

  margin: 5px 7px 20px 0;

}



.ui-widget-overlay.ui-front {

  z-index: 10010;

  background: #333 !important;

}



/***

Sidebar Content

***/

.sidebar-content {

 margin-top: 20px;

}



/***

Horezantal Menu(new in v1.2)

***/



.header .hor-menu {

  margin: 0;

  float: left;

}



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

  font-size: 14px;

  padding: 11px 18px; 

}



.ie8 .header .hor-menu a.dropdown-toggle {

  padding-top: 10px !important;

}



.header .hor-menu ul.nav li {

  position: relative;

}



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

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

  background: #e02222 !important; 

}



.ie8 .header .hor-menu ul.nav li.active > a {

  padding-top: 13px;

  padding-bottom: 12px; 

}



.ie9 .header .hor-menu ul.nav li.active > a {

  padding-top: 10px;

  padding-bottom: 12px; 

}



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

  left: 50%;

  bottom:0;

  position: absolute;

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

  border-top: 6px solid #e02222;

  display: inline-block;

  margin: 0;

  width: 0px;

  height:0px;

  margin-left: -7px;

  margin-bottom:-6px;

}



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

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

    background: #2d2d2d;

}



/*drop-down*/

.header .hor-menu .dropdown-menu {

    margin-top: 0;

    border: none;

    box-shadow: none;

    background: #2d2d2d;

}



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

    color: #999;

    padding: 7px 18px !important; 

    margin-bottom:1px;

}



.header .dropdown-menu .arrow {

  display: none;

}



.header .hor-menu ul.nav > li > a > .arrow:before {  

   margin-top: 7px;

   margin-left: 3px;

   display: inline;

   font-size: 16px;

   font-family: FontAwesome;

   height: auto;

   content: "\f107";

   font-weight: 300;

   text-shadow:none;

}



.header .hor-menu ul.nav > li .dropdown-menu > li > a > .arrow:before {

   float: right;

   margin-top: 1px;

   margin-right: -5px;

   display: inline;

   font-size: 16px;

   font-family: FontAwesome;

   height: auto;

   content: "\f105";

   font-weight: 300;

   text-shadow:none;

}



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

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

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

    color: #fff;

    filter:none !important;

    background: #e02222 !important;

}



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

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

    border-bottom: none !important;

}



/*search*/

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

    display: inline-block;

    padding: 11px 22px 11px 22px !important;

    cursor: pointer;

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

}



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

  opacity: 0.8;

  filter: alpha(opacity=80);

}



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

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

}



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

  display: none;

}



.header .hor-menu .search-form {

  top:42px; 

  right:0px; 

  padding:8px; 

  display:none;

  z-index:999; 

  position:absolute; 

  background:#101010; 

}



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

  color: #999;

  padding: 7px 20px; 

  height: 32px;

  width: 10px;

  display: inline-block;

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

}



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

  opacity: 0.8;

  filter: alpha(opacity=80);

}



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

  margin-bottom: 0;

}



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

  color: #999;

  border: none;

}



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

    color: #999;

}

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

    color: #999;

}

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

    color: #999;

}

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

    color: #999;

}



/***

Dashboard Charts(new in v1.2.1)

***/

.easy-pie-chart,

.sparkline-chart {

   text-align: center;

}



.sparkline-chart {

  margin-top: 15px;

  position:relative !important;

}



.easy-pie-chart .number {

    font-size: 16px;

    font-weight: 300;

    width: 85px;

    margin: 0 auto;

}



.sparkline-chart .number {  

    width: 100px;

    margin: 0 auto;

    margin-bottom: 10px;

}



.sparkline-chart .title,

.easy-pie-chart .title {

    display: block;

    text-align: center;

    color: #333;

    font-weight: 300;

    font-size: 16px;

    margin-top: 5px;

    margin-bottom: 10px;

}



.sparkline-chart .title:hover,

.easy-pie-chart .title:hover {

  color: #666;

  text-decoration: none;

}





/***

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;

}



/***

Bootstrap Carousel(new in v1.2.2)

***/

.carousel {

  margin-bottom: 0;

}



.carousel .carousel-caption a {

  color: #fff;

}



.carousel .carousel-inner .item {

  margin-bottom: 10px;

}



.carousel a.carousel-control {

  border: none;

  padding: 5px;

  display: none;

}



.carousel:hover a.carousel-control {

  display: block;

  width: 40px;

  height: 40px;

}



/***

Block Images(new in v1.2.2)

***/

.blog-images {

  margin-bottom: 0;

}



.blog-images li {

  display: inline;

}



.blog-images li a:hover {

  text-decoration: none;

}



.blog-images li img {

  width: 50px;

  height: 50px;

  opacity: 0.6;

  margin: 0 2px 8px;

}



.blog-images li img:hover {

  opacity: 1;

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

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

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

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

}



/*Sidebar Tags*/

ul.sidebar-tags a {

  color: #555;

  font-size:12px;

  padding:2px 5px;

  background:#f7f7f7;

  margin:0 2px 5px 0;

  display:inline-block;

}



ul.sidebar-tags a:hover,

ul.sidebar-tags a:hover i {

  color:#fff;

  background: #555;

  text-decoration:none;

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

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

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

  transition:all 0.3s ease-in-out;

}



ul.sidebar-tags a i {

  color:#777;

}



ul.sidebar-tags li {

  padding: 0;

}



/***

Social Icons(new in v1.2.2)

***/

.social-icons {

  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 .amazon {background: url(../image/amazon.png) no-repeat;}

.social-icons .behance {background: url(../image/behance.png) no-repeat;}

.social-icons .blogger {background: url(../image/blogger.png) no-repeat;}

.social-icons .deviantart {background: url(../image/deviantart.png) no-repeat;}

.social-icons .dribbble {background: url(../image/dribbble.png) no-repeat;}

.social-icons .dropbox {background: url(../image/dropbox.png) no-repeat;}

.social-icons .evernote {background: url(../image/evernote.png) no-repeat;}

.social-icons .facebook {background: url(../image/facebook.png) no-repeat;}

.social-icons .forrst {background: url(../image/forrst.png) no-repeat;}

.social-icons .github {background: url(../image/github.png) no-repeat;}

.social-icons .googleplus {background: url(../image/googleplus.png) no-repeat;}

.social-icons .jolicloud {background: url(../image/jolicloud.png) no-repeat;}

.social-icons .last-fm {background: url(../image/last-fm.png) no-repeat;}

.social-icons .linkedin {background: url(../image/linkedin.png) no-repeat;}

.social-icons .picasa {background: url(../image/picasa.png) no-repeat;}

.social-icons .pintrest {background: url(../image/pintrest.png) no-repeat;}

.social-icons .rss {background: url(../image/rss.png) no-repeat;}

.social-icons .skype {background: url(../image/skype.png) no-repeat;}

.social-icons .spotify {background: url(../image/spotify.png) no-repeat;}

.social-icons .stumbleupon {background: url(../image/stumbleupon.png) no-repeat;}

.social-icons .tumblr {background: url(../image/tumblr.png) no-repeat;}

.social-icons .twitter {background: url(../image/twitter.png) no-repeat;}

.social-icons .vimeo {background: url(../image/vimeo.png) no-repeat;}

.social-icons .wordpress {background: url(../image/wordpress.png) no-repeat;}

.social-icons .xing {background: url(../image/xing.png) no-repeat;}

.social-icons .yahoo {background: url(../image/yahoo.png) no-repeat;}

.social-icons .youtube {background: url(../image/youtube.png) no-repeat;}

.social-icons .vk {background: url(../image/vk.png) no-repeat;}

.social-icons .instagram {background: url(../image/instagram.png) no-repeat;}





/***

Responsive tables(new in v1.2.3)

***/



.flip-scroll table { width: 100%; }



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

  

  .flip-scroll table {border-left: 1px solid #ddd}

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

  

  .flip-scroll table { display: block; position: relative; width: 100%; }

  .flip-scroll thead { display: block; float: left; }

  .flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }

  .flip-scroll thead tr { display: block; }

  .flip-scroll th { display: block; text-align: right; }

  .flip-scroll tbody tr { display: inline-block; vertical-align: top; }

  .flip-scroll td { display: block; min-height: 1.25em; text-align: left; }

 

 

  /* sort out borders */

 

  .flip-scroll th { border-bottom: 0; border-left: 0; }

  .flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }

  .flip-scroll tbody tr { border-left: 1px solid #ddd; }

  .flip-scroll th:last-child,

  .flip-scroll td:last-child { border-bottom: 1px solid #ddd; }

}



.no-more-tables table {

  width: 100%;

}



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

  

  /* Force table to not be like tables anymore */

  .no-more-tables table, 

  .no-more-tables thead, 

  .no-more-tables tbody, 

  .no-more-tables th, 

  .no-more-tables td, 

  .no-more-tables tr { 

    display: block; 

  }

 

  /* Hide table headers (but not display: none;, for accessibility) */

  .no-more-tables thead tr { 

    position: absolute;

    top: -9999px;

    left: -9999px;

  }

 

  .no-more-tables tr { 

    border-left: 1px solid #ddd; 

    border-bottom: 1px solid #ddd; 

  }



  .no-more-tables tr:last-child {

    border-bottom: 0;

  }

 

  .no-more-tables td { 

    /* Behave  like a "row" */

    border: none;

    border-bottom: 1px solid #eee; 

    position: relative;

    padding-left: 50%; 

    white-space: normal;

    text-align:left;

  }

 

  .no-more-tables td:before { 

    /* Now like a table header */

    position: absolute;

    /* Top/left values mimic padding */

    top: 6px;

    left: 6px;

    width: 45%; 

    padding-right: 10px; 

    white-space: nowrap;

    text-align:left;

    font-weight: bold;

  }

 

  /*

  Label the data

  */

  .no-more-tables td:before { content: attr(data-title); }

}



/***

Fancy box fix overlay fix(in v1.2.4)

***/

.fancybox-overlay {

  z-index: 10000 !important;

}



/***

Bootstrap Datetimepickers Restyle(in v1.2.4)

***/

.modal-open .datetimepicker {

  z-index: 10060 !Important;

}



.datetimepicker table .active {

  background-image: none !important;

  background-color: #4b8df8 !important;

  filter: none !important;

}



.datetimepicker table td {

  font-weight: 300 !important;

  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial !important;

}



.datetimepicker table th {

  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial !important;

  font-weight: 400 !important;

}



/***

Bootstrap Datepickers Restyle(in v1.2.4)

***/

.modal-open .datepicker {

  z-index: 10060 !Important;

}



.datepicker table .active {

  background-image: none !important;

  background-color: #4b8df8 !important;

  filter: none !important;

}



.datepicker table td {

  font-weight: 300 !important;

  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial !important;

}



.datepicker table th {

  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial !important;

  font-weight: 400 !important;

}





/***

Bootstrap Colorpicker (in v1.3)

***/

.modal-open .colorpicker {

  z-index: 10060 !important;

}



/***

Dropdown Checkboxes (in v1.3)

***/

.dropdown-checkboxes {

  padding: 5px;

}



.dropdown-checkboxes label {

  color: #333;

  margin-bottom: 4px;

  margin-top: 4px; 

}



/***

Datatables Plugin(in v1.3)

***/

.dataTable {  

  clear: both;

  margin-top: 5px;

}



.dataTables_filter label {

  line-height: 32px !important;

}



.dataTable .row-details {  

  margin-top: 3px;

  display: inline-block;

  cursor: pointer;

  width: 14px;

  height: 14px;

}



.dataTable .row-details.row-details-close {

  background: url("../image/datatable-row-openclose.png") no-repeat 0 0;

}



.dataTable .row-details.row-details-open {  

  background: url("../image/datatable-row-openclose.png") no-repeat 0 -23px !important;

}



.dataTable .details {

  background-color: #eee !important;

}



.dataTable .details td,

.dataTable .details th {

  padding: 4px;

  background-color: none !important;

  border: 0;

}



.dataTable .details tr:hover td,

.dataTable .details tr:hover th {

  background-color: none !important;

}



.dataTable .details tr:nth-child(odd) td,

.dataTable .details tr:nth-child(odd) th {

  background-color: #eee !important;

}



.dataTable .details tr:nth-child(even) td,

.dataTable .details tr:nth-child(even) th {

  background-color: #eee !important;

}