/* 
    Document   : metro
    Created on : 05-Apr-2013, 01:39:01
    Author     : Bent
    Description:
        Purpose of the stylesheet follows.
*/

::selection{ background-color: #f3f3f3; color: #000000; }
::moz-selection{ background-color: #f3f3f3; color: #000000; }
::webkit-selection{ background-color: #f3f3f3; color: #000000; }

body{
    overflow-x: hidden;
    /*background-color: #323232;
    background-image: url('../img/backgrounds/05.jpg');*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
}
body.fixed{
    padding-top: 40px;
}
/* header */
.header{
    position: relative;
}
.header > .navbar{
    margin-bottom: 0px;
}
.header > .navbar .brand{
    float: left;
    margin: 3px 0 0;
    padding: 5px 0;
    font-size: 1.4em;
    width: 180px;
}
.header > .navbar.navbar-fixed-top .brand{
    margin-right: 16px;
    width: auto;
}
.header > .navbar .nav > li > a > .label,
.header > .navbar .nav > li > a > .badge{
    position: absolute;
    background-color: #fff;
    color:#000;
    right: 0px;
    top: 4px;
    line-height: 12px;
    padding: 2px 4px;
    font-size: 10px;
    font-weight: lighter
}
.navbar .nav .dropdown-menu.dropdown-extend > .dropdown-header{
    margin-top: -5px;
    padding: 10px;
    background: #f3f3f3;
    color: #444444;
}
.navbar.navbar-inverse .nav .dropdown-menu.dropdown-extend > .dropdown-header{
    margin-top: -5px;
    padding: 10px;
    background: #323232;
    color: #f3f3f3;
}

/* navbar theme lime */
.navbar-lime .navbar-inner{
    background-color: #A4C400;
    border-color: #A4C400;
}
.navbar-lime .brand,
.navbar-lime .navbar-text,
.navbar-lime .navbar-link,
.navbar-lime .navbar-link:hover,
.navbar-lime .navbar-link:focus,
.navbar-lime .nav > li > a{
    color: #ffffff;
}
.navbar-lime .nav > li > a:focus,
.navbar-lime .nav > li > a:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
}
.navbar-lime .nav .active > a,
.navbar-lime .nav .active > a:hover,
.navbar-lime .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-lime .nav li.dropdown.open > .dropdown-toggle,
.navbar-lime .nav li.dropdown.active > .dropdown-toggle,
.navbar-lime .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-lime .nav li.dropdown > a:hover .caret,
.navbar-lime .nav li.dropdown > a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
.navbar-lime .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
.navbar-lime .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-lime .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-lime .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
.navbar-lime .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}
.navbar-lime .nav .dropdown-menu { border: 2px solid #A4C400; border: 2px solid rgba(164, 196, 0, 1); }
.navbar-lime .nav .dropdown-menu .divider { background-color: #A4C400; }
.navbar-lime .nav .dropdown-menu > .active > a,
.navbar-lime .nav .dropdown-menu > .active > a:hover,
.navbar-lime .nav .dropdown-menu > .active > a:focus { background-color: #A4C400; color: #FFFFFF; }
.navbar-lime .nav > li > .dropdown-menu:after { border-bottom: 6px solid #A4C400; }
.navbar-lime.navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 7px solid #A4C400; }

.navbar-lime .nav .dropdown-menu.dropdown-extend > .dropdown-header{
    margin-top: -5px;
    padding: 10px;
    background: #A4C400;
    color: #ffffff;
}

/* navbar theme green */
.navbar-green .navbar-inner{
    background-color: #60A917;
    border-color: #60A917;
}
.navbar-green .brand,
.navbar-green .navbar-text,
.navbar-green .navbar-link,
.navbar-green .navbar-link:hover,
.navbar-green .navbar-link:focus,
.navbar-green .nav > li > a{
    color: #ffffff;
}
.navbar-green .nav > li > a:focus,
.navbar-green .nav > li > a:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
}
.navbar-green .nav .active > a,
.navbar-green .nav .active > a:hover,
.navbar-green .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-green .nav li.dropdown.open > .dropdown-toggle,
.navbar-green .nav li.dropdown.active > .dropdown-toggle,
.navbar-green .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-green .nav li.dropdown > a:hover .caret,
.navbar-green .nav li.dropdown > a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
.navbar-green .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
.navbar-green .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-green .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-green .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
.navbar-green .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}
.navbar-green .nav .dropdown-menu { border: 2px solid #60A917; border: 2px solid rgba(96, 169, 23, 1); }
.navbar-green .nav .dropdown-menu .divider { background-color: #60A917; }
.navbar-green .nav .dropdown-menu > .active > a,
.navbar-green .nav .dropdown-menu > .active > a:hover,
.navbar-green .nav .dropdown-menu > .active > a:focus { background-color: #60A917; color: #FFFFFF; }
.navbar-green .nav > li > .dropdown-menu:after { border-bottom: 6px solid #60A917; }
.navbar-green.navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 7px solid #60A917; }

.navbar-green .nav .dropdown-menu.dropdown-extend > .dropdown-header{
    margin-top: -5px;
    padding: 10px;
    background: #60A917;
    color: #ffffff;
}

/* navbar theme emerald */
.navbar-emerald .navbar-inner{
    background-color: #008A00;
    border-color: #008A00;
}
.navbar-emerald .brand,
.navbar-emerald .navbar-text,
.navbar-emerald .navbar-link,
.navbar-emerald .navbar-link:hover,
.navbar-emerald .navbar-link:focus,
.navbar-emerald .nav > li > a{
    color: #ffffff;
}
.navbar-emerald .nav > li > a:focus,
.navbar-emerald .nav > li > a:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
}
.navbar-emerald .nav .active > a,
.navbar-emerald .nav .active > a:hover,
.navbar-emerald .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-emerald .nav li.dropdown.open > .dropdown-toggle,
.navbar-emerald .nav li.dropdown.active > .dropdown-toggle,
.navbar-emerald .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-emerald .nav li.dropdown > a:hover .caret,
.navbar-emerald .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-emerald .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-emerald .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-emerald .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-emerald .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-emerald .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}
.navbar-emerald .nav .dropdown-menu { border: 2px solid #008A00; border: 2px solid rgba(0, 138, 0, 1); }
.navbar-emerald .nav .dropdown-menu .divider { background-color: #008A00; }
.navbar-emerald .nav .dropdown-menu > .active > a,
.navbar-emerald .nav .dropdown-menu > .active > a:hover,
.navbar-emerald .nav .dropdown-menu > .active > a:focus { background-color: #008A00; color: #FFFFFF; }
.navbar-emerald .nav > li > .dropdown-menu:after { border-bottom: 6px solid #008A00; }
.navbar-emerald.navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 7px solid #008A00; }

.navbar-emerald .nav .dropdown-menu.dropdown-extend > .dropdown-header{
    margin-top: -5px;
    padding: 10px;
    background: #008A00;
    color: #ffffff;
}

/* navbar theme teal */
.navbar-teal .navbar-inner{
    background-color: #00ABA9;
    border-color: #00ABA9;
}
.navbar-teal .brand,
.navbar-teal .navbar-text,
.navbar-teal .navbar-link,
.navbar-teal .navbar-link:hover,
.navbar-teal .navbar-link:focus,
.navbar-teal .nav > li > a{
    color: #ffffff;
}
.navbar-teal .nav > li > a:focus,
.navbar-teal .nav > li > a:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
}
.navbar-teal .nav .active > a,
.navbar-teal .nav .active > a:hover,
.navbar-teal .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-teal .nav li.dropdown.open > .dropdown-toggle,
.navbar-teal .nav li.dropdown.active > .dropdown-toggle,
.navbar-teal .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-teal .nav li.dropdown > a:hover .caret,
.navbar-teal .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-teal .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-teal .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-teal .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-teal .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-teal .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}
.navbar-teal .nav .dropdown-menu { border: 2px solid #00ABA9; border: 2px solid rgba(0, 171, 169, 1); }
.navbar-teal .nav .dropdown-menu .divider { background-color: #00ABA9; }
.navbar-teal .nav .dropdown-menu > .active > a,
.navbar-teal .nav .dropdown-menu > .active > a:hover,
.navbar-teal .nav .dropdown-menu > .active > a:focus { background-color: #00ABA9; color: #FFFFFF; }
.navbar-teal .nav > li > .dropdown-menu:after { border-bottom: 6px solid #00ABA9; }
.navbar-teal.navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 7px solid #00ABA9; }

.navbar-teal .nav .dropdown-menu.dropdown-extend > .dropdown-header{
    margin-top: -5px;
    padding: 10px;
    background: #00ABA9;
    color: #ffffff;
}

/* navbar theme cyan */
.navbar-cyan .navbar-inner{
    background-color: #424c54;
    border-color: transparent;
}
.navbar-cyan .brand,
.navbar-cyan .navbar-text,
.navbar-cyan .navbar-link,
.navbar-cyan .navbar-link:hover,
.navbar-cyan .navbar-link:focus,
.navbar-cyan .nav > li > a{
    color: #ffffff;
}
.navbar-cyan .nav > li > a:focus,
.navbar-cyan .nav > li > a:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
}
.navbar-cyan .nav .active > a,
.navbar-cyan .nav .active > a:hover,
.navbar-cyan .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-cyan .nav li.dropdown.open > .dropdown-toggle,
.navbar-cyan .nav li.dropdown.active > .dropdown-toggle,
.navbar-cyan .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-cyan .nav li.dropdown > a:hover .caret,
.navbar-cyan .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-cyan .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-cyan .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-cyan .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-cyan .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-cyan .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}
.navbar-cyan .nav .dropdown-menu { border: 2px solid #40802b; border: 2px solid #10541c; }
.navbar-cyan .nav .dropdown-menu .divider { background-color: #40802b; }
.navbar-cyan .nav .dropdown-menu > .active > a,
.navbar-cyan .nav .dropdown-menu > .active > a:hover,
.navbar-cyan .nav .dropdown-menu > .active > a:focus { background-color: #40802b; color: #FFFFFF; }
.navbar-cyan .nav > li > .dropdown-menu:after { border-bottom: 6px solid #10541c; }
.navbar-cyan.navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 7px solid #10541c; }

.navbar-cyan .nav .dropdown-menu.dropdown-extend > .dropdown-header{
    margin-top: -5px;
    padding: 10px;
    background: #40802b;
    color: #ffffff;
}

/* navbar theme cobalt */
.navbar-cobalt .navbar-inner{
    background-color: #0050EF;
    border-color: #0050EF;
}
.navbar-cobalt .brand,
.navbar-cobalt .navbar-text,
.navbar-cobalt .navbar-link,
.navbar-cobalt .navbar-link:hover,
.navbar-cobalt .navbar-link:focus,
.navbar-cobalt .nav > li > a{
    color: #ffffff;
}
.navbar-cobalt .nav > li > a:focus,
.navbar-cobalt .nav > li > a:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
}
.navbar-cobalt .nav .active > a,
.navbar-cobalt .nav .active > a:hover,
.navbar-cobalt .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-cobalt .nav li.dropdown.open > .dropdown-toggle,
.navbar-cobalt .nav li.dropdown.active > .dropdown-toggle,
.navbar-cobalt .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-cobalt .nav li.dropdown > a:hover .caret,
.navbar-cobalt .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-cobalt .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-cobalt .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-cobalt .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-cobalt .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-cobalt .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}
.navbar-cobalt .nav .dropdown-menu { border: 2px solid #0050EF; border: 2px solid rgba(0, 80, 239, 1); }
.navbar-cobalt .nav .dropdown-menu .divider { background-color: #0050EF; }
.navbar-cobalt .nav .dropdown-menu > .active > a,
.navbar-cobalt .nav .dropdown-menu > .active > a:hover,
.navbar-cobalt .nav .dropdown-menu > .active > a:focus { background-color: #0050EF; color: #FFFFFF; }
.navbar-cobalt .nav > li > .dropdown-menu:after { border-bottom: 6px solid #0050EF; }
.navbar-cobalt.navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 7px solid #0050EF; }

.navbar-cobalt .nav .dropdown-menu.dropdown-extend > .dropdown-header{
    margin-top: -5px;
    padding: 10px;
    background: #0050EF;
    color: #ffffff;
}

/* navbar theme indigo */
.navbar-indigo .navbar-inner{
    background-color: #6A00FF;
    border-color: #6A00FF;
}
.navbar-indigo .brand,
.navbar-indigo .navbar-text,
.navbar-indigo .navbar-link,
.navbar-indigo .navbar-link:hover,
.navbar-indigo .navbar-link:focus,
.navbar-indigo .nav > li > a{
    color: #ffffff;
}
.navbar-indigo .nav > li > a:focus,
.navbar-indigo .nav > li > a:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
}
.navbar-indigo .nav .active > a,
.navbar-indigo .nav .active > a:hover,
.navbar-indigo .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-indigo .nav li.dropdown.open > .dropdown-toggle,
.navbar-indigo .nav li.dropdown.active > .dropdown-toggle,
.navbar-indigo .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-indigo .nav li.dropdown > a:hover .caret,
.navbar-indigo .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-indigo .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-indigo .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-indigo .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-indigo .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-indigo .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.15);
    border-left-color: rgba(0, 0, 0, 0.15);
}
.navbar-indigo .nav .dropdown-menu { border: 2px solid #6A00FF; border: 2px solid rgba(106, 0, 255, 1); }
.navbar-indigo .nav .dropdown-menu .divider { background-color: #6A00FF; }
.navbar-indigo .nav .dropdown-menu > .active > a,
.navbar-indigo .nav .dropdown-menu > .active > a:hover,
.navbar-indigo .nav .dropdown-menu > .active > a:focus { background-color: #6A00FF; color: #FFFFFF; }
.navbar-indigo .nav > li > .dropdown-menu:after { border-bottom: 6px solid #6A00FF; }
.navbar-indigo.navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 7px solid #6A00FF; }

.navbar-indigo .nav .dropdown-menu.dropdown-extend > .dropdown-header{
    margin-top: -5px;
    padding: 10px;
    background: #6A00FF;
    color: #ffffff;
}

/* navbar theme violet */
.navbar-violet .navbar-inner{
    background-color: #AA00FF;
    border-color: #AA00FF;
}
.navbar-violet .brand,
.navbar-violet .navbar-text,
.navbar-violet .navbar-link,
.navbar-violet .navbar-link:hover,
.navbar-violet .navbar-link:focus,
.navbar-violet .nav > li > a{
    color: #ffffff;
}
.navbar-violet .nav > li > a:focus,
.navbar-violet .nav > li > a:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
}
.navbar-violet .nav .active > a,
.navbar-violet .nav .active > a:hover,
.navbar-violet .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-violet .nav li.dropdown.open > .dropdown-toggle,
.navbar-violet .nav li.dropdown.active > .dropdown-toggle,
.navbar-violet .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-violet .nav li.dropdown > a:hover .caret,
.navbar-violet .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-violet .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-violet .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-violet .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-violet .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-violet .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.15);
    border-left-color: rgba(0, 0, 0, 0.15);
}
.navbar-violet .nav .dropdown-menu { border: 2px solid #AA00FF; border: 2px solid rgba(170, 0, 255, 1); }
.navbar-violet .nav .dropdown-menu .divider { background-color: #AA00FF; }
.navbar-violet .nav .dropdown-menu > .active > a,
.navbar-violet .nav .dropdown-menu > .active > a:hover,
.navbar-violet .nav .dropdown-menu > .active > a:focus { background-color: #AA00FF; color: #FFFFFF; }
.navbar-violet .nav > li > .dropdown-menu:after { border-bottom: 6px solid #AA00FF; }
.navbar-violet.navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 7px solid #AA00FF; }

.navbar-violet .nav .dropdown-menu.dropdown-extend > .dropdown-header{
    margin-top: -5px;
    padding: 10px;
    background: #AA00FF;
    color: #ffffff;
}

/* navbar theme pink */
.navbar-pink .navbar-inner{
    background-color: #F472D0;
    border-color: #F472D0;
}
.navbar-pink .brand,
.navbar-pink .navbar-text,
.navbar-pink .navbar-link,
.navbar-pink .navbar-link:hover,
.navbar-pink .navbar-link:focus,
.navbar-pink .nav > li > a{
    color: #ffffff;
}
.navbar-pink .nav > li > a:focus,
.navbar-pink .nav > li > a:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
}
.navbar-pink .nav .active > a,
.navbar-pink .nav .active > a:hover,
.navbar-pink .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-pink .nav li.dropdown.open > .dropdown-toggle,
.navbar-pink .nav li.dropdown.active > .dropdown-toggle,
.navbar-pink .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-pink .nav li.dropdown > a:hover .caret,
.navbar-pink .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-pink .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-pink .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-pink .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-pink .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-pink .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}
.navbar-pink .nav .dropdown-menu { border: 2px solid #F472D0; border: 2px solid rgba(244, 114, 208, 1); }
.navbar-pink .nav .dropdown-menu .divider { background-color: #F472D0; }
.navbar-pink .nav .dropdown-menu > .active > a,
.navbar-pink .nav .dropdown-menu > .active > a:hover,
.navbar-pink .nav .dropdown-menu > .active > a:focus { background-color: #F472D0; color: #FFFFFF; }
.navbar-pink .nav > li > .dropdown-menu:after { border-bottom: 6px solid #F472D0; }
.navbar-pink.navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 7px solid #F472D0; }

.navbar-pink .nav .dropdown-menu.dropdown-extend > .dropdown-header{
    margin-top: -5px;
    padding: 10px;
    background: #F472D0;
    color: #ffffff;
}

/* navbar theme magenta */
.navbar-magenta .navbar-inner{
    background-color: #D80073;
    border-color: #D80073;
}
.navbar-magenta .brand,
.navbar-magenta .navbar-text,
.navbar-magenta .navbar-link,
.navbar-magenta .navbar-link:hover,
.navbar-magenta .navbar-link:focus,
.navbar-magenta .nav > li > a{
    color: #ffffff;
}
.navbar-magenta .nav > li > a:focus,
.navbar-magenta .nav > li > a:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
}
.navbar-magenta .nav .active > a,
.navbar-magenta .nav .active > a:hover,
.navbar-magenta .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-magenta .nav li.dropdown.open > .dropdown-toggle,
.navbar-magenta .nav li.dropdown.active > .dropdown-toggle,
.navbar-magenta .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-magenta .nav li.dropdown > a:hover .caret,
.navbar-magenta .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-magenta .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-magenta .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-magenta .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-magenta .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-magenta .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}
.navbar-magenta .nav .dropdown-menu { border: 2px solid #D80073; border: 2px solid rgba(216, 0, 115, 1); }
.navbar-magenta .nav .dropdown-menu .divider { background-color: #D80073; }
.navbar-magenta .nav .dropdown-menu > .active > a,
.navbar-magenta .nav .dropdown-menu > .active > a:hover,
.navbar-magenta .nav .dropdown-menu > .active > a:focus { background-color: #D80073; color: #FFFFFF; }
.navbar-magenta .nav > li > .dropdown-menu:after { border-bottom: 6px solid #D80073; }
.navbar-magenta.navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 7px solid #D80073; }

.navbar-magenta .nav .dropdown-menu.dropdown-extend > .dropdown-header{
    margin-top: -5px;
    padding: 10px;
    background: #D80073;
    color: #ffffff;
}

/* navbar theme crimson */
.navbar-crimson .navbar-inner{
    background-color: #A20025;
    border-color: #A20025;
}
.navbar-crimson .brand,
.navbar-crimson .navbar-text,
.navbar-crimson .navbar-link,
.navbar-crimson .navbar-link:hover,
.navbar-crimson .navbar-link:focus,
.navbar-crimson .nav > li > a{
    color: #ffffff;
}
.navbar-crimson .nav > li > a:focus,
.navbar-crimson .nav > li > a:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
}
.navbar-crimson .nav .active > a,
.navbar-crimson .nav .active > a:hover,
.navbar-crimson .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-crimson .nav li.dropdown.open > .dropdown-toggle,
.navbar-crimson .nav li.dropdown.active > .dropdown-toggle,
.navbar-crimson .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-crimson .nav li.dropdown > a:hover .caret,
.navbar-crimson .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-crimson .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-crimson .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-crimson .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-crimson .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-crimson .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}
.navbar-crimson .nav .dropdown-menu { border: 2px solid #A20025; border: 2px solid rgba(162, 0, 37, 1); }
.navbar-crimson .nav .dropdown-menu .divider { background-color: #A20025; }
.navbar-crimson .nav .dropdown-menu > .active > a,
.navbar-crimson .nav .dropdown-menu > .active > a:hover,
.navbar-crimson .nav .dropdown-menu > .active > a:focus { background-color: #A20025; color: #FFFFFF; }
.navbar-crimson .nav > li > .dropdown-menu:after { border-bottom: 6px solid #A20025; }
.navbar-crimson.navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 7px solid #A20025; }

.navbar-crimson .nav .dropdown-menu.dropdown-extend > .dropdown-header{
    margin-top: -5px;
    padding: 10px;
    background: #A20025;
    color: #ffffff;
}

/* navbar theme red */
.navbar-red .navbar-inner{
    background-color: #E51400;
    border-color: #E51400;
}
.navbar-red .brand,
.navbar-red .navbar-text,
.navbar-red .navbar-link,
.navbar-red .navbar-link:hover,
.navbar-red .navbar-link:focus,
.navbar-red .nav > li > a{
    color: #ffffff;
}
.navbar-red .nav > li > a:focus,
.navbar-red .nav > li > a:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
}
.navbar-red .nav .active > a,
.navbar-red .nav .active > a:hover,
.navbar-red .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-red .nav li.dropdown.open > .dropdown-toggle,
.navbar-red .nav li.dropdown.active > .dropdown-toggle,
.navbar-red .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-red .nav li.dropdown > a:hover .caret,
.navbar-red .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-red .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-red .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-red .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-red .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-red .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.15);
    border-left-color: rgba(0, 0, 0, 0.15);
}
.navbar-red .nav .dropdown-menu { border: 2px solid #E51400; border: 2px solid rgba(229, 20, 0, 1); }
.navbar-red .nav .dropdown-menu .divider { background-color: #E51400; }
.navbar-red .nav .dropdown-menu > .active > a,
.navbar-red .nav .dropdown-menu > .active > a:hover,
.navbar-red .nav .dropdown-menu > .active > a:focus { background-color: #E51400; color: #FFFFFF; }
.navbar-red .nav > li > .dropdown-menu:after { border-bottom: 6px solid #E51400; }
.navbar-red.navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 7px solid #E51400; }

.navbar-red .nav .dropdown-menu.dropdown-extend > .dropdown-header{
    margin-top: -5px;
    padding: 10px;
    background: #E51400;
    color: #ffffff;
}

/* navbar theme orange */
.navbar-orange .navbar-inner{
    background-color: #FA6800;
    border-color: #FA6800;
}
.navbar-orange .brand,
.navbar-orange .navbar-text,
.navbar-orange .navbar-link,
.navbar-orange .navbar-link:hover,
.navbar-orange .navbar-link:focus,
.navbar-orange .nav > li > a{
    color: #ffffff;
}
.navbar-orange .nav > li > a:focus,
.navbar-orange .nav > li > a:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
}
.navbar-orange .nav .active > a,
.navbar-orange .nav .active > a:hover,
.navbar-orange .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-orange .nav li.dropdown.open > .dropdown-toggle,
.navbar-orange .nav li.dropdown.active > .dropdown-toggle,
.navbar-orange .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-orange .nav li.dropdown > a:hover .caret,
.navbar-orange .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-orange .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-orange .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-orange .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-orange .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-orange .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}
.navbar-orange .nav .dropdown-menu { border: 2px solid #FA6800; border: 2px solid rgba(250, 104, 0, 1); }
.navbar-orange .nav .dropdown-menu .divider { background-color: #FA6800; }
.navbar-orange .nav .dropdown-menu > .active > a,
.navbar-orange .nav .dropdown-menu > .active > a:hover,
.navbar-orange .nav .dropdown-menu > .active > a:focus { background-color: #FA6800; color: #FFFFFF; }
.navbar-orange .nav > li > .dropdown-menu:after { border-bottom: 6px solid #FA6800; }
.navbar-orange.navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 7px solid #FA6800; }

.navbar-orange .nav .dropdown-menu.dropdown-extend > .dropdown-header{
    margin-top: -5px;
    padding: 10px;
    background: #FA6800;
    color: #ffffff;
}

/* navbar theme amber */
.navbar-amber .navbar-inner{
    background-color: #F0A30A;
    border-color: #F0A30A;
}
.navbar-amber .brand,
.navbar-amber .navbar-text,
.navbar-amber .navbar-link,
.navbar-amber .navbar-link:hover,
.navbar-amber .navbar-link:focus,
.navbar-amber .nav > li > a{
    color: #ffffff;
}
.navbar-amber .nav > li > a:focus,
.navbar-amber .nav > li > a:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
}
.navbar-amber .nav .active > a,
.navbar-amber .nav .active > a:hover,
.navbar-amber .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-amber .nav li.dropdown.open > .dropdown-toggle,
.navbar-amber .nav li.dropdown.active > .dropdown-toggle,
.navbar-amber .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-amber .nav li.dropdown > a:hover .caret,
.navbar-amber .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-amber .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-amber .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-amber .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-amber .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-amber .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}
.navbar-amber .nav .dropdown-menu { border: 2px solid #F0A30A; border: 2px solid rgba(240, 163, 10, 1); }
.navbar-amber .nav .dropdown-menu .divider { background-color: #F0A30A; }
.navbar-amber .nav .dropdown-menu > .active > a,
.navbar-amber .nav .dropdown-menu > .active > a:hover,
.navbar-amber .nav .dropdown-menu > .active > a:focus { background-color: #F0A30A; color: #FFFFFF; }
.navbar-amber .nav > li > .dropdown-menu:after { border-bottom: 6px solid #F0A30A; }
.navbar-amber.navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 7px solid #F0A30A; }

.navbar-amber .nav .dropdown-menu.dropdown-extend > .dropdown-header{
    margin-top: -5px;
    padding: 10px;
    background: #F0A30A;
    color: #ffffff;
}

/* navbar theme yellow */
.navbar-yellow .navbar-inner{
    background-color: #E3C800;
    border-color: #E3C800;
}
.navbar-yellow .brand,
.navbar-yellow .navbar-text,
.navbar-yellow .navbar-link,
.navbar-yellow .navbar-link:hover,
.navbar-yellow .navbar-link:focus,
.navbar-yellow .nav > li > a{
    color: #ffffff;
}
.navbar-yellow .nav > li > a:focus,
.navbar-yellow .nav > li > a:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
}
.navbar-yellow .nav .active > a,
.navbar-yellow .nav .active > a:hover,
.navbar-yellow .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-yellow .nav li.dropdown.open > .dropdown-toggle,
.navbar-yellow .nav li.dropdown.active > .dropdown-toggle,
.navbar-yellow .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-yellow .nav li.dropdown > a:hover .caret,
.navbar-yellow .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-yellow .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-yellow .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-yellow .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-yellow .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-yellow .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}
.navbar-yellow .nav .dropdown-menu { border: 2px solid #E3C800; border: 2px solid rgba(227, 200, 0, 1); }
.navbar-yellow .nav .dropdown-menu .divider { background-color: #E3C800; }
.navbar-yellow .nav .dropdown-menu > .active > a,
.navbar-yellow .nav .dropdown-menu > .active > a:hover,
.navbar-yellow .nav .dropdown-menu > .active > a:focus { background-color: #E3C800; color: #FFFFFF; }
.navbar-yellow .nav > li > .dropdown-menu:after { border-bottom: 6px solid #E3C800; }
.navbar-yellow.navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 7px solid #E3C800; }

.navbar-yellow .nav .dropdown-menu.dropdown-extend > .dropdown-header{
    margin-top: -5px;
    padding: 10px;
    background: #E3C800;
    color: #ffffff;
}

/* navbar theme brown */
.navbar-brown .navbar-inner{
    background-color: #825A2C;
    border-color: #825A2C;
}
.navbar-brown .brand,
.navbar-brown .navbar-text,
.navbar-brown .navbar-link,
.navbar-brown .navbar-link:hover,
.navbar-brown .navbar-link:focus,
.navbar-brown .nav > li > a{
    color: #ffffff;
}
.navbar-brown .nav > li > a:focus,
.navbar-brown .nav > li > a:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
}
.navbar-brown .nav .active > a,
.navbar-brown .nav .active > a:hover,
.navbar-brown .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-brown .nav li.dropdown.open > .dropdown-toggle,
.navbar-brown .nav li.dropdown.active > .dropdown-toggle,
.navbar-brown .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-brown .nav li.dropdown > a:hover .caret,
.navbar-brown .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-brown .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-brown .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-brown .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-brown .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-brown .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}
.navbar-brown .nav .dropdown-menu { border: 2px solid #825A2C; border: 2px solid rgba(130, 90, 44, 1); }
.navbar-brown .nav .dropdown-menu .divider { background-color: #825A2C; }
.navbar-brown .nav .dropdown-menu > .active > a,
.navbar-brown .nav .dropdown-menu > .active > a:hover,
.navbar-brown .nav .dropdown-menu > .active > a:focus { background-color: #825A2C; color: #FFFFFF; }
.navbar-brown .nav > li > .dropdown-menu:after { border-bottom: 6px solid #825A2C; }
.navbar-brown.navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 7px solid #825A2C; }

.navbar-brown .nav .dropdown-menu.dropdown-extend > .dropdown-header{
    margin-top: -5px;
    padding: 10px;
    background: #825A2C;
    color: #ffffff;
}

/* navbar theme olive */
.navbar-olive .navbar-inner{
    background-color: #6D8764;
    border-color: #6D8764;
}
.navbar-olive .brand,
.navbar-olive .navbar-text,
.navbar-olive .navbar-link,
.navbar-olive .navbar-link:hover,
.navbar-olive .navbar-link:focus,
.navbar-olive .nav > li > a{
    color: #ffffff;
}
.navbar-olive .nav > li > a:focus,
.navbar-olive .nav > li > a:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
}
.navbar-olive .nav .active > a,
.navbar-olive .nav .active > a:hover,
.navbar-olive .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-olive .nav li.dropdown.open > .dropdown-toggle,
.navbar-olive .nav li.dropdown.active > .dropdown-toggle,
.navbar-olive .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-olive .nav li.dropdown > a:hover .caret,
.navbar-olive .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-olive .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-olive .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-olive .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-olive .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-olive .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}
.navbar-olive .nav .dropdown-menu { border: 2px solid #6D8764; border: 2px solid rgba(109, 135, 100, 1); }
.navbar-olive .nav .dropdown-menu .divider { background-color: #6D8764; }
.navbar-olive .nav .dropdown-menu > .active > a,
.navbar-olive .nav .dropdown-menu > .active > a:hover,
.navbar-olive .nav .dropdown-menu > .active > a:focus { background-color: #6D8764; color: #FFFFFF; }
.navbar-olive .nav > li > .dropdown-menu:after { border-bottom: 6px solid #6D8764; }
.navbar-olive.navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 7px solid #6D8764; }

.navbar-olive .nav .dropdown-menu.dropdown-extend > .dropdown-header{
    margin-top: -5px;
    padding: 10px;
    background: #6D8764;
    color: #ffffff;
}

/* navbar theme steel */
.navbar-steel .navbar-inner{
    background-color: #647687;
    border-color: #647687;
}
.navbar-steel .brand,
.navbar-steel .navbar-text,
.navbar-steel .navbar-link,
.navbar-steel .navbar-link:hover,
.navbar-steel .navbar-link:focus,
.navbar-steel .nav > li > a{
    color: #ffffff;
}
.navbar-steel .nav > li > a:focus,
.navbar-steel .nav > li > a:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
}
.navbar-steel .nav .active > a,
.navbar-steel .nav .active > a:hover,
.navbar-steel .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-steel .nav li.dropdown.open > .dropdown-toggle,
.navbar-steel .nav li.dropdown.active > .dropdown-toggle,
.navbar-steel .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-steel .nav li.dropdown > a:hover .caret,
.navbar-steel .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-steel .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-steel .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-steel .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-steel .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-steel .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}
.navbar-steel .nav .dropdown-menu { border: 2px solid #647687; border: 2px solid rgba(100, 118, 135, 1); }
.navbar-steel .nav .dropdown-menu .divider { background-color: #647687; }
.navbar-steel .nav .dropdown-menu > .active > a,
.navbar-steel .nav .dropdown-menu > .active > a:hover,
.navbar-steel .nav .dropdown-menu > .active > a:focus { background-color: #647687; color: #FFFFFF; }
.navbar-steel .nav > li > .dropdown-menu:after { border-bottom: 6px solid #647687; }
.navbar-steel.navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 7px solid #647687; }

.navbar-steel .nav .dropdown-menu.dropdown-extend > .dropdown-header{
    margin-top: -5px;
    padding: 10px;
    background: #647687;
    color: #ffffff;
}

/* navbar theme mauve */
.navbar-mauve .navbar-inner{
    background-color: #76608A;
    border-color: #76608A;
}
.navbar-mauve .brand,
.navbar-mauve .navbar-text,
.navbar-mauve .navbar-link,
.navbar-mauve .navbar-link:hover,
.navbar-mauve .navbar-link:focus,
.navbar-mauve .nav > li > a{
    color: #ffffff;
}
.navbar-mauve .nav > li > a:focus,
.navbar-mauve .nav > li > a:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
}
.navbar-mauve .nav .active > a,
.navbar-mauve .nav .active > a:hover,
.navbar-mauve .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-mauve .nav li.dropdown.open > .dropdown-toggle,
.navbar-mauve .nav li.dropdown.active > .dropdown-toggle,
.navbar-mauve .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-mauve .nav li.dropdown > a:hover .caret,
.navbar-mauve .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-mauve .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-mauve .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-mauve .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-mauve .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-mauve .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}
.navbar-mauve .nav .dropdown-menu { border: 2px solid #76608A; border: 2px solid rgba(118, 96, 138, 1); }
.navbar-mauve .nav .dropdown-menu .divider { background-color: #76608A; }
.navbar-mauve .nav .dropdown-menu > .active > a,
.navbar-mauve .nav .dropdown-menu > .active > a:hover,
.navbar-mauve .nav .dropdown-menu > .active > a:focus { background-color: #76608A; color: #FFFFFF; }
.navbar-mauve .nav > li > .dropdown-menu:after { border-bottom: 6px solid #76608A; }
.navbar-mauve.navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 7px solid #76608A; }

.navbar-mauve .nav .dropdown-menu.dropdown-extend > .dropdown-header{
    margin-top: -5px;
    padding: 10px;
    background: #76608A;
    color: #ffffff;
}

/* navbar theme taupe */
.navbar-taupe .navbar-inner{
    background-color: #87794E;
    border-color: #87794E;
}
.navbar-taupe .brand,
.navbar-taupe .navbar-text,
.navbar-taupe .navbar-link,
.navbar-taupe .navbar-link:hover,
.navbar-taupe .navbar-link:focus,
.navbar-taupe .nav > li > a{
    color: #ffffff;
}
.navbar-taupe .nav > li > a:focus,
.navbar-taupe .nav > li > a:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
}
.navbar-taupe .nav .active > a,
.navbar-taupe .nav .active > a:hover,
.navbar-taupe .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-taupe .nav li.dropdown.open > .dropdown-toggle,
.navbar-taupe .nav li.dropdown.active > .dropdown-toggle,
.navbar-taupe .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar-taupe .nav li.dropdown > a:hover .caret,
.navbar-taupe .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-taupe .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-taupe .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-taupe .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-taupe .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}
.navbar-taupe .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}
.navbar-taupe .nav .dropdown-menu { border: 2px solid #87794E; border: 2px solid rgba(135, 121, 78, 1); }
.navbar-taupe .nav .dropdown-menu .divider { background-color: #87794E; }
.navbar-taupe .nav .dropdown-menu > .active > a,
.navbar-taupe .nav .dropdown-menu > .active > a:hover,
.navbar-taupe .nav .dropdown-menu > .active > a:focus { background-color: #87794E; color: #FFFFFF; }
.navbar-taupe .nav > li > .dropdown-menu:after { border-bottom: 6px solid #87794E; }
.navbar-taupe.navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 7px solid #87794E; }

.navbar-taupe .nav .dropdown-menu.dropdown-extend > .dropdown-header{
    margin-top: -5px;
    padding: 10px;
    background: #87794E;
    color: #ffffff;
}
/* end header */


/* section content */
.section-content{
    position: relative;
    display: block;
    height: auto;
    background: #ffffff;
}
.section-content:after{
    content: '';
    display: block;
    clear: both;
}
/* side-left */
.side-left, .content{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    min-height: 620px;
}

/* default side left */
.side-left{
    /*position: absolute;*/
    position: relative;
    display: block;
    float: left;
    z-index: 5;
    width: 200px;
    min-height: 100%;
    height: 100%;
    background-color: #f3f3f3;
    padding-bottom: 60px;
    margin-bottom: 0;
}
.side-left:after{
    content: '';
    display: block;
    clear: both;
}
.side-left.side-left-fixed{
    position: fixed;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}
.side-left.side-left-fixed .nav-list{
    height: 90%;
    overflow-x: hidden;
    overflow-y: auto;
}
.side-left.side-left-fixed.fixed-top{
    top: 0;
}

/* side form search */
.side-left > .search-module{
    position: relative;
    padding: 16px 5px 5px;
    margin-bottom: 10px;
}
.side-left > .search-module{
    
}
/* side left nav */
.side-left > .nav{
    margin-top: -1px;
    background-color: transparent;
}

/* default nav list */
.side-left > .nav > li{
    position: relative;
}
.side-left > .nav > li.divider{
    *width: 100%;
    height: 1px;
    margin: 9px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid #ffffff;
}
.side-left > .nav > li > a{
    color: #333333;
    font-size: 1.3em;
    font-weight: lighter;
    text-shadow: 0 1px 0 #ffffff;
    padding: 10px 20px;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    text-shadow: none;
}
/* default nav label */
.side-left > .nav > li .badge,
.side-left > .nav > li .label{
    position: absolute;
    background-color: #D80073;
    top: 0px;
    right: -15px;
    font-size: 11px;
}
/* default nav active */
.side-left > .nav > li.active > a{
    background: rgba(0, 0, 0, 0.1);
    color: #333333;
    text-shadow: none;
}

/* default nav dropdown list */
.side-left > .nav > .dropdown > .dropdown-toggle:before,
.side-left > .nav > .dropdown-list > .dropdown-toggle:before,
.side-left > .nav > .dropup > .dropdown-toggle:before{
    position: absolute;
    margin-left: -10px;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    content: '\f105';
    font-size: 14px;
}
.side-left > .nav > .dropdown-list.open > .dropdown-toggle:before{
    margin-left: -13px;
    content: '\f107';
}
.side-left > .nav > li.dropdown-list > .dropdown-menu{
    position: relative;
    border: none;
    float: none;
    margin: 0 -15px;
    padding: 0;
    padding-right: 0px;
    list-style: none;
    background-color: rgba(0, 0, 0, 0.15);
    display: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.side-left > .nav > li.open > a,
.side-left > .nav > li.open:hover > a,
.side-left > .nav > li.active > a,
.side-left > .nav > li.active:hover > a,
.side-left > .nav > li > .dropdown-menu li:hover a{
    background: rgba(0, 0, 0, 0.15);
}
.side-left > .nav > li > a:focus,
.side-left > .nav > li > a:active{
    background: transparent;
}
.side-left > .nav > li.dropdown-list > .dropdown-menu > li{
    margin: 0;
    padding: 0px;
}
.side-left > .nav > li.dropdown-list > .dropdown-menu > li.nav-header{
    padding: 5px 15px;
}
.side-left > .nav > li.dropdown-list > .dropdown-menu > li > a{
    position: relative;
    margin: 0px;
    display: block;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: lighter;
    color: #333333;
}
.side-left > .nav > li.dropdown-list > .dropdown-menu > li.active > a{
    background: rgba(0, 0, 0, 0.075);
}
.side-left > .nav > li.dropdown:focus > a{
    background: red !important;
}
.side-left > .nav > li.dropdown > .dropdown-menu,
.side-left > .nav > li.dropup > .dropdown-menu{
    font-size: 14px;
}
.side-left > .nav > li.dropdown > .dropdown-menu{
    left: 165px;
    top: 0px;
}
.side-left > .nav > li.dropup > .dropdown-menu{
    left: 165px;
    bottom: 0px;
}
.side-left > .nav > li.dropdown-list > .dropdown-menu .divider {
    background-color: rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    height:1px;
    margin:9px 1px;
    overflow:hidden;
    margin-left: 15px;
    margin-right: 15px;
}
.side-left > .nav > li.dropdown > .dropdown-menu .divider,
.side-left > .nav > li.dropup > .dropdown-menu .divider{
    *width: 100%;
    height: 1px;
    margin: 9px 20px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #000000;
    border-bottom: 1px solid #ffffff;
}


/* side left theme */
/* black/inverse */
.side-left.side-black, 
.side-left.side-inverse{
    background-color: #222222; 
}
.side-left.side-black > .nav, 
.side-left.side-inverse > .nav{
    background-color: #222222;
}
.side-left.side-black > .nav > li > a, 
.side-left.side-inverse > .nav > li > a{
    color: #FFFFFF;
}
.side-left.side-black > .nav > li:hover > a, 
.side-left.side-inverse > .nav > li:hover > a{
    background: rgba(255, 255, 255, .15)
}
.side-left.side-black > .nav > li.open > a,
.side-left.side-inverse > .nav > li.open > a,
.side-left.side-black > .nav > li.open:hover > a,
.side-left.side-inverse > .nav > li.open:hover > a,
.side-left.side-black > .nav > .active > a, 
.side-left.side-inverse > .nav > .active > a,
.side-left.side-black > .nav > .active:hover > a, 
.side-left.side-inverse > .nav > .active:hover > a,
.side-left.side-black > .nav > li > .dropdown-menu li:hover a,
.side-left.side-inverse > .nav > li > .dropdown-menu li:hover a{
    color: #FFFFFF; background: rgba(255, 255, 255, .25)
}
.side-left.side-black > .nav > li.dropdown-list > .dropdown-menu > li.active > a,
.side-left.side-inverse > .nav > li.dropdown-list > .dropdown-menu > li.active > a{
    color: #FFFFFF; background: rgba(255, 255, 255, .075)
}
.side-left.side-black > .nav > li.dropdown-list > .dropdown-menu,
.side-left.side-inverse > .nav > li.dropdown-list > .dropdown-menu{
    color: #FFFFFF; background: rgba(255, 255, 255, .15)
}
.side-left.side-black > .nav .dropdown-menu, 
.side-left.side-inverse > .nav .dropdown-menu{
    border: 2px solid #323232;
}
.side-left.side-black > .nav > li.dropdown > .dropdown-menu li:hover a,
.side-left.side-black > .nav > li.dropup > .dropdown-menu li:hover a{
    background-color: #f3f3f3;
    color: inherit;
}
.side-left.side-black > .nav > li.dropdown-list > .dropdown-menu > li > a,
.side-left.side-inverse > .nav > li.dropdown-list > .dropdown-menu > li > a{
    color: #FFFFFF;
}
/* cyan */
.side-left.side-cyan{
    background-color: #40802b; 
}
.side-left.side-cyan > .nav{
    background-color: #40802b;
}
.side-left.side-cyan > .nav > li > a{
    color: #FFFFFF;
}
.side-left.side-cyan > .nav > li:hover > a{
    background: rgba(255, 255, 255, .15)
}
.side-left.side-cyan > .nav > .open > a,
.side-left.side-cyan > .nav > .open:hover > a,
.side-left.side-cyan > .nav > .active > a,
.side-left.side-cyan > .nav > .active:hover > a,
.side-left.side-cyan > .nav > li > .dropdown-menu li:hover a{
    color: #FFFFFF; background: rgba(255, 255, 255, .25)
}
.side-left.side-cyan > .nav > li.dropdown-list > .dropdown-menu > li.active > a{
    color: #FFFFFF; background: rgba(255, 255, 255, .075)
}
.side-left.side-cyan > .nav > li.dropdown-list > .dropdown-menu{
    color: #FFFFFF; background: rgba(255, 255, 255, .15)
}
.side-left.side-cyan > .nav .dropdown-menu{
    border: 2px solid #40802b;
}
.side-left.side-cyan > .nav > li.dropdown > .dropdown-menu li:hover a,
.side-left.side-cyan > .nav > li.dropup > .dropdown-menu li:hover a{
    background-color: #f3f3f3;
    color: inherit;
}
.side-left.side-cyan > .nav > li.dropdown-list > .dropdown-menu > li > a{
    color: #FFFFFF;
}
/* lime */
.side-left.side-lime{
    background-color: #A4C400; 
}
.side-left.side-lime > .nav{
    background-color: #A4C400;
}
.side-left.side-lime > .nav > li > a{
    color: #FFFFFF;
}
.side-left.side-lime > .nav > li:hover > a{
    background: rgba(255, 255, 255, .15)
}
.side-left.side-lime > .nav > .open > a,
.side-left.side-lime > .nav > .open:hover > a,
.side-left.side-lime > .nav > .active > a,
.side-left.side-lime > .nav > .active:hover > a,
.side-left.side-lime > .nav > li > .dropdown-menu li:hover a{
    color: #FFFFFF; background: rgba(255, 255, 255, .25)
}
.side-left.side-lime > .nav > li.dropdown-list > .dropdown-menu > li.active > a{
    color: #FFFFFF; background: rgba(255, 255, 255, .075)
}
.side-left.side-lime > .nav > li.dropdown-list > .dropdown-menu{
    color: #FFFFFF; background: rgba(255, 255, 255, .15)
}
.side-left.side-lime > .nav .dropdown-menu{
    border: 2px solid #A4C400;
}
.side-left.side-lime > .nav > li.dropdown > .dropdown-menu li:hover a,
.side-left.side-lime > .nav > li.dropup > .dropdown-menu li:hover a{
    background-color: #f3f3f3;
    color: inherit;
}
.side-left.side-lime > .nav > li.dropdown-list > .dropdown-menu > li > a{
    color: #FFFFFF;
}
/* green */
.side-left.side-green{
    background-color: #60A917; 
}
.side-left.side-green > .nav{
    background-color: #60A917;
}
.side-left.side-green > .nav > li > a{
    color: #FFFFFF;
}
.side-left.side-green > .nav > li:hover > a{
    background: rgba(255, 255, 255, .15)
}
.side-left.side-green > .nav > .open > a,
.side-left.side-green > .nav > .open:hover > a,
.side-left.side-green > .nav > .active > a,
.side-left.side-green > .nav > .active:hover > a,
.side-left.side-green > .nav > li > .dropdown-menu li:hover a{
    color: #FFFFFF; background: rgba(255, 255, 255, .25)
}
.side-left.side-green > .nav > li.dropdown-list > .dropdown-menu > li.active > a{
    color: #FFFFFF; background: rgba(255, 255, 255, .075)
}
.side-left.side-green > .nav > li.dropdown-list > .dropdown-menu{
    color: #FFFFFF; background: rgba(255, 255, 255, .15)
}
.side-left.side-green > .nav .dropdown-menu{
    border: 2px solid #60A917;
}
.side-left.side-green > .nav > li.dropdown > .dropdown-menu li:hover a,
.side-left.side-green > .nav > li.dropup > .dropdown-menu li:hover a{
    background-color: #f3f3f3;
    color: inherit;
}
.side-left.side-green > .nav > li.dropdown-list > .dropdown-menu > li > a{
    color: #FFFFFF;
}
/* emerald */
.side-left.side-emerald{
    background-color: #008A00; 
}
.side-left.side-emerald > .nav{
    background-color: #008A00;
}
.side-left.side-emerald > .nav > li > a{
    color: #FFFFFF;
}
.side-left.side-emerald > .nav > li:hover > a{
    background: rgba(255, 255, 255, .15)
}
.side-left.side-emerald > .nav > .open > a,
.side-left.side-emerald > .nav > .open:hover > a,
.side-left.side-emerald > .nav > .active > a,
.side-left.side-emerald > .nav > .active:hover > a,
.side-left.side-emerald > .nav > li > .dropdown-menu li:hover a{
    color: #FFFFFF; background: rgba(255, 255, 255, .25)
}
.side-left.side-emerald > .nav > li.dropdown-list > .dropdown-menu > li.active > a{
    color: #FFFFFF; background: rgba(255, 255, 255, .075)
}
.side-left.side-emerald > .nav > li.dropdown-list > .dropdown-menu{
    color: #FFFFFF; background: rgba(255, 255, 255, .15)
}
.side-left.side-emerald > .nav .dropdown-menu{
    border: 2px solid #008A00;
}
.side-left.side-emerald > .nav > li.dropdown > .dropdown-menu li:hover a,
.side-left.side-emerald > .nav > li.dropup > .dropdown-menu li:hover a{
    background-color: #f3f3f3;
    color: inherit;
}
.side-left.side-emerald > .nav > li.dropdown-list > .dropdown-menu > li > a{
    color: #FFFFFF;
}
/* teal */
.side-left.side-teal{
    background-color: #00ABA9; 
}
.side-left.side-teal > .nav{
    background-color: #00ABA9;
}
.side-left.side-teal > .nav > li > a{
    color: #FFFFFF;
}
.side-left.side-teal > .nav > li:hover > a{
    background: rgba(255, 255, 255, .15)
}
.side-left.side-teal > .nav > .open > a,
.side-left.side-teal > .nav > .open:hover > a,
.side-left.side-teal > .nav > .active > a,
.side-left.side-teal > .nav > .active:hover > a,
.side-left.side-teal > .nav > li > .dropdown-menu li:hover a{
    color: #FFFFFF; background: rgba(255, 255, 255, .25)
}
.side-left.side-teal > .nav > li.dropdown-list > .dropdown-menu > li.active > a{
    color: #FFFFFF; background: rgba(255, 255, 255, .075)
}
.side-left.side-teal > .nav > li.dropdown-list > .dropdown-menu{
    color: #FFFFFF; background: rgba(255, 255, 255, .15)
}
.side-left.side-teal > .nav .dropdown-menu{
    border: 2px solid #00ABA9;
}
.side-left.side-teal > .nav > li.dropdown > .dropdown-menu li:hover a,
.side-left.side-teal > .nav > li.dropup > .dropdown-menu li:hover a{
    background-color: #f3f3f3;
    color: inherit;
}
.side-left.side-teal > .nav > li.dropdown-list > .dropdown-menu > li > a{
    color: #FFFFFF;
}
/* cobalt */
.side-left.side-cobalt{
    background-color: #0050EF; 
}
.side-left.side-cobalt > .nav{
    background-color: #0050EF;
}
.side-left.side-cobalt > .nav > li > a{
    color: #FFFFFF;
}
.side-left.side-cobalt > .nav > li:hover > a{
    background: rgba(255, 255, 255, .15)
}
.side-left.side-cobalt > .nav > .open > a,
.side-left.side-cobalt > .nav > .open:hover > a,
.side-left.side-cobalt > .nav > .active > a,
.side-left.side-cobalt > .nav > .active:hover > a,
.side-left.side-cobalt > .nav > li > .dropdown-menu li:hover a{
    color: #FFFFFF; background: rgba(255, 255, 255, .25)
}
.side-left.side-cobalt > .nav > li.dropdown-list > .dropdown-menu > li.active > a{
    color: #FFFFFF; background: rgba(255, 255, 255, .075)
}
.side-left.side-cobalt > .nav > li.dropdown-list > .dropdown-menu{
    color: #FFFFFF; background: rgba(255, 255, 255, .15)
}
.side-left.side-cobalt > .nav .dropdown-menu{
    border: 2px solid #0050EF;
}
.side-left.side-cobalt > .nav > li.dropdown > .dropdown-menu li:hover a,
.side-left.side-cobalt > .nav > li.dropup > .dropdown-menu li:hover a{
    background-color: #f3f3f3;
    color: inherit;
}
.side-left.side-cobalt > .nav > li.dropdown-list > .dropdown-menu > li > a{
    color: #FFFFFF;
}
/* indigo */
.side-left.side-indigo{
    background-color: #6A00FF; 
}
.side-left.side-indigo > .nav{
    background-color: #6A00FF;
}
.side-left.side-indigo > .nav > li > a{
    color: #FFFFFF;
}
.side-left.side-indigo > .nav > li:hover > a{
    background: rgba(255, 255, 255, .15)
}
.side-left.side-indigo > .nav > .open > a,
.side-left.side-indigo > .nav > .open:hover > a,
.side-left.side-indigo > .nav > .active > a,
.side-left.side-indigo > .nav > .active:hover > a,
.side-left.side-indigo > .nav > li > .dropdown-menu li:hover a{
    color: #FFFFFF; background: rgba(255, 255, 255, .25)
}
.side-left.side-indigo > .nav > li.dropdown-list > .dropdown-menu > li.active > a{
    color: #FFFFFF; background: rgba(255, 255, 255, .075)
}
.side-left.side-indigo > .nav > li.dropdown-list > .dropdown-menu{
    color: #FFFFFF; background: rgba(255, 255, 255, .15)
}
.side-left.side-indigo > .nav .dropdown-menu{
    border: 2px solid #6A00FF;
}
.side-left.side-indigo > .nav > li.dropdown > .dropdown-menu li:hover a,
.side-left.side-indigo > .nav > li.dropup > .dropdown-menu li:hover a{
    background-color: #f3f3f3;
    color: inherit;
}
.side-left.side-indigo > .nav > li.dropdown-list > .dropdown-menu > li > a{
    color: #FFFFFF;
}
/* violet */
.side-left.side-violet{
    background-color: #AA00FF; 
}
.side-left.side-violet > .nav{
    background-color: #AA00FF;
}
.side-left.side-violet > .nav > li > a{
    color: #FFFFFF;
}
.side-left.side-violet > .nav > li:hover > a{
    background: rgba(255, 255, 255, .15)
}
.side-left.side-violet > .nav > .open > a,
.side-left.side-violet > .nav > .open:hover > a,
.side-left.side-violet > .nav > .active > a,
.side-left.side-violet > .nav > .active:hover > a,
.side-left.side-violet > .nav > li > .dropdown-menu li:hover a{
    color: #FFFFFF; background: rgba(255, 255, 255, .25)
}
.side-left.side-violet > .nav > li.dropdown-list > .dropdown-menu > li.active > a{
    color: #FFFFFF; background: rgba(255, 255, 255, .075)
}
.side-left.side-violet > .nav > li.dropdown-list > .dropdown-menu{
    color: #FFFFFF; background: rgba(255, 255, 255, .15)
}
.side-left.side-violet > .nav .dropdown-menu{
    border: 2px solid #AA00FF;
}
.side-left.side-violet > .nav > li.dropdown > .dropdown-menu li:hover a,
.side-left.side-violet > .nav > li.dropup > .dropdown-menu li:hover a{
    background-color: #f3f3f3;
    color: inherit;
}
.side-left.side-violet > .nav > li.dropdown-list > .dropdown-menu > li > a{
    color: #FFFFFF;
}
/* pink */
.side-left.side-pink{
    background-color: #F472D0; 
}
.side-left.side-pink > .nav{
    background-color: #F472D0;
}
.side-left.side-pink > .nav > li > a{
    color: #FFFFFF;
}
.side-left.side-pink > .nav > li:hover > a{
    background: rgba(255, 255, 255, .15)
}
.side-left.side-pink > .nav > .open > a,
.side-left.side-pink > .nav > .open:hover > a,
.side-left.side-pink > .nav > .active > a,
.side-left.side-pink > .nav > .active:hover > a,
.side-left.side-pink > .nav > li > .dropdown-menu li:hover a{
    color: #FFFFFF; background: rgba(255, 255, 255, .25)
}
.side-left.side-pink > .nav > li.dropdown-list > .dropdown-menu > li.active > a{
    color: #FFFFFF; background: rgba(255, 255, 255, .075)
}
.side-left.side-pink > .nav > li.dropdown-list > .dropdown-menu{
    color: #FFFFFF; background: rgba(255, 255, 255, .15)
}
.side-left.side-pink > .nav .dropdown-menu{
    border: 2px solid #F472D0;
}
.side-left.side-pink > .nav > li.dropdown > .dropdown-menu li:hover a,
.side-left.side-pink > .nav > li.dropup > .dropdown-menu li:hover a{
    background-color: #f3f3f3;
    color: inherit;
}
.side-left.side-pink > .nav > li.dropdown-list > .dropdown-menu > li > a{
    color: #FFFFFF;
}
/* magenta */
.side-left.side-magenta{
    background-color: #D80073; 
}
.side-left.side-magenta > .nav{
    background-color: #D80073;
}
.side-left.side-magenta > .nav > li > a{
    color: #FFFFFF;
}
.side-left.side-magenta > .nav > li:hover > a{
    background: rgba(255, 255, 255, .15)
}
.side-left.side-magenta > .nav > .open > a,
.side-left.side-magenta > .nav > .open:hover > a,
.side-left.side-magenta > .nav > .active > a,
.side-left.side-magenta > .nav > .active:hover > a,
.side-left.side-magenta > .nav > li > .dropdown-menu li:hover a{
    color: #FFFFFF; background: rgba(255, 255, 255, .25)
}
.side-left.side-magenta > .nav > li.dropdown-list > .dropdown-menu > li.active > a{
    color: #FFFFFF; background: rgba(255, 255, 255, .075)
}
.side-left.side-magenta > .nav > li.dropdown-list > .dropdown-menu{
    color: #FFFFFF; background: rgba(255, 255, 255, .15)
}
.side-left.side-magenta > .nav .dropdown-menu{
    border: 2px solid #D80073;
}
.side-left.side-magenta > .nav > li.dropdown > .dropdown-menu li:hover a,
.side-left.side-magenta > .nav > li.dropup > .dropdown-menu li:hover a{
    background-color: #f3f3f3;
    color: inherit;
}
.side-left.side-magenta > .nav > li.dropdown-list > .dropdown-menu > li > a{
    color: #FFFFFF;
}
/* crimson */
.side-left.side-crimson{
    background-color: #A20025; 
}
.side-left.side-crimson > .nav{
    background-color: #A20025;
}
.side-left.side-crimson > .nav > li > a{
    color: #FFFFFF;
}
.side-left.side-crimson > .nav > li:hover > a{
    background: rgba(255, 255, 255, .15)
}
.side-left.side-crimson > .nav > .open > a,
.side-left.side-crimson > .nav > .open:hover > a,
.side-left.side-crimson > .nav > .active > a,
.side-left.side-crimson > .nav > .active:hover > a,
.side-left.side-crimson > .nav > li > .dropdown-menu li:hover a{
    color: #FFFFFF; background: rgba(255, 255, 255, .25)
}
.side-left.side-crimson > .nav > li.dropdown-list > .dropdown-menu > li.active > a{
    color: #FFFFFF; background: rgba(255, 255, 255, .075)
}
.side-left.side-crimson > .nav > li.dropdown-list > .dropdown-menu{
    color: #FFFFFF; background: rgba(255, 255, 255, .15)
}
.side-left.side-crimson > .nav .dropdown-menu{
    border: 2px solid #A20025;
}
.side-left.side-crimson > .nav > li.dropdown > .dropdown-menu li:hover a,
.side-left.side-crimson > .nav > li.dropup > .dropdown-menu li:hover a{
    background-color: #f3f3f3;
    color: inherit;
}
.side-left.side-crimson > .nav > li.dropdown-list > .dropdown-menu > li > a{
    color: #FFFFFF;
}
/* red */
.side-left.side-red{
    background-color: #E51400; 
}
.side-left.side-red > .nav{
    background-color: #E51400;
}
.side-left.side-red > .nav > li > a{
    color: #FFFFFF;
}
.side-left.side-red > .nav > li:hover > a{
    background: rgba(255, 255, 255, .15)
}
.side-left.side-red > .nav > .open > a,
.side-left.side-red > .nav > .open:hover > a,
.side-left.side-red > .nav > .active > a,
.side-left.side-red > .nav > .active:hover > a,
.side-left.side-red > .nav > li > .dropdown-menu li:hover a{
    color: #FFFFFF; background: rgba(255, 255, 255, .25)
}
.side-left.side-red > .nav > li.dropdown-list > .dropdown-menu > li.active > a{
    color: #FFFFFF; background: rgba(255, 255, 255, .075)
}
.side-left.side-red > .nav > li.dropdown-list > .dropdown-menu{
    color: #FFFFFF; background: rgba(255, 255, 255, .15)
}
.side-left.side-red > .nav .dropdown-menu{
    border: 2px solid #E51400;
}
.side-left.side-red > .nav > li.dropdown > .dropdown-menu li:hover a,
.side-left.side-red > .nav > li.dropup > .dropdown-menu li:hover a{
    background-color: #f3f3f3;
    color: inherit;
}
.side-left.side-red > .nav > li.dropdown-list > .dropdown-menu > li > a{
    color: #FFFFFF;
}
/* orange */
.side-left.side-orange{
    background-color: #FA6800; 
}
.side-left.side-orange > .nav{
    background-color: #FA6800;
}
.side-left.side-orange > .nav > li > a{
    color: #FFFFFF;
}
.side-left.side-orange > .nav > li:hover > a{
    background: rgba(255, 255, 255, .15)
}
.side-left.side-orange > .nav > .open > a,
.side-left.side-orange > .nav > .open:hover > a,
.side-left.side-orange > .nav > .active > a,
.side-left.side-orange > .nav > .active:hover > a,
.side-left.side-orange > .nav > li > .dropdown-menu li:hover a{
    color: #FFFFFF; background: rgba(255, 255, 255, .25)
}
.side-left.side-orange > .nav > li.dropdown-list > .dropdown-menu > li.active > a{
    color: #FFFFFF; background: rgba(255, 255, 255, .075)
}
.side-left.side-orange > .nav > li.dropdown-list > .dropdown-menu{
    color: #FFFFFF; background: rgba(255, 255, 255, .15)
}
.side-left.side-orange > .nav .dropdown-menu{
    border: 2px solid #FA6800;
}
.side-left.side-orange > .nav > li.dropdown > .dropdown-menu li:hover a,
.side-left.side-orange > .nav > li.dropup > .dropdown-menu li:hover a{
    background-color: #f3f3f3;
    color: inherit;
}
.side-left.side-orange > .nav > li.dropdown-list > .dropdown-menu > li > a{
    color: #FFFFFF;
}
/* amber */
.side-left.side-amber{
    background-color: #F0A30A; 
}
.side-left.side-amber > .nav{
    background-color: #F0A30A;
}
.side-left.side-amber > .nav > li > a{
    color: #FFFFFF;
}
.side-left.side-amber > .nav > li:hover > a{
    background: rgba(255, 255, 255, .15)
}
.side-left.side-amber > .nav > .open > a,
.side-left.side-amber > .nav > .open:hover > a,
.side-left.side-amber > .nav > .active > a,
.side-left.side-amber > .nav > .active:hover > a,
.side-left.side-amber > .nav > li > .dropdown-menu li:hover a{
    color: #FFFFFF; background: rgba(255, 255, 255, .25)
}
.side-left.side-amber > .nav > li.dropdown-list > .dropdown-menu > li.active > a{
    color: #FFFFFF; background: rgba(255, 255, 255, .075)
}
.side-left.side-amber > .nav > li.dropdown-list > .dropdown-menu{
    color: #FFFFFF; background: rgba(255, 255, 255, .15)
}
.side-left.side-amber > .nav .dropdown-menu{
    border: 2px solid #F0A30A;
}
.side-left.side-amber > .nav > li.dropdown > .dropdown-menu li:hover a,
.side-left.side-amber > .nav > li.dropup > .dropdown-menu li:hover a{
    background-color: #f3f3f3;
    color: inherit;
}
.side-left.side-amber > .nav > li.dropdown-list > .dropdown-menu > li > a{
    color: #FFFFFF;
}
/* yellow */
.side-left.side-yellow{
    background-color: #E3C800; 
}
.side-left.side-yellow > .nav{
    background-color: #E3C800;
}
.side-left.side-yellow > .nav > li > a{
    color: #FFFFFF;
}
.side-left.side-yellow > .nav > li:hover > a{
    background: rgba(255, 255, 255, .15)
}
.side-left.side-yellow > .nav > .open > a,
.side-left.side-yellow > .nav > .open:hover > a,
.side-left.side-yellow > .nav > .active > a,
.side-left.side-yellow > .nav > .active:hover > a,
.side-left.side-yellow > .nav > li > .dropdown-menu li:hover a{
    color: #FFFFFF; background: rgba(255, 255, 255, .25)
}
.side-left.side-yellow > .nav > li.dropdown-list > .dropdown-menu > li.active > a{
    color: #FFFFFF; background: rgba(255, 255, 255, .075)
}
.side-left.side-yellow > .nav > li.dropdown-list > .dropdown-menu{
    color: #FFFFFF; background: rgba(255, 255, 255, .15)
}
.side-left.side-yellow > .nav .dropdown-menu{
    border: 2px solid #E3C800;
}
.side-left.side-yellow > .nav > li.dropdown > .dropdown-menu li:hover a,
.side-left.side-yellow > .nav > li.dropup > .dropdown-menu li:hover a{
    background-color: #f3f3f3;
    color: inherit;
}
.side-left.side-yellow > .nav > li.dropdown-list > .dropdown-menu > li > a{
    color: #FFFFFF;
}
/* brown */
.side-left.side-brown{
    background-color: #825A2C; 
}
.side-left.side-brown > .nav{
    background-color: #825A2C;
}
.side-left.side-brown > .nav > li > a{
    color: #FFFFFF;
}
.side-left.side-brown > .nav > li:hover > a{
    background: rgba(255, 255, 255, .15)
}
.side-left.side-brown > .nav > .open > a,
.side-left.side-brown > .nav > .open:hover > a,
.side-left.side-brown > .nav > .active > a,
.side-left.side-brown > .nav > .active:hover > a,
.side-left.side-brown > .nav > li > .dropdown-menu li:hover a{
    color: #FFFFFF; background: rgba(255, 255, 255, .25)
}
.side-left.side-brown > .nav > li.dropdown-list > .dropdown-menu > li.active > a{
    color: #FFFFFF; background: rgba(255, 255, 255, .075)
}
.side-left.side-brown > .nav > li.dropdown-list > .dropdown-menu{
    color: #FFFFFF; background: rgba(255, 255, 255, .15)
}
.side-left.side-brown > .nav .dropdown-menu{
    border: 2px solid #825A2C;
}
.side-left.side-brown > .nav > li.dropdown > .dropdown-menu li:hover a,
.side-left.side-brown > .nav > li.dropup > .dropdown-menu li:hover a{
    background-color: #f3f3f3;
    color: inherit;
}
.side-left.side-brown > .nav > li.dropdown-list > .dropdown-menu > li > a{
    color: #FFFFFF;
}
/* olive */
.side-left.side-olive{
    background-color: #6D8764; 
}
.side-left.side-olive > .nav{
    background-color: #6D8764;
}
.side-left.side-olive > .nav > li > a{
    color: #FFFFFF;
}
.side-left.side-olive > .nav > li:hover > a{
    background: rgba(255, 255, 255, .15)
}
.side-left.side-olive > .nav > .open > a,
.side-left.side-olive > .nav > .open:hover > a,
.side-left.side-olive > .nav > .active > a,
.side-left.side-olive > .nav > .active:hover > a,
.side-left.side-olive > .nav > li > .dropdown-menu li:hover a{
    color: #FFFFFF; background: rgba(255, 255, 255, .25)
}
.side-left.side-olive > .nav > li.dropdown-list > .dropdown-menu > li.active > a{
    color: #FFFFFF; background: rgba(255, 255, 255, .075)
}
.side-left.side-olive > .nav > li.dropdown-list > .dropdown-menu{
    color: #FFFFFF; background: rgba(255, 255, 255, .15)
}
.side-left.side-olive > .nav .dropdown-menu{
    border: 2px solid #6D8764;
}
.side-left.side-olive > .nav > li.dropdown > .dropdown-menu li:hover a,
.side-left.side-olive > .nav > li.dropup > .dropdown-menu li:hover a{
    background-color: #f3f3f3;
    color: inherit;
}
.side-left.side-olive > .nav > li.dropdown-list > .dropdown-menu > li > a{
    color: #FFFFFF;
}
/* steel */
.side-left.side-steel{
    background-color: #647687; 
}
.side-left.side-steel > .nav{
    background-color: #647687;
}
.side-left.side-steel > .nav > li > a{
    color: #FFFFFF;
}
.side-left.side-steel > .nav > li:hover > a{
    background: rgba(255, 255, 255, .15)
}
.side-left.side-steel > .nav > .open > a,
.side-left.side-steel > .nav > .open:hover > a,
.side-left.side-steel > .nav > .active > a,
.side-left.side-steel > .nav > .active:hover > a,
.side-left.side-steel > .nav > li > .dropdown-menu li:hover a{
    color: #FFFFFF; background: rgba(255, 255, 255, .25)
}
.side-left.side-steel > .nav > li.dropdown-list > .dropdown-menu > li.active > a{
    color: #FFFFFF; background: rgba(255, 255, 255, .075)
}
.side-left.side-steel > .nav > li.dropdown-list > .dropdown-menu{
    color: #FFFFFF; background: rgba(255, 255, 255, .15)
}
.side-left.side-steel > .nav .dropdown-menu{
    border: 2px solid #647687;
}
.side-left.side-steel > .nav > li.dropdown > .dropdown-menu li:hover a,
.side-left.side-steel > .nav > li.dropup > .dropdown-menu li:hover a{
    background-color: #f3f3f3;
    color: inherit;
}
.side-left.side-steel > .nav > li.dropdown-list > .dropdown-menu > li > a{
    color: #FFFFFF;
}
/* mauve */
.side-left.side-mauve{
    background-color: #76608A; 
}
.side-left.side-mauve > .nav{
    background-color: #76608A;
}
.side-left.side-mauve > .nav > li > a{
    color: #FFFFFF;
}
.side-left.side-mauve > .nav > li:hover > a{
    background: rgba(255, 255, 255, .15)
}
.side-left.side-mauve > .nav > .open > a,
.side-left.side-mauve > .nav > .open:hover > a,
.side-left.side-mauve > .nav > .active > a,
.side-left.side-mauve > .nav > .active:hover > a,
.side-left.side-mauve > .nav > li > .dropdown-menu li:hover a{
    color: #FFFFFF; background: rgba(255, 255, 255, .25)
}
.side-left.side-mauve > .nav > li.dropdown-list > .dropdown-menu > li.active > a{
    color: #FFFFFF; background: rgba(255, 255, 255, .075)
}
.side-left.side-mauve > .nav > li.dropdown-list > .dropdown-menu{
    color: #FFFFFF; background: rgba(255, 255, 255, .15)
}
.side-left.side-mauve > .nav .dropdown-menu{
    border: 2px solid #76608A;
}
.side-left.side-mauve > .nav > li.dropdown > .dropdown-menu li:hover a,
.side-left.side-mauve > .nav > li.dropup > .dropdown-menu li:hover a{
    background-color: #f3f3f3;
    color: inherit;
}
.side-left.side-mauve > .nav > li.dropdown-list > .dropdown-menu > li > a{
    color: #FFFFFF;
}
/* taupe */
.side-left.side-taupe{
    background-color: #87794E; 
}
.side-left.side-taupe > .nav{
    background-color: #87794E;
}
.side-left.side-taupe > .nav > li > a{
    color: #FFFFFF;
}
.side-left.side-taupe > .nav > li:hover > a{
    background: rgba(255, 255, 255, .15)
}
.side-left.side-taupe > .nav > .open > a,
.side-left.side-taupe > .nav > .open:hover > a,
.side-left.side-taupe > .nav > .active > a,
.side-left.side-taupe > .nav > .active:hover > a,
.side-left.side-taupe > .nav > li > .dropdown-menu li:hover a{
    color: #FFFFFF; background: rgba(255, 255, 255, .25)
}
.side-left.side-taupe > .nav > li.dropdown-list > .dropdown-menu > li.active > a{
    color: #FFFFFF; background: rgba(255, 255, 255, .075)
}
.side-left.side-taupe > .nav > li.dropdown-list > .dropdown-menu{
    color: #FFFFFF; background: rgba(255, 255, 255, .15)
}
.side-left.side-taupe > .nav .dropdown-menu{
    border: 2px solid #87794E;
}
.side-left.side-taupe > .nav > li.dropdown > .dropdown-menu li:hover a,
.side-left.side-taupe > .nav > li.dropup > .dropdown-menu li:hover a{
    background-color: #f3f3f3;
    color: inherit;
}
.side-left.side-taupe > .nav > li.dropdown-list > .dropdown-menu > li > a{
    color: #FFFFFF;
}
/* end side-left */



/* side-toggle, for toggle pane (not available) */
.side-toggle{
    position: fixed;
    top: 0px;
    right: -78px;
    width: 86px;
    height: 100%;
    background: transparent;
    vertical-align: middle;
    color: #fff;
    overflow-x: hidden;
    z-index: 999;

    -webkit-transition:all 0.1s ease-out;
    -moz-transition:all 0.1s ease-out;
    -o-transition:all 0.1s ease-out;
    transition:all 0.1s ease-out;
}
.side-toggle:hover{
    background: #222;
}

.side-toggle .nav,
.side-toggle .nav a{
    color: #ffffff;
}

.side-toggle .nav > li{
    text-align: center;
}
.side-toggle .nav > li > a{
    padding: 15px 0px;

    -webkit-transition:all 0.1s linear;
    -moz-transition:all 0.1s linear;
    -o-transition:all 0.1s linear;
    transition:all 0.1s linear;
}
.side-toggle .nav > li:hover > a{
    background: #333;
}
.side-toggle .nav > li .nav-text{
    display: block;
}

.side-toggle .nav > li > .sub-nav{
    position: fixed;
    top: 0px;
    right: -280px;
    height: 100%;
    width: 280px;
    text-align: left;
    background: #0A5BC4;
    color: #ffffff;
}
.side-toggle .nav > li > .sub-nav > .sub-nav-container{
    padding: 20px 20px 0px 20px;
    height: 17%;
    overflow: hidden;
}
.side-toggle .nav > li > .sub-nav > ul{
    position: relative;
    list-style: none;
    margin-left: -20px;
    height: 80%;
    overflow: hidden;
}
.side-toggle .nav > li > .sub-nav > ul:hover{
    overflow-y: auto;
}
.side-toggle .nav > li > .sub-nav > ul > li{
    padding: 0px;
    margin-left: 20px;
    background: #0A5BC4;
}
.side-toggle .nav > li > .sub-nav > ul > li.divider{
    border-bottom: 1px solid #5096dc;
    margin: 10px 20px 10px 40px;
    height: 1px;
}
.side-toggle .nav > li > .sub-nav > ul > li > a{
    margin: 0px;
    padding: 10px 20px;
    display: block;
    line-height: 1em;
    vertical-align: text-top;

    -webkit-transition:all 0.1s linear;
    -moz-transition:all 0.1s linear;
    -o-transition:all 0.1s linear;
    transition:all 0.1s linear;
}
.side-toggle .nav > li > .sub-nav > ul > li:hover > a{
    background: #40802b;
}
/* end side-toggle */


/* content */
.content{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding-left: 200px;
}
.content.full-page{
    padding-left: 0px;
}
/* content action */
.content-action{
    margin: 13px 0 10px;
    padding: 0px;
    padding-top: 3px;
    list-style: none;
}
ul.content-action{
    margin: 13px 0 10px;
}
.content-action > li{
    float: left;
    margin-left: 5px;
}
.content-action > li.divider{
    height: 36px;
    margin: -3px 5px;
    /*border-right: 1px solid #ffffff;*/
    /*border-left: 1px solid #CDCDCD;*/
}
.content-action.affix {
    top: 0px;
    right: 4px;
    z-index: 1000;
    background: #f3f3f3;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

}
.content-action .btn{
    font-size: 13px;
    font-weight: normal;
}
.content-action .btn-link:hover,
.content-action .btn-link:focus,
.content-action .btn-link:active,
.content-action .btn-link.active,
.content-action .btn-link.disabled,
.content-action .btn-link[disabled] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #f3f3f3;
}
.content-action .open .btn-link,
.content-action .btn-link:hover{
    text-decoration: none;
}
.content-action .btn-link i{
    color: #666;
}
.content-action .btn-link{
    color: #333333;
}
.content-action .btn-link.active:hover,
.content-action .btn-link:hover{
    color: #666666;
    background: #f3f3f3;
}
.content-action .btn{
    margin-left: 2px;
    margin-bottom: 2px;
}
/* end content action */

/* content breadcrumb */
.content-breadcrumb{
    border-bottom: 1px solid #dddddd;
    height: 38px;
}
.content-breadcrumb .breadcrumb{
    float: left;
    display: inline-block;
    margin: 0px;
    padding-left: 20px;
    background: transparent;
}
.content-breadcrumb .breadcrumb > li > a{
    color: #000000;
}
.content-breadcrumb .breadcrumb > li > .divider{
    padding: 8px 0px;
    font-size: 12px;
}
.content-breadcrumb .breadcrumb > li > a,
.content-breadcrumb .breadcrumb > li > .divider{
    text-shadow: none;
}
.content-breadcrumb > .content-action{
    margin-top: 0px;
}
/* content breadcrumb*/

/* content header*/
.content-header, .content-page, .content-footer{
    margin: 0px;
}
.content-header{
    padding: 0 10px;
    border-bottom: 1px solid #dddddd;
}
.content-header h1,
.content-header h2,
.content-header h3,
.content-header h4,
.content-header h5,
.content-header h6{
    margin: 0px;
    padding: 10px 0;
    font-size: 24px;
    font-weight: lighter;
}
.content-header h1 > small,
.content-header h2 > small,
.content-header h3 > small,
.content-header h4 > small,
.content-header h5 > small,
.content-header h6 > small{
    font-size: 14px;
    font-weight: lighter;
}
.content-header .page-header{
    padding-bottom: 0px;
    margin: 0px;
    border-bottom: 0 none;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.content-header .breadcrumb{
    margin: auto;
}
.content-header .breadcrumb-inline{
    position: relative;
    top: 5px;
    display: inline-block;
    background: none;
    margin: auto;
}
.content-header .breadcrumb-inline a{
    color: #000;
    font-size: 12px;
}
.content-header .breadcrumb-inline .active{
    color: #666;
    font-size: 12px;
}
.content-header .breadcrumb-inline a:hover{
    color: #444;
}
.breadcrumb-block{
    margin-left: 10px;
    margin-right: 10px
}

.content-header .header-ext{
    position: absolute;
    top: 0px;
    right: 0px;
    float: right;
    margin: 0px;
    list-style: none;
    padding: 5px 10px 0;
}
.content-header .header-ext > li{
    float: left;
    margin: 0 5px 0 10px;
    height: auto;
    text-align: center;
}
.content-header .header-ext > li.divider{
    height: 84px;
    margin: -5px 0;
    padding: 0;
    /*border-right: 1px solid #ffffff;*/
    /*border-left: 1px solid #CDCDCD;*/
}
.content-header .header-ext > li .header-ext-text{
    display: block;
    font-weight: bold;
}
.content-header .header-ext > li .header-ext-text span{
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    margin-top: -5px;
}
/* end content header*/

.content-page{
    margin-top: 0px;
    width: 100%;
    min-height: 530px;
    height: auto;
    overflow: hidden;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.content-page > .main-page{
    min-height: 100%;
    height: auto;
}
.content-page > .main-page.open{
    width: 75%;
}
.content-page > .toggle-page{
    margin-bottom: -100%;
    padding-bottom: 100%;
    width: 0%;
    float: right;
    height: 100%;
}
.content-page > .toggle-page.open{
    width: 25%;
}
.content-page > .main-page > .content-inner{
    padding: 20px 10px;
}
.content-page > .toggle-page > .content-inner{
    padding: 5px;
}
.content-page > .main-page > .content-inner > .full-content{
    margin-left: -10px;
    margin-right: -10px;
}
/* end content */


/* dropdown */
/* dropdown extends */
.dropdown-menu.dropdown-extend > .dropdown-header{
    margin-top: -5px;
    padding: 10px;
    background: #f3f3f3;
    color: #000000;
}
.dropdown-menu.dropdown-extend > .dropdown-footer{
    font-size: 13px;
    margin-bottom: -5px;
    border-bottom: 0 none;
}
.dropdown-menu.dropdown-extend > .dropdown-footer > a{
    padding: 15px 10px;
}
.dropdown-menu.dropdown-extend > .dropdown-footer > a:hover{

}
.dropdown-menu.dropdown-extend > .dropdown-footer i{
    margin-top: 4px;
    font-size: 16px;
}

.dropdown-menu.dropdown-extend > li{
    border-bottom: 1px solid #dddddd;
}
.dropdown-menu.dropdown-extend > li > a{
    padding: 10px;
    white-space: normal;
}
.dropdown-menu.dropdown-extend > li > a .media-heading{
    margin: 0px;
    font-size: 14px;
    font-weight: normal;
}
.dropdown-menu.dropdown-extend > li > a .media-heading > small{
    margin-top: 5px;
    margin-right: 5px;
    font-size: 11px;
    font-style: italic;
    font-weight: 600;
}
.dropdown-menu.dropdown-extend > li > a .media-body p{
    font-size: 12px;
}
.dropdown-menu.dropdown-extend > li > a .media-body .task-label{
    margin: 0px;
    font-size: 12px;
    font-weight: normal;
}
.dropdown-menu.dropdown-extend > li > a .media-body .task-status{
    margin-top: 5px;
    margin-right: 5px;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
}
.dropdown-menu.dropdown-extend > li > a .media-body .progress{
    margin-top: 5px;
    margin-bottom: 10px;
}

.dropdown-menu.dropdown-extend{
    position: absolute;
    top: 100%;
    float: left;
    /*min-width: 280px;*/
    min-width: 310px;
}

/* dropdown extends themes */
.dropdown-menu.dropdown-extend.black > .dropdown-header{ background: #323232; color: #FFFFFF; }
.dropdown-menu.dropdown-extend.silver > .dropdown-header{ background: #f3f3f3; color: #000000; }
.dropdown-menu.dropdown-extend.lime > .dropdown-header{ background: #A4C400; color: #FFFFFF; }
.dropdown-menu.dropdown-extend.green > .dropdown-header{ background: #60A917; color: #FFFFFF; }
.dropdown-menu.dropdown-extend.emerald > .dropdown-header{ background: #008A00; color: #FFFFFF; }
.dropdown-menu.dropdown-extend.teal > .dropdown-header{ background: #00ABA9; color: #FFFFFF; }
.dropdown-menu.dropdown-extend.cyan > .dropdown-header{ background: #40802b; color: #FFFFFF; }
.dropdown-menu.dropdown-extend.cobalt > .dropdown-header{ background: #0050EF; color: #FFFFFF; }
.dropdown-menu.dropdown-extend.indigo > .dropdown-header{ background: #6A00FF; color: #FFFFFF; }
.dropdown-menu.dropdown-extend.violet > .dropdown-header{ background: #AA00FF; color: #FFFFFF; }
.dropdown-menu.dropdown-extend.pink > .dropdown-header{ background: #F472D0; color: #FFFFFF; }
.dropdown-menu.dropdown-extend.magenta > .dropdown-header{ background: #D80073; color: #FFFFFF; }
.dropdown-menu.dropdown-extend.crimson > .dropdown-header{ background: #A20025; color: #FFFFFF; }
.dropdown-menu.dropdown-extend.red > .dropdown-header{ background: #E51400; color: #FFFFFF; }
.dropdown-menu.dropdown-extend.orange > .dropdown-header{ background: #FA6800; color: #FFFFFF; }
.dropdown-menu.dropdown-extend.amber > .dropdown-header{ background: #F0A30A; color: #FFFFFF; }
.dropdown-menu.dropdown-extend.yellow > .dropdown-header{ background: #E3C800; color: #FFFFFF; }
.dropdown-menu.dropdown-extend.brown > .dropdown-header{ background: #825A2C; color: #FFFFFF; }
.dropdown-menu.dropdown-extend.olive > .dropdown-header{ background: #6D8764; color: #FFFFFF; }
.dropdown-menu.dropdown-extend.steel > .dropdown-header{ background: #647687; color: #FFFFFF; }
.dropdown-menu.dropdown-extend.mauve > .dropdown-header{ background: #76608A; color: #FFFFFF; }
.dropdown-menu.dropdown-extend.taupe > .dropdown-header{ background: #87794E; color: #FFFFFF; }



.setting-list{
    position: relative;
    display: block;
    padding: 10px 10px;
}
.setting-list > .icon{
    text-align: center;
    width: 32px;
    display: inline-block;
    vertical-align: middle;
}
.setting-list > .content{
    margin-top: 15px;
    min-height: 40px;
    width: 150px;
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
}
.setting-list > .checker{
    margin-top: 20px;
    float: right;
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
}
.setting-list > .checker > .checkbox-slide{
    margin: 0;
    margin-top: -10px;
}
.setting-list > .themes-label,
.setting-list > .themes-choice,
.setting-list > .background-label{
    display: block;
    vertical-align: middle;
}
.setting-list > .themes-choice > a{
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: 5px;
}
.setting-list > .background-choice{
    display: block;
    vertical-align: middle;
}
.setting-list > .background-choice > a{
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: 5px;
}
.setting-list > .background-choice > .bg-item{
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.setting-list > .background-choice > a.bg-1{ background-image: url('../img/backgrounds/01-thumbnail.jpg'); }
.setting-list > .background-choice > a.bg-2{ background-image: url('../img/backgrounds/02-thumbnail.jpg'); }
.setting-list > .background-choice > a.bg-3{ background-image: url('../img/backgrounds/03-thumbnail.jpg'); }
.setting-list > .background-choice > a.bg-4{ background-image: url('../img/backgrounds/04-thumbnail.jpg'); }
.setting-list > .background-choice > a.bg-5{ background-image: url('../img/backgrounds/05-thumbnail.jpg'); }
.setting-list > .background-choice > a.bg-6{ background-image: url('../img/backgrounds/06-thumbnail.jpg'); }
.setting-list > .background-choice > a.bg-7{ background-image: url('../img/backgrounds/07-thumbnail.jpg'); }
.setting-list > .background-choice > a.bg-8{ background-image: url('../img/backgrounds/08-thumbnail.jpg'); }
.setting-list > .background-choice > a.bg-9{ background-image: url('../img/backgrounds/09-thumbnail.jpg'); }
.setting-list > .background-choice > a.bg-10{ background-image: url('../img/backgrounds/10-thumbnail.jpg'); }
.setting-list > .background-choice > a.bg-11{ background-image: url('../img/backgrounds/11-thumbnail.jpg'); }
.setting-list > .background-choice > a.bg-12{ background-image: url('../img/backgrounds/12-thumbnail.jpg'); }
.setting-list > .background-choice > a.bg-13{ background-image: url('../img/backgrounds/13-thumbnail.jpg'); }
.setting-list > .background-choice > a.bg-14{ background-image: url('../img/backgrounds/14-thumbnail.jpg'); }
.setting-list > .background-choice > a.bg-15{ background-image: url('../img/backgrounds/15-thumbnail.jpg'); }
.setting-list > .background-choice > a.bg-16{ background-image: url('../img/backgrounds/16-thumbnail.jpg'); }
.setting-list > .background-choice > a.bg-17{ background-image: url('../img/backgrounds/17-thumbnail.jpg'); }
.setting-list > .background-choice > a.bg-18{ background-image: url('../img/backgrounds/18-thumbnail.jpg'); }
.setting-list > .background-choice > a.bg-19{ background-image: url('../img/backgrounds/19-thumbnail.jpg'); }
.setting-list > .background-choice > a.bg-20{ background-image: url('../img/backgrounds/20-thumbnail.jpg'); }
/* end dropdown */


/* widget */
.widget{
    margin-bottom: 40px;
    display: block;
    background: #FFFFFF;
    color: #333333;
    border: 1px solid rgba(0, 0, 0, 0.15);
}
.widget.fullscreen{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */

    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;

    height: 100%;
    width: 100%;
    max-height: 100%;
    z-index: 1024;
    /*background: rgba(0, 0, 0, 0.9);*/
}
.widget[data-toggle-views*=tile]{
    display: none;
}

/* widget header */
.widget > .widget-header{
    position: relative;
    padding: 0;
    height: 40px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.15);
    z-index: 3;
}
.widget > .widget-header h1,
.widget > .widget-header h2,
.widget > .widget-header h3,
.widget > .widget-header h4,
.widget > .widget-header h5,
.widget > .widget-header h6{
    font-size: 16px;
    padding: 0px;
    margin: 0px;
    margin-top: -1px;
    font-weight: 600;
}

/* widget icon */
.widget > .widget-header .widget-icon{
    position: relative;
    margin: 0px;
    top: -1px;
    font-size: 1.4em;
    padding: 9px 12px;
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.widget > .widget-header .widget-icon img{
    height: 20px;
    width: auto;
}
.widget.border-2x > .widget-header .widget-icon{
    top: -2px;
    padding: 11px 15px;
}

/* widget title */
.widget > .widget-header .widget-title{
    padding: 10px 15px;
    display: inline-block;
    font-size: 16px;
    font-weight: lighter;
}
.widget > .widget-header .widget-title > i{
    float: left;
    font-size: 1.3em;
    margin-right: 10px;
    vertical-align: middle;
}

/* widget action */
.widget > .widget-header .widget-action{
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    display: inline-block;
}
.widget.bordered > .widget-header .widget-action{
    margin-top: 0px;
}
.widget.border-2x > .widget-header .widget-action{
    margin-top: -2px;
}

/* widget action btn */
.widget > .widget-header .widget-action .btn-group > .btn{
    padding: 10px 15px;
    background: rgba(0, 0, 0, 0.1);
}
.widget > .widget-header .widget-action .btn-group > .btn .caret{
    border-top-color: #ffffff;
}
.widget > .widget-header .widget-action .btn{
    margin: 0px;
    margin-right: -4px;
    padding: 10px 15px;
    background: rgba(0, 0, 0, 0.1);
    color: inherit;
    display: inline-block;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 13px;
    font-weight: normal;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.widget.bordered > .widget-header .widget-action .btn{
    padding: 10px 15px;
}
.widget.border-2x > .widget-header .widget-action .btn{
    padding: 11px 15px;
}
.widget > .widget-header .widget-action .btn:last-child,
.widget > .widget-header .widget-action .btn:last-child:hover{
    margin-right: 0px;
    background: #FFFFFF;
    color: inherit;
}

/* widget action btn-group */
.widget > .widget-header .widget-action .btn-group{
    margin-top: -1px;
}
.widget.bordered > .widget-header .widget-action .btn-group{
    margin-top: 1px;
}
.widget.bordered > .widget-header .widget-action .btn-group > .btn{
    padding: 10px 15px 11px;
}
.widget.border-2x > .widget-header .widget-action .btn-group > .btn{
    padding: 11px 15px;
}
.widget > .widget-header .widget-action > .btn-group.open .btn.dropdown-toggle,
.widget > .widget-header .widget-action .btn:hover{
    background: rgba(0, 0, 0, 0.2);
}

/* theming widget action btn */
.widget.bg-black > .widget-header .widget-action .btn:last-child{ background: #323232; }
.widget.bg-inverse > .widget-header .widget-action .btn:last-child{ background: #323232; }
.widget.bg-silver > .widget-header .widget-action .btn:last-child{ background: #f3f3f3; }
.widget.bg-lime > .widget-header .widget-action .btn:last-child{ background: #A4C400; }
.widget.bg-green > .widget-header .widget-action .btn:last-child{ background: #60A917; }
.widget.bg-emerald > .widget-header .widget-action .btn:last-child{ background: #008A00; }
.widget.bg-teal > .widget-header .widget-action .btn:last-child{ background: #00ABA9; }
.widget.bg-cyan > .widget-header .widget-action .btn:last-child{ background: #2CAB56 ; }
.widget.bg-cobalt > .widget-header .widget-action .btn:last-child{ background: #0050EF; }
.widget.bg-indigo > .widget-header .widget-action .btn:last-child{ background: #6A00FF; }
.widget.bg-violet > .widget-header .widget-action .btn:last-child{ background: #AA00FF; }
.widget.bg-pink > .widget-header .widget-action .btn:last-child{ background: #F472D0; }
.widget.bg-magenta > .widget-header .widget-action .btn:last-child{ background: #D80073; }
.widget.bg-crimson > .widget-header .widget-action .btn:last-child{ background: #A20025; }
.widget.bg-red > .widget-header .widget-action .btn:last-child{ background: #E51400; }
.widget.bg-orange > .widget-header .widget-action .btn:last-child{ background: #FA6800; }
.widget.bg-amber > .widget-header .widget-action .btn:last-child{ background: #F0A30A; }
.widget.bg-yellow > .widget-header .widget-action .btn:last-child{ background: #E3C800; }
.widget.bg-brown > .widget-header .widget-action .btn:last-child{ background: #825A2C; }
.widget.bg-olive > .widget-header .widget-action .btn:last-child{ background: #6D8764; }
.widget.bg-steel > .widget-header .widget-action .btn:last-child{ background: #647687; }
.widget.bg-mauve > .widget-header .widget-action .btn:last-child{ background: #76608A; }
.widget.bg-taupe > .widget-header .widget-action .btn:last-child{ background: #87794E; }

/* widget btn link */
.widget > .widget-header .widget-action .open .btn-link,
.widget > .widget-header .widget-action .btn-link:hover{
    text-decoration: none;
}
/* widget btn caret */
.widget > .widget-header .widget-action .btn-link .caret{
    border-top-color: #ffffff;
}

.widget > .widget-header .widget-action > .nav > li > a{
    color: #ffffff;
}
.widget > .widget-header .widget-action > .nav > li.active > a,
.widget > .widget-header .widget-action > .nav > li.open > a,
.widget > .widget-header .widget-action > .nav > li > a:hover,
.widget > .widget-header .widget-action > .nav > li > a:focus{
    color: #ffffff;
}
.widget > .widget-header .widget-action > .nav .caret,
.widget > .widget-header .widget-action > .nav li.dropdown.open .caret,
.widget > .widget-header .widget-action > .nav li.dropdown.open.active .caret,
.widget > .widget-header .widget-action > .nav li.dropdown.open a:hover .caret,
.widget > .widget-header .widget-action > .nav li.dropdown.open a:focus .caret{
    border-top: 4px solid #ffffff;
}

/* widget nav-pills */
.widget > .widget-header .widget-action > .nav-pills{
    margin-top: 2px;
    font-weight: normal;
    display: inline-block;
}
.widget > .widget-header .widget-action > .nav-pills a{
    padding: 8px 12px 4px;
    font-size: 13px;
    color: inherit;
}
.widget > .widget-header .widget-action > .nav-pills li:hover a{
    color: inherit;
    background-color: rgba(0, 0, 0, 0.2);
}
.widget > .widget-header .widget-action > .nav-pills .active:hover a,
.widget > .widget-header .widget-action > .nav-pills .active a{
    color: #fff;
    background-color: rgba(0, 0, 0, 0.1);
}

/* widget nav-tabs */
.widget > .widget-header .widget-action > .nav-tabs{
    border-bottom: 0 none;
}
.widget > .widget-header .widget-action > .nav-tabs > li{
    margin: 0px;
    padding: 0px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.1);
}
.widget > .widget-header .widget-action > .nav-tabs > li > a{
    margin: 0px;
    padding-top: 8px;
    padding-bottom: 10px;
    line-height: 22px;
    border: 0 none;
    color: #FFFFFF;
}
.widget > .widget-header .widget-action > .nav-tabs > li > a:hover,
.widget > .widget-header .widget-action > .nav-tabs > li > a:focus{
    background: rgba(0, 0, 0, 0.2);
}
.widget > .widget-header .widget-action > .nav-tabs > .active > a,
.widget > .widget-header .widget-action > .nav-tabs > .active > a:hover,
.widget > .widget-header .widget-action > .nav-tabs > .active > a:focus{
    background: #FFFFFF;
}
.widget > .widget-header .widget-action > .nav-tabs > .active > a{
    color: #333333 !important;
}
/* theming */
.widget.bg-black > .widget-header .widget-action > .nav-tabs > .active > a,
.widget.bg-black > .widget-header .widget-action > .nav-tabs > .active > a:hover,
.widget.bg-black > .widget-header .widget-action > .nav-tabs > .active > a:focus{ background: #323232; }
.widget.bg-silver > .widget-header .widget-action > .nav-tabs > .active > a,
.widget.bg-silver > .widget-header .widget-action > .nav-tabs > .active > a:hover,
.widget.bg-silver > .widget-header .widget-action > .nav-tabs > .active > a:focus{ background: #f3f3f3; }
.widget.bg-lime > .widget-header .widget-action > .nav-tabs > .active > a,
.widget.bg-lime > .widget-header .widget-action > .nav-tabs > .active > a:hover,
.widget.bg-lime > .widget-header .widget-action > .nav-tabs > .active > a:focus{ background: #A4C400; }
.widget.bg-green > .widget-header .widget-action > .nav-tabs > .active > a,
.widget.bg-green > .widget-header .widget-action > .nav-tabs > .active > a:hover,
.widget.bg-green > .widget-header .widget-action > .nav-tabs > .active > a:focus{ background: #60A917; }
.widget.bg-emerald > .widget-header .widget-action > .nav-tabs > .active > a,
.widget.bg-emerald > .widget-header .widget-action > .nav-tabs > .active > a:hover,
.widget.bg-emerald > .widget-header .widget-action > .nav-tabs > .active > a:focus{ background: #008A00; }
.widget.bg-teal > .widget-header .widget-action > .nav-tabs > .active > a,
.widget.bg-teal > .widget-header .widget-action > .nav-tabs > .active > a:hover,
.widget.bg-teal > .widget-header .widget-action > .nav-tabs > .active > a:focus{ background: #00ABA9; }
.widget.bg-cyan > .widget-header .widget-action > .nav-tabs > .active > a,
.widget.bg-cyan > .widget-header .widget-action > .nav-tabs > .active > a:hover,
.widget.bg-cyan > .widget-header .widget-action > .nav-tabs > .active > a:focus{ background: #40802b; }
.widget.bg-cobalt > .widget-header .widget-action > .nav-tabs > .active > a,
.widget.bg-cobalt > .widget-header .widget-action > .nav-tabs > .active > a:hover,
.widget.bg-cobalt > .widget-header .widget-action > .nav-tabs > .active > a:focus{ background: #0050EF; }
.widget.bg-indigo > .widget-header .widget-action > .nav-tabs > .active > a,
.widget.bg-indigo > .widget-header .widget-action > .nav-tabs > .active > a:hover,
.widget.bg-indigo > .widget-header .widget-action > .nav-tabs > .active > a:focus{ background: #6A00FF; }
.widget.bg-violet > .widget-header .widget-action > .nav-tabs > .active > a,
.widget.bg-violet > .widget-header .widget-action > .nav-tabs > .active > a:hover,
.widget.bg-violet > .widget-header .widget-action > .nav-tabs > .active > a:focus{ background: #AA00FF; }
.widget.bg-pink > .widget-header .widget-action > .nav-tabs > .active > a,
.widget.bg-pink > .widget-header .widget-action > .nav-tabs > .active > a:hover,
.widget.bg-pink > .widget-header .widget-action > .nav-tabs > .active > a:focus{ background: #F472D0; }
.widget.bg-magenta > .widget-header .widget-action > .nav-tabs > .active > a,
.widget.bg-magenta > .widget-header .widget-action > .nav-tabs > .active > a:hover,
.widget.bg-magenta > .widget-header .widget-action > .nav-tabs > .active > a:focus{ background: #D80073; }
.widget.bg-crimson > .widget-header .widget-action > .nav-tabs > .active > a,
.widget.bg-crimson > .widget-header .widget-action > .nav-tabs > .active > a:hover,
.widget.bg-crimson > .widget-header .widget-action > .nav-tabs > .active > a:focus{ background: #A20025; }
.widget.bg-red > .widget-header .widget-action > .nav-tabs > .active > a,
.widget.bg-red > .widget-header .widget-action > .nav-tabs > .active > a:hover,
.widget.bg-red > .widget-header .widget-action > .nav-tabs > .active > a:focus{ background: #E51400; }
.widget.bg-orange > .widget-header .widget-action > .nav-tabs > .active > a,
.widget.bg-orange > .widget-header .widget-action > .nav-tabs > .active > a:hover,
.widget.bg-orange > .widget-header .widget-action > .nav-tabs > .active > a:focus{ background: #FA6800; }
.widget.bg-amber > .widget-header .widget-action > .nav-tabs > .active > a,
.widget.bg-amber > .widget-header .widget-action > .nav-tabs > .active > a:hover,
.widget.bg-amber > .widget-header .widget-action > .nav-tabs > .active > a:focus{ background: #F0A30A; }
.widget.bg-yellow > .widget-header .widget-action > .nav-tabs > .active > a,
.widget.bg-yellow > .widget-header .widget-action > .nav-tabs > .active > a:hover,
.widget.bg-yellow > .widget-header .widget-action > .nav-tabs > .active > a:focus{ background: #E3C800; }
.widget.bg-brown > .widget-header .widget-action > .nav-tabs > .active > a,
.widget.bg-brown > .widget-header .widget-action > .nav-tabs > .active > a:hover,
.widget.bg-brown > .widget-header .widget-action > .nav-tabs > .active > a:focus{ background: #825A2C; }
.widget.bg-olive > .widget-header .widget-action > .nav-tabs > .active > a,
.widget.bg-olive > .widget-header .widget-action > .nav-tabs > .active > a:hover,
.widget.bg-olive > .widget-header .widget-action > .nav-tabs > .active > a:focus{ background: #6D8764; }
.widget.bg-steel > .widget-header .widget-action > .nav-tabs > .active > a,
.widget.bg-steel > .widget-header .widget-action > .nav-tabs > .active > a:hover,
.widget.bg-steel > .widget-header .widget-action > .nav-tabs > .active > a:focus{ background: #647687; }
.widget.bg-mauve > .widget-header .widget-action > .nav-tabs > .active > a,
.widget.bg-mauve > .widget-header .widget-action > .nav-tabs > .active > a:hover,
.widget.bg-mauve > .widget-header .widget-action > .nav-tabs > .active > a:focus{ background: #76608A; }
.widget.bg-taupe > .widget-header .widget-action > .nav-tabs > .active > a,
.widget.bg-taupe > .widget-header .widget-action > .nav-tabs > .active > a:hover,
.widget.bg-taupe > .widget-header .widget-action > .nav-tabs > .active > a:focus{ background: #87794E; }


/* widget content */
.widget > .widget-content{
    position: relative;
    padding: 20px 15px 15px 15px;
}
.widget > .widget-content > .full-widget{
    margin-left: -15px;
    margin-right: -15px;
}
.widget > .widget-content > .tab-content{
    margin: -20px -15px -15px -15px;
}
.widget > .widget-content.tabbable > .tab-content{
    margin-top: 20px;
}
.widget > .widget-content.tabs-below > .tab-content{
    margin-top: -15px;
}
.widget > .widget-content > .tab-content .tab-pane{
    padding: 20px 15px 15px 15px;
}
.widget[data-collapse=true] .widget-content{
    display: none;
}
/* widget fullscreen */
.widget.fullscreen > .widget-content{
    display: block;
    height: 94%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */

    overflow: auto;
    background: transparent;
}

/* widget content tabs */
.widget-content .nav-tabs.full-widget{
    border: 0 none;
    background: rgba(0, 0, 0, 0.25);
}
.widget-content .nav-tabs.full-widget{
    margin-top: -20px;
    margin-bottom: -20px;
}
.widget-content .nav-tabs > li{
    margin-bottom: 0px;
}
.widget-content .nav-tabs > li > a{
    color: inherit;
    border: 0 none;
}
.widget-content .nav-tabs > li > a:hover,
.widget-content .nav-tabs > li > a:focus{
    color: inherit;
    border: 0 none;
    background: rgba(0, 0, 0, 0.15);
}
.widget-content .nav-tabs > li.active > a,
.widget-content .nav-tabs > li.active > a:hover,
.widget-content .nav-tabs > li.active > a:focus {
    background: rgba(0, 0, 0, 0.25);
    border: 0 none;
}
.widget-content .nav-tabs > li.dropdown a .caret,
.widget-content .nav-tabs > li.dropdown a:hover .caret,
.widget-content .nav-tabs > li.dropdown a:focus .caret,
.widget-content .nav-tabs > li.dropdown.open a .caret{
    margin-top: 8px;
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}

.widget-content.tabs-below > .nav-tabs.full-widget{
    position: relative;
    bottom: -15px;
}
.widget-content.tabs-below > .nav-tabs > li{
    margin-top: 0px;
}

.widget-content .tabs-left{
    padding-right: 15px;
}
.widget-content .tabs-left > .nav-tabs{
    border-right-color: rgba(0, 0, 0, 0.25);
}
.widget-content .tabs-left > .nav-tabs > li{
    border: 0 none;
    margin-right: 2px;
}

.widget-content .tabs-right{
    padding-left: 15px;
}
.widget-content .tabs-right > .nav-tabs{
    border-left-color: rgba(0, 0, 0, 0.25);
}
.widget-content .tabs-right > .nav-tabs > li{
    border: 0 none;
    margin-left: 2px;
}

/* form help */
.widget .help-block,
.widget .help-inline {
    color: inherit;
}
.widget .help-block {
    margin-top: 0px !important;
}
.widget .input-append .add-on,
.widget .input-prepend .add-on {
    background-color: rgba(255, 255, 255, 0.25);
    border: 1px solid #ccc;
}
.widget .input-prepend input:focus + .add-on,
.widget .input-append input:focus ~ .add-on{
    border-color: rgba(0, 0, 0, 0.8);
}
/* end widget */

/* start tile */
.tile{
    position: relative;
    margin-bottom: 10px;
    background-color: #A4C400;
    font-family: 'Open Sans', 'Lucida Grande' , Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    box-shadow: #FFFFCC 0 0 1px inset;
    cursor: pointer;
    display: block;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 14px;
    overflow: hidden;
    text-decoration: none;
    /*min-width: 150px;*/           /* enable if not use with bootstrap grid */
    height: 150px;
}
.tile:hover{
    outline: 3px solid #444444;
}
.tile.active:hover{
    outline: none;
}
.tile.active{
    border: 3px solid #444444;
}
.tile.active:after {
    width: 0;
    height: 0;
    border-top: 40px solid #444444;
    border-left: 40px solid transparent;
    position: absolute;
    display: block;
    right: 0;
    content: " ";
    top: 0;
    z-index: 98;
}
.tile.active:before {
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 16px;
    content: "\2714";
    font-size: 16px;
    color: #fff;
    z-index: 99;
}

/* tile content */
.tile .tile-content {
    font-family: 'Open Sans', 'Lucida Grande' , Verdana, Arial, Helvetica, sans-serif;
    width: 100%;
    height: 100%;
    padding: 0;
    vertical-align: top;
    overflow: hidden;
    font-weight: 400;
    line-height: 16px;
    color: #FFFFFF;
}
.tile .tile-content .item > a{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: inherit;
}
.tile .tile-content .item > i,
.tile .tile-content .item > a > i,
.tile .tile-content > i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    font-size: 64px;
    margin-left: -32px;
    margin-top: -42px;
    color: #FFFFFF;
}
.tile .tile-content .item > i
.tile .tile-content .item > a > i{
    margin-left: -47px;
    margin-top: -52px;
}
.tile .tile-content > .tile-text{
    position: absolute;
    margin-left: -15px;
    top: 50%;
    width: 100%;
    line-height: 64px;
    text-align: center;
    font-size: 82px;
    margin-top: -42px;
}
.tile .tile-content > img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    margin-left: -32px;
    margin-top: -42px;
}
.tile .tile-content .text-based{
    margin-top: 10px;
    margin-right: 30px;
    height: 52%;
    overflow:hidden;
    text-overflow: ellipsis;
    padding: 10px 15px;
}
.tile .tile-content .image-based > .image-group,
.tile .tile-content .image-based > img{
    margin: -10px -15px;
    max-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    padding: 10px 15px;
}
.tile .tile-content .image-based > .image-group{
    height: 150px;
}
.tile .tile-content .image-based > .image-group img:first-child{
    max-width: 50%;
    min-height: 100%;
    width: 50%;
    height: auto;
    outline: 0 none;
}
.tile .tile-content .image-based > .image-group img{
    display: inline-block;
    float: left;
    max-width: 25%;
    min-height: 50%;
    width: 25%;
    height: auto;
    outline: 1px solid #FFFFFF;
    border-collapse: collapse;
}
.tile .tile-content .keymetric-based{
    margin-top: 10px;
    margin-right: 30px;
    margin-left: 10px;
    padding: 0px;
    height: 60%;
    text-align: left;
    overflow:hidden;
    text-overflow: ellipsis;
    padding: 10px 15px;
}
.tile .tile-content .keymetric-based .badge{
    background: transparent;
    font-size: 72px;
    line-height: .8em;
    font-weight: lighter;
    text-align: left;
    display: block;
}
.tile .tile-content .keymetric-based .brand{
    font-size: 15px;
    padding: 2px 2px 2px 12px;
    line-height: 21px;
    font-weight: 100;
    display: inline-block;
}
.tile .tile-content .tabular-based{
    margin-top: 10px;
    margin-right: 30px;
    padding: 0px;
    height: 60%;
    overflow:hidden;
    text-overflow: ellipsis;
    padding: 10px 15px;
}
.tile .tile-content .tabular-based .dl-horizontal{
    margin: 0px;
}
.tile .tile-content .tabular-based .dl-horizontal dt{
    float: left;
    width: 40px;
    overflow: hidden;
    clear: left;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: lighter;
    font-size: 14px;
    line-height: 22px;
}
.tile .tile-content .tabular-based .dl-horizontal dd {
    margin-left: 60px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: lighter;
    font-size: 14px;
    line-height: 22px;
}

.tile .tile-content h1,
.tile .tile-content h2,
.tile .tile-content h3,
.tile .tile-content h4,
.tile .tile-content h5,
.tile .tile-content h6 {
    font-size: 22px;
    line-height: 27px;
    font-weight: lighter;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}
.tile .tile-content h1,
.tile .tile-content h2,
.tile .tile-content h3,
.tile .tile-content h4,
.tile .tile-content h5,
.tile .tile-content h6,
.tile .tile-content p {
    padding: 0;
    margin: 0;
    color: #FFFFFF;
}
.tile .tile-content p {
    font-family: 'Open Sans', 'Lucida Grande' , Verdana, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    font-weight: 100;
}
.tile .tile-content p.lead {
    font-size: 21px;
    font-weight: 200;
    line-height: 30px;
}

/* tile peek */
.tile .tile-peek{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px 10px 5px 15px;
    min-height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #FFFFFF;
}
.tile .tile-peek .brand{
    font-size: 11px;
    line-height: 16px;
    display: inline-block;
    vertical-align: bottom;
}
.tile .tile-peek .icon{
    float: left;
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
    vertical-align: bottom;
}
.tile .tile-peek .text{
    position: absolute;
    left: 60px;
    right: 60px;
    bottom: 5px;
    width: auto;
    height: 32px;
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    font-weight: 100;
    overflow: no-display;
    text-overflow: ellipsis;
}
.tile .tile-peek .badge{
    position: absolute;
    padding: 0px;
    bottom: 0px;
    right: 10px;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    background: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
/*
.tile.tile-2x-vertical {
    min-height: 300px;
    height: 300px;
}
.tile.tile-3x-vertical {
    min-height: 450px;
    height: 450px;
}
.tile.tile-4x-vertical {
    min-height: 600px;
    height: 600px;
}
*/
/* end tile */


/* appbar */
.appbar{
    position: fixed;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 0px;
    padding: 10px 20px 10px;
    background: #A4C400;
    color: #FFFFFF;
    z-index: 1000;

    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.appbar.open{
    bottom: 0;
    padding: 10px 20px 10px;
    height: 80px;
}
.appbar.appbar-top{
    top: -20px;
    bottom: auto;
    height: 0;
}
.appbar.appbar-top.open{
    top: 0;
    padding: 10px 20px 10px;
    height: 80px;
}
.appbar.appbar-right{
    top: 0;
    right: -40px;
    bottom: auto;
    left: auto;
    width: 0;
    height: 100%;
}
.appbar.appbar-right.open{
    right: 0;
    padding: 20px 10px 20px;
    width: 80px;
}
.appbar.appbar-left{
    top: 0;
    left: -40px;
    right: auto;
    bottom: auto;
    width: 0;
    height: 100%;
}
.appbar.appbar-left.open{
    left: 0;
    padding: 20px 10px 20px;
    width: 80px;
}
.appbar > .nav-appbar{
    margin: 0;
    padding: 0;
    display: none;
    opacity: 0;
    list-style: none;

    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.appbar.appbar-large > .thumbnails{
    display: none;
    opacity: 0;

    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.appbar.appbar-right > .nav-appbar.pull-left,
.appbar.appbar-left > .nav-appbar.pull-left{
    top: 0;
    float: none;
    position: absolute;
}
.appbar.appbar-right > .nav-appbar.pull-right,
.appbar.appbar-left > .nav-appbar.pull-right{
    float: none;
    position: absolute;
    bottom: 0;
}
.appbar.appbar-large.open > .thumbnails,
.appbar.open > .nav-appbar{
    display: block;
    opacity: 1;
}
.appbar .tile .brand{
    float: none;
    margin-left: -10px;
    padding: 0 10px;
}
.appbar.appbar-large.open,
.appbar.appbar-bottom.appbar-large.open{
    height: 180px;
}
.appbar.appbar-left.appbar-large.open,
.appbar.appbar-right.appbar-large.open{
    height: 100%;
    width: 200px;
    max-height: 100%;
    overflow-y: auto;
}
.appbar > .nav-appbar > li{
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
    display: inline-block;
    padding: 0;
    width: 72px;
    height: 54px;

}
.appbar.appbar-right > .nav-appbar > li{
    float: none;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 5px;
    display: block;
    width: 54px;
    height: 72px;
}
.appbar.appbar-left > .nav-appbar > li{
    float: none;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 5px;
    margin-left: 0px;
    display: block;
    width: 54px;
    height: 72px;
}
.appbar > .nav-appbar > li > a{
    padding-top: 7px;
    display: inline-block;
    color: #FFFFFF;
    text-align: center;
    overflow: hidden;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
}
.appbar.appbar-right > .nav-appbar > li > a,
.appbar.appbar-left > .nav-appbar > li > a{
    display: block;
}
.appbar > .nav-appbar > li > button{
    float: left;
    margin: 0;
    padding: 0;
    padding-top: 7px;
    padding-bottom: 2px;
    background-color: transparent;
    border: 0 none;
    background-image: none;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.appbar > .nav-appbar > li > button > i,
.appbar > .nav-appbar > li > a > i{
    border: 2px solid #FFFFFF;
    padding: 4px;
    font-size: 28px;
    color: #FFFFFF;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
}
.appbar > .nav-appbar > li > button:hover > i,
.appbar > .nav-appbar > li > a:hover > i{
    background-color: rgba(255, 255, 255, 0.15);
}
.appbar > .nav-appbar > li > a > .bar-text,
.appbar > .nav-appbar > li > button > .bar-text{
    margin-top: 10px;
    display: block;
    white-space: nowrap;
}
.appbar.appbar-left > .nav-appbar > li > a > .bar-text,
.appbar.appbar-left > .nav-appbar > li > button > .bar-text,
.appbar.appbar-right > .nav-appbar > li > a > .bar-text,
.appbar.appbar-right > .nav-appbar > li > button > .bar-text{
    white-space: normal;
}
/* end appbar */


/* splash */
body[data-splash="true"] > *:not(script){
    visibility: hidden;
}
.splash{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #323232;
    color: #FFFFFF;
    z-index: 1000;
    display: none;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.splash.splash-inline{
    width: 100%;
    height: auto;
    background: transparent;
    text-align: center;
}
.splash > .splash-inner{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -120px;
    margin-left: -240px;
    width: 480px;
    text-align: center;
}
.splash.splash-inline > .splash-inner{
    position: relative;
    top: auto;
    left: auto;
    margin-top: auto;
    margin-left: auto;
    width: auto;
    display: block;
}
.splash > .splash-inner img.logo{
    width: 160px;
    height: auto;
    line-height: 220px;
    margin-bottom: 10px;
}
.splash > .splash-inner i{
    display: block;
    font-size: 160px;
    line-height: 220px;
    margin-bottom: 10px;
}
.splash > .splash-inner .brand{
    font-size: 32px;
    line-height: 32px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 5px;
}
.splash > .splash-inner .splash-text{
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.splash > .splash-inner .splash-loader{
    position: relative;
    display: inline-block;
}
.splash.splash-inline > .splash-inner img{
    width: 80%;
    height: auto;
}
/* end splash */


/* preload */
img.preload-mini{
    width: 16px;
    height: auto;
}
img.preload-small{
    width: 24px;
    height: auto;
}
img.preload-medium{
    width: 32px;
    height: auto;
}
img.preload-large{
    width: 64px;
    height: auto;
}
/* end preload */


/* media object */
.media .media-body .media-heading{
    font-weight: 500;
}
.media .media-body,
.media p{
    font-weight: lighter;
}
.media-widget{
    margin: -20px -15px -15px;
}
.media-widget .media-list{
    margin-bottom: -15px;
}
.media-widget .media:first-child{
    padding-top: 20px;
}
.media-widget .media{
    position: relative;
    margin-top: 0px;
    padding: 15px 15px 0px;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.media-widget .media:last-child{
    padding-bottom: 10px;
    border: 0 none;
}
.media-widget .media,
.media-widget .media .btn-link,
.media-widget .media a{
    color: inherit;
}
.media-widget .media .btn-link:hover,
.media-widget .media a:hover{
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}
.media-widget .media:hover{
    background: rgba(255, 255, 255, 0.15);
}
.media-widget .media .media-action{
    position: absolute;
    right: 7px;
    bottom: 0;
    display: none;
}
.media-widget .media .media-action.pull-left{
    left: 15px;
    right: auto;
}
.media-widget .media .media-action .btn-link:hover{
    color: inherit;
}
.media-widget .media:hover .media-action,
.media-widget .media:focus .media-action,
.media-widget .media:hover .media-action .dropdown-menu,
.media-widget .media:focus .media-action .dropdown-menu{
    display: block;
}
.media-widget .media .media-label{
    margin: 0px 0px 15px;
    padding: 0;
    line-height: 16px;
    cursor: pointer;
}
.media-widget .media .media-label p{
    margin-left: 20px;
    margin-right: 20px;
}
.media-widget .media:last-child .media-label:last-child{
    margin-bottom: 0px;
}
.media-widget .media .media-label.mark p,
.media-widget .media .media-label.mark label{
    text-decoration: line-through !important;
}
/* end media object */

/* form */
form.form-horizontal .controls p:first-child{
    margin-top: 5px;
}
form.full-widget{
    margin: -20px -15px 15px;
}
.widget form .form-actions{
    margin: 10px -15px -35px -15px;
    padding-bottom: 30px;
}
form.full-widget .controls{
    padding-right: 15px;
}
form.form-vertical.full-widget{
    margin-bottom: 15px;
}
.widget form.form-vertical.full-widget .form-actions{
    margin: 10px 0 -30px 0;
}
form.form-vertical.full-widget .control-label{
    /*height: 20px;*/
}
form.form-vertical.full-widget .control-label,
form.form-vertical.full-widget .controls{
    padding: 5px 15px;
}
form.form-vertical.form-bordered .control-group .controls{
    border-left: 0 none;
}

.form-bordered{
    /*margin-bottom: 15px;*/
}
.form-bordered .control-group{
    margin-bottom: 0;
    border-bottom: 1px solid #f3f3f3;
}
.form-bordered .control-group .controls{
    border-left: 1px solid #f3f3f3;
    padding: 20px 10px;
    min-height: 30px;
}
.widget[class*="bg-"] .form-bordered .control-group,
.widget[class*="bg-"] .form-bordered .control-group .controls{
    border-color:  rgba(255, 255, 255, 0.25);
}
.form-horizontal.form-bordered .control-group .controls-row{
    margin-bottom: 0 !important;
}
.form-bordered .control-group .control-label{
    padding: 20px 10px;
    line-height: 30px;
    vertical-align: middle;
    margin-bottom: 0;
}
.widget .form-bordered .form-actions{
    margin: 10px 0 -30px 0;
}

.form-bordered.form-vertical .control-group .controls{
    padding: 0 10px 10px;
}
.form-bordered.form-vertical .control-group .control-label{
    padding: 10px 10px 5px;
}
.form-bordered.form-vertical.full-widget.row-fluid .control-group,
.form-bordered.form-vertical.full-widget.row-fluid .form-actions{
    margin-right: -30px;
    padding-left: 10px;
    padding-right: 10px;
}
.form-bordered.form-vertical.full-widget.row-fluid .form-actions{
    padding: 19px 20px 35px 40px;
}

.form-bordered.form-vertical.full-widget.row-fluid .control-label
.form-bordered.form-vertical.full-widget.row-fluid .controls{
    padding-left: 60px;
}

textarea.input-fx,
input[type=text].input-fx,
input[type=password].input-fx,
input[type=email].input-fx,
.uneditable-input.input-fx {
    background: transparent;
    border: 0 none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    color: rgba(255, 255, 255, 1);
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
textarea.input-fx:focus,
input[type=text].input-fx:focus,
input[type=password].input-fx:focus,
input[type=email].input-fx:focus{
    border-color: rgba(0, 0, 0, 0.8);
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
textarea.input-fx::-webkit-input-placeholder,
input[type=text].input-fx::-webkit-input-placeholder,
input[type=password].input-fx::-webkit-input-placeholder,
input[type=email].input-fx::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.8); }
textarea.input-fx:-moz-placeholder,
input[type=text].input-fx:-moz-placeholder,
input[type=password].input-fx:-moz-placeholder,
input[type=email].input-fx:-moz-placeholder { color: rgba(255, 255, 255, 0.8); }
textarea.input-fx::-moz-placeholder,
input[type=text].input-fx::-moz-placeholder,
input[type=password].input-fx::-moz-placeholder,
input[type=email].input-fx::-moz-placeholder { color: rgba(255, 255, 255, 0.8); }
textarea.input-fx:-ms-input-placeholder,
input[type=text].input-fx:-ms-input-placeholder,
input[type=password].input-fx:-ms-input-placeholder,
input[type=email].input-fx:-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); }

/* end form */

/* fileupload */
.btn-file {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}
.btn-file > input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    font-size: 23px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    direction: ltr;
}
.fileupload {
    margin-bottom: 9px;
}
.fileupload .uneditable-input {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: text;
}
.fileupload .thumbnail {
    display: inline-block;
    margin-bottom: 5px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}
.fileupload .thumbnail > img {
    display: inline-block;
    max-height: 100%;
    vertical-align: middle;
}
.fileupload .btn {
    vertical-align: middle;
}
.fileupload-exists .fileupload-new,
.fileupload-new .fileupload-exists {
    display: none;
}
.fileupload-inline .fileupload-controls {
    display: inline;
}
.fileupload-new .input-append .btn-file {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.thumbnail-borderless .thumbnail {
    padding: 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.fileupload-new.thumbnail-borderless .thumbnail {
    border: 1px solid #ddd;
}
.control-group.warning .fileupload .uneditable-input {
    color: #a47e3c;
    border-color: #a47e3c;
}
.control-group.warning .fileupload .fileupload-preview {
    color: #a47e3c;
}
.control-group.warning .fileupload .thumbnail {
    border-color: #a47e3c;
}
.control-group.error .fileupload .uneditable-input {
    color: #b94a48;
    border-color: #b94a48;
}
.control-group.error .fileupload .fileupload-preview {
    color: #b94a48;
}
.control-group.error .fileupload .thumbnail {
    border-color: #b94a48;
}
.control-group.success .fileupload .uneditable-input {
    color: #468847;
    border-color: #468847;
}
.control-group.success .fileupload .fileupload-preview {
    color: #468847;
}
.control-group.success .fileupload .thumbnail {
    border-color: #468847;
}
/* end fileupload */


/* custom checkbox */
input.input-fx[type=checkbox],
input.input-fx[type=radio]{
    visibility: hidden;
}
/* squared checkbox */
.checkbox-squared {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    margin: 5px 15px 5px 0;
}
.checkbox-squared.help-block {
    margin-top: 5px !important;
    display: block;
}
.checkbox-squared label {
    cursor: pointer;
    display: inline-block;
    margin-left: 4px;
}
.checkbox-squared label:after {
    position: absolute;
    left: 0;
    font-size: 13px;
    font-family: 'icomoon';
    content: "\e089";
}
.checkbox-squared label:hover::after {
    content: "\e08a";
}
.checkbox-squared input.input-fx[type=checkbox]:checked + label:after,
.checkbox-squared input.input-fx[type=radio]:checked + label:after {
    content: "\e088";
}

/* rounded checkbox */
.checkbox-rounded {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    margin: 5px 15px 5px 0;
}
.checkbox-rounded.help-block {
    margin-top: 5px !important;
    display: block;
}
.checkbox-rounded label {
    cursor: pointer;
    display: inline-block;
    margin-left: 4px;
}
.checkbox-rounded label:after {
    position: absolute;
    left: 0;
    font-size: 13px;
    font-family: 'icomoon';
    content: "\e08c";
}
.checkbox-rounded label:hover::after {
    content: "\e08c";
}
.checkbox-rounded input.input-fx[type=checkbox]:checked + label:after,
.checkbox-rounded input.input-fx[type=radio]:checked + label:after {
    content: "\e08b";
}

/* slide checkbox */
.checkbox-slide {
    position: relative;
    margin: 5px 15px 15px 0;
    width: 50px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    background: #323232;
    
    border: 2px solid #FFFFFF;
    outline: 2px solid #323232;
}
.checkbox-slide.bg-black{ outline-color: #323232 !important; }
.checkbox-slide.bg-silver{ outline-color: #f3f3f3 !important; border-color: #323232 !important; }
.checkbox-slide.bg-lime{ outline-color: #A4C400 !important; }
.checkbox-slide.bg-green{ outline-color: #60A917 !important; }
.checkbox-slide.bg-emerald{ outline-color: #008A00 !important; }
.checkbox-slide.bg-teal{ outline-color: #00ABA9 !important; }
.checkbox-slide.bg-cyan{ outline-color: #40802b !important; }
.checkbox-slide.bg-cobalt{ outline-color: #0050EF !important; }
.checkbox-slide.bg-indigo{ outline-color: #6A00FF !important; }
.checkbox-slide.bg-violet{ outline-color: #AA00FF !important; }
.checkbox-slide.bg-pink{ outline-color: #F472D0 !important; }
.checkbox-slide.bg-magenta{ outline-color: #D80073 !important; }
.checkbox-slide.bg-crimson{ outline-color: #A20025 !important; }
.checkbox-slide.bg-red{ outline-color: #E51400 !important; }
.checkbox-slide.bg-orange{ outline-color: #FA6800 !important; }
.checkbox-slide.bg-amber{ outline-color: #F0A30A !important; }
.checkbox-slide.bg-yellow{ outline-color: #E3C800 !important; }
.checkbox-slide.bg-brown{ outline-color: #825A2C !important; }
.checkbox-slide.bg-olive{ outline-color: #6D8764 !important; }
.checkbox-slide.bg-steel{ outline-color: #647687 !important; }
.checkbox-slide.bg-mauve{ outline-color: #76608A !important; }
.checkbox-slide.bg-taupe{ outline-color: #87794E !important; }
.checkbox-slide.help-block {
    top: 5px;
    margin: 10px 15px 15px 0;
    display: block;
}
.checkbox-slide label {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 14px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    background: #222222;

    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.checkbox-slide input[type=checkbox]:checked + label,
.checkbox-slide input[type=radio]:checked + label {
    left: 36px;
}

/* slide text checkbox */
.checkbox-slide.checkbox-slidetext {
    position: relative;
    margin: 0px 15px 15px 0;
    width: 80px;
    height: 26px;
    vertical-align: middle;
    display: inline-block;
    background: #323232;
    
    border: 2px solid #FFFFFF;
    outline: 2px solid #323232;
}
.checkbox-slide.checkbox-slidetext.help-block {
    top: auto;
    margin: 10px 15px 15px 0;
    display: block;
}
.checkbox-slide.checkbox-slidetext:after {
    content: 'OFF';
    position: absolute;
    right: 10px;
    font-size: 13px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.25);
    z-index: 0;
    font-weight: 500;
    text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}
.checkbox-slide.checkbox-slidetext:before {
    content: 'ON';
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 13px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.8);
    z-index: 0;
    font-weight: 500;
}
.checkbox-slide.checkbox-slidetext.bg-silver:before{
    color: #323232;
}
.checkbox-slide.checkbox-slidetext label {
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 34px;
    height: 20px;
    cursor: pointer;
    z-index: 1;
    background: #222222;

    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.checkbox-slide.checkbox-slidetext input[type=checkbox]:checked + label,
.checkbox-slide.checkbox-slidetext input[type=radio]:checked + label {
    left: 43px;
}
/* end custom checkbox */


/*!
 * jQuery UI Slider 1.10.3
*/
.ui-slider{
    position: relative;
    margin: 0px;
    padding: 0px;
    text-align: left;
    vertical-align: middle;
    background: #444444;
}
.ui-slider.slider-light{
    background: #CCCCCC;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 10px;
    height: 20px;
    cursor: default;

    background-image: none;
    background: #323232;
    font-weight: bold;
    color: #222222;
    outline: none;
}
.ui-slider.slider-light .ui-slider-handle{
    background: #DCDCDC;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: 10px;
    display: block;
    border: 0;
    background-position: 0 0;
    
    background-image: none;
    background-color: #666666;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.ui-slider.slider-light .ui-slider-range { background-color: #AAAAAA; }

.ui-slider.ui-slider-black .ui-slider-range{ background-color: #323232; }
.ui-slider.ui-slider-silver .ui-slider-range{ background-color: #f3f3f3; }
.ui-slider.ui-slider-lime .ui-slider-range{ background-color: #A4C400; }
.ui-slider.ui-slider-green .ui-slider-range{ background-color: #60A917; }
.ui-slider.ui-slider-emerald .ui-slider-range{ background-color: #008A00; }
.ui-slider.ui-slider-teal .ui-slider-range{ background-color: #00ABA9; }
.ui-slider.ui-slider-cyan .ui-slider-range{ background-color: #40802b; }
.ui-slider.ui-slider-cobalt .ui-slider-range{ background-color: #0050EF; }
.ui-slider.ui-slider-indigo .ui-slider-range{ background-color: #6A00FF; }
.ui-slider.ui-slider-violet .ui-slider-range{ background-color: #AA00FF; }
.ui-slider.ui-slider-pink .ui-slider-range{ background-color: #F472D0; }
.ui-slider.ui-slider-magenta .ui-slider-range{ background-color: #D80073; }
.ui-slider.ui-slider-crimson .ui-slider-range{ background-color: #A20025; }
.ui-slider.ui-slider-red .ui-slider-range{ background-color: #E51400; }
.ui-slider.ui-slider-orange .ui-slider-range{ background-color: #FA6800; }
.ui-slider.ui-slider-amber .ui-slider-range{ background-color: #F0A30A; }
.ui-slider.ui-slider-yellow .ui-slider-range{ background-color: #E3C800; }
.ui-slider.ui-slider-brown .ui-slider-range{ background-color: #825A2C; }
.ui-slider.ui-slider-olive .ui-slider-range{ background-color: #6D8764; }
.ui-slider.ui-slider-steel .ui-slider-range{ background-color: #647687; }
.ui-slider.ui-slider-mauve .ui-slider-range{ background-color: #76608A; }
.ui-slider.ui-slider-taupe .ui-slider-range{ background-color: #87794E; }

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: 10px;
}
.slider-small.ui-slider-horizontal {
    height: 5px;
}
.slider-large.ui-slider-horizontal {
    height: 20px;
}
form.form-vertical .ui-slider-horizontal {
    margin-top: auto;
    margin-bottom: 10px;
}
form .ui-slider-horizontal {
    margin-top: 10px;
}
form .slider-small.ui-slider-horizontal {
    margin-top: 15px;
}
form .slider-large.ui-slider-horizontal {
    margin-top: 7px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -5px;
    margin-left: -5px;
}
.slider-small.ui-slider-horizontal .ui-slider-handle {
    width: 5px;
    height: 15px;
}
.slider-large.ui-slider-horizontal .ui-slider-handle {
    width: 15px;
    height: 30px;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: 10px;
    height: 100px;
}
.slider-small.ui-slider-vertical {
    width: 5px;
}
.slider-large.ui-slider-vertical {
    width: 20px;
}
.ui-slider-vertical .ui-slider-handle {
    left: -5px;
    margin-left: 0;
    margin-bottom: -5px;
    width: 20px;
    height: 10px;
}
.slider-small.ui-slider-vertical .ui-slider-handle {
    width: 15px;
    height: 5px;
}
.slider-large.ui-slider-vertical .ui-slider-handle {
    width: 30px;
    height: 15px;
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}
/* end slider */



/* wizard */
.step{
    margin-bottom: 40px;
}
.wizard-steps {
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
    list-style: none outside none;
}
.wizard-steps:after {
    clear: both;
    content: '';
    display: table;
}
.wizard-steps li {
    position: relative;
    float: left;
    padding: 0 20px 0 30px;
    margin: 0;
    font-size: 16px;
    line-height: 46px;
    color: #999999;
    cursor: default;
    background: rgba(255, 255, 255, 0.5);
}
.wizard-steps li.complete {
    color: #468847;
    background: rgba(255, 255, 255, 0.75);
}
.wizard-steps li.complete:hover {
    cursor: pointer;
    background: rgba(255, 255, 255, 0.8);
}
.wizard-steps li.active {
    color: #3a87ad;
    background: rgba(255, 255, 255, 0.75);
}
.wizard-steps li .badge {
    position: relative;
    top: -2px;
    margin-right: 8px;
}
/* end wizard */


/* stats */
.widget .stats.full-widget{
    margin-top: -20px;
}
.stats-inline-resume{
    padding: 10px 15px 0;
}
.stats-inline-resume > small{
    display: block;
    margin-left: 20px;
}
.stats-content{
    font-weight: lighter;
    padding: 15px 15px 0;
}
.stats-help-block{
    margin-bottom: 20px;
}
.pie-donat-text{ /* this assums*/
    position: absolute;
    text-align: center;
    width: 100%
}
/* end stats */


/* code editor */
.container-editor{
    position: relative;
    margin-top: 0;
    margin-left: -10px;
    margin-right: -10px;
}
.editor-action{
    margin-top: 5px;
    margin-right: 15px;
}
.ace-editor{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    min-height: 400px;
    height: auto;
    border-bottom: 1px solid #DDDDDD;
}
/* end code editor */

/* search */
.search-box{
    padding: 10px;
    background: #f3f3f3;
    margin-bottom: 20px;
}
.search-box form{
    margin: 0;
}
.search-result .search-img{
    width: 150px;
    height: 100px;
}
/* end search */

/* Invoice */
.invoice{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.invoice-table{
    margin-top: 0px; 
}
img.logo-invoice{
    width: 120px;
    height: 120px;
}
.invoice thead{
    background: #EEEEEE;
    
}
.invoice thead tr th{
    text-align: center;
}

.invoice tfoot tr:first-child{
    background: #EEEEEE;
}
.invoice tfoot tr:first-child th{
    text-align: center;
}
.invoice tfoot tr:last-child{
    font-size: 1.2em;
    font-weight: bold;
}

.invoice tr .right{
    text-align: right;
}
/* end Invoice */

/* message */
.inbox{
    position: relative;
    height: auto;
}
.inbox:before,
.inbox:after {
    display: table;
    line-height: 0;
    content: "";
}
.inbox:after {
    clear: both;
}
.messgaetab-pane{
    height: 520px;
    width: 320px;
    float: left;
}
.messgaetab-pane .tab-pane > p{
    padding: 5px 15px;
}
.message-pane{
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 2;
}
.message-pane a{
    color: inherit;
}
.message-control{
    position: relative;
    padding: 5px 15px 10px 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;
    z-index: 99;
}
.message-control .message-toggle{
    margin: 0;
}
.message-control .btn-group .btn-link{
    color: inherit;
    vertical-align: middle
}
.message-pane .message-item{
    position: relative;
    padding: 5px 15px 5px 35px;
    display: block;
    cursor: pointer;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.message-pane .message-item .message-checked{
    position: absolute;
    margin-left: -20px;
}
.message-pane .message-item .message-checked.checkbox-rounded,
.message-pane .message-item .message-checked.checkbox-squared{
    margin-top: -10px;
}
.message-pane .message-item.selected{
    background: #DADADA !important;
}
.message-pane .message-item.unread{
    background: #f3f3f3;
}
.message-pane .message-item.unread *{
    color: #555555;
    font-weight: 600;
}
.message-pane .message-item.active{
    background: #DADADA;
}
.message-subject{
    width: 70%;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}
.message-date{
    font-size: 11px;
}
.message-snippet{
    clear: both;
    display: block;
    width: 95%;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}
.message-snippet *{
    display: block;
    width: 95%;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}
.reading-pane{
    position: absolute;
    padding-left: 340px;
    z-index: 0;
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.reading-pane .btn-link{
    text-decoration: none;
    color: inherit;
}
.message-header{
    border-bottom: 1px solid #DDDDDD;
}
.message-header .btn-group{
    margin: 0;
    margin-top: 10px;
}
.message-template-subject{
    font-size: 24px;
    font-weight: lighter;
}
.message-content{
    height: 440px;
}
.message-content > .message-details{
    margin-bottom: 20px;
}
/* end message */

/* easy pie chart */
.easypie{
    margin-left: auto;
    margin-right: auto;
}
.easyPieChart {
    position: relative;
    text-align: center;
}
.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}
.flot-tooltip{
    position: absolute;
    display: none;
    max-width: 200px;
    padding: 8px 8px;
    font-size: 12px;
    color: #777;
    font-family: 'Lucida Grande' , Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    border: 2px solid #999;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
/* end easy pie chart */

/* justgage */
.justgage{
    width: 100%;
}
/* end justgage */

/* knob */
.knob{
    padding-top: 20px;
    padding-bottom: 10px;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
}
input[data-chart='knob'],
.knob input,
input[data-chart='knob']:focus,
.knob input:focus{
    cursor: default;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/* end knob */

/* chat module */
.chat-container{
    margin: -15px -15px 30px -15px;
}
.chat-container .mCSB_container{
    margin-right: 5px;
}
.chat-module{
    position: relative;
    margin: 0;
    padding: 0;
}
.chat-module > .chats{
    list-style: none;
    margin: 0;
    padding: 0;
}
.chat-module > .chats > li{
    overflow: hidden;
    padding: 10px;
}
.chat-module > .chats > li > .avatar{
    position: relative;
    width: 40px;
}
.chat-module > .chats > li > .avatar img{
    display: block;
    width: 100%;
}
.chat-module > .chats > .moderator .messages{
    padding: 2px 10px;
    background: rgba(50, 50, 50, 0.4);
}
.chat-module > .chats > .moderator .messages p{
    margin: 0;
    color: #f3f3f3;
}
.chat-module > .chats > .other .avatar{
    float: left;
}
.chat-module > .chats > .other .avatar:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 5px solid #f3f3f3;
    border-left-color: transparent;
    border-bottom-color: transparent;
}
.chat-module > .chats > .other .messages{
    margin-left: 40px;
}
.chat-module > .chats > .self .avatar{
    float: right;
}
.chat-module > .chats > .self .avatar:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 5px solid #f3f3f3;
    border-right-color: transparent;
    border-bottom-color: transparent;
}
.chat-module > .chats > .self .messages{
    margin-right: 40px;
}

.chat-module > .chats > li .messages {
    position: relative;
    padding: 10px;
    background: #f3f3f3;
}
.chat-module > .chats > li .messages p{
    font-size: 12px;
    margin: 0 0 5px 0;
    color: #333333;
}
.chat-module > .chats > li .messages time{
    font-size: 10px;
    color: #999999;
}
.chat-action{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.chat-action > *,
.add-to-chat > *{
    margin: 0;
}
.add-to-chat{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 5px;
    z-index: 99;
    display: none;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
/* end chat module */


/* footer */
.content-footer{
    padding: 10px 10px 5px;
    border-top: 1px solid #dddddd;
}
.footer{
    position: relative;
    padding: 10px 10px 5px 210px;
    color: #a1a1a1;
    background: #f3f3f3;
    z-index: 999;
}
.footer.container{
    padding: 0;
}
.footer.container > p,
.footer.container > div{
    padding: 10px 10px 5px 210px;
}
/* end footer */

/* more styles */
.overview-today, 
.overview-previous {
    width: 50%;
    float: left;
}
.stats-overview{
    padding: 20px 0;
}
.stats-overview p{
    margin: 0; padding: 0;
    text-align: center;
    text-transform: uppercase;
}
.stats-overview .overview-day{
    font-size: 12px;
    margin: 6px 0;
    font-weight: lighter;
}
.stats-overview .overview-count{
    font-size: 26px;
    font-weight: lighter;
}
.stats-overview .overview-type{
    font-size: 10px;
    margin-bottom: 8px;
    font-weight: lighter;
}
/* end more styles */


.paging a{
padding: 3px;
border: 1px solid gray;
background-color: gray;
color: #fff;font-size: 12px;font-weight: bold;text-align: center;font-family: 'Open Sans' , 'Lucida Grande' , Verdana, Arial, Helvetica, sans-serif;}

.paging span{padding: 3px;
border: 1px solid gray;
background-color: #f3f3f3;
color: #000;font-size: 12px;font-weight: bold;text-align: center;font-family: 'Open Sans' , 'Lucida Grande' , Verdana, Arial, Helvetica, sans-serif;}