/*
 *  Document   : main.css
 *  Author     : pixelcave
 *  Description: The main stylesheet of the template
 *
 *  Structure (with shortcodes):
 *      (#m01mls) MAIN LAYOUT
 *      (#m02hds) HEADER
 *      (#m03sns) SIDEBAR/NAVIGATION
 *      (#m04mcs) MAIN CONTENT
 *      (#m05pgs) PAGES
 *      (#m06bos) BOOTSTRAP OVERWRITE/EXTEND STYLES
 *      (#m07hes) HELPERS
 *      (#m08ths) THEMES
 *      (#m09res) RESPONSIVE
 *      (#m10rts) RETINA
 *      (#m11prs) PRINT
 */

/*
=================================================================
(#m01mls) MAIN LAYOUT
=================================================================
*/

/* Include Open Sans font from Google Web Fonts */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic');

/* Preloader */
body.page-loading { overflow: hidden; }

    body.page-loading .preloader { display: block; }

    body.page-loading #page-container { opacity: 0; }

.preloader { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #333333; z-index: 99999; }

    .preloader .inner { position: fixed; top: 20%; left: 50%; margin: 0 0 0 -50px; width: 100px; height: 100px; text-align: center; }

.preloader-spinner { width: 24px; height: 24px; border: 3px solid transparent; border-left-color: #ffffff; border-right-color: #ffffff; border-top-color: #ffffff; border-radius: 50%; -webkit-animation: nprogress-spinner .4s linear infinite; -moz-animation: nprogress-spinner .4s linear infinite; -ms-animation: nprogress-spinner .4s linear infinite; -o-animation: nprogress-spinner .4s linear infinite; animation: nprogress-spinner .4s linear infinite; }

.preloader-spinner { width: 100px; height: 100px; margin: 0 auto; border-width: 3px; }
/*logo*/
.logo { }

    .logo img {  }

.logo156 { width: 156px; display: table; margin: 0 auto; }
/* Main Structure */
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #394263; font-size: 13px; background-color: #f1f1f1;; padding: 70px 70px 0; }
/*new custom css*/
.navbar-datsys { }

    .navbar-datsys li { padding: 0 10px; color: #fff; }

        .navbar-datsys li:first-child { padding-left: 0; }

#page-container,
#main-container,
#page-content + footer { min-width: 320px; }

#page-container { width: 100%; padding: 0; margin: 0 auto; overflow-x: hidden; -webkit-transition: background-color 0.2s ease-out, opacity 0.3s ease-out; transition: background-color 0.2s ease-out, opacity 0.3s ease-out; }

#page-container,
#sidebar,
#sidebar-alt { background-color: #394263; }

#sidebar,
#sidebar-alt { width: 0; position: absolute; overflow: hidden; }

#sidebar-alt { right: 0; }

#sidebar,
#sidebar-alt,
#main-container,
.header-fixed-top header,
.header-fixed-bottom header,
.footer-fixed #page-content + footer { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

#page-content { padding: 10px 5px 1px; background-color: #eaedf1; }

    #page-content + footer { padding: 9px 10px; font-size: 11px; background-color: #ffffff; border-top: 1px solid #dbe1e8; }

/* Fixed Header */
#page-container.header-fixed-top { padding: 50px 0 0; }

#page-container.header-fixed-bottom { padding: 0 0 50px; }

/* Sidebar + Static Header */
.sidebar-visible-xs #sidebar { width: 200px; }

.sidebar-visible-xs #main-container { margin-left: 200px; margin-right: -200px; }

/* Sidebar + Fixed Header */
.header-fixed-top #sidebar,
.header-fixed-bottom #sidebar { position: fixed; left: 0; top: 0; bottom: 0; }

.header-fixed-top .sidebar-content,
.header-fixed-bottom .sidebar-content { padding-bottom: 50px; }

.sidebar-visible-xs.header-fixed-top header.navbar-fixed-top,
.sidebar-visible-xs.header-fixed-bottom header.navbar-fixed-bottom { left: 200px; right: -200px; }

/* Alternative Sidebar + Static Header */
.sidebar-alt-visible-xs #sidebar-alt { width: 200px; }

.sidebar-alt-visible-xs #main-container { margin-right: 200px; margin-left: -200px; }

/* Alternative Sidebar + Fixed Header */
.header-fixed-top #sidebar-alt,
.header-fixed-bottom #sidebar-alt { position: fixed; right: 0; top: 0; bottom: 0; }

.sidebar-alt-visible-xs.header-fixed-top header.navbar-fixed-top,
.sidebar-alt-visible-xs.header-fixed-bottom header.navbar-fixed-bottom { right: 200px; left: -200px; }

/* Fixed Footer */
.footer-fixed #page-content + footer { position: fixed; bottom: 0; right: 0; left: 0; z-index: 999; }

.footer-fixed #page-content { padding-bottom: 41px; }

.footer-fixed.sidebar-visible-xs #page-content + footer { right: -200px; left: 200px; }

.footer-fixed.sidebar-alt-visible-xs #page-content + footer { right: 200px; left: -200px; }

.footer-fixed.header-fixed-bottom #page-content + footer { bottom: 50px; }

/*
=================================================================
(#m02hds) HEADER
=================================================================
*/

header.navbar-default,
header.navbar-inverse { padding: 0; margin: 0; min-width: 320px; border: none; }

    header.navbar-default.navbar-fixed-top { border-bottom: 1px solid #eaedf1; }

    header.navbar-default.navbar-fixed-bottom { border-top: 1px solid #eaedf1; }

    header.navbar-inverse.navbar-fixed-top { border-bottom: 1px solid #394263; }

    header.navbar-inverse.navbar-fixed-bottom { border-top: 1px solid #394263; }

/* Header Nav */
.navbar-default .navbar-nav > li > a { color: #394263; }

.navbar-inverse .navbar-nav > li > a { color: #ffffff; }

    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus,
    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus,
    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus,
    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus { color: #ffffff; background-color: #1bbae1; }

.navbar-inverse .collapse.in .navbar-nav .open .dropdown-menu > li > a { color: #dddddd; }

.nav.navbar-nav-custom { float: left; margin: 0; }

    .nav.navbar-nav-custom > li { min-height: 50px; float: left; }

        .nav.navbar-nav-custom > li > a { min-width: 50px; padding: 5px 7px; line-height: 40px; text-align: center; color: #394263; position: relative; }

            .nav.navbar-nav-custom > li > a .gi,
            .nav.navbar-nav-custom > li > a .hi,
            .nav.navbar-nav-custom > li > a .si,
            .nav.navbar-nav-custom > li > a .fi { margin-top: -3px; }

            .nav.navbar-nav-custom > li > a .label-indicator { position: absolute; top: 0; right: 0; border-radius: 0; font-weight: 600; }

.navbar-fixed-bottom .nav.navbar-nav-custom > li > a .label-indicator { top: auto; bottom: 0; }

.navbar-inverse .nav.navbar-nav-custom > li > a { color: #ffffff; }

.nav.navbar-nav-custom > li.open > a,
.nav.navbar-nav-custom > li > a:hover,
.nav.navbar-nav-custom > li > a:focus { background-color: #1bbae1; color: #ffffff; }

.nav.navbar-nav-custom > li > a > img { width: 40px; height: 40px; border: 2px solid #fff; border-radius: 20px; vertical-align: top; }

/* Header Search */
.navbar-form { margin: 7px 0; }

.collapsing .navbar-form,
.collapse.in .navbar-form { margin-left: -15px; margin-right: -15px; }

    .collapsing .navbar-form .form-group,
    .collapse.in .navbar-form .form-group { margin-bottom: 0; }

.navbar-form-custom { padding: 0; width: 100px; float: left; height: 50px; }

    .navbar-form-custom .form-control { padding: 10px; margin: 0; height: 50px; font-size: 15px; background: transparent; border: none; z-index: 2000; }

        .navbar-form-custom .form-control:hover,
        .navbar-form-custom .form-control:focus { background-color: #ffffff; }

        .navbar-form-custom .form-control:focus { position: absolute; top: 0; left: 0; right: 0; font-size: 18px; padding: 10px 20px; }

.navbar-inverse .navbar-form-custom .form-control { color: #ffffff; }

    .navbar-inverse .navbar-form-custom .form-control:hover,
    .navbar-inverse .navbar-form-custom .form-control:focus { background: #000000; color: #ffffff; }

/*
=================================================================
(#m03sns) SIDEBAR/NAVIGATION
=================================================================
*/

/* Sidebar Content */
.sidebar-content { width: 200px; color: #ffffff; }

.sidebar-section { padding: 10px; }

/* Sidebar Brand + Title */
.sidebar-brand,
.sidebar-title { padding: 0 10px; margin: 0; font-weight: 300; font-size: 18px; display: block; color: #ffffff; background: url('../img/template/ie8_opacity_dark_15.png') repeat; background: rgba(0, 0, 0, 0.15); }

a.sidebar-brand:hover,
a.sidebar-brand:focus,
a.sidebar-title:hover,
a.sidebar-title:focus { background-color: #4C91DC; color: #ffffff; text-decoration: none; }

.sidebar-brand i,
.sidebar-title i { font-size: 14px; display: inline-block; width: 18px; text-align: center; margin-right: 10px; opacity: 0.5; filter: alpha(opacity=50); }

    .sidebar-title i.pull-left { margin: 20px 10px 0 0; }

    .sidebar-title i.pull-right { margin: 20px 0 0 10px; }

/* Sidebar User */
.sidebar-user { padding-left: 88px; background: url('../img/template/ie8_opacity_light_10.png') repeat; background: rgba(255, 255, 255, 0.1); }

.sidebar-user-avatar { width: 68px; height: 68px; float: left; padding: 2px; margin-left: -78px; border-radius: 34px; background: url('../img/template/ie8_opacity_light_75.png') repeat; background: rgba(255, 255, 255, 0.75); }

    .sidebar-user-avatar img { width: 64px; height: 64px; border-radius: 32px; }

.sidebar-user-name { font-size: 17px; font-weight: 300; margin-top: 10px; line-height: 26px; }

.sidebar-user-links a { color: #ffffff; opacity: 0.3; filter: alpha(opacity=30); margin-right: 5px; }

    .sidebar-user-links a:hover,
    .sidebar-user-links a:focus { color: #ffffff; text-decoration: none; opacity: 1; filter: alpha(opacity=100); }

    .sidebar-user-links a > i { font-size: 14px; }

/* Sidebar Color Themes */
.sidebar-themes { list-style: none; margin: 0; padding-bottom: 7px; background: url('../img/template/ie8_opacity_dark_15.png') repeat; background: rgba(0, 0, 0, 0.15); }

    .sidebar-themes li { float: left; margin: 0 3px 3px 0; }

        .sidebar-themes li a { display: block; width: 17px; height: 17px; border-radius: 10px; border-width: 2px; border-style: solid; }

            .sidebar-themes li a:hover,
            .sidebar-themes li a:focus { border-color: #ffffff !important; }

        .sidebar-themes li.active a { border-color: #ffffff !important; }

/* Sidebar Chat */
.chat-users { list-style: none; margin: 0; padding: 10px; }

    .chat-users li { float: left; margin: 0; padding: 4px; }

    .chat-users a { position: relative; display: inline-block; padding: 2px; width: 52px; height: 52px; border-radius: 25px; background: url('../img/template/ie8_opacity_light_10.png') repeat; background: rgba(255, 255, 255, 0.10); }

        .chat-users a span { position: absolute; top: 0; right: 0; width: 6px; height: 6px; border-radius: 3px; background-color: #cccccc; }

        .chat-users a img { width: 48px; height: 48px; opacity: 0.5; filter: alpha(opacity=50); }

        .chat-users a.chat-user-online,
        .chat-users a.chat-user-away,
        .chat-users a.chat-user-busy { background: url('../img/template/ie8_opacity_light_75.png') repeat; background: rgba(255, 255, 255, 0.75); }

            .chat-users a.chat-user-online span { background-color: #2ecc71; }

            .chat-users a.chat-user-away span { background-color: #f39c12; }

            .chat-users a.chat-user-busy span { background-color: #e74c3c; }

        .chat-users a:hover { background-color: #ffffff; -webkit-box-shadow: 0 0 4px 2px #999999; box-shadow: 0 0 4px 2px #999999; }

            .chat-users a:hover img,
            .chat-users a.chat-user-online img,
            .chat-users a.chat-user-away img,
            .chat-users a.chat-user-busy img { opacity: 1; filter: alpha(opacity=100); }

.chat-talk-info { line-height: 22px; font-size: 16px; }

    .chat-talk-info img { width: 22px; height: 22px; float: left; margin-right: 10px; }

.chat-talk-messages { list-style: none; margin: 0; padding: 5px 0; background: url('../img/template/ie8_opacity_dark_20.png') repeat; background: rgba(0, 0, 0, 0.20); }

    .chat-talk-messages li { padding: 7px 10px; margin-bottom: 7px; }

    .chat-talk-messages .chat-talk-msg { width: 180px; margin-right: 20px; border-right: 3px solid #fff; background: url('../img/template/ie8_opacity_dark_40.png') repeat; background: rgba(0, 0, 0, 0.40); }

        .chat-talk-messages .chat-talk-msg.chat-talk-msg-highlight { margin-right: 0; margin-left: 20px; border-right: none; border-left-width: 3px; border-left-style: solid; }

.chat-form { margin: 0; padding: 5px 10px; background: url('../img/template/ie8_opacity_dark_40.png') repeat; background: rgba(0, 0, 0, 0.40); }

    .chat-form .form-control { background: transparent; color: #eeeeee; }

/* Sidebar Navigation */
.sidebar-nav { list-style: none; margin: 0; padding: 10px 0 0; }

    .sidebar-nav .sidebar-header:first-child { margin-top: 0; }

    .sidebar-nav a { display: block; color: #eaedf1; padding: 0 10px; min-height: 35px; line-height: 35px; }

        .sidebar-nav a:hover,
        .sidebar-nav a.open,
        .sidebar-nav li.active > a { color: #ffffff; text-decoration: none; background: url('../img/template/ie8_opacity_dark_15.png') repeat; background: rgba(0, 0, 0, 0.15); }

        .sidebar-nav a.active { padding-left: 5px; border-left: 5px solid #1bbae1; background: url('../img/template/ie8_opacity_dark_30.png') repeat; background: rgba(0, 0, 0, 0.3); }

        .sidebar-nav a > .sidebar-nav-icon { margin-right: 10px; }

        .sidebar-nav a > .sidebar-nav-indicator { float: right; line-height: inherit; margin-left: 4px; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }

        .sidebar-nav a > .sidebar-nav-icon,
        .sidebar-nav a > .sidebar-nav-indicator { display: inline-block; opacity: 0.5; filter: alpha(opacity=50); width: 18px; font-size: 14px; text-align: center; }

        .sidebar-nav a:hover,
        .sidebar-nav a:hover > .sidebar-nav-icon,
        .sidebar-nav a:hover > .sidebar-nav-indicator,
        .sidebar-nav a.active,
        .sidebar-nav a.active > .sidebar-nav-icon,
        .sidebar-nav a.active > .sidebar-nav-indicator,
        .sidebar-nav a.open,
        .sidebar-nav a.open > .sidebar-nav-icon,
        .sidebar-nav a.open > .sidebar-nav-indicator,
        .sidebar-nav li.active > a,
        .sidebar-nav li.active > a > .sidebar-nav-icon,
        .sidebar-nav li.active > a > .sidebar-nav-indicator { opacity: 1; filter: alpha(opacity=100); }

            .sidebar-nav a.active > .sidebar-nav-indicator,
            .sidebar-nav a.open > .sidebar-nav-indicator,
            .sidebar-nav li.active > a > .sidebar-nav-indicator { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }

    .sidebar-nav ul { list-style: none; padding: 0; margin: 0; /*display: none;*/ background: url('../img/template/ie8_opacity_dark_30.png') repeat; background: rgba(0, 0, 0, 0.3); }

    /*.sidebar-nav li.active > ul { display: block; }*/

    .sidebar-nav ul a { margin: 0; font-size: 12px; padding-left: 15px; min-height: 32px; line-height: 32px; }

        .sidebar-nav ul a.active,
        .sidebar-nav ul a.active:hover { border-left: 5px solid #1bbae1; padding-left: 10px; }

    .sidebar-nav ul ul { background: url('../img/template/ie8_opacity_dark_40.png') repeat; background: rgba(0, 0, 0, 0.4); }

        .sidebar-nav ul ul a { padding-left: 25px; }

            .sidebar-nav ul ul a.active,
            .sidebar-nav ul ul a.active:hover { padding-left: 20px; }

/* Sidebar Header */
.sidebar-header { margin: 10px 0 0; padding: 10px; line-height: 12px; }

    .sidebar-header + .sidebar-section { padding-top: 0; padding-bottom: 0; }

    .sidebar-header .sidebar-header-title { color: #ffffff; font-size: 11px; text-transform: uppercase; opacity: 0.5; filter: alpha(opacity=50); }

.sidebar-header-options { float: right; display: inline-block; }

    .sidebar-header-options > a,
    .sidebar-nav .sidebar-header-options a { float: right; margin: 0; padding: 0; min-height: 0; line-height: inherit; display: block; min-width: 18px; text-align: center; color: #ffffff; opacity: 0.3; filter: alpha(opacity=30); }

        .sidebar-header-options a.active,
        .sidebar-header-options a:hover,
        .sidebar-header-options a:focus,
        .sidebar-nav .sidebar-header-options a.active,
        .sidebar-nav .sidebar-header-options a:hover,
        .sidebar-nav .sidebar-header-options a:focus { background: none; color: #ffffff; opacity: 1; filter: alpha(opacity=100); }

    .sidebar-header-options a > i { font-size: 14px; }

/*
=================================================================
(#m04mcs) MAIN CONTENT
=================================================================
*/

/* Content Header */
.content-header { background-color: #ffffff; border-top: 1px solid #eaedf1; border-bottom: 1px solid #dbe1e8; }

    .content-header h1,
    .content-header h2 { margin: 0; font-size: 26px; line-height: 32px; }

    .content-header small .content-header small { font-size: 17px; }

.header-section h1 i { font-size: 56px; float: right; margin: 2px 0 0 10px; color: #eaedf1; margin: 0 0 0 10px; line-height: 64px; }

.header-section { padding: 30px 10px; }

.content-header,
.content-top { margin: -10px -5px 10px; }

.content-top { background-color: #ffffff; border-bottom: 1px solid #dbe1e8; }

.content-header-media { position: relative; height: 248px; overflow: hidden; border-top-color: #222222; }

    .content-header-media .header-section { z-index: 200; position: absolute; top: 0; left: 0; right: 0; color: #ffffff; background: url('../img/template/ie8_opacity_dark_60.png') repeat; background: rgba(0, 0, 0, 0.6); }

    .content-header-media small,
    .content-header-media i { color: #dddddd; }

    .content-header-media > img { position: absolute; top: 0; left: 50%; width: 2560px; height: 248px; margin-left: -1280px; }

    .content-header-media > .content-header-media-map { height: 270px; }

/* Blocks */
.block { margin: 0 0 10px; padding: 20px 15px 1px; background-color: #ffffff; border: 1px solid #dbe1e8; }

    .block.full { padding: 20px 15px; }

    .block .block-content-full { margin: -20px -15px -1px; }

    .block .block-content-mini-padding { padding: 8px; }

    .block.full .block-content-full { margin: -20px -15px; }

.block-title { margin: -20px -15px 20px; background-color: #f9fafc; border-bottom: 1px solid #eaedf1; }

    .block-title h1,
    .block-title h2,
    .block-title h3,
    .block-title h4,
    .block-title h5,
    .block-title h6 { display: inline-block; font-size: 16px; line-height: 1.4; margin: 0; padding: 10px 16px 7px; font-weight: normal; }

        .block-title h1 small,
        .block-title h2 small,
        .block-title h3 small,
        .block-title h4 small,
        .block-title h5 small,
        .block-title h6 small { font-size: 13px; color: #777777; font-weight: normal; }

    .block-title h1,
    .block-title h2,
    .block-title h3 { padding-left: 15px; padding-right: 15px; }

    .block-title .nav-tabs,
    .block-options { min-height: 40px; line-height: 38px; }

    .block-title .nav-tabs { padding: 3px 1px 0; border-bottom: none; }

        .block-title .nav-tabs > li > a { border-bottom: none; }

    .block-title .nav-tabs { margin-bottom: -2px; }

        .block-title .nav-tabs > li > a { margin-bottom: 0; }

            .block-title .nav-tabs > li > a:hover { background: none; }

        .block-title .nav-tabs > li.active > a,
        .block-title .nav-tabs > li.active > a:hover,
        .block-title .nav-tabs > li.active > a:focus { border: 1px solid #eaedf1; border-bottom-color: #ffffff; background-color: #ffffff; }

    .block-title code { padding: 2px 3px; }

.block-options { margin: 0 6px; line-height: 37px; }

    .block-options .label { display: inline-block; padding: 6px; vertical-align: middle; font-size: 13px; }

.block-top { margin: -20px -15px 20px; border-bottom: 1px dotted #dbe1e8; }

.block-section { margin-bottom: 20px; }

.block.block-fullscreen { position: fixed; top: 5px; bottom: 5px; left: 5px; right: 5px; z-index: 1031; margin-bottom: 0; overflow-y: auto; }

/* Widgets */
.widget { background-color: #ffffff; margin-bottom: 10px; }

    .widget .widget-extra-full,
    .widget .widget-extra { position: relative; padding: 15px; }

    .widget .widget-extra { padding-top: 1px; padding-bottom: 1px; }

    .widget .widget-content-light { color: #ffffff; }

        .widget .widget-content-light small { color: #eeeeee; }

    .widget .widget-image,
    .widget .widget-icon { width: 64px; height: 64px; }

    .widget .widget-icon { display: inline-block; line-height: 64px; text-align: center; font-size: 28px; color: #ffffff; border-radius: 32px; }

        .widget .widget-icon .gi,
        .widget .widget-icon .si,
        .widget .widget-icon .hi,
        .widget .widget-icon .fi { margin-top: -3px; }

    .widget .widget-options,
    .widget .widget-options-left { position: absolute; top: 5px; opacity: 0.5; filter: alpha(opacity=50); }

    .widget .widget-options { right: 5px; }

    .widget .widget-options-left { left: 5px; }

        .widget .widget-options:hover,
        .widget .widget-options-left:hover { opacity: 1; filter: alpha(opacity=100); }

.widget-simple { padding: 15px; }

    .widget-simple:before,
    .widget-simple:after { content: " "; display: table; }

    .widget-simple:after { clear: both; }

    .widget-simple .widget-image,
    .widget-simple .widget-icon { margin: 0 15px; }

        .widget-simple .widget-image.pull-left,
        .widget-simple .widget-icon.pull-left { margin-left: 0; }

        .widget-simple .widget-image.pull-right,
        .widget-simple .widget-icon.pull-right { margin-right: 0; }

    .widget-simple .widget-content { font-size: 18px; margin: 12px 0; }

        .widget-simple .widget-content small { display: block; margin-top: 7px; font-size: 13px; font-weight: 400; }

.widget-advanced .widget-header { position: relative; padding: 15px 15px 50px; height: 150px; overflow: hidden; }

.widget-advanced .widget-background { position: absolute; top: 0; left: 0; height: 150px; }

.widget-advanced .widget-background-map { height: 180px; width: 100%; }

.widget-advanced .widget-content-image { position: absolute; top: 0; left: 0; width: 100%; padding: 15px; margin: 0; background: url('../img/template/ie8_opacity_dark_60.png') repeat; background: rgba(0, 0, 0, 0.6); }

.widget-advanced .widget-main { position: relative; padding: 50px 15px 15px; }

.widget-advanced .widget-image-container { position: absolute; display: inline-block; padding: 5px; width: 74px; height: 74px; top: -36px; left: 50%; margin-left: -36px; border-radius: 36px; background-color: #ffffff; }

.widget-advanced .widget-header .widget-image-container { position: static; left: auto; top: auto; margin: 0; }

.widget-advanced-alt .widget-header,
.widget-advanced-alt .widget-main { padding: 15px; }

.widget-advanced-alt .widget-header { height: auto; min-height: 150px; }

/* Link Widgets */
a.widget { display: block; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

    a.widget:hover,
    a.widget:active { text-decoration: none; }

    a.widget.widget-hover-effect1:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); }

    a.widget.widget-hover-effect1:active { -webkit-transform: translateY(-1px); transform: translateY(-1px); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }

    a.widget.widget-hover-effect2:hover { -webkit-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.2); }

    a.widget.widget-hover-effect2:active { -webkit-transform: translateY(2px); transform: translateY(2px); -webkit-box-shadow: none; box-shadow: none; }

    a.widget.widget-hover-effect3:hover { -webkit-transform: rotate(2deg); transform: rotate(2deg); }

    a.widget.widget-hover-effect3:active { -webkit-transform: rotate(2deg) scale(0.95); transform: rotate(2deg) scale(0.95); }

    a.widget.widget-hover-effect4:hover { -webkit-transform: scale(0.98); transform: scale(0.98); }

    a.widget.widget-hover-effect4:active { -webkit-transform: rotate(-1deg) scale(0.95); transform: rotate(-1deg) scale(0.95); }

/* Content which contains floats */
.content-float .pull-left { margin: 0 20px 20px 0; }

.content-float .pull-right { margin: 0 0 20px 20px; }

/* Draggable Blocks */
.draggable-blocks .block-title { cursor: move; }

.draggable-placeholder { background-color: #dddddd; border: 1px dashed #999999; margin-bottom: 10px; }

/* Scroll to top link */
#to-top { display: none; position: fixed; bottom: 55px; left: 5px; border-radius: 3px; padding: 0 12px; font-size: 28px; text-align: center; color: #ffffff; background-color: #000000; opacity: 0.1; filter: alpha(opacity=10); }

    #to-top:hover { color: #ffffff; background-color: #1bbae1; text-decoration: none; opacity: 1; filter: alpha(opacity=100); }

/*
=================================================================
(#m05pgs) PAGES
=================================================================
*/

/* Login */
#login-background { width: 100%; height: 224px; overflow: hidden; position: relative; }

    #login-background > img { position: absolute; width: 2560px; height: 400px; left: 50%; margin-left: -1280px; }

#login-alt-container { display: none; }

#login-container,
#login-alt-container,
#Setup-config { position: absolute;  left: 50%; z-index: 1000; top: 50%;}

    #login-container .login-title { padding: 20px 10px;
    background: #fff; }

        #login-container .login-title h1,
        #login-alt-container h1 { font-size: 26px; color: #ffffff; }

            #login-container .login-title h1 small,
            #login-alt-container h1 small { font-size: 16px; /*color: #dddddd;*/ color: #003366; }

    #login-container > .block { border: none; -webkit-font-smoothing: subpixel-antialiased; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13); box-shadow: 0 1px 3px rgba(0,0,0,.13); }
    #Setup-config > .block { border: none; -webkit-font-smoothing: subpixel-antialiased; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13); box-shadow: 0 1px 3px rgba(0,0,0,.13); }
.config { }
    .config .require { color: #e74c3c; }
#login-container .register-terms { line-height: 30px; margin-right: 10px; float: left; }
#Setup-config { width: 720px; top: initial; left: initial; position: relative; margin: 0 auto; }
    #Setup-config .control-label { text-transform: capitalize; font-weight: normal; padding-top: 5px; }
        #Setup-config .control-label b { font-weight: bold; }
    /*#Setup-config .control-label .require { color: #e74c3c; }*/
    #Setup-config .form-control[disabled] { cursor: default; }
    #Setup-config .sync-radio { margin-bottom: 10px; position: relative; display: inline-block; min-width: 135px; float: left; margin-right: 5px; }
        #Setup-config .sync-radio input[type=radio] { position: absolute; opacity: 0 !important; left: 0; top: 0; right: 0; bottom: 0; display: block; cursor: pointer; z-index: 1; width: 100%; height: 100%; }
            #Setup-config .sync-radio input[type=radio]:hover ~ .form-control-label { border-color: #394263; }
            #Setup-config .sync-radio input[type=radio]:focus ~ .form-control-label { border-color: #1bbae1; }
            #Setup-config .sync-radio input[type=radio]:checked ~ .form-control-label { border-color: #3498db; }
        #Setup-config .sync-radio.disabled { opacity: .3; cursor: default; }
            #Setup-config .sync-radio.disabled input[disabled],
            #Setup-config .sync-radio input[disabled] { cursor: default; }
.successfully { text-align: center; }
    .successfully .successfully-icon { display: block; width: 50%; margin: 0 auto; max-width: 240px; }
        .successfully .successfully-icon img { width: 100%; height: auto; }
    .successfully .successfully-text { font-size: 32px; text-transform: uppercase; color: #6DC398; font-weight: bold; text-align: center; line-height: 1; padding-top: 30px; }
        .successfully .successfully-text span { font-size: 40px; }
/*#Setup-config .sync-radio .form-control-label { }*/
/* Full Background Image */
img.full-bg { min-height: 100%; min-width: 1280px; width: 100%; height: auto; position: fixed; top: 0; left: 0; }

@media screen and (max-width: 1280px) {
    img.full-bg { left: 50%; margin-left: -640px; }
}

/* Calendar */
.calendar-events { list-style: none; margin: 0; padding: 0; }

    .calendar-events li { color: #ffffff; margin-bottom: 5px; padding: 5px 10px; border-radius: 3px; background-color: #555555; opacity: 0.85; filter: alpha(opacity=85); }

        .calendar-events li:hover { cursor: move; opacity: 1; filter: alpha(opacity=100); }

/* Gallery */
.gallery img, .gallery a img, .gallery-image img, a[data-toggle="lightbox-image"] img { max-width: 100%; }

a[data-toggle="lightbox-image"],
a.gallery-link { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }

    .gallery a:hover img,
    .gallery-image:hover img,
    a[data-toggle="lightbox-image"]:hover img { opacity: 0.75; filter: alpha(opacity=75); }

.gallery-image { position: relative; }

.gallery-image-options { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: none; padding: 10px; }

.gallery-image:hover .gallery-image-options { display: block; }

.gallery > .row > div { margin-bottom: 15px; }

.gallery.gallery-widget > .row > div { margin-bottom: 0; padding-top: 7px; padding-bottom: 7px; }

/* Charts */
.pie-chart .pie-avatar { position: absolute; top: 8px; left: 8px; }

.chart { height: 360px; }

.chart-tooltip,
.mini-chart-tooltip { position: absolute; display: none; color: #ffffff; background-color: #000000; padding: 4px 10px; }

.chart-pie-label { font-size: 12px; text-align: center; padding: 8px 12px; color: #ffffff; }

.mini-chart-tooltip { left: 0; top: 0; visibility: hidden; }

/* Timeline */
.timeline { position: relative; }

.timeline-header { margin: 0; font-size: 18px; font-weight: 600; padding: 0 15px; min-height: 60px; line-height: 60px; background-color: #ffffff; border-bottom: 2px solid #f0f0f0; z-index: 500; }

.timeline-list { list-style: none; margin: 0; padding: 0; }

    .timeline-list:after { position: absolute; display: block; width: 2px; top: 0; left: 95px; bottom: 0; content: ""; background-color: #f0f0f0; z-index: 1; }

.timeline-header + .timeline-list:after { top: 60px; }

.timeline-list li { position: relative; margin: 0; padding: 15px 0; }

.timeline-list.timeline-hover li:hover { background-color: #f9f9f9; }

.timeline-list .timeline-icon { position: absolute; left: 80px; top: 10px; width: 30px; height: 30px; line-height: 28px; font-size: 14px; text-align: center; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 15px; z-index: 500; }

.timeline-list .active .timeline-icon { background-color: #1bbae1; border-color: #1bbae1; color: #ffffff; }

.timeline-list .timeline-time { float: left; width: 70px; text-align: right; }

.timeline-list .timeline-content { margin-left: 120px; }

.block-content-full .timeline-content { padding-right: 20px; }

.media-feed { margin-bottom: 0; }

    .media-feed > .media { margin-top: 0; padding: 20px 20px 0; border-top: 1px dotted #dbe1e8; }

        .media-feed > .media:first-child { border-top: none; }

    .media-feed.media-feed-hover > .media:hover { background-color: #f9f9f9; }

/* Error */
#error-container { padding: 120px 20px; position: relative; }

    #error-container .error-options { position: absolute; top: 20px; left: 20px; }

    #error-container h1 { font-size: 96px; color: #ffffff; margin-bottom: 40px; }

    #error-container h2 { color: #cccccc; margin-bottom: 40px; line-height: 1.4; }

    #error-container form { padding: 20px; border-radius: 3px; background: #ffffff; background: url('../img/template/ie8_opacity_light_10.png') repeat; background: rgba(255, 255, 255, 0.1); }

    #error-container .form-control { border-color: #ffffff; }

/* Pricing Table */
.table.table-pricing { background-color: #ffffff; }

.table-pricing th,
.table-pricing td { text-align: center; }

.table-pricing th { font-size: 24px !important; }

.table-pricing td { font-size: 15px; padding-top: 12px !important; padding-bottom: 12px !important; }

.table-pricing .table-price { background-color: #f9f9f9; }

    .table-pricing.table-featured .table-price,
    .table-pricing .table-price.table-featured { background-color: #252525; }

.table-pricing.table-featured th,
.table-pricing th.table-featured { background-color: #1bbae1; border-bottom: 2px solid #394263; color: #ffffff; }

.table-pricing.table-featured td,
.table-pricing td.table-featured { background-color: #394263; color: #ffffff; }

/* Chat UI */
.chatui-container { position: relative; }

.chatui-people,
.chatui-talk { overflow-y: hidden; }

    .chatui-people .chatui-header { font-size: 14px; line-height: 14px; color: #999999; text-transform: uppercase; padding: 5px 20px; }

    .chatui-people hr { border-top-color: #252525; border-top-color: rgba(0, 0, 0, 0.25); }

    .chatui-people .list-group-item { background: transparent; min-height: 52px; border: 0; border-radius: 0 !important; }

        .chatui-people .list-group-item .badge { margin-top: 7px; }

        .chatui-people .list-group-item .list-group-item-heading { color: #ffffff; line-height: 32px; margin: 0; }

        .chatui-people .list-group-item:hover { background: url('../img/template/ie8_opacity_dark_20.png') repeat; background: rgba(0, 0, 0, 0.2); }

        .chatui-people .list-group-item img { float: left; width: 32px; height: 32px; margin-right: 10px; }

.chatui-talk { top: 0; bottom: 50px; }

    .chatui-talk ul { padding: 15px; margin: 0; list-style: none; }

    .chatui-talk li { padding: 5px 10px; margin-bottom: 7px; }

    .chatui-talk .chatui-talk-msg { padding: 15px 10px; padding-right: 50px; border-left: 5px solid #333333; background-color: #f6f6f6; position: relative; }

        .chatui-talk .chatui-talk-msg.chatui-talk-msg-highlight { padding-left: 50px; border-left: none; border-right-width: 5px; border-right-style: solid; }

.chatui-talk-msg .chatui-talk-msg-avatar { position: absolute; top: 8px; right: 8px; width: 32px; height: 32px; }

.chatui-talk-msg.chatui-talk-msg-highlight .chatui-talk-msg-avatar { top: 8px; right: auto; left: 8px; }

.chatui-input { height: 50px; line-height: 50px; border-top: 1px solid #eeeeee; }

/* Tasks */
.task-list { list-style: none; margin: 0; padding: 0; }

    .task-list li { padding: 15px 40px 15px 15px; margin-bottom: 10px; background-color: #ffffff; border-radius: 3px; position: relative; -webkit-transition: box-shadow 0.15s ease-out; transition: box-shadow 0.15s ease-out; }

        .task-list li:hover { -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); }

        .task-list li.in-1x { margin-left: 15px; }

        .task-list li.in-2x { margin-left: 30px; }

        .task-list li > .task-close { position: absolute; top: 15px; right: 15px; color: #000000; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; }

        .task-list li:hover > .task-close { opacity: .25; filter: alpha(opacity=25); }

        .task-list li.task-done { opacity: .50; filter: alpha(opacity=50); }

            .task-list li.task-done > label { text-decoration: line-through; }

/*
=================================================================
(#m06bos) BOOTSTRAP OVERWRITE/EXTEND STYLES
=================================================================
*/

/* Navbar */
.navbar.navbar-default { background-color: #f9fafc; }

.navbar.navbar-inverse { background-color: #4c5471; }

.navbar-fixed-top,
.navbar-fixed-bottom { border-width: 0; }

/* Typography */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; }

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
    .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small,
    h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small,
    .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: 300; color: #777777; }

h1, h2, h3 { margin-bottom: 15px; }

.text-primary,
.text-primary:hover,
a,
a:hover,
a:focus,
a.text-primary,
a.text-primary:hover,
a.text-primary:focus { color: #1bbae1; }

    .text-danger,
    .text-danger:hover,
    a.text-danger,
    a.text-danger:hover,
    a.text-danger:focus { color: #e74c3c; }

    .text-warning,
    .text-warning:hover,
    a.text-warning,
    a.text-warning:hover,
    a.text-warning:focus { color: #e67e22; }

    .text-success,
    .text-success:hover,
    a.text-success,
    a.text-success:hover,
    a.text-success:focus { color: #27ae60; }

    .text-info,
    .text-info:hover,
    a.text-info,
    a.text-info:hover,
    a.text-info:focus { color: #3498db; }

    .text-muted,
    .text-muted:hover,
    a.text-muted,
    a.text-muted:hover,
    a.text-muted:focus { /*color: #999999;*/ color: #003366; }

    .text-light,
    .text-light:hover,
    a.text-light,
    a.text-light:hover,
    a.text-light:focus { color: #ffffff; }

b, strong { font-weight: 600; }

ul,
ol { padding-left: 30px; }

.list-li-push li { margin-bottom: 10px; }

p { line-height: 1.6; }

article p { font-size: 16px; line-height: 1.8; }

.well { background-color: #f9f9f9; border: 1px solid #eeeeee; }

.page-header { border-bottom-width: 1px; border-bottom-color: #dddddd; margin: 30px 0 20px; }

.sub-header { margin: 10px 0 20px; padding: 10px 0; border-bottom: 1px dotted #dddddd; }

blockquote { border-left-width: 3px; }

blockquote { margin: 20px 0; padding: 30px 60px 30px 20px; position: relative; width: 100%; border-color: #eaedf1; }

    blockquote:before { display: block; content: "\201C"; font-family: serif; font-size: 96px; position: absolute; right: 10px; top: -30px; color: #eaedf1; }

    blockquote.pull-right:before { left: 10px; right: auto; }

/* Forms */
label { font-weight: 600; }

fieldset legend { font-size: 16px; padding: 30px 0 10px; border-bottom: 2px solid #eaedf1; }

input[type="file"] { padding-top: 7px; }

input[type="text"].form-control,
input[type="password"].form-control,
input[type="email"].form-control,
textarea.form-control { -webkit-appearance: none; }

.form-control { font-size: 13px; padding: 6px 8px; max-width: 100%; margin: 1px 0; color: #394263; border-color: #dbe1e8; }

.form-control-borderless .form-control,
.form-control-borderless .input-group-addon,
.form-control-borderless,
.form-control-borderless:focus { border: transparent !important; }

.input-group { margin-top: 1px; margin-bottom: 1px; }

    .input-group .form-control { margin-top: 0; }

.form-control:focus { border-color: #1bbae1; }

.help-block { color: #777777; font-weight: 400; }

.input-group-addon { min-width: 45px; text-align: center; background-color: #ffffff; border-color: #dbe1e8; }

.form-horizontal .control-label { margin-bottom: 5px; }

.form-bordered { margin: -15px -15px -1px; }

.modal-body .form-bordered { margin-bottom: -20px; }

.form-bordered fieldset legend { margin: 0; padding-left: 20px; padding-right: 20px; }

.form-bordered .form-group { margin: 0; border: none; padding: 15px; border-bottom: 1px dashed #eaedf1; }

    .form-bordered .form-group.form-actions { background-color: #f9fafc; border-bottom: none; }

.form-horizontal.form-bordered .form-group { padding-left: 0; padding-right: 0; }

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

.has-success .form-control,
.has-warning .form-control,
.has-error .form-control { -webkit-box-shadow: none; box-shadow: none; }

.has-success .help-block,
.has-success .control-label,
.has-success .input-group-addon,
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .radio,
.has-success .radio-inline { color: #27ae60; }

.has-success .form-control,
.has-success .input-group-addon { border-color: #27ae60; background-color: #ffffff; }

    .has-success .form-control:focus { border-color: #166638; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .input-group-addon,
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .radio,
.has-warning .radio-inline { color: #e67e22; }

.has-warning .form-control,
.has-warning .input-group-addon { border-color: #e67e22; background-color: #ffffff; }

    .has-warning .form-control:focus { border-color: #b3621b; }

.has-error .help-block,
.has-error .control-label,
.has-error .input-group-addon,
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .radio,
.has-error .radio-inline { color: #e74c3c; }

.has-error .form-control,
.has-error .input-group-addon { border-color: #e74c3c; background-color: #ffffff; }

    .has-error .form-control:focus { border-color: #c0392b; }

/* Form Wizards */
.wizard-steps { border-bottom: 1px solid #eaedf1; margin-bottom: 20px; }

.form-bordered .wizard-steps { margin-bottom: 0; }

.wizard-steps .row { margin: 0; }

    .wizard-steps .row div { padding: 15px 0; font-size: 15px; text-align: center; }

.form-bordered .wizard-steps .row div { padding-top: 10px; }

.wizard-steps span { display: inline-block; width: 100px; height: 100px; line-height: 100px; border: 1px solid #1bbae1; border-radius: 50px; }

.wizard-steps div.done span,
.wizard-steps div.active span { background-color: #1bbae1; color: #ffffff; }

.wizard-steps div.done span { opacity: 0.25; filter: alpha(opacity=25); }

.wizard-steps div.active span { opacity: 1; filter: alpha(opacity=100); }

/* Form Select Switches */
.switch { margin: 1px 0; position: relative; cursor: pointer; }

    .switch input { position: absolute; opacity: 0; filter: alpha(opacity=0); }

    .switch span { position: relative; display: inline-block; width: 54px; height: 28px; border-radius: 28px; background-color: #f9f9f9; border: 1px solid #dddddd; -webkit-transition: background-color 0.35s; transition: background-color 0.35s; }

        .switch span:after { content: ""; position: absolute; left: 7px; top: 7px; bottom: 7px; width: 12px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 24px; -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.05); box-shadow: 1px 0 3px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }

    .switch input:checked + span:after { left: 26px; width: 24px; top: 1px; bottom: 1px; border: none; -webkit-box-shadow: -2px 0 3px rgba(0, 0, 0, 0.1); box-shadow: -2px 0 3px rgba(0, 0, 0, 0.1); }

    .switch input:checked + span { background-color: #eeeeee; }

.switch-default span { border-color: #dbe1e8; }

.switch-default input:checked + span { background-color: #dbe1e8; }

.switch-primary span { border-color: #1bbae1; }

.switch-primary input:checked + span { background-color: #1bbae1; }

.switch-info span { border-color: #7abce7; }

.switch-info input:checked + span { background-color: #7abce7; }

.switch-success span { border-color: #aad178; }

.switch-success input:checked + span { background-color: #aad178; }

.switch-warning span { border-color: #f7be64; }

.switch-warning input:checked + span { background-color: #f7be64; }

.switch-danger span { border-color: #ef8a80; }

.switch-danger input:checked + span { background-color: #ef8a80; }

/* Tables */
.table.table-vcenter th,
.table.table-vcenter td { vertical-align: middle; }

.table-options { padding: 6px 0; }

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

    .table thead > tr > th > small { font-weight: 400; font-size: 75%; }

.table thead > tr > th,
.table thead > tr > td,
.table tfoot > tr > th,
.table tfoot > tr > td { padding-top: 14px; padding-bottom: 14px; }

.table tfoot > tr > th,
.table tfoot > tr > td { background-color: #f9fafc; }

.table-borderless tbody > tr > th,
.table-borderless tbody > tr > td { border-top-width: 0; }

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td,
.table tbody + tbody,
.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td { border-color: #eaedf1; }

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th { background-color: #eaedf1; }

/* List Group */
.list-group-item { border-color: #eaedf1; }

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus { background-color: #1bbae1; border-color: #1bbae1; }

    a.list-group-item.active .list-group-item-text,
    a.list-group-item.active:hover .list-group-item-text,
    a.list-group-item.active:focus .list-group-item-text { color: #ffffff; }

a.list-group-item:hover,
a.list-group-item:focus { background-color: #f9fafc; }

a.list-group-item.active > .badge { background: url('../img/template/ie8_opacity_dark_40.png') repeat; background: rgba(0, 0, 0, 0.4); color: #ffffff; }

/* Navs */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus { color: #fff; background-color: #1bbae1; }

.nav > li i { font-size: 14px; }

.nav-pills > .active > a > .badge { color: #1bbae1; }

.nav-stacked > li > a { margin: 4px 0 0; }

.nav .caret,
.nav a:hover .caret,
.nav a:focus .caret { border-top-color: #1bbae1; border-bottom-color: #1bbae1; }

.nav > li > a:hover,
.nav > li > a:focus { background-color: #f9fafc; }

.nav-tabs { border-bottom-color: #eaedf1; }

    .nav-tabs > li { margin-bottom: 0; }

        .nav-tabs > li > a { padding-left: 7px; padding-right: 7px; margin-bottom: -1px; }

            .nav-tabs > li > a:hover { border-color: #eaedf1; }

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus { color: #394263; border-color: #eaedf1; border-bottom-color: transparent; }

.nav-pills > li.active > a > .badge { background: url('../img/template/ie8_opacity_dark_20.png') repeat; background: rgba(0, 0, 0, 0.2); color: #ffffff; }

.dropdown-menu { padding: 0; font-size: 13px; border-color: #dbe1e8; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.1); box-shadow: 0 3px 6px rgba(0,0,0,0.1); }

    .dropdown-menu > li > a { padding: 6px 10px; }

    .dropdown-menu i { opacity: 0.2; filter: alpha(opacity=20); line-height: 17px; }

    .dropdown-menu a:hover i { opacity: 0.5; filter: alpha(opacity=50); }

    .dropdown-menu .divider { margin: 2px 0; padding: 0 !important; background-color: #f0f0f0; }

li.dropdown-header { padding: 5px 10px; color: #394263; background-color: #f9fafc; border-top: 1px solid #eaedf1; border-bottom: 1px solid #eaedf1; }

.dropdown-menu li:first-child.dropdown-header { border-top: none; border-top-left-radius: 3px; border-top-right-radius: 3px; }

.dropdown-menu.dropdown-custom { min-width: 200px; }

    .dropdown-menu.dropdown-custom > li { padding: 8px 10px; font-size: 12px; }

        .dropdown-menu.dropdown-custom > li > a { border-radius: 3px; }

.dropdown-submenu { position: relative; }

    .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -3px; margin-left: 0; }

    .dropdown-submenu:hover > .dropdown-menu { display: block; }

    .dropdown-submenu.pull-left { float: none; }

        .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; }

.collapse.in .dropdown.open .dropdown-menu { display: block; position: static; margin: 0 0 0 15px; left: auto; top: auto; }

.pagination > li > a,
.pagination > li > span { color: #1bbae1; margin-left: 5px; margin-right: 5px; border: none !important; border-radius: 25px !important; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { background-color: #1bbae1; }

.pager > li > a,
.pager > li > span { border-color: #eaedf1; }

    .pager > li > a:hover,
    .pagination > li > a:hover { background-color: #1bbae1; border-color: #1bbae1; color: #ffffff; }

.pager > li.disabled > a:hover { border-color: #eaedf1; }

/* Popover */
.popover-title { background: none; border: none; font-size: 17px; font-weight: 600; }

/* Tooltip */
.tooltip { z-index: 1051; }

    .tooltip.in { opacity: 1; filter: alpha(opacity=100); }

.tooltip-inner { padding: 4px 6px; background-color: #000000; color: #ffffff; }

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow { border-top-color: #000000; }

.tooltip.right .tooltip-arrow { border-right-color: #000000; }

.tooltip.left .tooltip-arrow { border-left-color: #000000; }

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow { border-bottom-color: #000000; }

/* Breadcrumps */
.breadcrumb { background-color: #ffffff; }

    .breadcrumb i { font-size: 14px; }

.breadcrumb-top { margin: -10px -5px 10px; padding: 7px 10px; border-top: 1px solid #eaedf1; border-bottom: 1px solid #dbe1e8; font-size: 12px; }

    .content-header + .breadcrumb-top,
    .breadcrumb-top + .content-header { margin-top: -11px; }

.breadcrumb > li + li:before { content: "\203a"; }

/* Progress Bars */
.progress,
.progress-bar { height: 20px; line-height: 20px; }

.progress-bar-danger { background-color: #e74c3c; }

.progress-bar-warning { background-color: #f39c12; }

.progress-bar-success { background-color: #2ecc71; }

.progress-bar-info { background-color: #3498db; }

/* Modals */
.modal-content { border-radius: 3px; }

.modal-header { padding: 15px 15px 14px; border-bottom: 1px solid #eeeeee; border-top-left-radius: 4px; border-top-right-radius: 4px; }

.modal-title { font-weight: 300; }

.modal-body { padding: 20px 15px; }

    .modal-body .nav-tabs { margin: 0 -15px 15px; padding: 0 5px !important; }

.modal-footer { margin-top: 0; padding: 14px 15px 15px; border-top: 1px solid #eeeeee; background-color: #f9f9f9; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

/* Buttons */
.btn { margin: 1px 0; background-color: #ffffff; }

    .btn .gi,
    .btn .hi,
    .btn .si,
    .btn .fi { line-height: 1; }

    .btn.disabled,
    .btn[disabled],
    fieldset[disabled] .btn { opacity: 0.4; filter: alpha(opacity=40); }

.block-options .btn,
.input-group .btn,
.modal-content .btn { margin-top: 0; margin-bottom: 0; }

.btn-default { background-color: #f1f3f6; border-color: #dbe1e8; color: #394263; }

    .btn-default.btn-alt { background-color: #ffffff; }

    .btn-default:hover { background-color: #eaedf1; border-color: #c2c8cf; }

    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open .btn-default.dropdown-toggle { background-color: #eaedf1; border-color: #eaedf1; }

    .btn-default.disabled,
    .btn-default.disabled:hover,
    .btn-default.disabled:focus,
    .btn-default.disabled:active,
    .btn-default.disabled.active,
    .btn-default[disabled]:hover,
    .btn-default[disabled]:focus,
    .btn-default[disabled]:active,
    .btn-default[disabled].active,
    fieldset[disabled] .btn-default:hover,
    fieldset[disabled] .btn-default:focus,
    fieldset[disabled] .btn-default:active,
    fieldset[disabled] .btn-default.active { background-color: #eaedf1; border-color: #eaedf1; }

.btn-primary { background-color: #6ad2eb; border-color: #1bbae1; color: #ffffff; }

    .btn-primary.btn-alt { background-color: #ffffff; color: #1bbae1; }

    .btn-primary:hover { background-color: #1bbae1; border-color: #1593b3; color: #ffffff; }

    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open .btn-primary.dropdown-toggle { background-color: #1bbae1; border-color: #1bbae1; color: #ffffff; }

    .btn-primary.disabled,
    .btn-primary.disabled:hover,
    .btn-primary.disabled:focus,
    .btn-primary.disabled:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled]:hover,
    .btn-primary[disabled]:focus,
    .btn-primary[disabled]:active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary:hover,
    fieldset[disabled] .btn-primary:focus,
    fieldset[disabled] .btn-primary:active,
    fieldset[disabled] .btn-primary.active { background-color: #1bbae1; border-color: #1bbae1; color: #ffffff; }

.btn-danger { background-color: #ef8a80; border-color: #e74c3c; color: #ffffff; }

    .btn-danger.btn-alt { background-color: #ffffff; color: #e74c3c; }

    .btn-danger:hover { background-color: #e74c3c; border-color: #9c3428; color: #ffffff; }

    .btn-danger:focus,
    .btn-danger:active,
    .btn-danger.active,
    .open .btn-danger.dropdown-toggle { background-color: #e74c3c; border-color: #e74c3c; color: #ffffff; }

    .btn-danger.disabled,
    .btn-danger.disabled:hover,
    .btn-danger.disabled:focus,
    .btn-danger.disabled:active,
    .btn-danger.disabled.active,
    .btn-danger[disabled]:hover,
    .btn-danger[disabled]:focus,
    .btn-danger[disabled]:active,
    .btn-danger[disabled].active,
    fieldset[disabled] .btn-danger:hover,
    fieldset[disabled] .btn-danger:focus,
    fieldset[disabled] .btn-danger:active,
    fieldset[disabled] .btn-danger.active { background-color: #e74c3c; border-color: #e74c3c; color: #ffffff; }

.btn-warning { background-color: #f7be64; border-color: #f39c12; color: #ffffff; }

    .btn-warning.btn-alt { background-color: #ffffff; color: #f39c12; }

    .btn-warning:hover { background-color: #f39c12; border-color: #b3730c; color: #ffffff; }

    .btn-warning:focus,
    .btn-warning:active,
    .btn-warning.active,
    .open .btn-warning.dropdown-toggle { background-color: #f39c12; border-color: #f39c12; color: #ffffff; }

    .btn-warning.disabled,
    .btn-warning.disabled:hover,
    .btn-warning.disabled:focus,
    .btn-warning.disabled:active,
    .btn-warning.disabled.active,
    .btn-warning[disabled]:hover,
    .btn-warning[disabled]:focus,
    .btn-warning[disabled]:active,
    .btn-warning[disabled].active,
    fieldset[disabled] .btn-warning:hover,
    fieldset[disabled] .btn-warning:focus,
    fieldset[disabled] .btn-warning:active,
    fieldset[disabled] .btn-warning.active { background-color: #f39c12; border-color: #f39c12; color: #ffffff; }

.btn-success { background-color: #aad178; border-color: #7db831; color: #ffffff; }

    .btn-success.btn-alt { background-color: #ffffff; color: #7db831; }

    .btn-success:hover { background-color: #7db831; border-color: #578022; color: #ffffff; }

    .btn-success:focus,
    .btn-success:active,
    .btn-success.active,
    .open .btn-success.dropdown-toggle { background-color: #7db831; border-color: #7db831; color: #ffffff; }

    .btn-success.disabled,
    .btn-success.disabled:hover,
    .btn-success.disabled:focus,
    .btn-success.disabled:active,
    .btn-success.disabled.active,
    .btn-success[disabled]:hover,
    .btn-success[disabled]:focus,
    .btn-success[disabled]:active,
    .btn-success[disabled].active,
    fieldset[disabled] .btn-success:hover,
    fieldset[disabled] .btn-success:focus,
    fieldset[disabled] .btn-success:active,
    fieldset[disabled] .btn-success.active { background-color: #7db831; border-color: #7db831; color: #ffffff; }

.btn-info { background-color: #7abce7; border-color: #3498db; color: #ffffff; }

    .btn-info.btn-alt { background-color: #ffffff; color: #3498db; }

    .btn-info:hover { background-color: #3498db; border-color: #2875a8; color: #ffffff; }

    .btn-info:focus,
    .btn-info:active,
    .btn-info.active,
    .open .btn-info.dropdown-toggle { background-color: #3498db; border-color: #3498db; color: #ffffff; }

    .btn-info.disabled,
    .btn-info.disabled:hover,
    .btn-info.disabled:focus,
    .btn-info.disabled:active,
    .btn-info.disabled.active,
    .btn-info[disabled]:hover,
    .btn-info[disabled]:focus,
    .btn-info[disabled]:active,
    .btn-info[disabled].active,
    fieldset[disabled] .btn-info:hover,
    fieldset[disabled] .btn-info:focus,
    fieldset[disabled] .btn-info:active,
    fieldset[disabled] .btn-info.active { background-color: #3498db; border-color: #3498db; color: #ffffff; }

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link.btn-icon:hover,
.btn-link.btn-icon:focus { color: #1bbae1; }

    .btn-link.btn-icon { color: #999999; }

        .btn-link.btn-icon:hover,
        .btn-link.btn-icon:focus { text-decoration: none; }

.block-options .btn { border-radius: 15px; padding-right: 8px; padding-left: 8px; min-width: 30px; text-align: center; }

/* Panels */
.panel { margin-bottom: 20px; }

.panel-heading { padding: 15px; }

.panel-title { font-size: 14px; }

.panel-default > .panel-heading { background-color: #f9f9f9; }

.panel-group { margin-bottom: 20px; }

/* Pre, Code */
pre { background: #151515; overflow: scroll; }

code { border: 1px solid #fad4df; margin: 1px 0; display: inline-block; }

.btn code { display: inline; margin: 0; }

/* Alerts */
.alert { border-top-width: 0; border-right-width: 2px; border-bottom-width: 0; border-left-width: 2px; }

.alert-danger { color: #e74c3c; background-color: #ffd1cc; border-color: #ffb8b0; }

    .alert-danger .alert-link { color: #e74c3c; }

.alert-warning { color: #e67e22; background-color: #ffe4cc; border-color: #ffd6b2; }

    .alert-warning .alert-link { color: #e67e22; }

.alert-success { color: #27ae60; background-color: #daf2e4; border-color: #b8e5cb; }

    .alert-success .alert-link { color: #27ae60; }

.alert-info { color: #3498db; background-color: #dae8f2; border-color: #b8d2e5; }

    .alert-info .alert-link { color: #3498db; }

.alert-dismissable .close { top: -5px; right: -25px; }

.close { text-shadow: none; }

/* Alternative Alerts */
.alert.alert-alt { margin: 0 0 2px; padding: 5px; font-size: 12px; border-width: 0; border-left-width: 2px; }

    .alert.alert-alt small { opacity: 0.75; filter: alpha(opacity=75); }

.alert-alt.alert-dismissable .close { right: 0; }

    .alert-alt.alert-dismissable .close:hover { color: #ffffff; }

.alert-danger.alert-alt { border-color: #e74c3c; }

.alert-warning.alert-alt { border-color: #e67e22; }

.alert-success.alert-alt { border-color: #27ae60; }

.alert-info.alert-alt { border-color: #3498db; }

.sidebar-content .alert.alert-alt { margin-left: -10px; padding-left: 10px; background: transparent; color: #ffffff; }

#sidebar-alt .sidebar-content .alert.alert-alt { margin-left: 0; margin-right: -10px; padding-left: 0; padding-right: 10px; }

#sidebar-alt .sidebar-content .alert.alert-alt { border-width: 0; border-right-width: 2px; }

/* Labels, Badges */
.label,
.badge { font-weight: normal; font-size: 90%; }

.label { padding: 1px 4px; }

.badge { background: url('../img/template/ie8_opacity_dark_30.png') repeat; background: rgba(0, 0, 0, 0.3); padding: 3px 6px; }

.label-danger { background-color: #e74c3c; }

    .label-danger[href]:hover,
    .label-danger[href]:focus { background-color: #ff5542; }

.label-warning { background-color: #e67e22; }

    .label-warning[href]:hover,
    .label-warning[href]:focus { background-color: #ff8b26; }

.label-success { background-color: #27ae60; }

    .label-success[href]:hover,
    .label-success[href]:focus { background-color: #2cc76c; }

.label-info { background-color: #2980b9; }

    .label-info[href]:hover,
    .label-info[href]:focus { background-color: #2f92d4; }

.label-primary { background-color: #1bbae1; }

    .label-primary[href]:hover,
    .label-primary[href]:focus { background-color: #5ac5e0; }

.label-default { background-color: #999999; }

    .label-default[href]:hover,
    .label-default[href]:focus { background-color: #777777; }

/* Carousel */
.carousel-control.left,
.carousel-control.right,
.carousel-control.left.no-hover:hover,
.carousel-control.right.no-hover:hover { background: none; }

    .carousel-control.left:hover,
    .carousel-control.right:hover { background: url('../img/template/ie8_opacity_dark_30.png') repeat; background: rgba(0, 0, 0, 0.30); }

.carousel-control span { position: absolute; top: 50%; left: 50%; z-index: 5; display: inline-block; }

.carousel-control i { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; }

/* Bottom Margin */
p, .table, .alert, .carousel { margin-bottom: 20px; }

/* Removing shadows and radius */
.navbar-form-custom .form-control:hover,
.navbar-form-custom .form-control:focus,
.navbar-form,
.navbar-collapse,
.form-control,
.form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.has-error .form-control:focus,
.popover,
.progress,
.progress-bar,
.btn.active,
.open .btn.dropdown-toggle,
.panel { -webkit-box-shadow: none; box-shadow: none; }

.navbar-form-custom .form-control,
.navbar,
.dropdown-menu,
.tooltip-inner,
.breadcrumb,
.alert.alert-alt { border-radius: 0; }

/*
=================================================================
(#m07hes) HELPERS
=================================================================
*/

.push-bit { margin-bottom: 10px !important; }

.push { margin-bottom: 15px !important; }

.push-top-bottom { margin-top: 0px; margin-bottom: 40px; }

.display-none { display: none; }

.remove-margin { margin: 0 !important; }

.remove-margin-bottom { margin-bottom: 0 !important; }

.remove-padding { padding: 0 !important; }

.remove-radius { border-radius: 0 !important; }

.remove-box-shadow { -webkit-box-shadow: none !important; box-shadow: none !important; }

.remove-transition { -moz-transition: none !important; -webkit-transition: none !important; transition: none !important; }

.lt-ie9 .hidden-lt-ie9,
.lt-ie10 .hidden-lt-ie10 { display: none !important; }

.visible-lt-ie9,
.visible-lt-ie10 { display: none; }

.lt-ie9 .visible-lt-ie9,
.lt-ie10 .visible-lt-ie10 { display: block; }

:focus { outline: 0 !important; }

/*
=================================================================
(#m08ths) THEMES
=================================================================
*/

/* Alternative Main Style */
.style-alt #page-content { background-color: #ffffff; }

.style-alt .block { border-color: #dbe1e8; }

    .style-alt .block.block-alt-noborder { border-color: transparent; }

.style-alt .block-title { background-color: #dbe1e8; border-bottom-color: #dbe1e8; }

.style-alt .content-header + .breadcrumb-top,
.style-alt .breadcrumb-top + .content-header,
.style-alt #page-content + footer { background-color: #f9fafc; }

.style-alt .content-header,
.style-alt .breadcrumb-top { border-bottom-color: #eaedf1; }

.style-alt #page-content + footer { border-top-color: #eaedf1; }

.style-alt .widget,
.style-alt .task-list li { background-color: #f6f6f6; }

/* Test Circle used in Color Themes Page */
.test-circle { display: inline-block; width: 100px; height: 100px; line-height: 100px; font-size: 18px; font-weight: 600; text-align: center; border-radius: 50px; background-color: #eeeeee; border: 2px solid #cccccc; color: #ffffff; margin-bottom: 15px; }

/* Default Color Theme specific colors */
.themed-color { color: #1bbae1; }

.themed-border { border-color: #1bbae1; }

.themed-background { background-color: #1bbae1; }

.themed-color-dark { color: #394263; }

.themed-border-dark { border-color: #394263; }

.themed-background-dark { background-color: #394263; }

/*
=================================================================
(#m09res) RESPONSIVE
=================================================================
*/

/* Small devices, Tablets (>767px) */
@media screen and (min-width: 768px) {

    /* General */
    #login-background { height: 400px; }

        #login-background > img { top: 0; }

    #login-container,
    #login-alt-container { width: 360px;  margin-left: -180px; margin-top: -241px;}

    /*#Setup-config { width: 100%; }*/

    #page-content { padding: 20px 20px 1px; }

        .header-section,
        .breadcrumb-top,
        .block,
        .block.full,
        .modal-body,
        #page-content + footer { padding-left: 20px; padding-right: 20px; }

            .block .block-content-full { margin: -20px -20px -1px; }

            .block.full .block-content-full { margin: -20px; }

    .content-header,
    .content-top,
    .breadcrumb-top { margin: -20px -20px 20px; }

        .content-header + .breadcrumb-top,
        .breadcrumb-top + .content-header { margin-top: -21px; }

    .block,
    .widget { margin-bottom: 20px; }

    .block-title,
    .block-top { margin-left: -20px; margin-right: -20px; }

    .draggable-placeholder { margin-bottom: 20px; }

    /* Forms */
    .form-bordered { margin-left: -20px; margin-right: -20px; }

        .form-bordered .form-group { padding-left: 20px; padding-right: 20px; }

    .form-horizontal.form-bordered .form-group { padding-left: 5px; padding-right: 5px; }

    /* Tabs */
    .nav-tabs > li > a { padding-left: 15px; padding-right: 15px; margin-left: 3px; margin-right: 3px; }

    /* Chat UI */
    .chatui-people,
    .chatui-talk,
    .chatui-input { position: absolute; }

    .chatui-talk,
    .chatui-input { right: 250px; left: 0; }

    .chatui-people { top: 0; right: 0; bottom: 0; width: 250px; height: auto; }

    .chatui-talk { height: auto; }

        .chatui-talk .chatui-talk-msg { width: 50%; margin-left: 50%; }

            .chatui-talk .chatui-talk-msg.chatui-talk-msg-highlight { margin-left: 0; margin-right: 50%; }

    .chatui-input { bottom: 0; }
    #Setup-config { width: 640px; }
}

/* Medium devices, Desktops (>991px) */
@media screen and (min-width: 992px) {

    /* General */
    #login-alt-container { display: block; }

    /* Sidebar Animations */
    .sidebar-no-animations #sidebar,
    .sidebar-no-animations #sidebar-alt { -webkit-transition: opacity 0.5s linear, background-color 0.2s ease-out; transition: opacity 0.5s linear, background-color 0.2s ease-out; }

    .sidebar-no-animations #main-container,
    .sidebar-no-animations.header-fixed-top header.navbar-fixed-top,
    .sidebar-no-animations.header-fixed-bottom header.navbar-fixed-bottom,
    .sidebar-no-animations.footer-fixed #page-content + footer { -webkit-transition: none; transition: none; }

    /* Reset sidebar classes used only on small screens */
    .sidebar-visible-xs #sidebar,
    .sidebar-alt-visible-xs #sidebar-alt { width: 0; }

    .sidebar-visible-xs #main-container,
    .sidebar-alt-visible-xs #main-container { margin-left: 0; margin-right: 0; }

    .sidebar-visible-xs.header-fixed-top header.navbar-fixed-top,
    .sidebar-visible-xs.header-fixed-bottom header.navbar-fixed-bottom,
    .sidebar-alt-visible-xs.header-fixed-top header.navbar-fixed-top,
    .sidebar-alt-visible-xs.header-fixed-bottom header.navbar-fixed-bottom,
    .sidebar-visible-xs.footer-fixed #page-content + footer,
    .sidebar-alt-visible-xs.footer-fixed #page-content + footer { right: 0; left: 0; }

    /* Both Sidebars */
    #sidebar,
    #sidebar-alt,
    .sidebar-partial #sidebar,
    .sidebar-alt-partial #sidebar-alt { width: 0; opacity: 0.2; filter: alpha(opacity=20); }

    .sidebar-partial #sidebar,
    .sidebar-alt-partial #sidebar-alt { width: 65px; }

        /*.sidebar-partial #sidebar:hover,*/
        .sidebar-visible-lg #sidebar,
        .sidebar-visible-lg.sidebar-partial #sidebar,
        .sidebar-alt-partial #sidebar-alt:hover,
        .sidebar-alt-visible-lg #sidebar-alt,
        .sidebar-alt-visible-lg.sidebar-alt-partial #sidebar-alt { width: 200px; opacity: 1; filter: alpha(opacity=100); }

        .sidebar-partial #sidebar .sidebar-brand i,
        .sidebar-alt-partial #sidebar-alt .sidebar-brand i { display: none; }

        /*.sidebar-partial #sidebar:hover .sidebar-brand i,*/
        .sidebar-visible-lg #sidebar .sidebar-brand i,
        .sidebar-alt-partial #sidebar-alt:hover .sidebar-brand i,
        .sidebar-alt-visible-lg #sidebar-alt .sidebar-brand i { display: inline-block; }

    /* Main Sidebar */
    .sidebar-partial #main-container { margin-left: 65px; }

    /*.sidebar-partial #sidebar:hover + #main-container,*/
    .sidebar-partial #main-container,
    .sidebar-visible-lg #main-container { margin-left: 200px; }

    .sidebar-partial.footer-fixed #main-container #page-content + footer,
    .sidebar-partial.header-fixed-top header.navbar-fixed-top,
    .sidebar-partial.header-fixed-bottom header.navbar-fixed-bottom { left: 65px; }
    /*.sidebar-partial #sidebar:hover + #main-container header.navbar-fixed-top,
    .sidebar-partial #sidebar:hover + #main-container header.navbar-fixed-bottom,
    .sidebar-partial #sidebar:hover + #main-container #page-content + footer,*/
    .sidebar-partial #main-container header.navbar-fixed-top,
    .sidebar-partial #main-container header.navbar-fixed-bottom,
    .sidebar-partial #main-container #page-content + footer,
    .sidebar-visible-lg.header-fixed-top header.navbar-fixed-top,
    .sidebar-visible-lg.header-fixed-bottom header.navbar-fixed-bottom,
    .sidebar-visible-lg.footer-fixed #main-container #page-content + footer { left: 200px; }

    /* Alternative Sidebar */
    .sidebar-alt-partial #main-container { margin-right: 65px; }

    .sidebar-alt-partial #sidebar-alt:hover ~ #main-container,
    .sidebar-alt-visible-lg #main-container { margin-right: 200px; }

    .sidebar-alt-partial.footer-fixed #main-container #page-content + footer,
    .sidebar-alt-partial.header-fixed-top header.navbar-fixed-top,
    .sidebar-alt-partial.header-fixed-bottom header.navbar-fixed-bottom { right: 65px; }

    .sidebar-alt-partial #sidebar-alt:hover ~ #main-container header.navbar-fixed-top,
    .sidebar-alt-partial #sidebar-alt:hover ~ #main-container header.navbar-fixed-bottom,
    .sidebar-alt-partial #sidebar-alt:hover ~ #main-container #page-content + footer,
    .sidebar-alt-visible-lg.header-fixed-top header.navbar-fixed-top,
    .sidebar-alt-visible-lg.header-fixed-bottom header.navbar-fixed-bottom,
    .sidebar-alt-visible-lg.footer-fixed #main-container #page-content + footer { right: 200px; }
}

/* Large devices, Desktops (>1199px) */
@media screen and (min-width: 1200px) {

    /* Main Layout */
    .header-fixed-top .sidebar-content,
    .header-fixed-bottom .sidebar-content { padding-bottom: 0; }

    /* General */
    article p { font-size: 19px; line-height: 1.9; }
}

/* Small devices, Tablets (<680px) */
@media screen and (max-width: 680px) {
    body { padding-left: 40px; padding-right: 40px; }
    #Setup-config { width: 100%; }
}

/*
=================================================================
(#m10rts) RETINA
=================================================================
*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
    /* If you did use a CSS image background, you can put your high resolution image here */

}

/*
=================================================================
(#m11prs) PRINT
=================================================================
*/

@media print {
    #sidebar, #sidebar-alt, .content-header, .breadcrumb-top, .block-title .block-options, #page-content + footer, #to-top { display: none !important; }

    #page-content { min-height: 0 !important; height: auto !important; padding: 0 !important; }

    #main-container { margin: 0 !important; }

    .block, .block.full { border: none !important; padding: 0 !important; }

    .block-title { margin: 0 0 20px !important; }
}