body { color: #000; font-family: 'Open Sans', sans-serif; padding: 0px !important; margin: 0px !important; font-size: 13px; direction: ltr; }
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
@-ms-viewport { width: auto !important; }
/***
Custom Scrollbars
***/
::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { background-color: #eaeaea; border-left: 1px solid #cecece; }
::-webkit-scrollbar-thumb { background-color: #cecece; }
::-webkit-scrollbar-thumb:hover { background-color: #aaa; }
::-webkit-scrollbar-track { border-radius: 0; box-shadow: none; border: 0; }
::-webkit-scrollbar-thumb { border-radius: 0; box-shadow: none; border: 0; }
/***
General typography 
***/
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small { color: #444; }

h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Open Sans', sans-serif; font-weight: 300 !important; }
h1.block,
h2.block,
h3.block,
h4.block,
h5.block,
h6.block { padding-top: 10px; padding-bottom: 10px; }
a { text-shadow: none !important; color: #0d638f; }
/***
Fix link outlines after click
***/
a, a:focus, a:hover, a:active { outline: 0; }
/***
General backgrounds. Can be applied to any block or panel
***/
.bg-blue { background-image: none !important; background-color: #4b8df8 !important; border-color: #4b8df8 !important; color: #fff !important; }
.bg-red { background-image: none !important; background-color: #e02222 !important; border-color: #e02222 !important; color: #fff !important; }
.bg-yellow { background-image: none !important; background-color: #ffb848 !important; border-color: #ffb848 !important; color: #fff !important; }
.bg-green { background-image: none !important; background-color: #35aa47 !important; border-color: #35aa47 !important; color: #fff !important; }
.bg-purple { background-image: none !important; background-color: #852b99 !important; border-color: #852b99 !important; color: #fff !important; }
.bg-dark { background-image: none !important; background-color: #555555 !important; border-color: #555555 !important; color: #fff !important; }
.bg-grey { background-image: none !important; background-color: #fafafa !important; border-color: #fafafa !important; }
/***
Font Awesome Icons
***/
[class^="fa-"],
[class*=" fa-"] { display: inline-block; margin-top: 1px; font-size: 14px; *margin-right: .3em; line-height: 14px; }
/***
Make font awesome icons fixed width(latest version issue)
***/
li [class^="fa-"],
li [class*=" fa-"] { display: inline-block; width: 1.25em; text-align: center; }
li [class^="fa-"].icon-large,
li [class*=" fa-"].icon-large { /* increased font size for icon-large */ width: 1.5625em; }
.fa-lg,
.icon-lg { font-size: 16px; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }
.icon-default { color: #ccc; }
.icon-success { color: #468847; }
.icon-info { color: #27a9e3; }
.icon-warning { color: #dbc056; }
.icon-danger { color: #B94A48; }
/***
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; text-indent: -10000px; outline: none; background-image: url("../img/remove-icon-small.png") !important; }
/***
General HR
***/
hr { margin: 20px 0; border: 0; border-top: 1px solid #E0DFDF; border-bottom: 1px solid #FEFEFE; }
/***
Tools
***/
.display-none,.display-hide { display: none; }
.no-space { margin: 0px !important; padding: 0px !important; }
.no-margin { margin: 0; }
.no-border { border: 0 !important; }
.margin-bottom-5 { margin-bottom: 5px; }
.margin-bottom-10 { margin-bottom: 10px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-bottom-15 { margin-bottom: 15px !important; }
.margin-bottom-20 { margin-bottom: 20px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-bottom-25 { margin-bottom: 25px !important; }
.margin-right-10 { margin-right: 10px !important; }
.margin-right-0 { margin-right: 0px !important; }
.margin-right--10 { margin-right: -10px !important; }
.bold { font-weight: 600 !important; }
.fix-margin { margin-left: 0px !important; }
.border { border: 1px solid red; }
.inline { display: inline; }
.text-align-reverse { text-align: right; }
/***
ie8 & ie9 modes
***/
.visible-ie8 { display: none; }
.ie8 .visible-ie8 { display: inherit !important; }
.visible-ie9 { display: none; }
.ie9 .visible-ie9 { display: inherit !important; }
.hidden-ie8 { display: inherit; }
.ie8 .hidden-ie8 { display: none !important; }
.hidden-ie9 { display: inherit; }
.ie9 .hidden-ie9 { display: none !important; }
/********************
 GENERAL LAYOUT 
*********************/
/***
Header and header elements.
***/
.header.navbar { width: 100%; padding: 0 20px 0 20px; margin: 0; border: 0px; padding: 0px; box-shadow: none; height: 42px; min-height: 42px; }
.header.navbar.navbar-fixed-top { z-index: 9995 !important; }
.header.navbar .navbar-brand { display: inline-block; margin-top: -1px; margin-right: 0; padding-left: 0; padding-right: 0; width: 225px; height: 42px; }
.header.navbar .navbar-brand img { margin-left: 20px; }
.header.navbar .navbar-brand.text-logo { padding-left: 20px; padding-top: 12px; }
.header.navbar .navbar-toggle { margin: 8px 6px 4px 6px; padding: 0; padding-top: 2px; padding-bottom: 6px; background-image: none; filter: none; box-shadow: none; color: #fff; border: 0; }
.header.navbar .navbar-toggle:hover { text-decoration: none; background: none; }
.header.navbar .navbar-nav { margin-right: 20px; display: block; }
.header.navbar .navbar-nav > li { margin: 0px; padding: 0px; }
.header.navbar .navbar-nav > li.dropdown,
.header.navbar .navbar-nav > li.dropdown > a { padding-left: 4px; padding-right: 4px; }
.header.navbar .navbar-nav > li.dropdown > a:last-child { padding-right: 0; }
.header.navbar .navbar-nav > li.dropdown:last-child { padding-right: 2px; }
.header.navbar .navbar-nav > li.dropdown .dropdown-toggle { margin: 0px; padding: 15px 10px 7px 10px; }
.header.navbar .navbar-nav > li.dropdown .dropdown-toggle > i { font-size: 18px; }
.header.navbar .navbar-nav > li.dropdown .dropdown-menu > li > a > i { font-size: 14px; }
.header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle { padding: 7px 0px 6px 6px; }
.header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle:hover { text-decoration: none; }
.header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle .username { color: #ddd; }
.header.navbar .navbar-nav > li.dropdown.user .dropdown-toggle i { display: inline-block; margin-top: 5px; margin: 0; font-size: 16px; }
.header.navbar .navbar-nav > li.dropdown.user .dropdown-menu i { width: 15px; display: inline-block; }
.header.navbar .navbar-nav > li.dropdown .dropdown-toggle .badge { position: absolute; top: 8px; right: 20px; }
/***
Header Search
***/
.header.navbar .search-form { float: left; display: inline-block; padding: 0; height: 41px; margin: 0; }
.header.navbar .search-form .form-control { margin-top: 8px; border: 0; padding-top: 1px; padding-right: 27px; }
.header.navbar .search-form .submit { position: relative; display: block; float: right; margin-top: -21px; margin-right: 8px; width: 13px; height: 15px; box-shadow: none; border: 0px; padding: 0px; background-color: none; background-repeat: no-repeat !important; outline: none !important; opacity: 0.8; filter: alpha(opacity=80); }
.header.navbar .search-form .submit:hover { opacity: 1; filter: alpha(opacity=100); }
/***
Language Bar
***/
.header.navbar .navbar-nav > li.dropdown.language { padding-left: 0; padding-right: 0; margin: 0; }
.header.navbar .navbar-nav > li.dropdown.language > a { color: #ddd; font-size: 13px; padding: 11px 1px 11px 5px; }
.header.navbar .navbar-nav > li.dropdown.language > a > img { margin-bottom: 2px; }
.header.navbar .navbar-nav > li.dropdown.language > a > i { font-size: 16px; }
.header.navbar .navbar-nav > li.dropdown.language > .dropdown-menu > li > a > img { margin-bottom: 2px; }
.header.navbar .navbar-nav .dropdown-menu { margin-top: 3px; }
/***
Page container
***/
.page-container { margin: 0px; padding: 0px; position: relative; }
.page-container:before,
.page-container:after { display: table; content: " "; }
.page-container:after { clear: both; }
.page-header-fixed .page-container { margin-top: 42px; }
/*** IE 8 Fixes ***/
/***
Page sidebar
***/
.ie8 .page-sidebar { width: 225px; float: left; position: relative; margin-right: -100%; }
/***
Page content
***/
.ie8 .page-content-wrapper { float: left; width: 100%; }
.ie8 .page-content { margin-left: 225px; margin-top: 0px; min-height: 760px; padding: 25px 20px 20px 20px; }
/*** IE 8 Fixes ***/
/***
Page sidebar
***/
.page-sidebar.navbar-collapse { padding: 0; }
.page-sidebar-menu { list-style: none; margin: 0; padding: 0; margin: 0; padding: 0; }
.page-sidebar-menu > li { display: block; margin: 0; padding: 0; border: 0px; }
.page-sidebar-menu > li.start > a { border-top-color: transparent !important; }
.page-sidebar-menu > li:last-child > a,
.page-sidebar-menu > li.last > a { border-bottom-color: transparent !important; }
.page-sidebar-menu > li > a { display: block; position: relative; margin: 0; border: 0px; padding: 10px 15px; text-decoration: none; font-size: 14px; font-weight: 300; }
.page-sidebar-fixed .page-sidebar-menu > li > a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.page-sidebar-reversed.page-sidebar-fixed .page-sidebar-menu > li > a { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
.page-sidebar-menu > li > a i { font-size: 16px; margin-right: 5px; text-shadow: none; }
.page-sidebar-menu > li.break { margin-bottom: 20px; }
.page-sidebar-menu > li.open > a { font-size: 14px; }
.page-sidebar-menu > li.active > a { border: none; text-shadow: none; font-size: 14px; }
.page-sidebar-menu > li.active > a .selected { display: block; width: 8px; height: 25px; background-image: url("../img/sidebar-menu-arrow.png"); float: right; position: absolute; right: 0px; top: 8px; }
.page-sidebar-reversed .page-sidebar-menu > li.active > a .selected { background-image: url("../img/sidebar-menu-arrow-reverse.png"); right: auto; left: 0; }
.page-sidebar ul > li > a > .arrow:before { float: right; margin-top: 0px; margin-right: 5px; display: inline; font-size: 16px; font-family: FontAwesome; height: auto; content: "\f104"; font-weight: 300; text-shadow: none; }
.page-sidebar-menu > li > a > .arrow.open:before { float: right; margin-top: 0px; margin-right: 3px; display: inline; font-family: FontAwesome; height: auto; font-size: 16px; content: "\f107"; font-weight: 300; text-shadow: none; }
/* bagin: sidebar menu badges */
.page-sidebar-menu li > a > .badge { float: right; margin-top: 1px; margin-right: 13px; }
/* end: sidebar menu badges */
.page-sidebar-menu .sub-menu { padding: 0; }
.page-sidebar-menu > li > ul.sub-menu { display: none; list-style: none; clear: both; margin: 8px 0px 8px 0px; }
.page-sidebar-menu > li.active > ul.sub-menu { display: block; }
.page-sidebar-menu > li > ul.sub-menu > li { background: none; margin: 0px; padding: 0px; margin-top: 1px !important; }
.page-sidebar-menu > li > ul.sub-menu > li > a { display: block; margin: 0px 0px 0px 0px; padding: 5px 0px; padding-left: 44px !important; text-decoration: none; font-size: 14px; font-weight: 300; background: none; }
/* 3rd level sub menu */
.page-sidebar-menu > li > ul.sub-menu > li ul.sub-menu { display: none; list-style: none; clear: both; margin: 0px 0px 0px 0px; }
.page-sidebar-menu > li > ul.sub-menu li > a > .arrow:before { float: right; margin-top: 1px; margin-right: 20px; display: inline; font-size: 16px; font-family: FontAwesome; height: auto; content: "\f104"; font-weight: 300; text-shadow: none; }
.page-sidebar-menu > li > ul.sub-menu li > a > .arrow.open:before { float: right; margin-top: 1px; margin-right: 18px; display: inline; font-family: FontAwesome; height: auto; font-size: 16px; content: "\f107"; font-weight: 300; text-shadow: none; }
.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu { display: block; }
.page-sidebar-menu > li > ul.sub-menu > li ul.sub-menu li { background: none; margin: 0px; padding: 0px; margin-top: 1px !important; }
.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a { display: block; margin: 0px 0px 0px 0px; padding: 5px 0px; text-decoration: none; font-size: 14px; font-weight: 300; background: none; }
.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a { padding-left: 60px; }
.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a { padding-left: 80px; }
.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu > li.active ul.sub-menu { display: block; }
.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a > i { font-size: 13px; }
/***
Sidebar Search
***/
.page-sidebar .sidebar-search { padding: 0; margin: 0; }
.page-sidebar .header.navbar-responsive-search { display: none; }
.page-sidebar .sidebar-search .form-container { margin: 15px 20px 15px 20px; height: 35px; padding-top: 7px; }
.page-sidebar .sidebar-search .form-container .submit { display: block; float: right; margin-top: 3px; width: 13px; height: 15px; background-repeat: no-repeat; box-shadow: none; border: 0px; padding: 0px; outline: none !important; }
.page-sidebar .sidebar-search .form-container input[type="text"] { margin: 0px; width: 165px; border: 0px; padding: 0 !important; font-size: 14px !important; box-shadow: none !important; font-size: 14px; font-weight: normal; }
.page-sidebar .sidebar-search .form-container input[type="text"]:focus { outline: none !important; }
/***
Sidebar toggler(show/hide)
***/
.sidebar-toggler { cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); width: 29px; height: 29px; background-repeat: no-repeat; }
.sidebar-toggler:hover { filter: alpha(opacity=100); opacity: 1; }
.page-sidebar .sidebar-toggler { margin-top: 15px; margin-left: 175px; }
.header.navbar .sidebar-toggler { float: left; display: inline-block; margin-top: 6px; margin-left: -42px; }
/***
Page content
***/
.page-content { margin-top: 0px; padding: 0px; background-color: #fff; }
.ie8 .page-content { padding: 20px; margin-left: 225px; margin-top: 0px; min-height: 760px; }
.ie8 .page-sidebar-fixed .page-content { min-height: 600px; }
.ie8 .page-content.no-min-height { min-height: auto; }
.page-full-width .page-content { margin-left: 0px !important; }
.page-full-width .page-sidebar-menu { display: none; }
/***
Page title
***/
.page-title { padding: 0px; font-size: 30px; letter-spacing: -1px; display: block; color: #666; margin: 0px 0px 15px 0px; font-weight: 300; font-family: 'Open Sans', sans-serif; }
.page-title small { font-size: 14px; letter-spacing: 0px; font-weight: 300; color: #888; }
/***
Page breadcrumb
***/
.ie8 .row .page-breadcrumb.breadcrumb > li { margin-right: 1px; }
.page-content .page-breadcrumb.breadcrumb { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-shadow: none; padding-right: 30px; padding-left: 8px; margin-top: 15px; margin-bottom: 25px; border: 0px !important; background-color: #eee; }
.page-content .page-breadcrumb.breadcrumb > li > a,
.page-content .page-breadcrumb.breadcrumb > li > i,
.page-content .page-breadcrumb.breadcrumb > li > span { color: #333; font-size: 14px; text-shadow: none; }
.page-content .page-breadcrumb.breadcrumb > li > i { color: #666; }
.page-content .page-breadcrumb.breadcrumb > li + li:before { display: none; }
/* Dashboard breadcrumb Dropdown */
.page-content .page-breadcrumb.breadcrumb .btn-group { right: 15px; position: absolute; margin-top: -8px; }
.page-content .page-breadcrumb.breadcrumb > .btn-group .btn { padding-top: 8px; padding-bottom: 8px; }
/* Dashboard date range panel */
.page-content .page-breadcrumb.breadcrumb .dashboard-date-range { position: relative; top: -8px; margin-right: -30px; display: none; padding: 9px 9px 8px 9px; cursor: pointer; color: #fff; background-color: #e02222; }
/* hack for chrome and safari */
@media all and (-webkit-min-device-pixel-ratio:0) {
    .page-content .page-breadcrumb.breadcrumb .dashboard-date-range { padding: 9px; }
}
.page-content .page-breadcrumb.breadcrumb .dashboard-date-range > span { font-size: 12px; font-weight: 300; color: #fff; text-transform: uppercase; }
.page-content .page-breadcrumb.breadcrumb .dashboard-date-range > .fa-calendar { text-transform: none; color: #fff; margin-top: 0px; font-size: 14px; }
.page-content .page-breadcrumb.breadcrumb .dashboard-date-range > .fa-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; }
/*GENERAL UI ELEMENTS*/
/*Icon stuff*/
i.icon, a.icon { color: #999; margin-right: 5px; font-weight: normal; font-size: 13px; }
i.icon-black { color: #000 !important; }
a.icon:hover { text-decoration: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; opacity: .4; filter: alpha(opacity=40); }
a.icon.huge i { font-size: 16px !important; }
i.big { font-size: 20px; }
i.warning { color: #d12610; }
i.critical { color: #37b7f3; }
i.normal { color: #52e136; }
/*Custom wells*/
.well { background-color: #fafafa; border: 1px solid #eee; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
.well.mini { padding: 7px !important; }
/*Form stuff*/
/*Bordered form layout*/
/*Input icons*/
/* input with right aligned and colored icons */
/* input with left aligned icons */
.input-icon { position: relative; }
.input-icon input { padding-left: 33px !important; }
.input-icon i { color: #ccc; display: block; position: absolute; margin: 11px 2px 4px 10px; width: 16px; height: 16px; font-size: 16px; text-align: center; }
.input-icon.right input { padding-left: 12px !important; padding-right: 33px !important; }
.input-icon.right i { right: 8px; float: right; }
.has-success .input-icon > i { color: #468847; }
.has-warning .input-icon > i { color: #c09853; }
.has-error .input-icon > i { color: #b94a48; }
/*Portlets*/
.portlet { clear: both; margin-top: 0px; margin-bottom: 25px; padding: 0px; }
.portlet > .portlet-title { margin-bottom: 15px; border-bottom: 1px solid #eee; }
.portlet > .portlet-title:after,
.portlet > .portlet-title:before { content: ""; display: table; line-height: 0; }
.portlet > .portlet-title:after { clear: both; }
.portlet > .portlet-title > .caption { float: left; display: inline-block; font-size: 18px; line-height: 18px; font-weight: 400; margin: 0; padding: 0; margin-bottom: 8px; }
.portlet > .portlet-title > .caption > i { float: left; margin-top: 4px; display: inline-block !important; font-size: 13px; margin-right: 5px; color: #666; }
.portlet.blue > .portlet-title > .caption,
.portlet.green > .portlet-title > .caption,
.portlet.yellow > .portlet-title > .caption,
.portlet.red > .portlet-title > .caption,
.portlet.purple > .portlet-title > .caption,
.portlet.grey > .portlet-title > .caption { color: #fff; }
.portlet.box.blue > .portlet-title > .caption > i,
.portlet.box.green > .portlet-title > .caption > i,
.portlet.box.grey > .portlet-title > .caption > i,
.portlet.box.yellow > .portlet-title > .caption > i,
.portlet.box.red > .portlet-title > .caption > i,
.portlet.box.purple > .portlet-title > .caption > i,
.portlet.box.light-grey > .portlet-title > .caption > i { color: #fff; }
.sortable .portlet > .portlet-title { cursor: move; }
.portlet > .portlet-title > .tools,
.portlet > .portlet-title > .actions { display: inline-block; padding: 0; margin: 0; margin-top: 6px; float: right; }
.portlet > .portlet-title > .tools > a { display: inline-block; height: 16px; margin-left: 5px; }
.portlet > .portlet-title > .actions > .dropdown-menu i { color: #000 !important; }
.portlet > .portlet-title > .tools > a.remove { margin-bottom: 2px; background-image: url(../img/portlet-remove-icon.png); background-repeat: no-repeat; width: 11px; }
.portlet > .portlet-title > .tools > a.config { margin-bottom: 2px; background-image: url(../img/portlet-config-icon.png); background-repeat: no-repeat; width: 12px; }
.portlet > .portlet-title > .tools > a.reload { margin-bottom: 2px; background-image: url(../img/portlet-reload-icon.png); width: 13px; }
.portlet > .portlet-title > .tools > a.expand { margin-bottom: 2px; background-image: url(../img/portlet-expand-icon.png); width: 14px; }
.portlet > .portlet-title > .tools > a.collapse { margin-bottom: 2px; background-image: url(../img/portlet-collapse-icon.png); width: 14px; }
.portlet > .portlet-title > .tools > a:hover { text-decoration: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; opacity: .6; filter: 'alpha(opacity=60)'; }
.portlet > .portlet-title > .actions > .btn-group { margin-top: -13px; }
.portlet > .portlet-title > .actions > .btn { padding: 4px 10px; margin-top: -14px; }
.portlet > .portlet-title > .actions > .btn-group > .btn { padding: 4px 10px; margin-top: -1px; }
.portlet > .portlet-title > .actions > .btn.btn-sm { padding: 3px 8px; margin-top: -13px; }
.portlet > .portlet-title > .actions > .btn-group > .btn-sm { padding: 3px 8px; margin-top: -1px; }
.portlet > .portlet-title > .pagination.pagination-sm { float: right !important; display: inline-block !important; margin: 0px; margin-top: -4px; }
@media (max-width: 767px) {
    .portlet > .portlet-title > .actions.btn-set > .btn-group,
    .portlet > .portlet-title > .actions.btn-set > .btn { margin-top: 0px; margin-bottom: 5px; }
}
.portlet > .portlet-body { clear: both; padding: 0; }
.portlet > .portlet-empty { min-height: 125px; }
.portlet > .portlet-body.light-blue, .portlet.light-blue { background-color: #bfd5fa !important; }
.portlet > .portlet-body.blue, .portlet.blue { background-color: #4b8df8 !important; }
.portlet > .portlet-body.red, .portlet.red { background-color: #e02222 !important; }
.portlet > .portlet-body.yellow, .portlet.yellow { background-color: #ffb848 !important; }
.portlet > .portlet-body.green, .portlet.green { background-color: #35aa47 !important; }
.portlet > .portlet-body.purple, .portlet.purple { background-color: #852b99 !important; }
.portlet > .portlet-body.light-grey, .portlet.light-grey { background-color: #fafafa !important; }
.portlet > .portlet-body.grey, .portlet.grey { background-color: #555555 !important; }
/*  draggable girds */
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 100% !important; }
.ui-sortable-placeholder * { visibility: hidden; }
.sortable-box-placeholder { background-color: #f5f5f5; border: 1px dashed #DDDDDD; display: block; /* float: left;*/ margin-top: 0px !important; margin-bottom: 24px !important; }
.sortable-box-placeholder * { visibility: hidden; }
/***
Solid colored portlet
***/
.portlet.solid { padding: 10px; }
.portlet.solid > .portlet-title > .tools { margin-top: 2px; border: 0px; }
.portlet.solid > .portlet-title { margin-bottom: 5px; border: 0px; }
.portlet.solid.bordered > .portlet-title { margin-bottom: 15px; }
.portlet.solid.red > .portlet-title,
.portlet.solid.red > .portlet-title > .caption > i,
.portlet.solid.red > .portlet-body,
.portlet.solid.green > .portlet-title,
.portlet.solid.green > .portlet-title > .caption > i,
.portlet.solid.green > .portlet-body,
.portlet.solid.yellow > .portlet-title,
.portlet.solid.yellow > .portlet-title > .caption > i,
.portlet.solid.yellow > .portlet-body,
.portlet.solid.grey > .portlet-title,
.portlet.solid.grey > .portlet-title > .caption > i,
.portlet.solid.grey > .portlet-body,
.portlet.solid.purple > .portlet-title,
.portlet.solid.purple > .portlet-title > .caption > i,
.portlet.solid.purple > .portlet-body,
.portlet.solid.blue > .portlet-title,
.portlet.solid.blue > .portlet-title > .caption > i,
.portlet.solid.blue > .portlet-body { border: 0; color: #fff; }
.portlet.bordered { border-left: 2px solid #ddd; }
/***
Box portlet
***/
.portlet.box { padding: 0px !important; }
.portlet.box > .portlet-title { padding: 8px 10px 2px 10px; border-bottom: 1px solid #eee; color: #fff !important; }
.portlet.box > .portlet-title > .tools { margin-top: 3px; }
.portlet.box > .portlet-title > .tools > a.remove,
.portlet.solid > .portlet-title > .tools > a.remove { background-image: url(../img/portlet-remove-icon-white.png); }
.portlet.box > .portlet-title > .tools > a.config,
.portlet.solid > .portlet-title > .tools > a.config { background-image: url(../img/portlet-config-icon-white.png); }
.portlet.box > .portlet-title > .tools > a.reload,
.portlet.solid > .portlet-title > .tools > a.reload { background-image: url(../img/portlet-reload-icon-white.png); }
.portlet.box > .portlet-title > .tools > a.expand,
.portlet.solid > .portlet-title > .tools > a.expand { background-image: url(../img/portlet-expand-icon-white.png); }
.portlet.box > .portlet-title > .tools > a.collapse,
.portlet.solid > .portlet-title > .tools > a.collapse { background-image: url(../img/portlet-collapse-icon-white.png); }
/* portlet buttons */
.portlet.box > .portlet-body { background-color: #fff; padding: 10px; }
.portlet.box > .portlet-title { margin-bottom: 0px; }
.portlet.box.blue > .portlet-title { background-color: #4b8df8; }
.portlet.box.blue { border: 1px solid #b4cef8; border-top: 0; }
.portlet.box.red > .portlet-title { background-color: #e02222; }
.portlet.box.red { border: 1px solid #ef8476; border-top: 0; }
.portlet.box.yellow > .portlet-title { background-color: #ffb848; }
.portlet.box.yellow { border: 1px solid #fccb7e; border-top: 0; }
.portlet.box.green > .portlet-title { background-color: #35aa47; }
.portlet.box.green { border: 1px solid #77e588; border-top: 0; }
.portlet.box.purple > .portlet-title { background-color: #852b99; }
.portlet.box.purple { border: 1px solid #af5cc1; border-top: 0; }
.portlet.box.grey > .portlet-title { background-color: #555555; }
.portlet.box.grey { border: 1px solid #9d9c9c; border-top: 0; }
.portlet.box.light-grey > .portlet-title { background-color: #aaa; }
.portlet.box.light-grey { border: 1px solid #bbb; border-top: 0; }
/***
Charts and statistics
***/
.chart, .pie, .bars { overflow: hidden; height: 300px; }
/***
Statistic lists
***/
.item-list.table .percent { width: 30px; float: right; margin-right: 10px; margin-top: 3px; }

/***
Chart tooltips
***/
.chart-tooltip { clear: both; z-index: 100; background-color: #736e6e !important; padding: 5px !important; color: #fff; }

.chart-tooltip .label { clear: both; display: block; margin-bottom: 2px; }

/***
Mini chart containers
***/
.bar-chart { display: none; }

.line-chart { display: none; }

/***
Custom icon buttons
***/
.icon-btn { height: 60px; min-width: 80px; margin: 5px 5px 0 0; border: 1px solid #ddd; padding: 12px 0px 0px 0px; background-color: #fafafa !important; background-image: none !important; filter: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; display: inline-block !important; color: #646464 !important; text-shadow: none !important; text-align: center; cursor: pointer; position: relative; -webkit-transition: all 0.3s ease !important; -moz-transition: all 0.3s ease !important; -ms-transition: all 0.3s ease !important; -o-transition: all 0.3s ease !important; transition: all 0.3s ease !important; }

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

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

.icon-btn:hover { text-decoration: none !important; border-color: #999 !important; color: #444 !important; text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important; -webkit-transition: all 0.3s ease !important; -moz-transition: all 0.3s ease !important; -ms-transition: all 0.3s ease !important; -o-transition: all 0.3s ease !important; transition: all 0.3s ease !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }

.icon-btn:hover .badge { -webkit-transition: all 0.3s ease !important; -moz-transition: all 0.3s ease !important; -ms-transition: all 0.3s ease !important; -o-transition: all 0.3s ease !important; transition: all 0.3s ease !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }

.icon-btn div { font-family: 'Open Sans', sans-serif; margin-top: 5px; margin-bottom: 20px; color: #000; font-size: 12px; font-weight: 300; }

.icon-btn .badge { position: absolute; font-family: 'Open Sans', sans-serif; font-size: 11px !important; font-weight: 300; top: -5px; right: -5px; padding: 3px 6px 3px 6px; color: white !important; text-shadow: none; border-width: 0; border-style: solid; -webkit-border-radius: 12px !important; -moz-border-radius: 12px !important; border-radius: 12px !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

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

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

.dropdown-menu.extended li a { display: block; padding: 5px 10px !important; clear: both; font-weight: normal; line-height: 20px; white-space: normal !important; }

.dropdown-menu.extended li i { margin-right: 3px; }

.dropdown-menu.extended li a { font-size: 13px; padding: 10px !important; background-color: #ffffff; }

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

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

.dropdown-menu.extended li a { padding: 7px 0 5px 0px; list-style: none; border-bottom: 1px solid #f4f4f4 !important; font-size: 12px; text-shadow: none; }

.dropdown-menu.extended li:first-child a { border-top: none; border-bottom: 1px solid #f4f4f4 !important; }

.dropdown-menu.extended li:last-child a { border-top: 1px solid white !important; border-bottom: 1px solid #f4f4f4 !important; }

.dropdown-menu.extended li.external > a { font-size: 13px; font-weight: 400; }

.dropdown-menu.extended li.external > a > i { margin-top: 3px; float: right; }

/* header notifications dropdowns */
.dropdown-menu .dropdown-menu-list.scroller { padding-right: 0 !important; padding-left: 0; list-style: none; }

.dropdown-menu.notification li > a .time { font-size: 12px; font-weight: 600; text-align: right; font-style: italic; }

/* header inbox dropdowns */
.dropdown-menu.inbox li > a .photo { float: left; padding-right: 6px; }

.dropdown-menu.inbox li > a .photo > img { height: 40px; width: 40px; }

.dropdown-menu.inbox li > a .subject { display: block; }

.dropdown-menu.inbox li > a .subject .from { font-size: 14px; font-weight: 400; color: #02689b; }

.dropdown-menu.inbox li > a .subject .time { font-size: 12px; font-weight: 600; font-style: italic; position: relative; float: right; }

.dropdown-menu.inbox li > a .message { display: block !important; font-size: 12px; }

/* header tasks */
.dropdown-menu.tasks .task { margin-bottom: 5px; }

.dropdown-menu.tasks .task .desc { font-size: 13px; font-weight: 300; }

.dropdown-menu.tasks .task .percent { font-size: 14px; font-weight: 600; font-family: 'Open Sans', sans-serif; float: right; display: inline-block; }

.dropdown-menu.tasks .progress { display: block; height: 11px; margin: 0px; }

/***
General list for item with image
***/
.item-list li .img { height: 50px; width: 50px; float: left; margin-top: 3px; margin-right: 5px; }

.item-list { margin: 0px; list-style: none; }

.item-list li { padding: 7px 0 5px 0px; list-style: none; border-top: 1px solid white; border-bottom: 1px solid #EBEBEB; font-size: 12px; }

.item-list li:first-child { border-top: none; border-bottom: 1px solid #EBEBEB; }

.item-list li:last-child { border-top: none; border-bottom: none; }

.item-list li .label { margin-right: 5px; }

.item-list.todo li .label { position: absolute; right: 80px; }

.item-list.todo li .actions { position: absolute; right: 45px; }

/***
Custom tables
***/
.table-toolbar { margin-bottom: 15px; }

.table.table-full-width { width: 100% !important; }

.table .m-btn { margin-top: 0px; margin-left: 0px; margin-right: 5px; }

.table thead tr th { font-size: 14px; font-weight: 600; }

.table-advance { margin-bottom: 10px !important; }

.table-advance thead { color: #999; }

.table-advance thead tr th { background-color: #DDD; font-size: 14px; font-weight: 400; color: #666; }

.table-advance div.success,
.table-advance div.info,
.table-advance div.important,
.table-advance div.warning,
.table-advance div.danger { position: absolute; margin-top: -5px; float: left; width: 2px; height: 30px; margin-right: 20px !important; }

.table-advance tr td { border-left-width: 0px; }
.table-advance tr td:first-child { border-left-width: 1px !important; }

.table-advance tr td.highlight:first-child a { margin-left: 15px; }

.table-advance td.highlight div.success { border-left: 2px solid #66ee66; }

.table-advance td.highlight div.info { border-left: 2px solid #87ceeb; }

.table-advance td.highlight div.important { border-left: 2px solid #f02c71; }

.table-advance td.highlight div.warning { border-left: 2px solid #fdbb39; }

.table-advance td.highlight div.danger { border-left: 2px solid #e23e29; }

/***
Star rating
***/
.rating { unicode-bidi: bidi-override; direction: rtl; font-size: 30px; }

.rating span.star { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; }

.rating span.star:hover { cursor: pointer; }

.rating span.star:before { content: "\f006"; padding-right: 5px; color: #999999; }

.rating span.star:hover:before,
.rating span.star:hover ~ span.star:before { content: "\f005"; color: #e3cf7a; }


/***
Item block with details shown on hover
***/
.item { overflow: hidden; display: block; margin-bottom: 20px; }

.item .details { width: 100%; display: none; background-color: #000; color: #fff !important; padding: 5px; text-align: center; position: relative; bottom: 30px; margin-bottom: -30px; overflow: hidden; z-index: 6; }

.item:hover .details { display: block; opacity: 0.7; filter: alpha(opacity = 70); }

.item:hover .zoom-icon { opacity: 0.5; filter: alpha(opacity = 50); }

/***
Zoom icon overlay on images
***/
.zoom { cursor: pointer; width: 100%; height: 100%; position: relative; z-index: 5; }

.zoom .zoom-icon { background-image: url("../img/overlay-icon.png"); background-color: #222; background-repeat: no-repeat; background-position: 50%; position: absolute; width: inherit; height: inherit; opacity: 0; filter: alpha(opacity = 0); z-index: 6; top: 0; }

/***
Chats
***/
.chats { margin: 0; padding: 0; margin-top: -15px; }

.chats li { list-style: none; padding: 5px 0; margin: 10px auto; font-size: 12px; }

.chats li img.avatar { height: 45px; width: 45px; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; }

.chats li.in img.avatar { float: left; margin-right: 10px; }

.chats li .name { color: #3590c1; font-size: 13px; font-weight: 400; }

.chats li .datetime { color: #333; font-size: 13px; font-weight: 400; }

.chats li.out img.avatar { float: right; margin-left: 10px; }

.chats li .message { display: block; padding: 5px; position: relative; }

.chats li.in .message { text-align: left; border-left: 2px solid #35aa47; margin-left: 65px; background: #fafafa; }

.chats li.in .message .arrow { display: block; position: absolute; top: 5px; left: -8px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #35aa47; }

.chats li.out .message .arrow { display: block; position: absolute; top: 5px; right: -8px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #da4a38; }

.chats li.out .message { border-right: 2px solid #da4a38; margin-right: 65px; background: #fafafa; text-align: right; }

.chats li.out .name,
.chats li.out .datetime { text-align: right; }

.chats li .message .body { display: block; }

.chat-form { margin-top: 15px; padding: 10px; background-color: #e9eff3; overflow: hidden; clear: both; }

.chat-form .input-cont { margin-right: 40px; }

.chat-form .input-cont .form-control { width: 100% !important; margin-bottom: 0px; }

.chat-form .input-cont input { border: 1px solid #ddd; width: 100% !important; margin-top: 0; }

.chat-form .input-cont input { background-color: #fff !important; }

.chat-form .input-cont input:focus { border: 1px solid #4b8df9 !important; }

.chat-form .btn-cont { margin-top: -42px; position: relative; float: right; width: 44px; }

.chat-form .btn-cont .arrow { position: absolute; top: 17px; right: 43px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #4d90fe; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.chat-form .btn-cont:hover .arrow { border-right-color: #0362fd; }

.chat-form .btn-cont:hover .btn { background-color: #0362fd; }

.chat-form .btn-cont .btn { margin-top: 8px; }

/***
System feeds
***/
.feeds { margin: 0px; padding: 0px; list-style: none; }

.feeds li { background-color: #fafafa; margin-bottom: 7px; }

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

.feeds li:after { clear: both; }

.feeds li:last-child { margin-bottom: 0px; }

.feeds .col1 { float: left; width: 100%; clear: both; }

.feeds .col2 { float: left; width: 75px; margin-left: -75px; }

.feeds .col1 .cont { float: left; margin-right: 75px; overflow: hidden; }

.feeds .col1 .cont .cont-col1 { float: left; margin-right: -100%; }

.feeds .col1 .cont .cont-col1 .label { display: inline-block; padding: 5px 4px 6px 5px; vertical-align: middle; text-align: center; }
.feeds .col1 .cont .cont-col1 .label > i { text-align: center; font-size: 14px; }

.feeds .col1 .cont .cont-col2 { float: left; width: 100%; }

.feeds .col1 .cont .cont-col2 .desc { margin-left: 35px; padding-top: 4px; padding-bottom: 5px; overflow: hidden; }

.feeds .col2 .date { padding: 4px 9px 5px 4px; text-align: right; font-style: italic; color: #c1cbd0; }

/***
Users
***/
.user-info { margin-bottom: 10px !important; }

.user-info img { float: left; margin-right: 5px; }

.user-info .details { display: inline-block; }

.user-info .label { font-weight: 300; font-size: 11px; }

/***
Accordions
***/
.accordion-heading { background: #eee; }

.accordion-heading a { text-decoration: none; }

.accordion-heading a:hover { text-decoration: none; }

/***
Vertical inline menu
***/
.ver-inline-menu { padding: 0; margin: 0; list-style: none; }

.ver-inline-menu li { position: relative; margin-bottom: 1px; }

.ver-inline-menu li i { width: 37px; height: 37px; display: inline-block; color: #b9cbd5; font-size: 15px; padding: 12px 10px 10px 8px; margin: 0 8px 0 0; text-align: center; background: #e0eaf0 !important; }

.ver-inline-menu li a { font-size: 13px; color: #557386; display: block; background: #f0f6fa; border-left: solid 2px #c4d5df; }

.ver-inline-menu li:hover a,
.ver-inline-menu li:hover i { background: #e0eaf0; text-decoration: none; }

.ver-inline-menu li:hover i { color: #fff; background: #c4d5df !important; }

.ver-inline-menu li.active a,
.ver-inline-menu li:hover a { font-size: 13px; }

.ver-inline-menu li.active a { border-left: solid 2px #0c91e5; }

.ver-inline-menu li.active a,
.ver-inline-menu li.active i { color: #fff; background: #169ef4; text-decoration: none; }

.ver-inline-menu li.active i { background: #0c91e5 !important; }

.ver-inline-menu li.active:after { content: ''; display: inline-block; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-left: 6px solid #169ef4; position: absolute; top: 12px; right: -5px; }

/***
Custom tabs
***/
.nav-tabs > li > a > .badge,
.nav-pills > li > a > .badge { margin-top: -3px; }

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

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

.tabbable-custom { margin-bottom: 15px; padding: 0px; overflow: hidden; }

.tabbable-custom > .nav-tabs { border: none; margin: 0px; }

.tabbable-custom > .tab-content { background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px; }

.tabbable-custom.nav-justified .tab-content { margin-top: -1px; }

.tabs-below.tabbable-custom.nav-justified .tab-content { margin-top: 0px; margin-bottom: -2px; }

.tabbable-custom.boxless > .tab-content { padding: 15px 0; border-left: none; border-right: none; border-bottom: none; }

.tabbable-custom .nav-tabs > li { margin-right: 2px; border-top: 2px solid transparent; }

.tabbable-custom .nav-tabs > li > a { margin-right: 0; }

.tabbable-custom .nav-tabs > li > a:hover { background: none; border-color: transparent; }

.tabbable-custom .nav-tabs > li.active { border-top: 3px solid #d12610; margin-top: 0; position: relative; }

.tabbable-custom .nav-tabs > li.active > a { border-top: none; font-weight: 400; }

.tabbable-custom .nav-tabs > li.active > a:hover { border-top: none; background: #fff; border-color: #d4d4d4 #d4d4d4 transparent; }

.tabbable-custom .nav-tabs > li { margin-right: 2px; border-top: 2px solid transparent; }

/* below tabs */

.tabs-below.tabbable-custom .nav-tabs > li > a { border-top: none; border-bottom: 2px solid transparent; margin-top: -1px; }

.tabs-below.tabbable-custom .nav-tabs > li.active { border-top: none; border-bottom: 3px solid #d12610; margin-bottom: 0; position: relative; }

.tabs-below.tabbable-custom .nav-tabs > li.active > a { border-bottom: none; }

.tabs-below.tabbable-custom .nav-tabs > li.active > a:hover { background: #fff; border-color: #d4d4d4 #d4d4d4 transparent; }

/*full width tabs with bigger titles */
.tabbable-custom.tabbable-full-width > .tab-content { padding: 15px 0; border-left: none; border-right: none; border-bottom: none; }

.tabbable-custom.tabbable-full-width .nav-tabs > li > a { color: #424242; font-size: 15px; padding: 9px 15px; }

/***
Custom portlet tabs
***/

.portlet-tabs > .nav-tabs { position: relative; top: -41px; margin-right: 10px; overflow: hidden; }

.portlet-tabs > .nav-tabs > li { float: right; }

.portlet-tabs > .nav-tabs { border-bottom: none; }

.portlet-tabs > .nav-tabs > li > a { color: #fff; padding-top: 8px; padding-bottom: 10px; line-height: 16px; margin-top: 6px; margin-left: 0px; margin-right: 0px; border-left: 0; border-right: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

.portlet-tabs > .nav-tabs > li:last-child > a { border-right: 0; }

.portlet-tabs > .nav-tabs > li { margin-left: 1px; }

.portlet-tabs > .nav-tabs > li.active { color: #333; border-top-color: transparent; }

.portlet-tabs > .nav-tabs > li.active > a { margin-bottom: 0px; border-bottom: 0; margin-left: 0px; margin-right: 0px; border-left: 0; border-right: 0; border-top-color: transparent !important; }

.portlet-tabs > .nav-tabs > li > a:hover { color: #333; margin-bottom: 0; border-bottom-color: transparent; margin-left: 0; margin-right: 0; border-left: 0; border-right: 0; border-top-color: transparent; background-color: #fff; }

.portlet-tabs > .nav-tabs > .active > a { color: #555555; cursor: default; background-color: #fff; }

.portlet-tabs > .nav-tabs > .active > a:hover { background-color: #fff !important; }

.portlet-tabs > .tab-content { padding: 10px !important; margin: 0px; margin-top: -50px !important; }

.portlet.tabbable .portlet-body { padding: 0px; }

.tab-pane > p:last-child { margin-bottom: 0px; }

/* reverse aligned tabs */

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

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

/***
Dashboard container
***/

#dashboard { overflow: hidden; }

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

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

.dashboard-stat:before,
.dashboard-stat:after { display: table; line-height: 0; content: ""; }
.dashboard-stat:after { clear: both; }

.dashboard-stat .visual { width: 80px; height: 80px; display: block; float: left; padding-top: 10px; padding-left: 15px; margin-bottom: 10px; }

.dashboard-stat .visual i { font-size: 65px; line-height: 65px; color: #fff; }

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

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

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

.dashboard-stat .details { position: absolute; right: 15px; padding-right: 10px; }

.dashboard-stat .details .number { padding-top: 15px; text-align: right; font-size: 34px; line-height: 34px; letter-spacing: -1px; margin-bottom: 5px; font-weight: 300; color: #fff; }

.dashboard-stat .details .desc { text-align: right; font-size: 16px; letter-spacing: 0px; font-weight: 300; color: #fff; }

.dashboard-stat .more { clear: both; display: block; padding: 5px 10px 5px 10px; text-transform: uppercase; font-weight: 300; font-size: 11px; color: #fff; opacity: 0.7; filter: alpha(opacity=70); }

.dashboard-stat .more:hover { text-decoration: none; opacity: 1; filter: alpha(opacity=100); }

.dashboard-stat .more > i { display: inline-block; margin-top: 1px; float: right; }

.dashboard-stat.blue { background-color: #27a9e3; }

.dashboard-stat.blue .more { background-color: #208dbe; }

.dashboard-stat.green { background-color: #28b779; }

.dashboard-stat.green .more { background-color: #10a062; }

.dashboard-stat.red { background-color: #e7191b; }

.dashboard-stat.red .more { background-color: #bc0d0e; }

.dashboard-stat.yellow { background-color: #ffb848; }

.dashboard-stat.yellow .more { background-color: #cb871b; }

.dashboard-stat.purple { background-color: #852b99; }

.dashboard-stat.purple .more { background-color: #6e1881; }

/***
Text Stats
***/

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

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

@media (max-width: 767px) {

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

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

.tiles { margin-right: -10px; }

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

.tiles:after { clear: both; }

.tile { display: block; letter-spacing: 0.02em; float: left; height: 135px; width: 135px !important; cursor: pointer; text-decoration: none; color: #ffffff; position: relative; font-weight: 300; font-size: 12px; letter-spacing: 0.02em; line-height: 20px; overflow: hidden; border: 4px solid transparent; margin: 0 10px 10px 0; }

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

.tile.double { width: 280px !important; }

.tile.double-down { height: 280px !important; }

.tile:active, .tile.selected { border-color: #ccc !important; }

.tile:hover { border-color: #aaa !important; }

.tile.selected .corner:after { content: ""; display: inline-block; border-left: 40px solid transparent; border-bottom: 40px solid transparent; border-right: 40px solid #ccc; position: absolute; top: -3px; right: -3px; }

.tile.selected .check:after { content: ""; font-family: FontAwesome; font-size: 13px; content: "\f00c"; display: inline-block; position: absolute; top: 2px; right: 2px; }

.tile * { color: #ffffff; }

.tile .tile-body { height: 100%; vertical-align: top; padding: 10px 10px; overflow: hidden; position: relative; font-weight: 400; font-size: 12px; color: #000000; color: #ffffff; margin-bottom: 10px; }

.tile .tile-body img { float: left; margin-right: 10px; }

.tile .tile-body img.pull-right { float: right !important; margin-left: 10px; margin-right: 0px; }

.tile .tile-body .content { display: inline-block; }

.tile .tile-body > i { margin-top: 17px; display: block; font-size: 56px; line-height: 56px; text-align: center; }


.tile.double-down i { margin-top: 95px; }

.tile .tile-body h1,
.tile .tile-body h2,
.tile .tile-body h3,
.tile .tile-body h4,
.tile .tile-body h5,
.tile .tile-body h6,
.tile .tile-body p { padding: 0; margin: 0; line-height: 14px; }

.tile .tile-body h3,
.tile .tile-body h4 { margin-bottom: 5px; }

.tile .tile-body h1:hover,
.tile .tile-body h2:hover,
.tile .tile-body h3:hover,
.tile .tile-body h4:hover,
.tile .tile-body h5:hover,
.tile .tile-body h6:hover,
.tile .tile-body p:hover { color: #ffffff; }

.tile .tile-body p { font-weight: 400; font-size: 13px; color: #000000; color: #ffffff; line-height: 20px; overflow: hidden; }

.tile .tile-body p:hover { color: rgba(0, 0, 0, 0.8); }

.tile .tile-body p:active { color: rgba(0, 0, 0, 0.4); }

.tile .tile-body p:hover { color: #ffffff; }

.tile.icon > .tile-body { padding: 0; }

.tile .tile-object { position: absolute; bottom: 0; left: 0; right: 0; min-height: 30px; background-color: transparent; *zoom: 1; }

.tile .tile-object:before,
.tile .tile-object:after { display: table; content: ""; }

.tile .tile-object:after { clear: both; }

.tile .tile-object > .name { position: absolute; bottom: 0; left: 0; margin-bottom: 5px; margin-left: 10px; margin-right: 15px; font-weight: 400; font-size: 13px; color: #ffffff; }

.tile .tile-object > .name > i { vertical-align: middle; display: block; font-size: 24px; height: 18px; width: 24px; }

.tile .tile-object > .number { position: absolute; bottom: 0; right: 0; margin-bottom: 0; color: #ffffff; text-align: center; font-weight: 600; font-size: 14px; letter-spacing: 0.01em; line-height: 14px; margin-bottom: 8px; margin-right: 10px; }

.tile.image > .tile-body { padding: 0 !important; }

.tile.image > .tile-body > img { width: 100%; height: auto; min-height: 100%; max-width: 100%; }

.tile.image .tile-body h3 { display: inline-block; }

/***
Theme Panel
***/

.theme-panel { width: 400px; margin-top: -20px; margin-right: 1px; z-index: 999; float: right; position: relative; }

.theme-panel > .toggler { top: 4px; right: 0; padding: 20px; cursor: pointer; position: absolute; background: #c9c9c9 url(../img/icon-color.png) center no-repeat; }

.theme-panel > .toggler:hover { background-color: #3d3d3d !important; }

.theme-panel > .toggler-close { display: none; top: 4px; right: 0; padding: 20px; cursor: pointer; position: absolute; background: #3d3d3d url(../img/icon-color-close.png) center no-repeat !important; }

.theme-panel > .toggler-close:hover { background-color: #222 !important; }

.theme-panel > .theme-options { top: 4px; right: 40px; display: none; position: absolute; background: #3d3d3d; }

.theme-panel > .theme-options > .theme-option { color: #cfcfcf; padding: 15px; border-top: 1px solid #585858; margin-top: 0px; margin-bottom: 0px; }

.theme-panel > .theme-options > .theme-option.theme-colors { border-top: 0; }

.theme-panel > .theme-options > .theme-option > span { text-transform: uppercase; display: inline-block; width: 138px; font-size: 14px; }

.theme-panel > .theme-options > .theme-option.theme-colors > span { display: block; width: auto; }

.theme-panel > .theme-options > .theme-option > select.form-control { display: inline; width: 100px; text-transform: lowercase; }

.theme-panel > .theme-options > .theme-option.theme-colors > ul { list-style: none; padding: 0; display: block; margin-bottom: 1px !important; margin-top: 10px; }

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li { width: 37px; height: 37px; margin: 0 4px; cursor: pointer; list-style: none; float: left; border: solid 1px #707070; }

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li:first-child { margin-left: 0; }

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li:hover,
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.current { border: solid 2px #ebebeb; }

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-black { background: #333438; }

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-grey { background: #6d6d6d; }

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-blue { background: #124f94; }

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

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-purple { background: #701584; }

.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-white { background: #fff; }

/***
Top bar menu
***/

/* enable arrow for dropdown menu */
.header.navbar .nav > li > .dropdown-menu:before { position: absolute; top: -7px; right: 9px; display: inline-block !important; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }

.header.navbar .nav > li > .dropdown-menu:after { position: absolute; top: -6px; right: 10px; display: inline-block !important; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; }

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

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

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

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

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

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

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

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

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

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

/***
Horezantal Menu(new in v1.2)
***/

.header.navbar .hor-menu { margin: 0; float: left; }

.header.navbar .hor-menu ul.nav li > a { font-size: 14px; padding: 11px 10px; }

.header.navbar .hor-menu ul.nav li.current .selected,
.header.navbar .hor-menu ul.nav li.active .selected { left: 50%; bottom: 0; position: absolute; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #e02222; display: inline-block; margin: 0; width: 0px; height: 0px; margin-left: -7px; margin-bottom: -6px; }

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

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

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

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

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

.header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li > a:hover,
.header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li:hover > a,
.header.navbar .hor-menu .classic-menu-dropdown .dropdown-menu li.active > a { filter: none !important; }

.header.navbar .hor-menu .nav > li > .dropdown-menu:after,
.header.navbar .hor-menu .nav > li > .dropdown-menu:before { border-bottom: none !important; }

/*search*/
.header.navbar .hor-menu .hor-menu-search-form-toggler { display: inline-block; padding: 12px 22px 12px 22px !important; cursor: pointer; background: url(../img/hor-menu-search.png) no-repeat center; }

.header.navbar .hor-menu .hor-menu-search-form-toggler:hover { opacity: 0.8; filter: alpha(opacity=80); }

.header.navbar .hor-menu a.hor-menu-search-form-toggler-close { display: none; }

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

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

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

.header.navbar .hor-menu .search-form form { margin-bottom: 0; }

.header.navbar .hor-menu .search-form form input { background: none; width: 200px; border: none; margin-top: 6px; }

/***
Top News Blocks(new in v1.2.2)
***/
.top-news { color: #fff; margin: 8px 0; }

.top-news a,
.top-news em,
.top-news span { display: block; text-align: left; }

.top-news a { padding: 10px; position: relative; margin-bottom: 10px; }

.top-news a .top-news-icon { right: 8px; bottom: 15px; opacity: 0.3; font-size: 35px; position: absolute; filter: alpha(opacity=30); /*For IE8*/ }

.top-news em { margin-bottom: 0; font-style: normal; }

.top-news span { font-size: 18px; margin-bottom: 5px; }

/***
Block Images(new in v1.2.2)
***/
.blog-images { margin-bottom: 0; }

.blog-images li { padding: 0; margin: 0; display: inline; }

.blog-images li a:hover { text-decoration: none; }

.blog-images li img { width: 50px; height: 50px; opacity: 0.6; margin: 0 2px 8px; }

.blog-images li img:hover { opacity: 1; box-shadow: 0 0 0 4px #72c02c; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; }

/*Sidebar Tags*/
ul.sidebar-tags a { color: #555; font-size: 12px; padding: 3px 5px; background: #f7f7f7; margin: 0 2px 5px 0; display: inline-block; }

ul.sidebar-tags a:hover,
ul.sidebar-tags a:hover i { background: #EEE; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

ul.sidebar-tags a i { color: #777; }

ul.sidebar-tags li { padding: 0; }

/***
Social Icons(new in v1.2.2)
***/
.social-icons { padding: 0; margin: 0; }

.social-icons:after,
.social-icons:before { content: ""; display: table; }

.social-icons:after { clear: both; }

.social-icons li { float: left; display: inline; list-style: none; margin-right: 5px; margin-bottom: 5px; text-indent: -9999px; }
.social-icons li a, a.social-icon { width: 28px; height: 28px; display: block; background-position: 0 0; background-repeat: no-repeat; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.social-icons li:hover a { background-position: 0 -38px; }

.social-icons-color li a { opacity: 0.7; background-position: 0 -38px !important; }

.social-icons-color li a:hover { opacity: 1; }

.social-icons .amazon { background: url(../img/social/amazon.png) no-repeat; }
.social-icons .behance { background: url(../img/social/behance.png) no-repeat; }
.social-icons .blogger { background: url(../img/social/blogger.png) no-repeat; }
.social-icons .deviantart { background: url(../img/social/deviantart.png) no-repeat; }
.social-icons .dribbble { background: url(../img/social/dribbble.png) no-repeat; }
.social-icons .dropbox { background: url(../img/social/dropbox.png) no-repeat; }
.social-icons .evernote { background: url(../img/social/evernote.png) no-repeat; }
.social-icons .facebook { background: url(../img/social/facebook.png) no-repeat; }
.social-icons .forrst { background: url(../img/social/forrst.png) no-repeat; }
.social-icons .github { background: url(../img/social/github.png) no-repeat; }
.social-icons .googleplus { background: url(../img/social/googleplus.png) no-repeat; }
.social-icons .jolicloud { background: url(../img/social/jolicloud.png) no-repeat; }
.social-icons .last-fm { background: url(../img/social/last-fm.png) no-repeat; }
.social-icons .linkedin { background: url(../img/social/linkedin.png) no-repeat; }
.social-icons .picasa { background: url(../img/social/picasa.png) no-repeat; }
.social-icons .pintrest { background: url(../img/social/pintrest.png) no-repeat; }
.social-icons .rss { background: url(../img/social/rss.png) no-repeat; }
.social-icons .skype { background: url(../img/social/skype.png) no-repeat; }
.social-icons .spotify { background: url(../img/social/spotify.png) no-repeat; }
.social-icons .stumbleupon { background: url(../img/social/stumbleupon.png) no-repeat; }
.social-icons .tumblr { background: url(../img/social/tumblr.png) no-repeat; }
.social-icons .twitter { background: url(../img/social/twitter.png) no-repeat; }
.social-icons .vimeo { background: url(../img/social/vimeo.png) no-repeat; }
.social-icons .wordpress { background: url(../img/social/wordpress.png) no-repeat; }
.social-icons .xing { background: url(../img/social/xing.png) no-repeat; }
.social-icons .yahoo { background: url(../img/social/yahoo.png) no-repeat; }
.social-icons .youtube { background: url(../img/social/youtube.png) no-repeat; }
.social-icons .vk { background: url(../img/social/vk.png) no-repeat; }
.social-icons .instagram { background: url(../img/social/instagram.png) no-repeat; }
.social-icons .reddit { background: url(../img/social/reddit.png) no-repeat; }
.social-icons .aboutme { background: url(../img/social/aboutme.png) no-repeat; }
.social-icons .flickr { background: url(../img/social/flickr.png) no-repeat; }
.social-icons .foursquare { background: url(../img/social/foursquare.png) no-repeat; }
.social-icons .gravatar { background: url(../img/social/gravatar.png) no-repeat; }
.social-icons .klout { background: url(../img/social/klout.png) no-repeat; }
.social-icons .myspace { background: url(../img/social/myspace.png) no-repeat; }
.social-icons .quora { background: url(../img/social/quora.png) no-repeat; }

/***
Inline Social Icons
***/

.social-icon { display: inline-block !important; width: 28px; height: 28px; background-position: 0 0; background-repeat: no-repeat; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }

.social-icon.amazon { background: url(../img/social/amazon.png) no-repeat; }
.social-icon.behance { background: url(../img/social/behance.png) no-repeat; }
.social-icon.blogger { background: url(../img/social/blogger.png) no-repeat; }
.social-icon.deviantart { background: url(../img/social/deviantart.png) no-repeat; }
.social-icon.dribbble { background: url(../img/social/dribbble.png) no-repeat; }
.social-icon.dropbox { background: url(../img/social/dropbox.png) no-repeat; }
.social-icon.evernote { background: url(../img/social/evernote.png) no-repeat; }
.social-icon.facebook { background: url(../img/social/facebook.png) no-repeat; }
.social-icon.forrst { background: url(../img/social/forrst.png) no-repeat; }
.social-icon.github { background: url(../img/social/github.png) no-repeat; }
.social-icon.googleplus { background: url(../img/social/googleplus.png) no-repeat; }
.social-icon.jolicloud { background: url(../img/social/jolicloud.png) no-repeat; }
.social-icon.last-fm { background: url(../img/social/last-fm.png) no-repeat; }
.social-icon.linkedin { background: url(../img/social/linkedin.png) no-repeat; }
.social-icon.picasa { background: url(../img/social/picasa.png) no-repeat; }
.social-icon.pintrest { background: url(../img/social/pintrest.png) no-repeat; }
.social-icon.rss { background: url(../img/social/rss.png) no-repeat; }
.social-icon.skype { background: url(../img/social/skype.png) no-repeat; }
.social-icon.spotify { background: url(../img/social/spotify.png) no-repeat; }
.social-icon.stumbleupon { background: url(../img/social/stumbleupon.png) no-repeat; }
.social-icon.tumblr { background: url(../img/social/tumblr.png) no-repeat; }
.social-icon.twitter { background: url(../img/social/twitter.png) no-repeat; }
.social-icon.vimeo { background: url(../img/social/vimeo.png) no-repeat; }
.social-icon.wordpress { background: url(../img/social/wordpress.png) no-repeat; }
.social-icon.xing { background: url(../img/social/xing.png) no-repeat; }
.social-icon.yahoo { background: url(../img/social/yahoo.png) no-repeat; }
.social-icon.youtube { background: url(../img/social/youtube.png) no-repeat; }
.social-icon.vk { background: url(../img/social/vk.png) no-repeat; }
.social-icon.instagram { background: url(../img/social/instagram.png) no-repeat; }
.social-icon.reddit { background: url(../img/social/reddit.png) no-repeat; }
.social-icon.aboutme { background: url(../img/social/aboutme.png) no-repeat; }
.social-icon.flickr { background: url(../img/social/flickr.png) no-repeat; }
.social-icon.foursquare { background: url(../img/social/foursquare.png) no-repeat; }
.social-icon.gravatar { background: url(../img/social/gravatar.png) no-repeat; }
.social-icon.klout { background: url(../img/social/klout.png) no-repeat; }
.social-icon.myspace { background: url(../img/social/myspace.png) no-repeat; }
.social-icon.quora { background: url(../img/social/quora.png) no-repeat; }

.social-icon:hover { background-position: 0 -38px; }

.social-icon-color { opacity: 0.7; background-position: 0 -38px !important; }

.social-icon-color:hover { opacity: 1; }

/***
Notes
***/

/* Common styles for all types */
.note { margin: 0 0 20px 0; padding: 15px 30px 15px 15px; border-left: 5px solid #eee; }

.note h1,
.note h2,
.note h3,
.note h4 { margin-top: 0; }

.note p:last-child { margin-bottom: 0; }
.note code,
.note .highlight { background-color: #fff; }

/* Variations */
.note-danger { background-color: #FAEAE6; border-color: #ed4e2a; }

.note-warning { background-color: #FCF3E1; border-color: #fcb322; }

.note-info { background-color: #E8F6FC; border-color: #57b5e3; }

.note-success { background-color: #EBFCEE; border-color: #3cc051; }

/***
Demo Utils
***/
.scrollspy-example { position: relative; height: 200px; margin-top: 10px; overflow: auto; }

.util-btn-margin-bottom-5 .btn { margin-bottom: 5px !important; }

.util-btn-group-margin-bottom-5 .btn-group { margin-bottom: 5px !important; }

.fontawesome-demo i { font-size: 18px; }

.fontawesome-demo li { padding-top: 5px; padding-bottom: 5px; }

.glyphicons-demo ul { padding-left: 0; padding-bottom: 1px; margin-bottom: 20px; list-style: none; overflow: hidden; }

.bs-glyphicons { padding-left: 0; padding-bottom: 1px; margin-bottom: 20px; list-style: none; overflow: hidden; }
.glyphicons-demo ul li { float: left; width: 25%; height: 115px; padding: 10px; margin: 0 -1px -1px 0; font-size: 12px; line-height: 1.4; text-align: center; border: 1px solid #ddd; }

.glyphicons-demo .glyphicon { display: block; margin: 5px auto 10px; font-size: 24px; }
.glyphicons-demo ul li:hover { background-color: rgba(86,61,124,.1); }

@media (min-width: 768px) {
    .glyphicons-demo ul li { width: 12.5%; }
}

/***
Forms 
****/

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

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

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

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

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

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

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

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

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

.control-label .required { color: #e02222; font-size: 12px; padding-left: 2px; }

.switch-wrapper { display: inline-block; }

.form { padding: 0 !important; }

.form-body { padding: 10px; }

.form-actions { padding: 20px 10px; margin-top: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; *zoom: 1; }

.form-actions.nobg { background-color: transparent; }

.form-actions.top { margin-top: 0; margin-bottom: 20px; border-top: 0; border-bottom: 1px solid #e5e5e5; }

.form-actions.fluid { padding: 20px 0; }

.form-actions.fluid > [class^="col-"] { padding-left: 13px; }

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

.form-actions:after { clear: both; }

.form-section { margin: 30px 0px 25px 0px; padding-bottom: 5px; border-bottom: 1px solid #eee; }

.form .form-section:first-child { margin-top: 5px; }

.help-inline { font-size: 13px; color: #737373; display: inline-block; padding: 5px; }

/* left, right aligned form actions */
.form-actions.right { padding-left: 0; padding-right: 10px; text-align: right; }

.form-actions.left { padding-left: 10px; padding-right: 0; text-align: left; }

/* Checkboxes */
.form-group .checkbox { padding-left: 0; }

.checkbox-list > label { display: block; }

.checkbox-list > label.checkbox-inline { display: inline-block; }

.checkbox-list > label.checkbox-inline:first-child { padding-left: 0; }

/* Radios */

.radio-list > label { display: block; }

.radio-list > label.radio-inline { display: inline-block; }

.radio-list > label.radio-inline:first-child { padding-left: 0; }

.form-horizontal .radio-list .radio { padding-top: 1px; }

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

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

/* Rows seperated form layout */
.form-row-seperated .form-group { margin: 0; border-bottom: 1px solid #efefef; padding: 10px 0px 10px 0px; }

.form-row-seperated .form-group.last { border-bottom: 0; margin-bottom: 0; padding-bottom: 10px; }

.form-row-seperated .form-actions { margin-top: 0; }

.form-row-seperated .form-body { padding: 0; margin-top: 0; }

.form-row-seperated .help-block { margin-bottom: 0; }

/* form bordered */
.form-bordered .form-body { margin: 0; padding: 0; }

.form-bordered .form-actions { margin-top: 0; }

.form-bordered .form-group { margin: 0; border-bottom: 1px solid #efefef; }

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

.form-bordered .help-block { margin-bottom: 0; }

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

.form-bordered .form-group > div { padding: 10px; border-left: 1px solid #efefef; }

.form-bordered .form-actions.fluid > .row > div { padding-left: 10px; }

.form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) { background-color: #fcfcfc; }

.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) { background-color: #fcfcfc; }

.form-horizontal.form-bordered.form-row-stripped .form-control { background: #fff !important; }

.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div { background-color: #ffffff; }

/***
Bordered form layout
***/

.form-bordered .form-control { margin: 0; }


/***
Disabled Menu Link
***/

.disabled-link > a > span.text,
.disabled-link > a > span.title { font-style: italic !important; color: #888 !important; }

.disabled-link > a:hover { cursor: not-allowed !important; }


/***
Responsive & Scrollable Tables
***/

.table-scrollable { width: 100%; overflow-x: auto; overflow-y: hidden; border: 1px solid #dddddd; margin: 10px 0 !important; }

.table-scrollable > .table { width: 100% !important; margin: 0 !important; margin-bottom: 0; background-color: #fff; }

.table-scrollable > .table > thead > tr > th,
.table-scrollable > .table > tbody > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > thead > tr > td,
.table-scrollable > .table > tbody > tr > td,
.table-scrollable > .table > tfoot > tr > td { white-space: nowrap; }

.table-scrollable > .table-bordered { border: 0; }

.table-scrollable > .table-bordered > thead > tr > th:first-child,
.table-scrollable > .table-bordered > tbody > tr > th:first-child,
.table-scrollable > .table-bordered > tfoot > tr > th:first-child,
.table-scrollable > .table-bordered > thead > tr > td:first-child,
.table-scrollable > .table-bordered > tbody > tr > td:first-child,
.table-scrollable > .table-bordered > tfoot > tr > td:first-child { border-left: 0; }

.table-scrollable > .table-bordered > thead > tr > th:last-child,
.table-scrollable > .table-bordered > tbody > tr > th:last-child,
.table-scrollable > .table-bordered > tfoot > tr > th:last-child,
.table-scrollable > .table-bordered > thead > tr > td:last-child,
.table-scrollable > .table-bordered > tbody > tr > td:last-child,
.table-scrollable > .table-bordered > tfoot > tr > td:last-child { border-right: 0; }

.table-scrollable > .table-bordered > thead > tr:last-child > th,
.table-scrollable > .table-bordered > tbody > tr:last-child > th,
.table-scrollable > .table-bordered > tfoot > tr:last-child > th,
.table-scrollable > .table-bordered > thead > tr:last-child > td,
.table-scrollable > .table-bordered > tbody > tr:last-child > td,
.table-scrollable > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; }

/***
Responsive Flip Scroll Tables
***/

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

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

    .flip-scroll .flip-content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
    .flip-scroll * html .flip-content { zoom: 1; }
    .flip-scroll *:first-child + html .flip-content { zoom: 1; }

    .flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }

    .flip-scroll th,
    .flip-scroll td { margin: 0; vertical-align: top; }
    .flip-scroll th { text-align: left; border: 0 !important; border-bottom: 1px solid #ddd !important; border-right: 1px solid #ddd !important; font-size: 13px !important; padding: 5px; width: auto !important; }

    .flip-scroll table { display: block; position: relative; width: 100%; }
    .flip-scroll thead { display: block; float: left; }
    .flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
    .flip-scroll thead tr { display: block; }
    .flip-scroll th { display: block; text-align: right; }
    .flip-scroll tbody tr { display: inline-block; vertical-align: top; margin-left: -5px; }
    .flip-scroll td { display: block; min-height: 1.25em; text-align: left; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; }
    /* sort out borders */
    .flip-scroll th { border-bottom: 0; border-left: 0; }
    .flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
    .flip-scroll tbody tr { border-left: 1px solid #ddd; }
    .flip-scroll th:last-child,
    .flip-scroll td:last-child { border-bottom: 1px solid #ddd; }
}
/***
UI Loading
***/
.loading-message { display: inline-block; min-width: 125px; padding: 10px; margin: 0 auto; color: #000 !important; font-size: 13px; font-weight: 400; text-align: center; vertical-align: middle; }
.loading-message span { line-height: 20px; vertical-align: middle; }
.loading-message.loading-message-boxed { border: 1px solid #ddd; background-color: #eee; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); }
.page-loading { position: fixed; top: 50%; left: 50%; min-width: 125px; margin-left: -50px; margin-top: -30px; padding: 7px; text-align: center; color: #333; font-size: 13px; border: 1px solid #ddd; background-color: #eee; vertical-align: middle; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); }
.page-loading span { line-height: 20px; vertical-align: middle; }