/*!
 *   AdminLTE v1.2
 *   Author: AlmsaeedStudio.com
 *   License: Open source - MIT/* Cust
 *           Please visit http://opensource.org/licenses/MIT for more information
!*/


/*
    Core: General style
----------------------------
*/

html,
body {
    overflow-x: hidden!important;
    font-family: 'Source Sans Pro', sans-serif;
    -webkit-font-smoothing: antialiased;
    min-height: 100%;
    background: #fbfbfb;
    /* #ffffff */
}

a {
    color: #3c8dbc;
}

a:hover,
a:active,
a:focus {
    outline: none;
    text-decoration: none;
    color: #72afd2;
}


/* Layouts */

.wrapper {
    min-height: 100%;
    background: #fbfbfb;
    /* #ffffff */
}

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

.wrapper:after {
    clear: both;
}


/* Header */

body > .header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
}


/* Define 2 column template */

.right-side,
.left-side {
    min-height: 100%;
    display: block;
}


/*right side - contins main content*/

.right-side {
    background-color: #f9f9f9;
    margin-left: 220px;
}


/*left side - contains sidebar*/

.left-side {
    position: absolute;
    width: 220px;
    top: 0;
}

@media screen and (min-width: 992px) {
    .left-side {
        top: 60px;
    }
    /*Right side strech mode*/
    .right-side.strech {
        margin-left: 0;
    }
    .right-side.strech > .content-header {
        margin-top: 0px;
    }
    /* Left side collapse */
    .left-side.collapse-left {
        left: -220px;
    }
}


/*Give content full width on xs screens*/

@media screen and (max-width: 992px) {
    .right-side {
        margin-left: 0;
    }
}


/*
    By default the layout is not fixed but if you add the class .fixed to the body element
    the sidebar and the navbar will automatically become poisitioned fixed
*/

body.fixed > .header,
body.fixed .left-side,
body.fixed .navbar {
    position: fixed;
}

body.fixed > .header {
    top: 0;
    right: 0;
    left: 0;
}

body.fixed .navbar {
    left: 0;
    right: 0;
}

body.fixed .wrapper {
    margin-top: 60px;
}


/* Content */

.content {
    padding: 20px 15px;
    background: #fbfbfb;
    /* #ffffff */

    height: 100%;
    min-height: 100%;
}


/* Utility */


/* H1 - H6 font */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Source Sans Pro', sans-serif;
}


/* Page Header */

.page-header {
    font-size: 22px;
}

.page-header > small {
    color: #666;
    display: block;
    margin-top: 5px;
}


/* All images should be responsive */

img:not(#datatables img):not(.fancybox__container img):not(.cropperjs img) {
    max-width: 100% !important;
}

.sort-highlight {
    background: #f4f4f4;
    border: 1px dashed #ddd;
    margin-bottom: 10px;
}


/* 10px padding and margins */

.pad {
    padding: 10px;
}

.margin {
    margin: 10px;
}


/* Display inline */

.inline {
    display: inline;
    width: auto;
}


/* Background colors */

.bg-red,
.bg-gray2,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-blue2,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black {
    color: #f9f9f9 !important;
}

.bg-gray2 {
    background-color: #7A7C7F !important;
}

.bg-blue2 {
    background-color: #54637F !important;
}

.bg-gray {
    background-color: #eaeaec !important;
}

.bg-black {
    background-color: #222222 !important;
}

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

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

.bg-aqua {
    background-color: #00c0ef !important;
}

.bg-blue {
    background-color: #0073b7 !important;
}

.bg-light-blue {
    background-color: #3c8dbc !important;
}

.bg-green {
    background-color: #00a65a !important;
}

.bg-navy {
    background-color: #001f3f !important;
}

.bg-teal {
    background-color: #39cccc !important;
}

.bg-olive {
    background-color: #3d9970 !important;
}

.bg-lime {
    background-color: #01ff70 !important;
}

.bg-orange {
    background-color: #ff851b !important;
}

.bg-fuchsia {
    background-color: #f012be !important;
}

.bg-purple {
    background-color: #932ab6 !important;
}

.bg-maroon {
    background-color: #85144b !important;
}


/* Text colors */

.text-red {
    color: #f56954 !important;
}

.text-yellow {
    color: #f39c12 !important;
}

.text-aqua {
    color: #00c0ef !important;
}

.text-blue {
    color: #0073b7 !important;
}

.text-black {
    color: #222222 !important;
}

.text-light-blue {
    color: #3c8dbc !important;
}

.text-green {
    color: #00a65a !important;
}

.text-navy {
    color: #001f3f !important;
}

.text-teal {
    color: #39cccc !important;
}

.text-olive {
    color: #3d9970 !important;
}

.text-lime {
    color: #01ff70 !important;
}

.text-orange {
    color: #ff851b !important;
}

.text-fuchsia {
    color: #f012be !important;
}

.text-purple {
    color: #932ab6 !important;
}

.text-maroon {
    color: #85144b !important;
}


/*Hide elements by display none only*/

.hide {
    display: none !important;
}


/* Remove borders */

.no-border {
    border: 0px !important;
}


/* Remove padding */

.no-padding {
    padding: 0px !important;
}


/* Remove margins */

.no-margin {
    margin: 0px !important;
}


/* Remove box shadow */

.no-shadow {
    box-shadow: none!important;
}


/* White BG */

.bg-white {
    background-color: #fff;
}


/* Don't display when printing */

@media print {
    .no-print {
        display: none;
    }
    .left-side,
    .header,
    .content-header {
        display: none;
    }
    .right-side {
        margin: 0;
    }
}


/* Remove border radius */

.flat {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}


/* Change the color of the striped tables */

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f3f4f5;
}

.table.no-border,
.table.no-border td,
.table.no-border th {
    border: 0;
}


/* .text-center in tables */

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

.table.align th {
    text-align: left;
}

.table.align td {
    text-align: right;
}

.text-bold,
.text-bold.table td,
.text-bold.table th {
    font-weight: 700;
}

td.wrapok {
    white-space:normal;
}

.border-radius-none {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}


/* _fix for sparkline tooltip */

.jqstooltip {
    padding: 5px!important;
    width: auto!important;
    height: auto!important;
}


/*
Gradient Background colors
*/

.bg-teal-gradient {
    background: #39cccc !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
    background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
    background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;
    background: -o-linear-gradient(#7adddd, #39cccc) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
    color: #fff;
}

.bg-light-blue-gradient {
    background: #3c8dbc !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
    background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
    background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;
    background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
    color: #fff;
}

.bg-blue-gradient {
    background: #0073b7 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
    background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
    background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;
    background: -o-linear-gradient(#0089db, #0073b7) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
    color: #fff;
}

.bg-aqua-gradient {
    background: #00c0ef !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
    background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
    background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;
    background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
    color: #fff;
}

.bg-yellow-gradient {
    background: #f39c12 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
    background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
    background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;
    background: -o-linear-gradient(#f7bc60, #f39c12) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
    color: #fff;
}

.bg-purple-gradient {
    background: #932ab6 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #932ab6), color-stop(1, #b959d9)) !important;
    background: -ms-linear-gradient(bottom, #932ab6, #b959d9) !important;
    background: -moz-linear-gradient(center bottom, #932ab6 0%, #b959d9 100%) !important;
    background: -o-linear-gradient(#b959d9, #932ab6) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b959d9', endColorstr='#932ab6', GradientType=0) !important;
    color: #fff;
}

.bg-green-gradient {
    background: #00a65a !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
    background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
    background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;
    background: -o-linear-gradient(#00ca6d, #00a65a) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
    color: #fff;
}

.bg-red-gradient {
    background: #f56954 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f56954), color-stop(1, #f89384)) !important;
    background: -ms-linear-gradient(bottom, #f56954, #f89384) !important;
    background: -moz-linear-gradient(center bottom, #f56954 0%, #f89384 100%) !important;
    background: -o-linear-gradient(#f89384, #f56954) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f89384', endColorstr='#f56954', GradientType=0) !important;
    color: #fff;
}

.bg-black-gradient {
    background: #222222 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #222222), color-stop(1, #3c3c3c)) !important;
    background: -ms-linear-gradient(bottom, #222222, #3c3c3c) !important;
    background: -moz-linear-gradient(center bottom, #222222 0%, #3c3c3c 100%) !important;
    background: -o-linear-gradient(#3c3c3c, #222222) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#222222', GradientType=0) !important;
    color: #fff;
}

.bg-maroon-gradient {
    background: #85144b !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #85144b), color-stop(1, #b11b64)) !important;
    background: -ms-linear-gradient(bottom, #85144b, #b11b64) !important;
    background: -moz-linear-gradient(center bottom, #85144b 0%, #b11b64 100%) !important;
    background: -o-linear-gradient(#b11b64, #85144b) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b11b64', endColorstr='#85144b', GradientType=0) !important;
    color: #fff;
}

.connectedSortable {
    min-height: 100px;
}


/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/


/*
    Components: navbar, logo and content header
-------------------------------------------------
*/

body > .header {
    position: relative;
    max-height: 100px;
    z-index: 1030;
}

body > .header .navbar {
    height: 60px;
    margin-bottom: 0;
    margin-left: 220px;
}

body > .header .navbar .sidebar-toggle {
    float: left;
    padding: 9px 5px;
    margin-top: 13px;
    margin-right: 0;
    margin-bottom: 13px;
    margin-left: 5px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

body > .header .navbar .sidebar-toggle:hover .icon-bar {
    background: #f6f6f6;
}

body > .header .navbar .sidebar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

body > .header .navbar .sidebar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}

body > .header .navbar .nav > li.user > a {
    font-weight: bold;
}

body > .header .navbar .nav > li.user > a > .fa,
body > .header .navbar .nav > li.user > a > .glyphicon,
body > .header .navbar .nav > li.user > a > .ion {
    margin-right: 5px;
}

body > .header .navbar .nav > li > a > .label {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    right: 2px;
    font-size: 10px;
    font-weight: normal;
    width: 15px;
    height: 15px;
    line-height: 1.0em;
    text-align: center;
    padding: 2px;
}

body > .header .navbar .nav > li > a:hover > .label {
    top: 3px;
}

body > .header .logo {
    float: left;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    padding: 0 10px;
    width: 220px;
    font-family: 'Kaushan Script', cursive;
    font-weight: 500;
    height: 60px;
    display: block;
}

body > .header .logo .icon {
    margin-right: 10px;
}

.right-side > .content-header {
    position: relative;
    padding: 15px 15px 15px 15px;
}

.right-side > .content-header > h1 {
    margin: 0;
    font-size: 24px;
}

.right-side > .content-header > h1 > small {
    font-size: 15px;
    display: inline-block;
    padding-left: 4px;
    font-weight: 300;
}

.right-side > .content-header > .breadcrumb {
    float: right;
    background: transparent;
    margin-top: 0px;
    margin-bottom: 0;
    font-size: 12px;
    padding: 7px 5px;
    position: absolute;
    top: 15px;
    right: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.right-side > .content-header > .breadcrumb > li > a {
    color: #444;
    text-decoration: none;
}

.right-side > .content-header > .breadcrumb > li > a > .fa,
.right-side > .content-header > .breadcrumb > li > a > .glyphicon,
.right-side > .content-header > .breadcrumb > li > a > .ion {
    margin-right: 5px;
}

.right-side > .content-header > .breadcrumb > li + li:before {
    content: '>\00a0';
}

@media screen and (max-width: 767px) {
    .right-side > .content-header > .breadcrumb {
        position: relative;
        margin-top: 5px;
        top: 0;
        right: 0;
        float: none;
        background: #efefef;
    }
}

@media (max-width: 767px) {
    .navbar .navbar-nav > li {
        float: left;
    }
    .navbar-nav {
        margin: 0;
        float: left;
    }
    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 30px;
    }
    .navbar .navbar-right {
        float: right;
    }
}

@media screen and (max-width: 560px) {
    body > .header {
        position: relative;
    }
    body > .header .logo,
    body > .header .navbar {
        width: 100%;
        float: none;
        position: relative!important;
    }
    body > .header .navbar {
        margin: 0;
    }
    body.fixed > .header {
        position: fixed;
    }
    body.fixed > .wrapper,
    body.fixed .sidebar-offcanvas {
        margin-top: 120px!important;
    }
    .dataTables_paginate .paginate_button {
        padding: 7px!important;
    }
}


/*
    Component: Sidebar
--------------------------
*/

.sidebar {
    margin-bottom: 5px;
}

.sidebar .sidebar-form input:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: transparent!important;
}

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

.sidebar .sidebar-menu > li {
    margin: 0;
    padding: 0;
}

.sidebar .sidebar-menu > li > a {
    padding: 12px 5px 12px 15px;
    display: block;
}

.sidebar .sidebar-menu > li > a > .fa,
.sidebar .sidebar-menu > li > a > .glyphicon,
.sidebar .sidebar-menu > li > a > .ion {
    width: 20px;
}

.sidebar .sidebar-menu .treeview-menu {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar .sidebar-menu .treeview-menu > li {
    margin: 0;
}

.sidebar > .sidebar-menu > li > .treeview-menu > li {
    border-bottom: 1px solid #DADADA;
}

.sidebar > .sidebar-menu > li > .treeview-menu > li > a {
    padding: 10px 5px 10px 15px;
}

.sidebar .sidebar-menu .treeview-menu > li > a {
    padding: 5px 5px 5px 15px;
    display: block;
    font-size: 14px;
    margin: 0px 0px;
}

.sidebar .sidebar-menu .treeview-menu > li > a > .fa,
.sidebar .sidebar-menu .treeview-menu > li > a > .glyphicon,
.sidebar .sidebar-menu .treeview-menu > li > a > .ion {
    width: 20px;
}

.user-panel {
    padding: 10px;
}

.user-panel:before,
.user-panel:after {
    display: table;
    content: " ";
}

.user-panel:after {
    clear: both;
}

.user-panel > .image > img {
    width: 45px;
    height: 45px;
}

.user-panel > .info {
    font-weight: 600;
    padding: 5px 5px 5px 15px;
    font-size: 14px;
    line-height: 1;
}

.user-panel > .info > p {
    margin-bottom: 9px;
}

.user-panel > .info > a {
    text-decoration: none;
    padding-right: 5px;
    margin-top: 3px;
    font-size: 11px;
    font-weight: normal;
}

.user-panel > .info > a > .fa,
.user-panel > .info > a > .ion,
.user-panel > .info > a > .glyphicon {
    margin-right: 3px;
}


/*
 * Off Canvas
 * --------------------------------------------------
 *  Gives us the push menu effect
 */

@media screen and (max-width: 992px) {
    .relative {
        position: relative;
    }
    .row-offcanvas-right .sidebar-offcanvas {
        right: -220px;
    }
    .row-offcanvas-left .sidebar-offcanvas {
        left: -220px;
    }
    .row-offcanvas-right.active {
        right: 220px;
    }
    .row-offcanvas-left.active {
        left: 220px;
    }
    .sidebar-offcanvas {
        left: 0;
    }
    body.fixed .sidebar-offcanvas {
        margin-top: 50px;
        left: -220px;
    }
    body.fixed .row-offcanvas-left.active .navbar {
        left: 220px !important;
        right: 0;
    }
    body.fixed .row-offcanvas-left.active .sidebar-offcanvas {
        left: 0px;
    }
}


/*
    Dropdown menus
----------------------------
*/


/*Dropdowns in general*/

.dropdown-menu {
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
    z-index: 2300;
}

.dropdown-menu > li > a > .glyphicon,
.dropdown-menu > li > a > .fa,
.dropdown-menu > li > a > .ion {
    margin-right: 10px;
}

.dropdown-menu > li > a:hover {
    background-color: #3c8dbc;
    color: #f9f9f9;
}


/*Drodown in navbars*/

.skin-blue .navbar .dropdown-menu > li > a {
    color: #444444;
}


/*
    Navbar custom dropdown menu
------------------------------------
*/

.navbar-nav > .notifications-menu > .dropdown-menu,
.navbar-nav > .messages-menu > .dropdown-menu,
.navbar-nav > .tasks-menu > .dropdown-menu {
    width: 280px;
    padding: 0 0 0 0!important;
    margin: 0!important;
    top: 100%;
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li.header,
.navbar-nav > .messages-menu > .dropdown-menu > li.header,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #ffffff;
    padding: 7px 10px;
    border-bottom: 1px solid #f4f4f4;
    color: #444444;
    font-size: 14px;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li.header:after,
.navbar-nav > .messages-menu > .dropdown-menu > li.header:after,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header:after {
    bottom: 100%;
    left: 92%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 7px;
    margin-left: -7px;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    font-size: 12px;
    background-color: #f4f4f4;
    padding: 7px 10px;
    border-bottom: 1px solid #eeeeee;
    color: #444444;
    text-align: center;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
    background: #f4f4f4;
    text-decoration: none;
    font-weight: normal;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: hidden;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
    display: block;
    white-space: nowrap;
    /* Prevent text from breaking */
    border-bottom: 1px solid #f4f4f4;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
    background: #f6f6f6;
    text-decoration: none;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
    font-size: 12px;
    color: #444444;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
    font-size: 20px;
    width: 50px;
    text-align: center;
    padding: 15px 0px;
    margin-right: 5px;
    /* Default background and font colors */
    background: #00c0ef;
    color: #f9f9f9;
    /* Fallback for browsers that doesn't support rgba */
    color: rgba(255, 255, 255, 0.7);
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.danger,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.danger,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.danger {
    background: #f56954;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.warning,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.warning,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.warning {
    background: #f39c12;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.success,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.success,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.success {
    background: #00a65a;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.info,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.info,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.info {
    background: #00c0ef;
}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
    margin: 0px;
    line-height: 20px;
    padding: 10px 5px 10px 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
    margin: auto 10px auto auto;
    width: 40px;
    height: 40px;
    border: 1px solid #dddddd;
}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
    padding: 0;
    margin: 0 0 0 45px;
    color: #444444;
    font-size: 15px;
}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
    color: #999999;
    font-size: 10px;
    float: right;
}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
    margin: 0 0 0 45px;
    font-size: 12px;
    color: #888888;
}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
    display: table;
    content: " ";
}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
    clear: both;
}

.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
    padding: 10px;
}

.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {
    font-size: 14px;
    padding: 0;
    margin: 0 0 10px 0;
    color: #666666;
}

.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {
    padding: 0;
    margin: 0;
}

.navbar-nav > .user-menu > .dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 1px 0 0 0;
    border-top-width: 0;
    width: 280px;
}

.navbar-nav > .user-menu > .dropdown-menu:after {
    bottom: 100%;
    right: 10px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: 175px;
    padding: 10px;
    background: #3c8dbc;
    text-align: center;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
    z-index: 5;
    height: 90px;
    width: 90px;
    border: 8px solid;
    border-color: transparent;
    border-color: rgba(255, 255, 255, 0.2);
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    z-index: 5;
    color: #f9f9f9;
    color: rgba(255, 255, 255, 0.8);
    font-size: 17px;
    text-shadow: 2px 2px 3px #333333;
    margin-top: 10px;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
    display: block;
    font-size: 12px;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-body {
    padding: 15px;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #dddddd;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-body:before,
.navbar-nav > .user-menu > .dropdown-menu > li.user-body:after {
    display: table;
    content: " ";
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-body:after {
    clear: both;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-body > div > a {
    color: #0073b7;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-footer {
    background-color: #f9f9f9;
    padding: 10px;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-footer:before,
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer:after {
    display: table;
    content: " ";
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-footer:after {
    clear: both;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-footer .btn-default {
    color: #666666;
}


/* Add fade animation to dropdown menus */

.open > .dropdown-menu {
    animation-name: fadeAnimation;
    animation-duration: .7s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    -webkit-animation-name: fadeAnimation;
    -webkit-animation-duration: .7s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: fadeAnimation;
    -moz-animation-duration: .7s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: forwards;
}

@keyframes fadeAnimation {
    from {
        opacity: 0;
        top: 120%;
    }
    to {
        opacity: 1;
        top: 100%;
    }
}

@-webkit-keyframes fadeAnimation {
    from {
        opacity: 0;
        top: 120%;
    }
    to {
        opacity: 1;
        top: 100%;
    }
}


/* Fix dropdown menu for small screens to display correctly on small screens */

@media screen and (max-width: 767px) {
    .navbar-nav > .notifications-menu > .dropdown-menu,
    .navbar-nav > .user-menu > .dropdown-menu,
    .navbar-nav > .tasks-menu > .dropdown-menu,
    .navbar-nav > .messages-menu > .dropdown-menu {
        position: absolute;
        top: 100%;
        right: 0;
        left: auto;
        border-right: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
        border-left: 1px solid #dddddd;
        background: #ffffff;
    }
}


/* Fix menu positions on xs screens to appear correctly and fully */

@media screen and (max-width: 480px) {
    .navbar-nav > .notifications-menu > .dropdown-menu > li.header,
    .navbar-nav > .tasks-menu > .dropdown-menu > li.header,
    .navbar-nav > .messages-menu > .dropdown-menu > li.header {
        /* Remove arrow from the top */
    }
    .navbar-nav > .notifications-menu > .dropdown-menu > li.header:after,
    .navbar-nav > .tasks-menu > .dropdown-menu > li.header:after,
    .navbar-nav > .messages-menu > .dropdown-menu > li.header:after {
        border-width: 0px!important;
    }
    .navbar-nav > .tasks-menu > .dropdown-menu {
        position: absolute;
        right: -120px;
        left: auto;
    }
    .navbar-nav > .notifications-menu > .dropdown-menu {
        position: absolute;
        right: -170px;
        left: auto;
    }
    .navbar-nav > .messages-menu > .dropdown-menu {
        position: absolute;
        right: -210px;
        left: auto;
    }
}


/*
   All form elements including input, select, textarea etc.
-----------------------------------------------------------------
*/

.form-control {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    box-shadow: none;
}

.form-control:focus {
    border-color: #3c8dbc !important;
    box-shadow: none;
}

.form-group.has-success label {
    color: #00a65a;
}

.form-group.has-success .form-control {
    border-color: #00a65a !important;
    box-shadow: none;
}

.form-group.has-warning label {
    color: #f39c12;
}

.form-group.has-warning .form-control {
    border-color: #f39c12 !important;
    box-shadow: none;
}

.form-group.has-error label {
    color: #f56954;
}

.form-group.has-error .form-control {
    border-color: #f56954 !important;
    box-shadow: none;
}


/* Input group */

.input-group .input-group-addon {
    border-radius: 0;
    background-color: #f4f4f4;
}


/* button groups */

.btn-group-vertical .btn.btn-flat:first-of-type,
.btn-group-vertical .btn.btn-flat:last-of-type {
    border-radius: 0;
}

.btn-group .btn-hide-input > input {
    display: none;
}


/* Checkbox and radio inputs */

.checkbox,
.radio {
    padding-left: 0;
}


/*
    Compenent: Progress bars
--------------------------------
*/


/* size variation */

.progress.sm {
    height: 10px;
}

.progress.xs {
    height: 7px;
}


/* Vertical bars */

.progress.vertical {
    position: relative;
    width: 30px;
    height: 200px;
    display: inline-block;
    margin-right: 10px;
}

.progress.vertical > .progress-bar {
    width: 100%!important;
    position: absolute;
    bottom: 0;
}

.progress.vertical.sm {
    width: 20px;
}

.progress.vertical.xs {
    width: 10px;
}


/* Remove margins from progress bars when put in a table */

.table tr > td .progress {
    margin: 0;
}

.progress-bar-light-blue,
.progress-bar-primary {
    background-color: #3c8dbc;
}

.progress-striped .progress-bar-light-blue,
.progress-striped .progress-bar-primary {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-green,
.progress-bar-success {
    background-color: #00a65a;
}

.progress-striped .progress-bar-green,
.progress-striped .progress-bar-success {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-aqua,
.progress-bar-info {
    background-color: #00c0ef;
}

.progress-striped .progress-bar-aqua,
.progress-striped .progress-bar-info {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

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

.progress-striped .progress-bar-yellow,
.progress-striped .progress-bar-warning {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-red,
.progress-bar-danger {
    background-color: #f56954;
}

.progress-striped .progress-bar-red,
.progress-striped .progress-bar-danger {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}


/*
    Component: Small boxes
*/

.small-box {
    position: relative;
    display: block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 15px;
}

.small-box > .inner {
    padding: 10px;
}

.small-box > .small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    z-index: 10;
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.small-box > .small-box-footer:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.15);
}

.small-box h3 {
    font-size: 38px;
    font-weight: bold;
    margin: 0 0 10px 0;
    white-space: nowrap;
    padding: 0;
}

.small-box p {
    font-size: 15px;
}

.small-box p > small {
    display: block;
    color: #f9f9f9;
    font-size: 13px;
    margin-top: 5px;
}

.small-box h3,
.small-box p {
    z-index: 5px;
}

.small-box .icon {
    position: absolute;
    top: auto;
    bottom: 5px;
    right: 5px;
    z-index: 0;
    font-size: 90px;
    color: rgba(0, 0, 0, 0.15);
}

.small-box:hover {
    text-decoration: none;
    color: #f9f9f9;
}

.small-box:hover .icon {
    animation-name: tansformAnimation;
    animation-duration: .5s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    -webkit-animation-name: tansformAnimation;
    -webkit-animation-duration: .5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: tansformAnimation;
    -moz-animation-duration: .5s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: forwards;
}

@keyframes tansformAnimation {
    from {
        font-size: 90px;
    }
    to {
        font-size: 100px;
    }
}

@-webkit-keyframes tansformAnimation {
    from {
        font-size: 90px;
    }
    to {
        font-size: 100px;
    }
}

@media screen and (max-width: 480px) {
    .small-box {
        text-align: center;
    }
    .small-box .icon {
        display: none;
    }
    .small-box p {
        font-size: 12px;
    }
}


/*
    component: Boxes
-------------------------
*/

.box {
    position: relative;
    background: #ffffff;
    border-top: 2px solid #c1c1c1;
    margin-bottom: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.box.box-primary {
    border-top-color: #3c8dbc;
}

.box.box-info {
    border-top-color: #00c0ef;
}

.box.box-danger {
    border-top-color: #f56954;
}

.box.box-warning {
    border-top-color: #f39c12;
}

.box.box-success {
    border-top-color: #00a65a;
}

.box.height-control .box-body {
    max-height: 300px;
    overflow: auto;
}

.box .box-header {
    position: relative;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: 0px solid #f4f4f4;
    color: #444;
}

.box .box-header:before,
.box .box-header:after {
    display: table;
    content: " ";
}

.box .box-header:after {
    clear: both;
}

.box .box-header > .fa,
.box .box-header > .glyphicon,
.box .box-header > .ion,
.box .box-header .box-title {
    display: inline-block;
    padding: 10px 10px 10px 10px;
    margin: 0;
    font-size: 20px;
    font-weight: 400;
    float: left;
    cursor: default;
}

.box .box-header a {
    color: #444;
}

.box .box-header > .box-tools {
    padding: 5px 10px 5px 5px;
}

.box .box-body {
    padding: 10px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.box .box-body > table,
.box .box-body > .table {
    margin-bottom: 0;
}

.box .box-body.chart-responsive {
    width: 100%;
    overflow: hidden;
}

.box .box-body > .chart {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.box .box-body > .chart svg,
.box .box-body > .chart canvas {
    width: 100%!important;
}

.box .box-body .fc {
    margin-top: 5px;
}

.box .box-body .fc-header-title h2 {
    font-size: 15px;
    line-height: 1.6em;
    color: #666;
    margin-left: 10px;
}

.box .box-body .fc-header-right {
    padding-right: 10px;
}

.box .box-body .fc-header-left {
    padding-left: 10px;
}

.box .box-body .fc-widget-header {
    background: #fafafa;
    box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.02);
}

.box .box-body .fc-grid {
    width: 100%;
    border: 0;
}

.box .box-body .fc-widget-header:first-of-type,
.box .box-body .fc-widget-content:first-of-type {
    border-left: 0;
    border-right: 0;
}

.box .box-body .fc-widget-header:last-of-type,
.box .box-body .fc-widget-content:last-of-type {
    border-right: 0;
}

.box .box-body .table {
    margin-bottom: 0;
}

.box .box-body .full-width-chart {
    margin: -19px;
}

.box .box-body.no-padding .full-width-chart {
    margin: -9px;
}

.box .box-footer {
    border-top: 1px solid #f4f4f4;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
    background-color: #ffffff;
}

.box.box-solid {
    border-top: 0px;
}

.box.box-solid > .box-header {
    padding-bottom: 0px!important;
}

.box.box-solid > .box-header .btn.btn-default {
    background: transparent;
}

.box.box-solid.box-primary > .box-header {
    color: #fff;
    background: #3c8dbc;
    background-color: #3c8dbc;
}

.box.box-solid.box-primary > .box-header a {
    color: #444;
}

.box.box-solid.box-info > .box-header {
    color: #fff;
    background: #00c0ef;
    background-color: #00c0ef;
}

.box.box-solid.box-info > .box-header a {
    color: #444;
}

.box.box-solid.box-danger > .box-header {
    color: #fff;
    background: #f56954;
    background-color: #f56954;
}

.box.box-solid.box-danger > .box-header a {
    color: #444;
}

.box.box-solid.box-warning > .box-header {
    color: #fff;
    background: #f39c12;
    background-color: #f39c12;
}

.box.box-solid.box-warning > .box-header a {
    color: #444;
}

.box.box-solid.box-success > .box-header {
    color: #fff;
    background: #00a65a;
    background-color: #00a65a;
}

.box.box-solid.box-success > .box-header a {
    color: #444;
}

.box.box-solid > .box-header > .box-tools .btn {
    border: 0;
    box-shadow: none;
}

.box.box-solid.collapsed-box .box-header {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.box.box-solid[class*='bg'] > .box-header {
    color: #fff;
}

.box .box-group > .box {
    margin-bottom: 5px;
}

.box .knob-label {
    text-align: center;
    color: #333;
    font-weight: 100;
    font-size: 12px;
    margin-bottom: 0.3em;
}

.box .article-list {
    margin: 0;
    padding: 0px 0px;
    list-style: none;
}

.box .article-list > li {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 10px;
    background: #f3f4f5;
    margin-bottom: 2px;
    border-left: 2px solid #e6e7e8;
    color: #444;
}

.box .article-list > li:last-of-type {
    margin-bottom: 0;
}

.box .article-list > li.danger {
    border-left-color: #f56954;
}

.box .article-list > li.warning {
    border-left-color: #f39c12;
}

.box .article-list > li.info {
    border-left-color: #00c0ef;
}

.box .article-list > li.success {
    border-left-color: #00a65a;
}

.box .article-list > li.primary {
    border-left-color: #3c8dbc;
}

.box .article-list > li > input[type='checkbox'] {
    margin: 0 10px 0 5px;
}

.box .article-list > li .text {
    display: inline-block;
    margin-left: 5px;
    font-weight: 600;
    max-width: 68%;
}

.box .article-list > li .label {
    margin-left: 10px;
    font-size: 9px;
}

.box .article-list > li .tools {
    /* display: none; */
    float: right;
    /* color: #f56954; */
}

.box .article-list > li .tools > .fa,
.box .article-list > li .tools > .glyphicon,
.box .article-list > li .tools > .ion {
    margin-right: 5px;
    cursor: pointer;
}

.box .article-list > li:hover .tools {
    display: inline-block;
}

.box .article-list > li.done {
    color: #999;
}

.box .article-list > li.done .text {
    text-decoration: line-through;
    font-weight: 500;
}

.box .article-list > li.done .label {
    background: #eaeaec !important;
}

.box .article-list .handle {
    display: inline-block;
    cursor: move;
    margin: 0 5px;
}

.box .chat {
    padding: 5px 20px 5px 10px;
}

.box .chat .item {
    margin-bottom: 10px;
}

.box .chat .item:before,
.box .chat .item:after {
    display: table;
    content: " ";
}

.box .chat .item:after {
    clear: both;
}

.box .chat .item > img {
    width: 40px;
    height: 40px;
    border: 2px solid transparent;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.box .chat .item > img.online {
    border: 2px solid #00a65a;
}

.box .chat .item > img.offline {
    border: 2px solid #f56954;
}

.box .chat .item > .message {
    margin-left: 55px;
    margin-top: -40px;
}

.box .chat .item > .message > .name {
    display: block;
    font-weight: 600;
}

.box .chat .item > .attachment {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #f0f0f0;
    margin-left: 65px;
    margin-right: 15px;
    padding: 10px;
}

.box .chat .item > .attachment > h4 {
    margin: 0 0 5px 0;
    font-weight: 600;
    font-size: 14px;
}

.box .chat .item > .attachment > p,
.box .chat .item > .attachment > .filename {
    font-weight: 600;
    font-size: 13px;
    font-style: italic;
    margin: 0;
}

.box .chat .item > .attachment:before,
.box .chat .item > .attachment:after {
    display: table;
    content: " ";
}

.box .chat .item > .attachment:after {
    clear: both;
}

.box > .overlay,
.box > .loading-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.box > .overlay {
    z-index: 1010;
    background: rgba(255, 255, 255, 0.7);
}

.box > .overlay.dark {
    background: rgba(0, 0, 0, 0.5);
}

.box > .loading-img {
    z-index: 1020;
    background: transparent url('../img/ajax-loader1.gif') 50% 50% no-repeat;
}


/*
Component: timeline
--------------------
*/

.timeline {
    position: relative;
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}

.timeline:before {
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0;
    width: 5px;
    background: #ddd;
    left: 30px;
    border: 1px solid #eee;
    margin: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.timeline > li {
    position: relative;
    margin-right: 10px;
    margin-bottom: 15px;
}

.timeline > li:before,
.timeline > li:after {
    display: table;
    content: " ";
}

.timeline > li:after {
    clear: both;
}

.timeline > li > .timeline-item {
    margin-top: 10px;
    border: 0px solid #dfdfdf;
    background: #fff;
    color: #555;
    margin-left: 60px;
    margin-right: 15px;
    padding: 5px;
    position: relative;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.timeline > li > .timeline-item > .time {
    color: #999;
    float: right;
    margin: 2px 0 0 0;
}

.timeline > li > .timeline-item > .timeline-header {
    margin: 0;
    color: #555;
    border-bottom: 1px solid #f4f4f4;
    padding: 5px;
    font-size: 16px;
    line-height: 1.1;
}

.timeline > li > .timeline-item > .timeline-header > a {
    font-weight: 600;
}

.timeline > li > .timeline-item > .timeline-body,
.timeline > li > .timeline-item > .timeline-footer {
    padding: 10px;
}

.timeline > li.time-label > span {
    font-weight: 600;
    padding: 5px;
    display: inline-block;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.timeline > li > .fa,
.timeline > li > .glyphicon,
.timeline > li > .ion {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    color: #666;
    background: #eee;
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0;
}


/*
    Component: Buttons
-------------------------
*/

.btn {
    font-weight: 500;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid transparent;
    -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
    box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);
}

select.btn {
    border: 1px solid #CCCCCC;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn.btn-default {
    background-color: #fafafa;
    color: #666;
    border-color: #ddd;
    border-bottom-color: #ddd;
}

.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default.hover {
    background-color: #E8E8E8;
    border-color: #ddd;
    color: #fff;
}

.btn.btn-default.btn-flat {
    border-bottom-color: #d9dadc;
}

.btn.btn-primary {
    background-color: #3c8dbc;
    border-color: #367fa9;
}

.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary.hover {
    background-color: #367fa9;
}

.btn.btn-success {
    background-color: #00a65a;
    border-color: #008d4c;
}

.btn.btn-success:hover,
.btn.btn-success:active,
.btn.btn-success.hover {
    background-color: #008d4c;
}

.btn.btn-info {
    background-color: #00c0ef;
    border-color: #00acd6;
}

.btn.btn-info:hover,
.btn.btn-info:active,
.btn.btn-info.hover {
    background-color: #00acd6;
}

.btn.btn-danger {
    background-color: #f56954;
    border-color: #f4543c;
}

.btn.btn-danger:hover,
.btn.btn-danger:active,
.btn.btn-danger.hover {
    background-color: #f4543c;
}

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

.btn.btn-warning:hover,
.btn.btn-warning:active,
.btn.btn-warning.hover {
    background-color: #e08e0b;
}

.btn.btn-flat {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-width: 1px;
}

.btn:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn:focus {
    outline: none;
}

.btn.btn-file {
    position: relative;
    width: 120px;
    height: 35px;
    overflow: hidden;
}

.btn.btn-file > input[type='file'] {
    display: block !important;
    width: 100% !important;
    height: 35px !important;
    opacity: 0 !important;
    position: absolute;
    top: -10px;
    cursor: pointer;
}

.btn.btn-app {
    position: relative;
    padding: 15px 5px;
    margin: 0 0 10px 10px;
    min-width: 80px;
    height: 60px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    background-color: #fafafa;
    font-size: 12px;
}

.btn.btn-app > .fa,
.btn.btn-app > .glyphicon,
.btn.btn-app > .ion {
    font-size: 20px;
    display: block;
}

.btn.btn-app:hover {
    background: #f4f4f4;
    color: #444;
    border-color: #aaa;
}

.btn.btn-app:active,
.btn.btn-app:focus {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.btn-app > .badge {
    position: absolute;
    top: -3px;
    right: -10px;
    font-size: 10px;
    font-weight: 400;
}

.btn.btn-social-old {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    opacity: 0.9;
    padding: 0;
}

.btn.btn-social-old > .fa {
    padding: 10px 0;
    width: 40px;
}

.btn.btn-social-old > .fa + span {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.btn.btn-social-old span {
    padding: 10px;
}

.btn.btn-social-old:hover {
    opacity: 1;
}

.btn.btn-circle {
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}


/*
    Component: callout
------------------------
*/

.callout {
    margin: 0 0 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
}

.callout h4 {
    margin-top: 0;
}

.callout p:last-child {
    margin-bottom: 0;
}

.callout code,
.callout .highlight {
    background-color: #fff;
}

.callout.callout-danger {
    background-color: #fcf2f2;
    border-color: #dFb5b4;
}

.callout.callout-warning {
    background-color: #fefbed;
    border-color: #f1e7bc;
}

.callout.callout-info {
    background-color: #f0f7fd;
    border-color: #d0e3f0;
}

.callout.callout-danger h4 {
    color: #B94A48;
}

.callout.callout-warning h4 {
    color: #C09853;
}

.callout.callout-info h4 {
    color: #3A87AD;
}


/*
    Component: alert
------------------------
*/

.alert {
    padding-left: 30px;
    margin-left: 15px;
    position: relative;
}

.alert > .fa,
.alert > .glyphicon {
    position: absolute;
    left: -15px;
    top: -15px;
    width: 35px;
    height: 35px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    background: inherit;
    border: inherit;
}


/*
    Component: Navs
*/


/* NAV PILLS */

.nav.nav-pills > li > a {
    border-top: 3px solid transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #444;
}

.nav.nav-pills > li > a > .fa,
.nav.nav-pills > li > a > .glyphicon,
.nav.nav-pills > li > a > .ion {
    margin-right: 5px;
}

.nav.nav-pills > li.active > a,
.nav.nav-pills > li.active > a:hover {
    background-color: #f6f6f6;
    border-top-color: #3c8dbc;
    color: #444;
}

.nav.nav-pills > li.active > a {
    font-weight: 600;
}

.nav.nav-pills > li > a:hover {
    background-color: #f6f6f6;
}

.nav.nav-pills.nav-stacked > li > a {
    border-top: 0;
    border-left: 3px solid transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #444;
}

.nav.nav-pills.nav-stacked > li.active > a,
.nav.nav-pills.nav-stacked > li.active > a:hover {
    background-color: #f6f6f6;
    border-left-color: #3c8dbc;
    color: #444;
}

.nav.nav-pills.nav-stacked > li.header {
    border-bottom: 1px solid #ddd;
    color: #777;
    margin-bottom: 10px;
    padding: 5px 10px;
    text-transform: uppercase;
}


/* NAV TABS */

.nav-tabs-custom {
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.nav-tabs-custom > .nav-tabs {
    margin: 0;
    border-bottom-color: #f4f4f4;
}

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

.nav-tabs-custom > .nav-tabs > li > a {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.nav-tabs-custom > .nav-tabs > li > a,
.nav-tabs-custom > .nav-tabs > li > a:hover {
    background: transparent;
    margin: 0;
}

.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
    border-color: transparent;
}

.nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #3c8dbc;
}

.nav-tabs-custom > .nav-tabs > li.active > a,
.nav-tabs-custom > .nav-tabs > li.active:hover > a,
.nav-tabs-custom.article-details > .nav-tabs > li.active > a,
.nav-tabs-custom.article-details > .nav-tabs > li.active:hover > a {
    background-color: #EBEBEB;
}

.nav-tabs-custom > .nav-tabs > li.active > a {
    border-top: 0;
    border-left-color: #f4f4f4;
    border-right-color: #f4f4f4;
}

.nav-tabs-custom > .nav-tabs > li:first-of-type {
    margin-left: 0px;
}

.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
    border-left-width: 0;
}

.nav-tabs-custom > .nav-tabs.pull-right {
    float: none!important;
}

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

.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
    margin-right: 0px;
}

.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
    border-left-width: 1px;
    border-right-width: 0px;
}

.nav-tabs-custom > .nav-tabs > li.header {
    font-weight: 400;
    line-height: 35px;
    padding: 0 10px;
    font-size: 20px;
    color: #444;
    cursor: default;
}

.nav-tabs-custom > .nav-tabs > li.header > .fa,
.nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
.nav-tabs-custom > .nav-tabs > li.header > .ion {
    margin-right: 10px;
}

.nav-tabs-custom > .tab-content,
.nav-tabs-custom.article-details > .tab-content {
    background: #EBEBEB;
    padding: 10px;
    margin-top: 0px !important;
}


/* Dairy White */

.nav-tabs-custom.article-details .col-attr-id-1166,
.nav-tabs-custom.article-details .col-attr-id-1168 {
    padding-left: 25px;
}


/* Dairy Yellow */

.nav-tabs-custom.article-details .col-attr-id-1166,
.nav-tabs-custom.article-details .col-attr-id-1168 {
    padding-left: 25px;
}


/* Veggie */

.nav-tabs-custom.article-details .col-attr-id-420,
.nav-tabs-custom.article-details .col-attr-id-418 {
    padding-left: 25px;
}


/* Meat */

.nav-tabs-custom.article-details .col-attr-id-19,
.nav-tabs-custom.article-details .col-attr-id-21 {
    padding-left: 25px;
}


/* Nav tabs bottom */

.tabs-bottom.nav-3 li a {
    width: 3333.33333333% !important;
}

.tabs-bottom li a {
    border: 0;
}


/* PAGINATION */

.pagination > li > a {
    background: #fafafa;
    color: #666;
    -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
    box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);
}

.pagination > li:first-of-type a,
.pagination > li:last-of-type a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}


/*
    Component: Mailbox
*/

.mailbox .table-mailbox {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.mailbox .table-mailbox tr.unread > td {
    background-color: rgba(0, 0, 0, 0.05);
    color: #000;
    font-weight: 600;
}

.mailbox .table-mailbox tr > td > .fa.fa-star,
.mailbox .table-mailbox tr > td > .fa.fa-star-o,
.mailbox .table-mailbox tr > td > .glyphicon.glyphicon-star,
.mailbox .table-mailbox tr > td > .glyphicon.glyphicon-star-empty {
    color: #f39c12;
    cursor: pointer;
}

.mailbox .table-mailbox tr > td.small-col {
    width: 30px;
}

.mailbox .table-mailbox tr > td.name {
    width: 150px;
    font-weight: 600;
}

.mailbox .table-mailbox tr > td.time {
    text-align: right;
    width: 100px;
}

.mailbox .table-mailbox tr > td {
    white-space: nowrap;
}

.mailbox .table-mailbox tr > td > a {
    color: #444;
}

@media screen and (max-width: 767px) {
    .mailbox .nav-stacked > li:not(.header) {
        float: left;
        width: 50%;
    }
    .mailbox .nav-stacked > li:not(.header).header {
        border: 0!important;
    }
    .mailbox .search-form {
        margin-top: 10px;
    }
    table.checkliste > tbody > tr > td:first-child {
        padding-left: 5px !important;
    }
}


/*
    Page: locked screen
*/


/* ADD THIS CLASS TO THE <HTML> TAG */

.lockscreen {
    background: url(../img/blur-background09.jpg) repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/* Remove the background from the body element */

.lockscreen > body {
    background: transparent;
}


/* We will put the dynamically generated digital clock here */

.lockscreen .headline {
    color: #fff;
    text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5);
    font-weight: 300;
    -webkit-font-smoothing: antialiased !important;
    opacity: 0.8;
    margin: 10px 0 30px 0;
    font-size: 90px;
}

@media screen and (max-width: 480px) {
    .lockscreen .headline {
        font-size: 60px;
        margin-bottom: 40px;
    }
}


/* User name [optional] */

.lockscreen .lockscreen-name {
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}


/* Will contain the image and the sign in form */

.lockscreen-item {
    padding: 0;
    background: #fff;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 10px auto;
    width: 290px;
}

.lockscreen-item:before,
.lockscreen-item:after {
    display: table;
    content: " ";
}

.lockscreen-item:after {
    clear: both;
}


/* User image */

.lockscreen-item > .lockscreen-image {
    position: absolute;
    left: -10px;
    top: -30px;
    background: #fff;
    padding: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 10;
}

.lockscreen-item > .lockscreen-image > img {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}


/* Contains the password input and the login button */

.lockscreen-item > .lockscreen-credentials {
    margin-left: 80px;
}

.lockscreen-item > .lockscreen-credentials input {
    border: 0 !important;
}

.lockscreen-item > .lockscreen-credentials .btn {
    background-color: #fff;
    border: 0;
}


/* Extra to give the user an option to navigate the website [optional]*/

.lockscreen-link {
    margin-top: 30px;
    text-align: center;
}


/*
    Page: register and login
*/

.form-box {
    width: 360px;
    margin: 90px auto 0 auto;
}

.form-box .header {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: #48494B;
    box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.2);
    padding: 20px 10px;
    text-align: center;
    font-size: 26px;
    font-weight: 300;
    color: #fff;
}

.form-box .body,
.form-box .footer {
    padding: 10px 20px;
    background: #f4f4f4;
    color: #444;
}

.form-box .body > .form-group,
.form-box .footer > .form-group {
    margin-top: 20px;
}

.form-box .body > .form-group > input,
.form-box .footer > .form-group > input {
    border: #fff;
}

.form-box .body > .btn,
.form-box .footer > .btn {
    margin-bottom: 10px;
}

.form-box .footer {
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

@media (max-width: 767px) {
    .form-box {
        width: 90%;
    }
}


/*
    Page: 404 and 500 error pages
------------------------------------
*/

.error-page {
    width: 600px;
    margin: 20px auto 0 auto;
}

@media screen and (max-width: 767px) {
    .error-page {
        width: 100%;
    }
}

.error-page > .headline {
    float: left;
    font-size: 80px;
    font-weight: 300;
    margin: 0px;
    padding: 0px;
}

@media screen and (max-width: 767px) {
    .error-page > .headline {
        float: none;
        text-align: center;
    }
}

.error-page > .error-content {
    margin-left: 190px;
    display: block;
}

@media screen and (max-width: 767px) {
    .error-page > .error-content {
        margin-left: 0;
    }
}

.error-page > .error-content > h3 {
    font-weight: 300;
    font-size: 25px;
}

@media screen and (max-width: 767px) {
    .error-page > .error-content > h3 {
        text-align: center;
    }
}

.error-page:before,
.error-page:after {
    display: table;
    content: " ";
}

.error-page:after {
    clear: both;
}


/*
    Page: Invoice
*/

.invoice {
    position: relative;
    width: 90%;
    margin: 10px auto;
    background: #fff;
    border: 1px solid #f4f4f4;
}

.invoice-title {
    margin-top: 0;
}


.tdchecklist {
    font-size: 16px;
    font-weight: 400;
}

/* Enhancement for printing */

@media print {
    .invoice {
        width: 100%;
        border: 0;
        margin: 0;
        padding: 0;
    }
    .invoice-col {
        float: left;
        width: 33.3333333%;
    }
    .table-responsive {
        overflow: auto;
    }
    .table-responsive > .table tr th,
    .table-responsive > .table tr td {
        white-space: normal!important;
    }

    #chkInfo {
        display:none;
    }

    .box {
        position: relative;
        background: initial;
        border-top: initial;
        margin-bottom: initial;
        -webkit-border-radius: initial;
        -moz-border-radius: initial;
        border-radius: initial;
        width: 100%;
        box-shadow: initial;
    }

    #chkContainer, .main-panel {
        float: left;
        margin: 0;
        padding: 0;
    }

    .fa-star.rating:before {
        color: #ffd700!important;
        -webkit-text-stroke-width: 1.5px;
        -webkit-text-stroke-color: black;
    }

    .fa-star:before {
        content: "\f005";
    }

    #datatables.checkliste {
        width: auto!important;
        overflow: hidden;
        float: left;
    }

    #datatables.checkliste th {
        width: fit-content!important;
    }

    #datatables.checkliste td:not([tdlg]){
        text-align: center;
        white-space: break-spaces;
        border-right: 1px solid gainsboro;
    }

    #datatables.checkliste td:first-child,td.tdmd {
        border-left: 1px solid gainsboro;
    }

    #datatables.checkliste td.tdlg{
        white-space: normal;
        max-width: 255px!important;
        text-align: left;
    }



    .tdsm {
        max-width: 30px!important;
        white-space: normal!important;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 5px!important;
    }

    .tdmd {
        white-space: normal;
        max-width: 205px!important;
        overflow: hidden;
        padding: 8px 3px!important;
    }

    .tdlg {
        max-width: 255px!important;
    }

    .imgtd {
        max-width: 100px!important;
    }

    .checkliste .fresh {
        color: #37e71c !important;
    }

    .checkliste .old {
        color: black !important;
    }

    .checkliste .rotten {
        color: #e33222!important;
    }

    /*    .fresh,.old,.rotten {
            font-weight: bold;
        }*/

    .checkliste .notfound {
        background-color: rgba(255, 193, 203, 0.33) !important;
    }

    .checkliste .inactive {
        background-color: rgba(150, 150, 150, 0.59) !important;
    }

    tr.dtrg-group {
        line-height: normal;
    }

    .dtrg-group td {
        text-align: left!important;
        color: white;
        letter-spacing: 5px;
        font-style: italic;
        padding-left: 15px!important;
        background-image: linear-gradient(114deg, rgba(51,51,51,1) 33%, rgba(204,204,204,0.927608543417367) 100%)!important;
    }

    .dtrg-level-1 td {
        background-image: linear-gradient(114deg, rgba(119,119,119,1) 33%, rgba(204,204,204,1) 100%)!important;
    }
    span.ean {
        float: right;
        color: black!important;
    }
}

.tdlg pre {
    float: right;
}

/*
    Skins
    -----
*/


/*
    Skin Blue
    ---------
*/


/* skin-blue navbar */

.skin-blue .navbar {
    background-color: #3c8dbc;
}

.skin-blue .navbar .nav a {
    color: rgba(255, 255, 255, 0.8);
}

.skin-blue .navbar .nav > li > a:hover,
.skin-blue .navbar .nav > li > a:active,
.skin-blue .navbar .nav > li > a:focus,
.skin-blue .navbar .nav .open > a,
.skin-blue .navbar .nav .open > a:hover,
.skin-blue .navbar .nav .open > a:focus {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
}

.skin-blue .navbar .navbar-right > .nav {
    margin-right: 10px;
}

.skin-blue .navbar .sidebar-toggle .icon-bar {
    background: rgba(255, 255, 255, 0.8);
}

.skin-blue .navbar .sidebar-toggle:hover .icon-bar {
    background: #f6f6f6 !important;
}


/* skin-blue logo */

.skin-blue .logo {
    background-color: #367fa9;
    color: #f9f9f9;
}

.skin-blue .logo > a {
    color: #f9f9f9;
}

.skin-blue .logo:hover {
    background: #357ca5;
}


/* skin-blue content header */

.skin-blue .right-side > .content-header {
    background: #fbfbfb;
    /*box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);*/
}


/* Skin-blue user panel */

.skin-blue .user-panel > .image > img {
    border: 1px solid #dfdfdf;
}

.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a {
    color: #555555;
}


/* skin-blue sidebar */

.skin-blue .sidebar {
    border-bottom: 1px solid #fff;
}

.skin-blue .sidebar > .sidebar-menu > li {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #dbdbdb;
}

.skin-blue .sidebar > .sidebar-menu > li:first-of-type {
    border-top: 1px solid #dbdbdb;
}

.skin-blue .sidebar > .sidebar-menu > li:first-of-type > a {
    border-top: 1px solid #fff;
}

.skin-blue .sidebar > .sidebar-menu > li > a {
    margin-right: 1px;
}

.skin-blue .sidebar > .sidebar-menu > li > a:hover,
.skin-blue .sidebar > .sidebar-menu > li.active > a {
    color: #222;
    background: #f9f9f9;
}

.skin-blue .sidebar > .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #f9f9f9;
}

.skin-blue .left-side {
    background: #f4f4f4;
    -webkit-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);
    box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.07);
}

.skin-blue .sidebar a {
    color: #555555;
}

.skin-blue .sidebar a:hover {
    text-decoration: none;
}

.skin-blue .treeview-menu > li > a {
    color: #777;
}

.skin-blue .treeview-menu > li.active > a,
.skin-blue .treeview-menu > li > a:hover {
    color: #111;
}

.skin-blue .sidebar-form {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #dbdbdb;
    margin: 10px 10px;
}

.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
    box-shadow: none;
    background-color: #fafafa;
    border: 1px solid #fafafa;
    height: 35px;
}

.skin-blue .sidebar-form input[type="text"] {
    color: #666;
    -webkit-border-top-left-radius: 2px !important;
    -webkit-border-top-right-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -webkit-border-bottom-left-radius: 2px !important;
    -moz-border-radius-topleft: 2px !important;
    -moz-border-radius-topright: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    -moz-border-radius-bottomleft: 2px !important;
    border-top-left-radius: 2px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 2px !important;
}

.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #fff;
    color: #666;
}

.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff;
}

.skin-blue .sidebar-form .btn {
    color: #999;
    -webkit-border-top-left-radius: 0 !important;
    -webkit-border-top-right-radius: 2px !important;
    -webkit-border-bottom-right-radius: 2px !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-topleft: 0 !important;
    -moz-border-radius-topright: 2px !important;
    -moz-border-radius-bottomright: 2px !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 0 !important;
}


/*
    Skin Black
    --------
*/


/* skin-black navbar */

.skin-black .navbar {
    background-color: #ffffff;
    border-bottom: 1px solid #eee;
}

.skin-black .navbar .nav a {
    color: #333333;
}

.skin-black .navbar .nav > li > a:hover,
.skin-black .navbar .nav > li > a:active,
.skin-black .navbar .nav > li > a:focus,
.skin-black .navbar .nav .open > a,
.skin-black .navbar .nav .open > a:hover,
.skin-black .navbar .nav .open > a:focus {
    background: #ffffff;
    color: #999999;
}

.skin-black .navbar .navbar-right > .nav {
    margin-right: 10px;
}

.skin-black .navbar .sidebar-toggle .icon-bar {
    background: #333333;
}

.skin-black .navbar .sidebar-toggle:hover .icon-bar {
    background: #999999 !important;
}


/* skin-black logo */

.skin-black .logo {
    background-color: #333333;
    color: #f9f9f9;
}

.skin-black .logo > a {
    color: #f9f9f9;
}

.skin-black .logo:hover {
    background: #303030;
}


/* skin-black content header */

.skin-black .right-side > .content-header {
    background: #fbfbfb;
    box-shadow: none;
}


/* Skin-red user panel */

.skin-black .user-panel > .image > img {
    border: 1px solid #444;
}

.skin-black .user-panel > .info,
.skin-black .user-panel > .info > a {
    color: #eee;
}


/* skin-black sidebar */

.skin-black .sidebar {
    border-bottom: 1px solid #333;
}

.skin-black .sidebar > .sidebar-menu > li {
    border-top: 1px solid #333;
    border-bottom: 0px solid #444;
}

.skin-black .sidebar > .sidebar-menu > li:first-of-type {
    border-top: 1px solid #444;
}

.skin-black .sidebar > .sidebar-menu > li:first-of-type > a {
    border-top: 0px solid #333;
}

.skin-black .sidebar > .sidebar-menu > li > a {
    margin-right: 1px;
}

.skin-black .sidebar > .sidebar-menu > li > a:hover,
.skin-black .sidebar > .sidebar-menu > li.active > a {
    color: #f6f6f6;
    background: #444;
}

.skin-black .sidebar > .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #444;
}

.skin-black .left-side {
    background: #333;
}

.skin-black .sidebar a {
    color: #eee;
}

.skin-black .sidebar a:hover {
    text-decoration: none;
}

.skin-black .treeview-menu > li > a {
    color: #ccc;
}

.skin-black .treeview-menu > li.active > a,
.skin-black .treeview-menu > li > a:hover {
    color: #fff;
}

.skin-black .sidebar-form {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0px solid #555;
    margin: 10px 10px;
}

.skin-black .sidebar-form input[type="text"],
.skin-black .sidebar-form .btn {
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0 solid rgba(255, 255, 255, 0.1);
    height: 35px;
    outline: none;
}

.skin-black .sidebar-form input[type="text"] {
    color: #666;
    -webkit-border-top-left-radius: 2px !important;
    -webkit-border-top-right-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -webkit-border-bottom-left-radius: 2px !important;
    -moz-border-radius-topleft: 2px !important;
    -moz-border-radius-topright: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    -moz-border-radius-bottomleft: 2px !important;
    border-top-left-radius: 2px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 2px !important;
}

.skin-black .sidebar-form input[type="text"]:focus,
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #444;
    border: 0;
}

.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left: 0;
}

.skin-black .sidebar-form .btn {
    color: #999;
    -webkit-border-top-left-radius: 0 !important;
    -webkit-border-top-right-radius: 2px !important;
    -webkit-border-bottom-right-radius: 2px !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-topleft: 0 !important;
    -moz-border-radius-topright: 2px !important;
    -moz-border-radius-bottomright: 2px !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 0 !important;
    border-left: 0;
}


/*
    Skin Argusto
    --------
*/


/* skin-argusto navbar */


.skin-argusto .navbar .nav a {
    color: #fff;
}

.skin-argusto .navbar .nav > li > a:hover,
.skin-argusto .navbar .nav > li > a:active,
.skin-argusto .navbar .nav > li > a:focus,
.skin-argusto .navbar .nav .open > a,
.skin-argusto .navbar .nav .open > a:hover,
.skin-argusto .navbar .nav .open > a:focus {
    background: #ffffff;
    color: #333;
}

.skin-argusto .navbar .navbar-right > .nav {
    margin-right: 10px;
}

.skin-argusto .navbar .sidebar-toggle .icon-bar {
    background: #fff;
}

.skin-argusto .navbar .sidebar-toggle:hover .icon-bar {
    background: #98BF0F !important;
}




/* skin-argusto content header */

.skin-argusto .right-side > .content-header {
    background: none repeat scroll 0% 0% #E6E6E6;
    /* #fbfbfb */
    box-shadow: none;
    border-bottom: 1px solid #D6D6D6;
}


/* Skin-red user panel */

.skin-argusto .user-panel > .image > img {
    border: 1px solid #444;
}

.skin-argusto .user-panel > .info,
.skin-argusto .user-panel > .info > a {
    color: #eee;
}


/* skin-argusto sidebar */

.skin-argusto .sidebar {
    border-bottom: 1px solid #333;
}

.skin-argusto .sidebar > .sidebar-menu > li {
    border-top: 1px solid #525252;
    border-bottom: 0px solid #444;
    background: #333333;
    /* Old browsers */
    background: -moz-linear-gradient(top, #333333 0%, #333333 50%, #262626 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(50%, #333333), color-stop(100%, #262626));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #333333 0%, #333333 50%, #262626 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #333333 0%, #333333 50%, #262626 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #333333 0%, #333333 50%, #262626 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #333333 0%, #333333 50%, #262626 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#262626', GradientType=0);
    /* IE6-9 */
}

.skin-argusto .sidebar > .sidebar-menu > li.active > a {
    background: #333333;
    /* Old browsers */
    background: -moz-linear-gradient(top, #333333 0%, #333333 50%, #262626 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(50%, #333333), color-stop(100%, #262626));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #333333 0%, #333333 50%, #262626 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #333333 0%, #333333 50%, #262626 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #333333 0%, #333333 50%, #262626 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #333333 0%, #333333 50%, #262626 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#262626', GradientType=0);
    /* IE6-9 */
}

.skin-argusto .sidebar > .sidebar-menu > li > a {
    border-bottom: 1px solid #1F1F1F;
}

.skin-argusto .sidebar > .sidebar-menu > li:first-of-type {
    border-top: 1px solid #444;
}

.skin-argusto .sidebar > .sidebar-menu > li:first-of-type > a {
    border-top: 0px solid #333;
}

.skin-argusto .sidebar > .sidebar-menu > li > a {
    margin-right: 1px;
}

.skin-argusto .sidebar > .sidebar-menu > li > a:hover,
.skin-argusto .sidebar > .sidebar-menu > li.active > a {
    color: #98BF0F;
    /*background: #444;*/
}

.skin-argusto .sidebar > .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #555;
}

.skin-argusto .sidebar > .sidebar-menu > li .treeview-menu {}

.skin-argusto .sidebar > .sidebar-menu > li > .treeview-menu > li {
    border-bottom: 1px solid #424242;
}

.skin-argusto .left-side {
    background: #333;
}

.skin-argusto .sidebar a {
    color: #eee;
}

.skin-argusto .sidebar a:hover {
    text-decoration: none;
}

.skin-argusto .treeview-menu > li > a {
    color: #ccc;
}

.skin-argusto .treeview-menu > li.active > a,
.skin-argusto .treeview-menu > li > a:hover {
    color: #98BF0F;
}

.skin-argusto .sidebar-form {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0px solid #555;
    margin: 10px 10px;
}

.skin-argusto .sidebar-form input[type="text"],
.skin-argusto .sidebar-form .btn {
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0 solid rgba(255, 255, 255, 0.1);
    height: 35px;
    outline: none;
}

.skin-argusto .sidebar-form input[type="text"] {
    color: #666;
    -webkit-border-top-left-radius: 2px !important;
    -webkit-border-top-right-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -webkit-border-bottom-left-radius: 2px !important;
    -moz-border-radius-topleft: 2px !important;
    -moz-border-radius-topright: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    -moz-border-radius-bottomleft: 2px !important;
    border-top-left-radius: 2px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 2px !important;
}

.skin-argusto .sidebar-form input[type="text"]:focus,
.skin-argusto .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #444;
    border: 0;
}

.skin-argusto .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left: 0;
}

.skin-argusto .sidebar-form .btn {
    color: #999;
    -webkit-border-top-left-radius: 0 !important;
    -webkit-border-top-right-radius: 2px !important;
    -webkit-border-bottom-right-radius: 2px !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-topleft: 0 !important;
    -moz-border-radius-topright: 2px !important;
    -moz-border-radius-bottomright: 2px !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 0 !important;
    border-left: 0;
}

/*.skin-argusto .btn-entersektion {
    margin-top: 0px;
    float: right;
    background-color: #9FC62D;
    color: #FFF;
    border-radius: 50%;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
}*/

.skin-argusto .btn-primary {
    color: var(--primaryCustomText);
    background-color: var(--primaryCustom);
    border-color: var(--primaryCustomBorder);
}

.skin-argusto .btn-primary:hover {
    color: #FFF;
    background-color: var(--primaryCustomHover);
    border-color: var(--primaryCustomBorder);
}

.skin-argusto .btn-default {
    color: #666;
    background-color: #fafafa;
    border-color: #ddd;
}

.skin-argusto .btn-default:hover {
    color: #666;
    background-color: #E8E8E8;
    border-color: #ddd;
}

.skin-argusto .input-group .btn-default {
    color: #666;
    background-color: #fafafa;
    border-color: #ddd;
}

.skin-argusto .input-group .btn-default:hover {
    color: #666;
    background-color: #E8E8E8 border-color: #ddd;
}

.skin-argusto #search-form input[type="submit"] {
    color: #FFF;
    background-color: #9FC62D;
    border-color: #8DAE28;
}

.skin-argusto #search-form input[type="submit"]:hover {
    color: #FFF;
    background-color: #8DAE28;
    border-color: #7A9522;
}

.skin-argusto .pagination > .active > a,
.skin-argusto .pagination > .active > span,
.skin-argusto .pagination > .active > a:hover,
.skin-argusto .pagination > .active > span:hover,
.skin-argusto .pagination > .active > a:focus,
.skin-argusto .pagination > .active > span:focus {
    z-index: 2;
    color: #FFF;
    cursor: default;
    background-color: #9FC62D;
    border-color: #8DAE28;
}

.skin-argusto .box.box-primary {
    border-top-color: var(--primaryCustom);
}

.skin-argusto .box.box-info {
    border-top-color: #E5F8A9;
}

/*
    Skin Argusto
    --------
*/


/* skin-tma navbar */

.skin-tma > .header .navbar .sidebar-toggle {
    float: left;
    padding: 9px 5px;
    margin: 43px 0 43px 5px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.skin-tma .navbar-right .navbar-nav li > a.dropdown-toggle
{
    height: 120px;
    line-height: 120px;
}

.skin-tma .navbar {
    background-color: #007BC2;
    border-bottom: 1px solid #1697DD;
}

.skin-tma .navbar .nav a {
    color: #fff;
}

.skin-tma .navbar .nav > li > a:hover,
.skin-tma .navbar .nav > li > a:active,
.skin-tma .navbar .nav > li > a:focus,
.skin-tma .navbar .nav .open > a,
.skin-tma .navbar .nav .open > a:hover,
.skin-tma .navbar .nav .open > a:focus {
    background: #ffffff;
    color: #333;
}

.skin-tma .navbar .navbar-right > .nav {
    margin-right: 10px;
}

.skin-tma .navbar .sidebar-toggle .icon-bar {
    background: #fff;
}

.skin-tma .navbar .sidebar-toggle:hover .icon-bar {
    background: #222222 !important;
}


/* skin-tma logo */

.skin-tma .logo {
    background-color: #007BC2;
    color: #f9f9f9;
    border-bottom: 1px solid #1697DD;
}

.skin-tma .logo > a {
    color: #f9f9f9;
}

.skin-tma .logo:hover {
    background: #007BC2;
}


/* skin-tma content header */

.skin-tma .right-side > .content-header {
    background: none repeat scroll 0% 0% #E6E6E6;
    /* #fbfbfb */
    box-shadow: none;
    border-bottom: 1px solid #D6D6D6;
}


/* Skin-red user panel */

.skin-tma .user-panel > .image > img {
    border: 1px solid #444;
}

.skin-tma .user-panel > .info,
.skin-tma .user-panel > .info > a {
    color: #eee;
}


/* skin-tma sidebar */

.skin-tma .sidebar {
    border-bottom: 1px solid #333;
}

.skin-tma .sidebar > .sidebar-menu > li {
    border-top: 1px solid #007BC2;
    border-bottom: 0px solid #007BC2;
    background: #007BC2;
    /* Old browsers */
    background: -moz-linear-gradient(top, #007BC2 0%, #007BC2 50%, #1697DD 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007BC2), color-stop(50%, #007BC2), color-stop(100%, #1697DD));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #007BC2 0%, #007BC2 50%, #1697DD 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #007BC2 0%, #007BC2 50%, #1697DD 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #007BC2 0%, #007BC2 50%, #1697DD 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #007BC2 0%, #007BC2 50%, #1697DD 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#007BC2', endColorstr='#1697DD', GradientType=0);
    /* IE6-9 */
}

.skin-tma .sidebar > .sidebar-menu > li.active > a {
    background: #007BC2;
    /* Old browsers */
    background: -moz-linear-gradient(top, #007BC2 0%, #007BC2 50%, #1697DD 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007BC2), color-stop(50%, #007BC2), color-stop(100%, #1697DD));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #007BC2 0%, #007BC2 50%, #1697DD 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #007BC2 0%, #007BC2 50%, #1697DD 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #007BC2 0%, #007BC2 50%, #1697DD 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #007BC2 0%, #007BC2 50%, #1697DD 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#007BC2', endColorstr='#1697DD', GradientType=0);
    /* IE6-9 */
}

.skin-tma .sidebar > .sidebar-menu > li > a {
    border-bottom: 1px solid #1F1F1F;
}

.skin-tma .sidebar > .sidebar-menu > li:first-of-type {
    border-top: 1px solid #1F1F1F;
}

.skin-tma .sidebar > .sidebar-menu > li:first-of-type > a {
    border-top: 0px solid #007BC2;
}

.skin-tma .sidebar > .sidebar-menu > li > a {
    margin-right: 1px;
}

.skin-tma .sidebar > .sidebar-menu > li > a:hover,
.skin-tma .sidebar > .sidebar-menu > li.active > a {
    color: #222222;
    /*background: #444;*/
}

.skin-tma .sidebar > .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #1697DD;
}

.skin-tma .sidebar > .sidebar-menu > li .treeview-menu {}

.skin-tma .sidebar > .sidebar-menu > li > .treeview-menu > li {
    border-bottom: 1px solid #424242;
}

.skin-tma .left-side {
    background: #007BC2;
}

.skin-tma .sidebar a {
    color: #eee;
}

.skin-tma .sidebar a:hover {
    text-decoration: none;
}

.skin-tma .treeview-menu > li > a {
    color: #ffffff;
}

.skin-tma .treeview-menu > li.active > a,
.skin-tma .treeview-menu > li > a:hover {
    color: #222222;
}

.skin-tma .sidebar-form {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0px solid #555;
    margin: 10px 10px;
}

.skin-tma .sidebar-form input[type="text"],
.skin-tma .sidebar-form .btn {
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0 solid rgba(255, 255, 255, 0.1);
    height: 35px;
    outline: none;
}

.skin-tma .sidebar-form input[type="text"] {
    color: #666;
    -webkit-border-top-left-radius: 2px !important;
    -webkit-border-top-right-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -webkit-border-bottom-left-radius: 2px !important;
    -moz-border-radius-topleft: 2px !important;
    -moz-border-radius-topright: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    -moz-border-radius-bottomleft: 2px !important;
    border-top-left-radius: 2px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 2px !important;
}

.skin-tma .sidebar-form input[type="text"]:focus,
.skin-tma .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #444;
    border: 0;
}

.skin-tma .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left: 0;
}

.skin-tma .sidebar-form .btn {
    color: #999;
    -webkit-border-top-left-radius: 0 !important;
    -webkit-border-top-right-radius: 2px !important;
    -webkit-border-bottom-right-radius: 2px !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-topleft: 0 !important;
    -moz-border-radius-topright: 2px !important;
    -moz-border-radius-bottomright: 2px !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 0 !important;
    border-left: 0;
}

/*.skin-tma .btn-entersektion {
    margin-top: 0px;
    float: right;
    background-color: #007BC2;
    color: #FFF;
    border-radius: 50%;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
}*/

.skin-tma .btn-primary {
    color: #FFF;
    background-color: #007BC2;
    border-color: #007BC2;
}

.skin-tma .btn-primary:hover {
    color: #FFF;
    background-color: #1697DD;
    border-color: #1697DD;
}

.skin-tma .btn-default {
    color: #666;
    background-color: #fafafa;
    border-color: #ddd;
}

.skin-tma .btn-default:hover {
    color: #666;
    background-color: #E8E8E8;
    border-color: #ddd;
}

.skin-tma .input-group .btn-default {
    color: #666;
    background-color: #fafafa;
    border-color: #ddd;
}

.skin-tma .input-group .btn-default:hover {
    color: #666;
    background-color: #E8E8E8 border-color: #ddd;
}

.skin-tma #search-form input[type="submit"] {
    color: #FFF;
    background-color: #007BC2;
    border-color: #007BC2;
}

.skin-tma #search-form input[type="submit"]:hover {
    color: #FFF;
    background-color: #007BC2;
    border-color: #007BC2;
}

.skin-tma .pagination > .active > a,
.skin-tma .pagination > .active > span,
.skin-tma .pagination > .active > a:hover,
.skin-tma .pagination > .active > span:hover,
.skin-tma .pagination > .active > a:focus,
.skin-tma .pagination > .active > span:focus {
    z-index: 2;
    color: #FFF;
    cursor: default;
    background-color: #007BC2;
    border-color: #007BC2;
}

.skin-tma .box.box-primary {
    border-top-color: #007BC2;
}

.skin-tma .box.box-info {
    border-top-color: #BADEF2;
}

.skin-tma .navbar {
    height: 120px !important;
}

.skin-tma .logo {
    height: 120px !important;
    line-height: 120px !important;
    background-color: #ffffff;
    color: #f9f9f9;
}

.skin-tma .wrapper {
    margin-top: 120px !important;
}

.skin-tma .left-side {
    top: 120px;
}



/*
    Skin Argusto
    --------
*/


/* skin-homann navbar */

.skin-homann .navbar {
    background-color: #051949;
    border-bottom: 1px solid #051949;
}

.skin-homann .navbar .nav a {
    color: #fff;
}

.skin-homann .navbar .nav > li > a:hover,
.skin-homann .navbar .nav > li > a:active,
.skin-homann .navbar .nav > li > a:focus,
.skin-homann .navbar .nav .open > a,
.skin-homann .navbar .nav .open > a:hover,
.skin-homann .navbar .nav .open > a:focus {
    background: #ffffff;
    color: #333;
}

.skin-homann .navbar .navbar-right > .nav {
    margin-right: 10px;
}

.skin-homann .navbar .sidebar-toggle .icon-bar {
    background: #fff;
}

.skin-homann .navbar .sidebar-toggle:hover .icon-bar {
    background: #222222 !important;
}


/* skin-homann logo */

.skin-homann .logo {
    background-color: #051949;
    color: #f9f9f9;
    border-bottom: 1px solid #051949;
}

.skin-homann .logo > a {
    color: #f9f9f9;
}

.skin-homann .logo:hover {
    background: #051949;
}


/* skin-homann content header */

.skin-homann .right-side > .content-header {
    background: none repeat scroll 0% 0% #E6E6E6;
    /* #fbfbfb */
    box-shadow: none;
    border-bottom: 1px solid #D6D6D6;
}


/* Skin-red user panel */

.skin-homann .user-panel > .image > img {
    border: 1px solid #444;
}

.skin-homann .user-panel > .info,
.skin-homann .user-panel > .info > a {
    color: #eee;
}


/* skin-homann sidebar */

.skin-homann .sidebar {
    border-bottom: 1px solid #333;
}

.skin-homann .sidebar > .sidebar-menu > li {
    border-top: 1px solid #051949;
    border-bottom: 0px solid #051949;
    background: #051949;
    /* Old browsers */
    background: -moz-linear-gradient(top, #051949 0%, #051949 50%, #082E60 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #051949), color-stop(50%, #051949), color-stop(100%, #082E60));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #051949 0%, #051949 50%, #082E60 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #051949 0%, #051949 50%, #082E60 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #051949 0%, #051949 50%, #082E60 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #051949 0%, #051949 50%, #082E60 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#051949', endColorstr='#082E60', GradientType=0);
    /* IE6-9 */
}

.skin-homann .sidebar > .sidebar-menu > li.active > a {
    background: #051949;
    /* Old browsers */
    background: -moz-linear-gradient(top, #051949 0%, #051949 50%, #082E60 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #051949), color-stop(50%, #051949), color-stop(100%, #082E60));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #051949 0%, #051949 50%, #082E60 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #051949 0%, #051949 50%, #082E60 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #051949 0%, #051949 50%, #082E60 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #051949 0%, #051949 50%, #082E60 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#051949', endColorstr='#082E60', GradientType=0);
    /* IE6-9 */
}

.skin-homann .sidebar > .sidebar-menu > li > a {
    border-bottom: 1px solid #000000;
}

.skin-homann .sidebar > .sidebar-menu > li:first-of-type {
    border-top: 1px solid #000000;
}

.skin-homann .sidebar > .sidebar-menu > li:first-of-type > a {
    border-top: 0px solid #051949;
}

.skin-homann .sidebar > .sidebar-menu > li > a {
    margin-right: 1px;
}

.skin-homann .sidebar > .sidebar-menu > li > a:hover,
.skin-homann .sidebar > .sidebar-menu > li.active > a {
    color: #ffffff;
    /*background: #444;*/
}

.skin-homann .sidebar > .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #082E60;
}

.skin-homann .sidebar > .sidebar-menu > li .treeview-menu {}

.skin-homann .sidebar > .sidebar-menu > li > .treeview-menu > li {
    border-bottom: 1px solid #000000;
}

.skin-homann .left-side {
    background: #051949;
}

.skin-homann .sidebar a {
    color: #eee;
}

.skin-homann .sidebar a:hover {
    text-decoration: none;
}

.skin-homann .treeview-menu > li > a {
    color: #ffffff;
}

.skin-homann .treeview-menu > li.active > a,
.skin-homann .treeview-menu > li > a:hover {
    color: #9fa5cb;
}

.skin-homann .sidebar-form {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0px solid #555;
    margin: 10px 10px;
}

.skin-homann .sidebar-form input[type="text"],
.skin-homann .sidebar-form .btn {
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0 solid rgba(255, 255, 255, 0.1);
    height: 35px;
    outline: none;
}

.skin-homann .sidebar-form input[type="text"] {
    color: #666;
    -webkit-border-top-left-radius: 2px !important;
    -webkit-border-top-right-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -webkit-border-bottom-left-radius: 2px !important;
    -moz-border-radius-topleft: 2px !important;
    -moz-border-radius-topright: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    -moz-border-radius-bottomleft: 2px !important;
    border-top-left-radius: 2px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 2px !important;
}

.skin-homann .sidebar-form input[type="text"]:focus,
.skin-homann .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #444;
    border: 0;
}

.skin-homann .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left: 0;
}

.skin-homann .sidebar-form .btn {
    color: #999;
    -webkit-border-top-left-radius: 0 !important;
    -webkit-border-top-right-radius: 2px !important;
    -webkit-border-bottom-right-radius: 2px !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-topleft: 0 !important;
    -moz-border-radius-topright: 2px !important;
    -moz-border-radius-bottomright: 2px !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 0 !important;
    border-left: 0;
}

/*.skin-homann .btn-entersektion {
    margin-top: 0px;
    float: right;
    background-color: #051949;
    color: #FFF;
    border-radius: 50%;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
}*/

.skin-homann .btn-primary {
    color: #FFF;
    background-color: #051949;
    border-color: #051949;
}

.skin-homann .btn-primary:hover {
    color: #FFF;
    background-color: #1697DD;
    border-color: #1697DD;
}

.skin-homann .btn-default {
    color: #666;
    background-color: #fafafa;
    border-color: #ddd;
}

.skin-homann .btn-default:hover {
    color: #666;
    background-color: #E8E8E8;
    border-color: #ddd;
}

.skin-homann .input-group .btn-default {
    color: #666;
    background-color: #fafafa;
    border-color: #ddd;
}

.skin-homann .input-group .btn-default:hover {
    color: #666;
    background-color: #E8E8E8 border-color: #ddd;
}

.skin-homann #search-form input[type="submit"] {
    color: #FFF;
    background-color: #051949;
    border-color: #051949;
}

.skin-homann #search-form input[type="submit"]:hover {
    color: #FFF;
    background-color: #051949;
    border-color: #051949;
}

.skin-homann .pagination > .active > a,
.skin-homann .pagination > .active > span,
.skin-homann .pagination > .active > a:hover,
.skin-homann .pagination > .active > span:hover,
.skin-homann .pagination > .active > a:focus,
.skin-homann .pagination > .active > span:focus {
    z-index: 2;
    color: #FFF;
    cursor: default;
    background-color: #051949;
    border-color: #051949;
}

.skin-homann .box.box-primary {
    border-top-color: #051949;
}

.skin-homann .box.box-info {
    border-top-color: #BADEF2;
}



/*
    Skin Ponnath
    --------
*/


/* skin-ponnath navbar */

.skin-ponnath {
    background-color: #FFF;
}

.skin-ponnath .form-box .header {
    background-color: #852236;
}

.skin-ponnath .form-box .btn {
    background-color: #852236 !important;
}

.skin-ponnath .navbar {
    background-color: #E5D9C3;
    height: 120px !important;
}

.skin-ponnath .navbar .nav a {
    color: #fff;
}

.skin-ponnath .navbar-nav > li > a {
    padding-bottom: 14px;
}

.skin-ponnath .navbar .nav > li > a:hover,
.skin-ponnath .navbar .nav > li > a:active,
.skin-ponnath .navbar .nav > li > a:focus,
.skin-ponnath .navbar .nav .open > a,
.skin-ponnath .navbar .nav .open > a:hover,
.skin-ponnath .navbar .nav .open > a:focus {
    background: #ffffff;
    color: #333;
}

.skin-ponnath .navbar .navbar-right > .nav {
    margin-right: 10px;
}

.skin-ponnath .navbar .sidebar-toggle .icon-bar {
    background: #fff;
}

.skin-ponnath .navbar .sidebar-toggle:hover .icon-bar {
    background: #98BF0F !important;
}


/* skin-ponnath logo */

.skin-ponnath .logo {
    height: 120px !important;
    line-height: 120px !important;
    background-color: #852236;
    color: #f9f9f9;
    border-right: 10px solid #C69E50;
}

.skin-ponnath .logo > a {
    color: #f9f9f9;
}

.skin-ponnath .logo:hover {
    background: #852236;
}


/* skin-ponnath content header */

.skin-ponnath .right-side > .content-header {
    background: none repeat scroll 0% 0% #FFF3D7;
    /* #fbfbfb */
    box-shadow: none;
}

.skin-ponnath .wrapper {
    margin-top: 120px !important;
}

.skin-ponnath .wrapper,
.skin-ponnath .right-side,
.skin-ponnath .right-side .content,
.skin-ponnath .right-side .content-footer {
    background-color: #FFF;
}


/* Skin-red user panel */

.skin-ponnath .user-panel > .image > img {
    border: 1px solid #444;
}

.skin-ponnath .user-panel > .info,
.skin-ponnath .user-panel > .info > a {
    color: #eee;
}


/* skin-ponnath sidebar */

.skin-ponnath .sidebar {
    border-bottom: 1px solid #333;
}

.skin-ponnath .sidebar > .sidebar-menu > li {
    /*border-top: 1px solid #525252;*/
    border-bottom: 0px solid #444;
    background: rgb(198, 158, 80);
    /*  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjI4NTViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(198,158,80,1) 0%, rgba(198,158,80,1) 50%, rgba(178,133,91,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(198,158,80,1)), color-stop(50%,rgba(198,158,80,1)), color-stop(100%,rgba(178,133,91,1)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(198,158,80,1) 0%,rgba(198,158,80,1) 50%,rgba(178,133,91,1) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(198,158,80,1) 0%,rgba(198,158,80,1) 50%,rgba(178,133,91,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(198,158,80,1) 0%,rgba(198,158,80,1) 50%,rgba(178,133,91,1) 100%);
    background: radial-gradient(ellipse at center,  rgba(198,158,80,1) 0%,rgba(198,158,80,1) 50%,rgba(178,133,91,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c69e50', endColorstr='#b2855b',GradientType=1 ); */
}

.skin-ponnath .sidebar > .sidebar-menu > li.active > a {
    background: rgb(198, 158, 80);
    /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjI4NTViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(198,158,80,1) 0%, rgba(198,158,80,1) 50%, rgba(178,133,91,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(198,158,80,1)), color-stop(50%,rgba(198,158,80,1)), color-stop(100%,rgba(178,133,91,1)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(198,158,80,1) 0%,rgba(198,158,80,1) 50%,rgba(178,133,91,1) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(198,158,80,1) 0%,rgba(198,158,80,1) 50%,rgba(178,133,91,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(198,158,80,1) 0%,rgba(198,158,80,1) 50%,rgba(178,133,91,1) 100%);
    background: radial-gradient(ellipse at center,  rgba(198,158,80,1) 0%,rgba(198,158,80,1) 50%,rgba(178,133,91,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c69e50', endColorstr='#b2855b',GradientType=1 );*/
}

.skin-ponnath .sidebar > .sidebar-menu > li > a {
    border-bottom: 1px solid #1F1F1F;
}

.skin-ponnath .sidebar > .sidebar-menu > li:first-of-type {
    border-top: 1px solid #444;
}

.skin-ponnath .sidebar > .sidebar-menu > li:first-of-type > a {
    border-top: 0px solid #333;
}

.skin-ponnath .sidebar > .sidebar-menu > li > a {
    margin-right: 1px;
}

.skin-ponnath .sidebar > .sidebar-menu > li > a:hover,
.skin-ponnath .sidebar > .sidebar-menu > li.active > a {
    color: #852236;
    /*background: #444;*/
}

.skin-ponnath .sidebar > .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #C69E50;
}

.skin-ponnath .sidebar > .sidebar-menu > li .treeview-menu {}

.skin-ponnath .sidebar > .sidebar-menu > li > .treeview-menu > li {
    border-bottom: 1px solid #424242;
}

.skin-ponnath .left-side {
    background: #852236;
    border-right: 10px solid #C69E50;
    padding-top: 70px;
}

.skin-ponnath .sidebar a {
    color: #eee;
}

.skin-ponnath .sidebar a:hover {
    text-decoration: none;
}

.skin-ponnath .treeview-menu > li > a {
    color: #FFF;
}

.skin-ponnath .treeview-menu > li.active > a,
.skin-ponnath .treeview-menu > li > a:hover {
    color: #852236;
}

.skin-ponnath .sidebar-form {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0px solid #555;
    margin: 10px 10px;
}

.skin-ponnath .sidebar-form input[type="text"],
.skin-ponnath .sidebar-form .btn {
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0 solid rgba(255, 255, 255, 0.1);
    height: 35px;
    outline: none;
}

.skin-ponnath .sidebar-form input[type="text"] {
    color: #666;
    -webkit-border-top-left-radius: 2px !important;
    -webkit-border-top-right-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -webkit-border-bottom-left-radius: 2px !important;
    -moz-border-radius-topleft: 2px !important;
    -moz-border-radius-topright: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    -moz-border-radius-bottomleft: 2px !important;
    border-top-left-radius: 2px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 2px !important;
}

.skin-ponnath .sidebar-form input[type="text"]:focus,
.skin-ponnath .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #444;
    border: 0;
}

.skin-ponnath .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left: 0;
}

.skin-ponnath .sidebar-form .btn {
    color: #999;
    -webkit-border-top-left-radius: 0 !important;
    -webkit-border-top-right-radius: 2px !important;
    -webkit-border-bottom-right-radius: 2px !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-topleft: 0 !important;
    -moz-border-radius-topright: 2px !important;
    -moz-border-radius-bottomright: 2px !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 0 !important;
    border-left: 0;
}

.skin-ponnath .btn-default.btn-default,
.skin-ponnath .btn-primary.btn-primary,
.skin-ponnath #search-form input[type="submit"] {
    color: #FFF !important;
    background-color: #852236 !important;
    border-color: #6b1c2c;
}

.skin-ponnath .btn-default.btn-default:hover,
.skin-ponnath .btn-primary.btn-primary:hover,
.skin-ponnath #search-form input[type="submit"]:hover {
    color: #FFF !important;
    background-color: #521521 !important;
    border-color: #45121c;
}


/*.skin-ponnath .btn-default {
    color: #666;
    background-color: #fafafa;
    border-color: #ddd;
}

.skin-ponnath .btn-default:hover {
    color: #666;
    background-color: #E8E8E8;
    border-color: #ddd;
} */

.skin-ponnath .input-group .btn-default {
    color: #666;
    background-color: #fafafa;
    border-color: #ddd;
}

.skin-ponnath .input-group .btn-default:hover {
    color: #666;
    background-color: #E8E8E8 border-color: #ddd;
}

.skin-ponnath .pagination > .active > a,
.skin-ponnath .pagination > .active > span,
.skin-ponnath .pagination > .active > a:hover,
.skin-ponnath .pagination > .active > span:hover,
.skin-ponnath .pagination > .active > a:focus,
.skin-ponnath .pagination > .active > span:focus {
    z-index: 2;
    color: #FFF;
    cursor: default;
    background-color: #9FC62D;
    border-color: #8DAE28;
}

.skin-ponnath .box.box-primary,
.skin-ponnath .box.box-info {
    border-top-color: #004f22;
}


/*
    Skin Bonifaz
    --------
*/


/* skin-bonifaz navbar */

.skin-bonifaz {
    background-color: #FFF;
}

.skin-bonifaz .form-box .header {
    background-color: #ffffff;
}

.skin-bonifaz .form-box .btn {
    background-color: #ffffff !important;
}

.skin-bonifaz .navbar {
    background-color: #014a99;
    height: 120px !important;
}

.skin-bonifaz .navbar .nav a {
    color: #fff;
}

.skin-bonifaz .navbar-nav > li > a {
    padding-bottom: 14px;
}

.skin-bonifaz .navbar .nav > li > a:hover,
.skin-bonifaz .navbar .nav > li > a:active,
.skin-bonifaz .navbar .nav > li > a:focus,
.skin-bonifaz .navbar .nav .open > a,
.skin-bonifaz .navbar .nav .open > a:hover,
.skin-bonifaz .navbar .nav .open > a:focus {
    background: #ffffff;
    color: #333;
}

.skin-bonifaz .navbar .navbar-right > .nav {
    margin-right: 10px;
}

.skin-bonifaz .navbar .sidebar-toggle .icon-bar {
    background: #fff;
}

.skin-bonifaz .navbar .sidebar-toggle:hover .icon-bar {
    background: #e41b13 !important;
}


/* skin-bonifaz logo */

.skin-bonifaz .logo {
    height: 120px !important;
    line-height: 120px !important;
    background-color: #ffffff;
    color: #f9f9f9;
    border-right: 5px solid #e41b13;
}

.skin-bonifaz .logo > a {
    color: #f9f9f9;
}

.skin-bonifaz .logo:hover {
    background: #ffffff;
}


/* skin-bonifaz content header */

.skin-bonifaz .right-side > .content-header {
    background: none repeat scroll 0% 0% #f5f5f5;
    /* #fbfbfb */
    box-shadow: none;
}

.skin-bonifaz .wrapper {
    margin-top: 120px !important;
}

.skin-bonifaz .wrapper,
.skin-bonifaz .right-side,
.skin-bonifaz .right-side .content,
.skin-bonifaz .right-side .content-footer {
    background-color: #FFF;
}


/* Skin-red user panel */

.skin-bonifaz .user-panel > .image > img {
    border: 1px solid #444;
}

.skin-bonifaz .user-panel > .info,
.skin-bonifaz .user-panel > .info > a {
    color: #eee;
}


/* skin-bonifaz sidebar */

.skin-bonifaz .sidebar {
    border-bottom: 1px solid #333;
    background-color: #014a99;
}

.skin-bonifaz .sidebar > .sidebar-menu > li {
    /*border-top: 1px solid #525252;*/
    border-bottom: 0px solid #444;
    background: rgb(1, 74, 153);
    /*  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjI4NTViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%, rgba(1,74,153,1) 50%, rgba(0,57,117) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(1,74,153,1)), color-stop(50%,rgba(1,74,153,1)), color-stop(100%,rgba(0,57,117)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: radial-gradient(ellipse at center,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014a99', endColorstr='#003975',GradientType=1 ); */
}

.skin-bonifaz .sidebar > .sidebar-menu > li.active > a {
    background: rgb(1, 74, 153);
    /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjI4NTViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%, rgba(1,74,153,1) 50%, rgba(0,57,117) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(1,74,153,1)), color-stop(50%,rgba(1,74,153,1)), color-stop(100%,rgba(0,57,117)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: radial-gradient(ellipse at center,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014a99', endColorstr='#003975',GradientType=1 );*/
}

.skin-bonifaz .sidebar > .sidebar-menu > li > a {
    border-bottom: 1px solid #003975;
}

.skin-bonifaz .sidebar > .sidebar-menu > li:first-of-type {
    border-top: 1px solid #003975;
}

.skin-bonifaz .sidebar > .sidebar-menu > li:first-of-type > a {
    border-top: 0px solid #003975;
}

.skin-bonifaz .sidebar > .sidebar-menu > li > a {
    margin-right: 1px;
}

.skin-bonifaz .sidebar > .sidebar-menu > li > a:hover,
.skin-bonifaz .sidebar > .sidebar-menu > li.active > a {
    color: #ffffff;
    /*background: #444;*/
}

.skin-bonifaz .sidebar > .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #014a99;
}

.skin-bonifaz .sidebar > .sidebar-menu > li .treeview-menu {}

.skin-bonifaz .sidebar > .sidebar-menu > li > .treeview-menu > li {
    border-bottom: 1px solid #003975;
}


/*
.skin-bonifaz .sidebar > .sidebar-menu > li > .treeview-menu > li.active {
    background-color: #003975;
}
*/

.skin-bonifaz .left-side {
    background: #ffffff;
    border-right: 5px solid #e41b13;
    padding-top: 60px;
}

.skin-bonifaz .sidebar a {
    color: #eee;
}

.skin-bonifaz .sidebar a:hover {
    text-decoration: none;
}

.skin-bonifaz .treeview-menu > li > a {
    color: #FFF;
}

.skin-bonifaz .treeview-menu > li.active > a,
.skin-bonifaz .treeview-menu > li > a:hover {
    color: #ffffff;
}

.skin-bonifaz .sidebar-form {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0px solid #555;
    margin: 10px 10px;
}

.skin-bonifaz .sidebar-form input[type="text"],
.skin-bonifaz .sidebar-form .btn {
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0 solid rgba(255, 255, 255, 0.1);
    height: 35px;
    outline: none;
}

.skin-bonifaz .sidebar-form input[type="text"] {
    color: #666;
    -webkit-border-top-left-radius: 2px !important;
    -webkit-border-top-right-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -webkit-border-bottom-left-radius: 2px !important;
    -moz-border-radius-topleft: 2px !important;
    -moz-border-radius-topright: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    -moz-border-radius-bottomleft: 2px !important;
    border-top-left-radius: 2px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 2px !important;
}

.skin-bonifaz .sidebar-form input[type="text"]:focus,
.skin-bonifaz .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #444;
    border: 0;
}

.skin-bonifaz .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left: 0;
}

.skin-bonifaz .sidebar-form .btn {
    color: #999;
    -webkit-border-top-left-radius: 0 !important;
    -webkit-border-top-right-radius: 2px !important;
    -webkit-border-bottom-right-radius: 2px !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-topleft: 0 !important;
    -moz-border-radius-topright: 2px !important;
    -moz-border-radius-bottomright: 2px !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 0 !important;
    border-left: 0;
}

.skin-bonifaz .btn-default.btn-default,
.skin-bonifaz .btn-primary,
.skin-bonifaz #search-form input[type="submit"] {
    color: #FFF !important;
    background-color: #014A99 !important;
    border-color: #014A99;
}

.skin-bonifaz .btn-default:hover,
.skin-bonifaz .btn-primary:hover,
.skin-bonifaz #search-form input[type="submit"]:hover {
    color: #FFF;
    background-color: #014A99;
    border-color: #014A99;
}


/*.skin-bonifaz .btn-default {
    color: #666;
    background-color: #fafafa;
    border-color: #ddd;
}

.skin-bonifaz .btn-default:hover {
    color: #666;
    background-color: #E8E8E8;
    border-color: #ddd;
} */

/*.skin-bonifaz .input-group .btn-default {
    color: #666;
    background-color: #fafafa;
    border-color: #ddd;
}*/

.skin-bonifaz .input-group .btn-default:hover {
    color: #666;
    background-color: #E8E8E8 border-color: #ddd;
}

.skin-bonifaz .pagination > .active > a,
.skin-bonifaz .pagination > .active > span,
.skin-bonifaz .pagination > .active > a:hover,
.skin-bonifaz .pagination > .active > span:hover,
.skin-bonifaz .pagination > .active > a:focus,
.skin-bonifaz .pagination > .active > span:focus {
    z-index: 2;
    color: #FFF;
    cursor: default;
    background-color: #014A99;
    border-color: #014A99;
}

.skin-bonifaz .box.box-primary,
.skin-bonifaz .box.box-info {
    border-top-color: #e41b13;
}

.skin-bonifaz > .header .navbar .sidebar-toggle {
    float: left;
    padding: 9px 5px;
    margin-top: 43px;
    margin-right: 0;
    margin-bottom: 43px;
    margin-left: 5px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.skin-bonifaz .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 100px;
}

.skin-bonifaz .navbar-nav > .user-menu > .dropdown-menu > li.user-footer .btn-default {
    color: #ffffff;
}


/*
    Skin Brueggen
    --------
*/


/* skin-Brueggen navbar */

.skin-brueggen {
    background-color: #FFF;
}

.skin-brueggen .form-box .header {
    background-color: #ffffff;
}

.skin-brueggen .form-box .btn {
    background-color: #ffffff !important;
}

.skin-brueggen .navbar {
    background-color: #1A376E;
    height: 120px !important;
}

.skin-brueggen .navbar .nav a {
    color: #fff;
}

.skin-Brueggen .navbar-nav > li > a {
    padding-bottom: 14px;
}

.skin-brueggen .navbar .nav > li > a:hover,
.skin-brueggen .navbar .nav > li > a:active,
.skin-brueggen .navbar .nav > li > a:focus,
.skin-brueggen .navbar .nav .open > a,
.skin-brueggen .navbar .nav .open > a:hover,
.skin-brueggen .navbar .nav .open > a:focus {
    background: #ffffff;
    color: #333;
}

.skin-brueggen .navbar .navbar-right > .nav {
    margin-right: 10px;
}

.skin-brueggen .navbar .sidebar-toggle .icon-bar {
    background: #fff;
}

.skin-brueggen .navbar .sidebar-toggle:hover .icon-bar {
    background: #D72D1C !important;
}


/* skin-Brueggen logo */

.skin-brueggen .logo {
    height: 120px !important;
    line-height: 120px !important;
    background-color: #ffffff;
    color: #f9f9f9;
    border-right: 5px solid #D72D1C;
}

.skin-brueggen .logo > a {
    color: #f9f9f9;
}

.skin-brueggen .logo:hover {
    background: #ffffff;
}


/* skin-brueggen content header */

.skin-brueggen .right-side > .content-header {
    background: none repeat scroll 0% 0% #f5f5f5;
    /* #fbfbfb */
    box-shadow: none;
}

.skin-brueggen .wrapper {
    margin-top: 120px !important;
}

.skin-brueggen .wrapper,
.skin-brueggen .right-side,
.skin-brueggen .right-side .content,
.skin-brueggen .right-side .content-footer {
    background-color: #FFF;
}


/* Skin-red user panel */

.skin-brueggen .user-panel > .image > img {
    border: 1px solid #444;
}

.skin-brueggen .user-panel > .info,
.skin-brueggen .user-panel > .info > a {
    color: #eee;
}


/* skin-brueggen sidebar */

.skin-brueggen .sidebar {
    border-bottom: 1px solid #333;
    background-color: #1A376E;
}

.skin-brueggen .sidebar > .sidebar-menu > li {
    /*border-top: 1px solid #525252;*/
    border-bottom: 0px solid #444;
    background: rgb(26, 55, 110);
    /*  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjI4NTViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%, rgba(1,74,153,1) 50%, rgba(0,57,117) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(1,74,153,1)), color-stop(50%,rgba(1,74,153,1)), color-stop(100%,rgba(0,57,117)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: radial-gradient(ellipse at center,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1A376E', endColorstr='#003975',GradientType=1 ); */
}

.skin-brueggen .sidebar > .sidebar-menu > li.active > a {
    background: rgb(26, 55, 110);
    /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjI4NTViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%, rgba(1,74,153,1) 50%, rgba(0,57,117) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(1,74,153,1)), color-stop(50%,rgba(1,74,153,1)), color-stop(100%,rgba(0,57,117)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: radial-gradient(ellipse at center,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1A376E', endColorstr='#003975',GradientType=1 );*/
}

.skin-brueggen .sidebar > .sidebar-menu > li > a {
    border-bottom: 1px solid #003975;
}

.skin-brueggen .sidebar > .sidebar-menu > li:first-of-type {
    border-top: 1px solid #003975;
}

.skin-brueggen .sidebar > .sidebar-menu > li:first-of-type > a {
    border-top: 0px solid #003975;
}

.skin-brueggen .sidebar > .sidebar-menu > li > a {
    margin-right: 1px;
}

.skin-brueggen .sidebar > .sidebar-menu > li > a:hover,
.skin-brueggen .sidebar > .sidebar-menu > li.active > a {
    color: #ffffff;
    /*background: #444;*/
}

.skin-brueggen .sidebar > .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #1A376E;
}

.skin-brueggen .sidebar > .sidebar-menu > li .treeview-menu {}

.skin-brueggen .sidebar > .sidebar-menu > li > .treeview-menu > li {
    border-bottom: 1px solid #003975;
}


/*
.skin-brueggen .sidebar > .sidebar-menu > li > .treeview-menu > li.active {
    background-color: #003975;
}
*/

.skin-brueggen .left-side {
    background: #ffffff;
    border-right: 5px solid #D72D1C;
    padding-top: 60px;
}

.skin-brueggen .sidebar a {
    color: #eee;
}

.skin-brueggen .sidebar a:hover {
    text-decoration: none;
}

.skin-brueggen .treeview-menu > li > a {
    color: #FFF;
}

.skin-brueggen .treeview-menu > li.active > a,
.skin-brueggen .treeview-menu > li > a:hover {
    color: #ffffff;
}

.skin-brueggen .sidebar-form {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0px solid #555;
    margin: 10px 10px;
}

.skin-brueggen .sidebar-form input[type="text"],
.skin-brueggen .sidebar-form .btn {
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0 solid rgba(255, 255, 255, 0.1);
    height: 35px;
    outline: none;
}

.skin-brueggen .sidebar-form input[type="text"] {
    color: #666;
    -webkit-border-top-left-radius: 2px !important;
    -webkit-border-top-right-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -webkit-border-bottom-left-radius: 2px !important;
    -moz-border-radius-topleft: 2px !important;
    -moz-border-radius-topright: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    -moz-border-radius-bottomleft: 2px !important;
    border-top-left-radius: 2px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 2px !important;
}

.skin-brueggen .sidebar-form input[type="text"]:focus,
.skin-brueggen .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #444;
    border: 0;
}

.skin-brueggen .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left: 0;
}

.skin-brueggen .sidebar-form .btn {
    color: #999;
    -webkit-border-top-left-radius: 0 !important;
    -webkit-border-top-right-radius: 2px !important;
    -webkit-border-bottom-right-radius: 2px !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-topleft: 0 !important;
    -moz-border-radius-topright: 2px !important;
    -moz-border-radius-bottomright: 2px !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 0 !important;
    border-left: 0;
}

.skin-brueggen .btn-default.btn-default,
.skin-brueggen .btn-primary,
.skin-brueggen #search-form input[type="submit"] {
    color: #FFF !important;
    background-color: #1A376E;
    border-color: #1A376E;
}

.skin-brueggen .btn-default:hover,
.skin-brueggen .btn-primary:hover,
.skin-brueggen #search-form input[type="submit"]:hover {
    color: #FFF;
    background-color: #1A376E;
    border-color: #1A376E;
}


/*.skin-brueggen .btn-default {
    color: #666;
    background-color: #fafafa;
    border-color: #ddd;
}

.skin-brueggen .btn-default:hover {
    color: #666;
    background-color: #E8E8E8;
    border-color: #ddd;
} */

/*.skin-brueggen .input-group .btn-default {
    color: #666;
    background-color: #fafafa;
    border-color: #ddd;
}*/

.skin-brueggen .input-group .btn-default:hover {
    color: #666;
    background-color: #E8E8E8 border-color: #ddd;
}

.skin-brueggen .pagination > .active > a,
.skin-brueggen .pagination > .active > span,
.skin-brueggen .pagination > .active > a:hover,
.skin-brueggen .pagination > .active > span:hover,
.skin-brueggen .pagination > .active > a:focus,
.skin-brueggen .pagination > .active > span:focus {
    z-index: 2;
    color: #FFF;
    cursor: default;
    background-color: #1A376E;
    border-color: #1A376E;
}

.skin-brueggen .box.box-primary,
.skin-brueggen .box.box-info {
    border-top-color: #D72D1C;
}

.skin-brueggen > .header .navbar .sidebar-toggle {
    float: left;
    padding: 9px 5px;
    margin: 43px 0 43px 5px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.skin-brueggen .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 100px;
}

.skin-brueggen .navbar-nav > .user-menu > .dropdown-menu > li.user-footer .btn-default {
    color: #ffffff;
}

/*
    Skin Bakerman
    --------
*/


/* skin-Bakerman navbar */

.skin-bakerman {
    background-color: #FFF;
}

.skin-bakerman .form-box .header {
    background-color: #ffffff;
}

.skin-bakerman .form-box .btn {
    background-color: #ffffff !important;
}

.skin-bakerman .navbar {
    background-color: #262626;
    height: 120px !important;
}

.skin-bakerman .navbar .nav a {
    color: #fff;
}

.skin-Bakerman .navbar-nav > li > a {
    padding-bottom: 14px;
}

.skin-bakerman .navbar .nav > li > a:hover,
.skin-bakerman .navbar .nav > li > a:active,
.skin-bakerman .navbar .nav > li > a:focus,
.skin-bakerman .navbar .nav .open > a,
.skin-bakerman .navbar .nav .open > a:hover,
.skin-bakerman .navbar .nav .open > a:focus {
    background: #ffffff;
    color: #333;
}

.skin-bakerman .navbar .navbar-right > .nav {
    margin-right: 10px;
}

.skin-bakerman .navbar .sidebar-toggle .icon-bar {
    background: #fff;
}

.skin-bakerman .navbar .sidebar-toggle:hover .icon-bar {
    background: #D51130 !important;
}


/* skin-Bakerman logo */

.skin-bakerman .logo {
    height: 120px !important;
    line-height: 120px !important;
    background-color: #ffffff;
    color: #f9f9f9;
    border-right: 5px solid #D51130;
}

.skin-bakerman .logo > a {
    color: #f9f9f9;
}

.skin-bakerman .logo:hover {
    background: #ffffff;
}


/* skin-bakerman content header */

.skin-bakerman .right-side > .content-header {
    background: none repeat scroll 0% 0% #f5f5f5;
    /* #fbfbfb */
    box-shadow: none;
}

.skin-bakerman .wrapper {
    margin-top: 120px !important;
}

.skin-bakerman .wrapper,
.skin-bakerman .right-side,
.skin-bakerman .right-side .content,
.skin-bakerman .right-side .content-footer {
    background-color: #FFF;
}


/* Skin-red user panel */

.skin-bakerman .user-panel > .image > img {
    border: 1px solid #444;
}

.skin-bakerman .user-panel > .info,
.skin-bakerman .user-panel > .info > a {
    color: #eee;
}


/* skin-bakerman sidebar */

.skin-bakerman .sidebar {
    border-bottom: 1px solid #333;
    background-color: #262626;
}

.skin-bakerman .sidebar > .sidebar-menu > li {
    /*border-top: 1px solid #525252;*/
    border-bottom: 0px solid #444;
    background: rgb(38, 38, 38);
    /*  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjI4NTViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%, rgba(1,74,153,1) 50%, rgba(0,57,117) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(1,74,153,1)), color-stop(50%,rgba(1,74,153,1)), color-stop(100%,rgba(0,57,117)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: radial-gradient(ellipse at center,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#262626',GradientType=1 ); */
}

.skin-bakerman .sidebar > .sidebar-menu > li.active > a {
    background: rgb(38, 38, 38);
    /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjI4NTViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%, rgba(1,74,153,1) 50%, rgba(0,57,117) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(1,74,153,1)), color-stop(50%,rgba(1,74,153,1)), color-stop(100%,rgba(0,57,117)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: radial-gradient(ellipse at center,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#262626',GradientType=1 );*/
}

.skin-bakerman .sidebar > .sidebar-menu > li > a {
    border-bottom: 1px solid #262626;
}

.skin-bakerman .sidebar > .sidebar-menu > li:first-of-type {
    border-top: 1px solid #262626;
}

.skin-bakerman .sidebar > .sidebar-menu > li:first-of-type > a {
    border-top: 0px solid #262626;
}

.skin-bakerman .sidebar > .sidebar-menu > li > a {
    margin-right: 1px;
}

.skin-bakerman .sidebar > .sidebar-menu > li > a:hover,
.skin-bakerman .sidebar > .sidebar-menu > li.active > a {
    color: #ffffff;
    /*background: #444;*/
}

.skin-bakerman .sidebar > .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #262626;
}

.skin-bakerman .sidebar > .sidebar-menu > li .treeview-menu {}

.skin-bakerman .sidebar > .sidebar-menu > li > .treeview-menu > li {
    border-bottom: 1px solid #262626;
}


/*
.skin-bakerman .sidebar > .sidebar-menu > li > .treeview-menu > li.active {
    background-color: #262626;
}
*/

.skin-bakerman .left-side {
    background: #ffffff;
    border-right: 5px solid #D51130;
    padding-top: 60px;
}

.skin-bakerman .sidebar a {
    color: #eee;
}

.skin-bakerman .sidebar a:hover {
    text-decoration: none;
}

.skin-bakerman .treeview-menu > li > a {
    color: #FFF;
}

.skin-bakerman .treeview-menu > li.active > a,
.skin-bakerman .treeview-menu > li > a:hover {
    color: #ffffff;
}

.skin-bakerman .sidebar-form {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0px solid #555;
    margin: 10px 10px;
}

.skin-bakerman .sidebar-form input[type="text"],
.skin-bakerman .sidebar-form .btn {
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0 solid rgba(255, 255, 255, 0.1);
    height: 35px;
    outline: none;
}

.skin-bakerman .sidebar-form input[type="text"] {
    color: #666;
    -webkit-border-top-left-radius: 2px !important;
    -webkit-border-top-right-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -webkit-border-bottom-left-radius: 2px !important;
    -moz-border-radius-topleft: 2px !important;
    -moz-border-radius-topright: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    -moz-border-radius-bottomleft: 2px !important;
    border-top-left-radius: 2px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 2px !important;
}

.skin-bakerman .sidebar-form input[type="text"]:focus,
.skin-bakerman .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #444;
    border: 0;
}

.skin-bakerman .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left: 0;
}

.skin-bakerman .sidebar-form .btn {
    color: #999;
    -webkit-border-top-left-radius: 0 !important;
    -webkit-border-top-right-radius: 2px !important;
    -webkit-border-bottom-right-radius: 2px !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-topleft: 0 !important;
    -moz-border-radius-topright: 2px !important;
    -moz-border-radius-bottomright: 2px !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 0 !important;
    border-left: 0;
}

.skin-bakerman .btn-default.btn-default,
.skin-bakerman .btn-primary,
.skin-bakerman #search-form input[type="submit"] {
    color: #FFF !important;
    background-color: #B10021;
    border-color: #B10021;
}

.skin-bakerman .btn-default:hover,
.skin-bakerman .btn-primary:hover,
.skin-bakerman #search-form input[type="submit"]:hover {
    color: #FFF;
    background-color: #D51130;
    border-color: #D51130;
}


/*.skin-bakerman .btn-default {
    color: #666;
    background-color: #fafafa;
    border-color: #ddd;
}

.skin-bakerman .btn-default:hover {
    color: #666;
    background-color: #E8E8E8;
    border-color: #ddd;
} */

/*.skin-bakerman .input-group .btn-default {
    color: #666;
    background-color: #fafafa;
    border-color: #ddd;
}*/

.skin-bakerman .input-group .btn-default:hover {
    color: #666;
    background-color: #E8E8E8 border-color: #ddd;
}

.skin-bakerman .pagination > .active > a,
.skin-bakerman .pagination > .active > span,
.skin-bakerman .pagination > .active > a:hover,
.skin-bakerman .pagination > .active > span:hover,
.skin-bakerman .pagination > .active > a:focus,
.skin-bakerman .pagination > .active > span:focus {
    z-index: 2;
    color: #FFF;
    cursor: default;
    background-color: #262626;
    border-color: #262626;
}

.skin-bakerman .box.box-primary,
.skin-bakerman .box.box-info {
    border-top-color: #D51130;
}

.skin-bakerman > .header .navbar .sidebar-toggle {
    float: left;
    padding: 9px 5px;
    margin-top: 43px;
    margin-right: 0;
    margin-bottom: 43px;
    margin-left: 5px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.skin-bakerman .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 100px;
}

.skin-bakerman .navbar-nav > .user-menu > .dropdown-menu > li.user-footer .btn-default {
    color: #ffffff;
}


/*
    Skin Friesenkrone
    --------
*/


/* skin-Friesenkrone navbar */

.skin-friesenkrone {
    background-color: #FFF;
}

.skin-friesenkrone .form-box .header {
    background-color: #ffffff;
}

.skin-friesenkrone .form-box .btn {
    background-color: #ffffff !important;
}

.skin-friesenkrone .navbar {
    background-color: #1a478a;
    height: 120px !important;
}

.skin-friesenkrone .navbar .nav a {
    color: #fff;
}

.skin-friesenkrone .navbar-nav > li > a {
    padding-bottom: 14px;
}

.skin-friesenkrone .navbar .nav > li > a:hover,
.skin-friesenkrone .navbar .nav > li > a:active,
.skin-friesenkrone .navbar .nav > li > a:focus,
.skin-friesenkrone .navbar .nav .open > a,
.skin-friesenkrone .navbar .nav .open > a:hover,
.skin-friesenkrone .navbar .nav .open > a:focus {
    background: #ffffff;
    color: #333;
}

.skin-friesenkrone .navbar .navbar-right > .nav {
    margin-right: 10px;
}

.skin-friesenkrone .navbar .sidebar-toggle .icon-bar {
    background: #fff;
}

.skin-friesenkrone .navbar .sidebar-toggle:hover .icon-bar {
    background: #f9ba0d !important;
}


/* skin-Friesenkrone logo */

.skin-friesenkrone .logo {
    height: 120px !important;
    line-height: 120px !important;
    background-color: #ffffff;
    color: #f9f9f9;
    border-right: 5px solid #f9ba0d;
}

.skin-friesenkrone .logo > a {
    color: #f9f9f9;
}

.skin-friesenkrone .logo:hover {
    background: #ffffff;
}


/* skin-friesenkrone content header */

.skin-friesenkrone .right-side > .content-header {
    background: none repeat scroll 0% 0% #f5f5f5;
    /* #fbfbfb */
    box-shadow: none;
}

.skin-friesenkrone .wrapper {
    margin-top: 120px !important;
}

.skin-friesenkrone .wrapper,
.skin-friesenkrone .right-side,
.skin-friesenkrone .right-side .content,
.skin-friesenkrone .right-side .content-footer {
    background-color: #FFF;
}


/* Skin-red user panel */

.skin-friesenkrone .user-panel > .image > img {
    border: 1px solid #444;
}

.skin-friesenkrone .user-panel > .info,
.skin-friesenkrone .user-panel > .info > a {
    color: #eee;
}


/* skin-friesenkrone sidebar */

.skin-friesenkrone .sidebar {
    border-bottom: 1px solid #333;
    background-color: #1a478a;
}

.skin-friesenkrone .sidebar > .sidebar-menu > li {
    /*border-top: 1px solid #525252;*/
    border-bottom: 0px solid #444;
    background: rgb(26, 71, 138);
    /*  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjI4NTViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%, rgba(1,74,153,1) 50%, rgba(0,57,117) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(1,74,153,1)), color-stop(50%,rgba(1,74,153,1)), color-stop(100%,rgba(0,57,117)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: radial-gradient(ellipse at center,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a478a', endColorstr='#1a478a',GradientType=1 ); */
}

.skin-friesenkrone .sidebar > .sidebar-menu > li.active > a {
    background: rgb(26, 71, 138);
    /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjI4NTViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%, rgba(1,74,153,1) 50%, rgba(0,57,117) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(1,74,153,1)), color-stop(50%,rgba(1,74,153,1)), color-stop(100%,rgba(0,57,117)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: radial-gradient(ellipse at center,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a478a', endColorstr='#1a478a',GradientType=1 );*/
}

.skin-friesenkrone .sidebar > .sidebar-menu > li > a {
    border-bottom: 1px solid #1a478a;
}

.skin-friesenkrone .sidebar > .sidebar-menu > li:first-of-type {
    border-top: 1px solid #1a478a;
}

.skin-friesenkrone .sidebar > .sidebar-menu > li:first-of-type > a {
    border-top: 0px solid #1a478a;
}

.skin-friesenkrone .sidebar > .sidebar-menu > li > a {
    margin-right: 1px;
}

.skin-friesenkrone .sidebar > .sidebar-menu > li > a:hover,
.skin-friesenkrone .sidebar > .sidebar-menu > li.active > a {
    color: #ffffff;
    /*background: #444;*/
}

.skin-friesenkrone .sidebar > .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #1a478a;
}

.skin-friesenkrone .sidebar > .sidebar-menu > li .treeview-menu {}

.skin-friesenkrone .sidebar > .sidebar-menu > li > .treeview-menu > li {
    border-bottom: 1px solid #1a478a;
}


/*
.skin-friesenkrone .sidebar > .sidebar-menu > li > .treeview-menu > li.active {
    background-color: #1a478a;
}
*/

.skin-friesenkrone .left-side {
    background: #ffffff;
    border-right: 5px solid #f9ba0d;
    padding-top: 60px;
}

.skin-friesenkrone .sidebar a {
    color: #eee;
}

.skin-friesenkrone .sidebar a:hover {
    text-decoration: none;
}

.skin-friesenkrone .treeview-menu > li > a {
    color: #FFF;
}

.skin-friesenkrone .treeview-menu > li.active > a,
.skin-friesenkrone .treeview-menu > li > a:hover {
    color: #ffffff;
}

.skin-friesenkrone .sidebar-form {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0px solid #555;
    margin: 10px 10px;
}

.skin-friesenkrone .sidebar-form input[type="text"],
.skin-friesenkrone .sidebar-form .btn {
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0 solid rgba(255, 255, 255, 0.1);
    height: 35px;
    outline: none;
}

.skin-friesenkrone .sidebar-form input[type="text"] {
    color: #666;
    -webkit-border-top-left-radius: 2px !important;
    -webkit-border-top-right-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -webkit-border-bottom-left-radius: 2px !important;
    -moz-border-radius-topleft: 2px !important;
    -moz-border-radius-topright: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    -moz-border-radius-bottomleft: 2px !important;
    border-top-left-radius: 2px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 2px !important;
}

.skin-friesenkrone .sidebar-form input[type="text"]:focus,
.skin-friesenkrone .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #444;
    border: 0;
}

.skin-friesenkrone .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left: 0;
}

.skin-friesenkrone .sidebar-form .btn {
    color: #999;
    -webkit-border-top-left-radius: 0 !important;
    -webkit-border-top-right-radius: 2px !important;
    -webkit-border-bottom-right-radius: 2px !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-topleft: 0 !important;
    -moz-border-radius-topright: 2px !important;
    -moz-border-radius-bottomright: 2px !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 0 !important;
    border-left: 0;
}

.skin-friesenkrone .btn-default.btn-default,
.skin-friesenkrone .btn-primary,
.skin-friesenkrone #search-form input[type="submit"] {
    color: #FFF !important;
    background-color: #f9ba0d;
    border-color: #f9ba0d;
}

.skin-friesenkrone .btn-default:hover,
.skin-friesenkrone .btn-primary:hover,
.skin-friesenkrone #search-form input[type="submit"]:hover {
    color: #FFF;
    background-color: #f9ba0d;
    border-color: #f9ba0d;
}


/*.skin-friesenkrone .btn-default {
    color: #666;
    background-color: #fafafa;
    border-color: #ddd;
}

.skin-friesenkrone .btn-default:hover {
    color: #666;
    background-color: #E8E8E8;
    border-color: #ddd;
} */

/*.skin-friesenkrone .input-group .btn-default {
    color: #666;
    background-color: #fafafa;
    border-color: #ddd;
}*/

.skin-friesenkrone .input-group .btn-default:hover {
    color: #666;
    background-color: #E8E8E8 border-color: #ddd;
}

.skin-friesenkrone .pagination > .active > a,
.skin-friesenkrone .pagination > .active > span,
.skin-friesenkrone .pagination > .active > a:hover,
.skin-friesenkrone .pagination > .active > span:hover,
.skin-friesenkrone .pagination > .active > a:focus,
.skin-friesenkrone .pagination > .active > span:focus {
    z-index: 2;
    color: #FFF;
    cursor: default;
    background-color: #1a478a;
    border-color: #1a478a;
}

.skin-friesenkrone .box.box-primary,
.skin-friesenkrone .box.box-info {
    border-top-color: #f9ba0d;
}

.skin-friesenkrone > .header .navbar .sidebar-toggle {
    float: left;
    padding: 9px 5px;
    margin-top: 43px;
    margin-right: 0;
    margin-bottom: 43px;
    margin-left: 5px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.skin-friesenkrone .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 100px;
}

.skin-friesenkrone .navbar-nav > .user-menu > .dropdown-menu > li.user-footer .btn-default {
    color: #ffffff;
}

/*
    Skin EDEKA
    --------
*/


/* skin-EDEKA navbar */

.skin-edeka {
    background-color: #FFF;
}

.skin-edeka .form-box .header {
    background-color: #ffffff;
}

.skin-edeka .form-box .btn {
    background-color: #ffffff !important;
}

.skin-edeka .navbar {
    background-color: #1561AC;
    height: 120px !important;
}

.skin-edeka .navbar .nav a {
    color: #fff;
}

.skin-edeka .navbar-nav > li > a {
    padding-bottom: 14px;
}

.skin-edeka .navbar .nav > li > a:hover,
.skin-edeka .navbar .nav > li > a:active,
.skin-edeka .navbar .nav > li > a:focus,
.skin-edeka .navbar .nav .open > a,
.skin-edeka .navbar .nav .open > a:hover,
.skin-edeka .navbar .nav .open > a:focus {
    background: #ffffff;
    color: #333;
}

.skin-edeka .navbar .navbar-right > .nav {
    margin-right: 10px;
}

.skin-edeka .navbar .sidebar-toggle .icon-bar {
    background: #fff;
}

.skin-edeka .navbar .sidebar-toggle:hover .icon-bar {
    background: #F8EC00 !important;
}


/* skin-Friesenkrone logo */

.skin-edeka .logo {
    height: 120px !important;
    line-height: 120px !important;
    background-color: #ffffff;
    color: #f9f9f9;
    border-right: 5px solid #F8EC00;
}

.skin-edeka .logo > a {
    color: #f9f9f9;
}

.skin-edeka .logo:hover {
    background: #ffffff;
}


/* skin-edeka content header */

.skin-edeka .right-side > .content-header {
    background: none repeat scroll 0% 0% #f5f5f5;
    /* #fbfbfb */
    box-shadow: none;
}

.skin-edeka .wrapper {
    margin-top: 120px !important;
}

.skin-edeka .wrapper,
.skin-edeka .right-side,
.skin-edeka .right-side .content,
.skin-edeka .right-side .content-footer {
    background-color: #FFF;
}


/* Skin-red user panel */

.skin-edeka .user-panel > .image > img {
    border: 1px solid #444;
}

.skin-edeka .user-panel > .info,
.skin-edeka .user-panel > .info > a {
    color: #eee;
}


/* skin-edeka sidebar */

.skin-edeka .sidebar {
    border-bottom: 1px solid #333;
    background-color: #1561AC;
}

.skin-edeka .sidebar > .sidebar-menu > li {
    /*border-top: 1px solid #525252;*/
    border-bottom: 0px solid #444;
    background: rgb(21, 97, 172);
    /*  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjI4NTViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%, rgba(1,74,153,1) 50%, rgba(0,57,117) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(1,74,153,1)), color-stop(50%,rgba(1,74,153,1)), color-stop(100%,rgba(0,57,117)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: radial-gradient(ellipse at center,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1561AC', endColorstr='#1561AC',GradientType=1 ); */
}

.skin-edeka .sidebar > .sidebar-menu > li.active > a {
    background: rgb(21, 97, 172);
    /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjI4NTViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%, rgba(1,74,153,1) 50%, rgba(0,57,117) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(1,74,153,1)), color-stop(50%,rgba(1,74,153,1)), color-stop(100%,rgba(0,57,117)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: radial-gradient(ellipse at center,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1561AC', endColorstr='#1561AC',GradientType=1 );*/
}

.skin-edeka .sidebar > .sidebar-menu > li > a {
    border-bottom: 1px solid #1561AC;
}

.skin-edeka .sidebar > .sidebar-menu > li:first-of-type {
    border-top: 1px solid #1561AC;
}

.skin-edeka .sidebar > .sidebar-menu > li:first-of-type > a {
    border-top: 0px solid #1561AC;
}

.skin-edeka .sidebar > .sidebar-menu > li > a {
    margin-right: 1px;
}

.skin-edeka .sidebar > .sidebar-menu > li > a:hover,
.skin-edeka .sidebar > .sidebar-menu > li.active > a {
    color: #ffffff;
    /*background: #444;*/
}

.skin-edeka .sidebar > .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #1561AC;
}

.skin-edeka .sidebar > .sidebar-menu > li .treeview-menu {}

.skin-edeka .sidebar > .sidebar-menu > li > .treeview-menu > li {
    border-bottom: 1px solid #1561AC;
}


/*
.skin-edeka .sidebar > .sidebar-menu > li > .treeview-menu > li.active {
    background-color: #1561AC;
}
*/

.skin-edeka .left-side {
    background: #ffffff;
    border-right: 5px solid #F8EC00;
    padding-top: 60px;
}

.skin-edeka .sidebar a {
    color: #eee;
}

.skin-edeka .sidebar a:hover {
    text-decoration: none;
}

.skin-edeka .treeview-menu > li > a {
    color: #FFF;
}

.skin-edeka .treeview-menu > li.active > a,
.skin-edeka .treeview-menu > li > a:hover {
    color: #ffffff;
}

.skin-edeka .sidebar-form {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0px solid #555;
    margin: 10px 10px;
}

.skin-edeka .sidebar-form input[type="text"],
.skin-edeka .sidebar-form .btn {
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0 solid rgba(255, 255, 255, 0.1);
    height: 35px;
    outline: none;
}

.skin-edeka .sidebar-form input[type="text"] {
    color: #666;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
}

.skin-edeka .sidebar-form input[type="text"]:focus,
.skin-edeka .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #444;
    border: 0;
}

.skin-edeka .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left: 0;
}

.skin-edeka .sidebar-form .btn {
    color: #999;
    -webkit-border-top-left-radius: 0 !important;
    -webkit-border-top-right-radius: 2px !important;
    -webkit-border-bottom-right-radius: 2px !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-topleft: 0 !important;
    -moz-border-radius-topright: 2px !important;
    -moz-border-radius-bottomright: 2px !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 0 !important;
    border-left: 0;
}

.skin-edeka .btn-default.btn-default,
.skin-edeka .btn-primary,
.skin-edeka #search-form input[type="submit"] {
    color: #FFF !important;
    background-color: #1561AC;
    border-color: #1561AC;
}

.skin-edeka .btn-default:hover,
.skin-edeka .btn-primary:hover,
.skin-edeka #search-form input[type="submit"]:hover {
    color: #FFF;
    background-color: #1561AC;
    border-color: #1561AC;
}


/*.skin-edeka .btn-default {
    color: #666;
    background-color: #fafafa;
    border-color: #ddd;
}

.skin-edeka .btn-default:hover {
    color: #666;
    background-color: #E8E8E8;
    border-color: #ddd;
} */

/*.skin-edeka .input-group .btn-default {
    color: #666;
    background-color: #fafafa;
    border-color: #ddd;
}*/

.skin-edeka .input-group .btn-default:hover {
    color: #666;
    background-color: #E8E8E8 border-color: #ddd;
}

.skin-edeka .pagination > .active > a,
.skin-edeka .pagination > .active > span,
.skin-edeka .pagination > .active > a:hover,
.skin-edeka .pagination > .active > span:hover,
.skin-edeka .pagination > .active > a:focus,
.skin-edeka .pagination > .active > span:focus {
    z-index: 2;
    color: #FFF;
    cursor: default;
    background-color: #1561AC;
    border-color: #1561AC;
}

.skin-edeka .box.box-primary,
.skin-edeka .box.box-info {
    border-top-color: #F8EC00;
}

.skin-edeka > .header .navbar .sidebar-toggle {
    float: left;
    padding: 9px 5px;
    margin-top: 43px;
    margin-right: 0;
    margin-bottom: 43px;
    margin-left: 5px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.skin-edeka .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 100px;
}

.skin-edeka .navbar-nav > .user-menu > .dropdown-menu > li.user-footer .btn-default {
    color: #ffffff;
}

/*
    Skin Refresco
    --------
*/


/* skin-Refresco navbar */

.skin-refresco {
    background-color: #FFF;
}

.skin-refresco .form-box .header {
    background-color: #ffffff;
}

.skin-refresco .form-box .btn {
    background-color: #ffffff !important;
}

.skin-refresco .navbar {
    background-color: #04a64a;
    height: 120px !important;
}

.skin-refresco .navbar .nav a {
    color: #fff;
}

.skin-refresco .navbar-nav > li > a {
    padding-bottom: 14px;
}

.skin-refresco .navbar .nav > li > a:hover,
.skin-refresco .navbar .nav > li > a:active,
.skin-refresco .navbar .nav > li > a:focus,
.skin-refresco .navbar .nav .open > a,
.skin-refresco .navbar .nav .open > a:hover,
.skin-refresco .navbar .nav .open > a:focus {
    background: #ffffff;
    color: #333;
}

.skin-refresco .navbar .navbar-right > .nav {
    margin-right: 10px;
}

.skin-refresco .navbar .sidebar-toggle .icon-bar {
    background: #fff;
}

.skin-refresco .navbar .sidebar-toggle:hover .icon-bar {
    background: #f49611 !important;
}


/* skin-refresco logo */

.skin-refresco .logo {
    height: 120px !important;
    line-height: 120px !important;
    background-color: #ffffff;
    color: #f9f9f9;
    border-right: 5px solid #f49611;
}

.skin-refresco .logo > a {
    color: #f9f9f9;
}

.skin-refresco .logo:hover {
    background: #ffffff;
}


/* skin-refresco content header */

.skin-refresco .right-side > .content-header {
    background: none repeat scroll 0% 0% #f5f5f5;
    /* #fbfbfb */
    box-shadow: none;
}

.skin-refresco .wrapper {
    margin-top: 120px !important;
}

.skin-refresco .wrapper,
.skin-refresco .right-side,
.skin-refresco .right-side .content,
.skin-refresco .right-side .content-footer {
    background-color: #FFF;
}


/* Skin-red user panel */

.skin-refresco .user-panel > .image > img {
    border: 1px solid #444;
}

.skin-refresco .user-panel > .info,
.skin-refresco .user-panel > .info > a {
    color: #eee;
}

.skin-refresco .form-search-filter label.btn-default.active {
    background-color: #04A64A;
    box-shadow: inset 5px 5px 50px rgba(0, 0, 0, 0);
    color: #fff;
}


/* skin-refresco sidebar */

.skin-refresco .sidebar {
    border-bottom: 1px solid #333;
    background-color: #04a64a;
}

.skin-refresco .sidebar > .sidebar-menu > li {
    /*border-top: 1px solid #525252;*/
    border-bottom: 0px solid #444;
    background: rgb(4, 166, 74);
    /*  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjI4NTViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%, rgba(1,74,153,1) 50%, rgba(0,57,117) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(1,74,153,1)), color-stop(50%,rgba(1,74,153,1)), color-stop(100%,rgba(0,57,117)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: radial-gradient(ellipse at center,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04a64a', endColorstr='#04a64a',GradientType=1 ); */
}

.skin-refresco .sidebar > .sidebar-menu > li.active > a {
    background: rgb(4, 166, 74);
    /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjI4NTViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%, rgba(1,74,153,1) 50%, rgba(0,57,117) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(1,74,153,1)), color-stop(50%,rgba(1,74,153,1)), color-stop(100%,rgba(0,57,117)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: radial-gradient(ellipse at center,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04a64a', endColorstr='#04a64a',GradientType=1 );*/
}

.skin-refresco .sidebar > .sidebar-menu > li > a {
    border-bottom: 1px solid #04a64a;
}

.skin-refresco .sidebar > .sidebar-menu > li:first-of-type {
    border-top: 1px solid #04a64a;
}

.skin-refresco .sidebar > .sidebar-menu > li:first-of-type > a {
    border-top: 0px solid #04a64a;
}

.skin-refresco .sidebar > .sidebar-menu > li > a {
    margin-right: 1px;
}

.skin-refresco .sidebar > .sidebar-menu > li > a:hover,
.skin-refresco .sidebar > .sidebar-menu > li.active > a {
    color: #ffffff;
    /*background: #444;*/
}

.skin-refresco .sidebar > .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #04a64a;
}

.skin-refresco .sidebar > .sidebar-menu > li .treeview-menu {}

.skin-refresco .sidebar > .sidebar-menu > li > .treeview-menu > li {
    border-bottom: 1px solid #04a64a;
}


/*
.skin-refresco .sidebar > .sidebar-menu > li > .treeview-menu > li.active {
    background-color: #04a64a;
}
*/

.skin-refresco .left-side {
    background: #ffffff;
    border-right: 5px solid #f49611;
    padding-top: 60px;
}

.skin-refresco .sidebar a {
    color: #eee;
}

.skin-refresco .sidebar a:hover {
    text-decoration: none;
}

.skin-refresco .treeview-menu > li > a {
    color: #FFF;
}

.skin-refresco .treeview-menu > li.active > a,
.skin-refresco .treeview-menu > li > a:hover {
    color: #ffffff;
}

.skin-refresco .sidebar-form {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0px solid #555;
    margin: 10px 10px;
}

.skin-refresco .sidebar-form input[type="text"],
.skin-refresco .sidebar-form .btn {
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0 solid rgba(255, 255, 255, 0.1);
    height: 35px;
    outline: none;
}

.skin-refresco .sidebar-form input[type="text"] {
    color: #666;
    -webkit-border-top-left-radius: 2px !important;
    -webkit-border-top-right-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -webkit-border-bottom-left-radius: 2px !important;
    -moz-border-radius-topleft: 2px !important;
    -moz-border-radius-topright: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    -moz-border-radius-bottomleft: 2px !important;
    border-top-left-radius: 2px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 2px !important;
}

.skin-refresco .sidebar-form input[type="text"]:focus,
.skin-refresco .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #444;
    border: 0;
}

.skin-refresco .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left: 0;
}

.skin-refresco .sidebar-form .btn {
    color: #999;
    -webkit-border-top-left-radius: 0 !important;
    -webkit-border-top-right-radius: 2px !important;
    -webkit-border-bottom-right-radius: 2px !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-topleft: 0 !important;
    -moz-border-radius-topright: 2px !important;
    -moz-border-radius-bottomright: 2px !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 0 !important;
    border-left: 0;
}

.skin-refresco .btn-default.btn-default,
.skin-refresco .btn-primary,
.skin-refresco #search-form input[type="submit"] {
    color: #FFF !important;
    background-color: #f49611;
    border-color: #f49611;
}

.skin-refresco .btn-default:hover,
.skin-refresco .btn-primary:hover,
.skin-refresco #search-form input[type="submit"]:hover {
    color: #FFF;
    background-color: #f49611;
    border-color: #f49611;
}


/*.skin-refresco .btn-default {
    color: #666;
    background-color: #fafafa;
    border-color: #ddd;
}

.skin-refresco .btn-default:hover {
    color: #666;
    background-color: #E8E8E8;
    border-color: #ddd;
} */

/*.skin-refresco .input-group .btn-default {
    color: #666;
    background-color: #fafafa;
    border-color: #ddd;
}*/

.skin-refresco .input-group .btn-default:hover {
    color: #666;
    background-color: #E8E8E8 border-color: #ddd;
}

.skin-refresco .pagination > .active > a,
.skin-refresco .pagination > .active > span,
.skin-refresco .pagination > .active > a:hover,
.skin-refresco .pagination > .active > span:hover,
.skin-refresco .pagination > .active > a:focus,
.skin-refresco .pagination > .active > span:focus {
    z-index: 2;
    color: #FFF;
    cursor: default;
    background-color: #04a64a;
    border-color: #04a64a;
}

.skin-refresco .box.box-primary,
.skin-refresco .box.box-info {
    border-top-color: #f49611;
}

.skin-refresco > .header .navbar .sidebar-toggle {
    float: left;
    padding: 9px 5px;
    margin-top: 43px;
    margin-right: 0;
    margin-bottom: 43px;
    margin-left: 5px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.skin-refresco .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 100px;
}

.skin-refresco .navbar-nav > .user-menu > .dropdown-menu > li.user-footer .btn-default {
    color: #ffffff;
}


/*
    Skin DMK
    --------
*/


/* skin-DMK navbar */

.skin-dmk {
    background-color: #FFF;
}

.skin-dmk .form-box .header {
    background-color: #ffffff;
}

.skin-dmk .form-box .btn {
    background-color: #ffffff !important;
}

.skin-dmk .navbar {
    background-color: #2E64A2;
    height: 120px !important;
}

.skin-dmk .navbar .nav a {
    color: #fff;
}

.skin-dmk .navbar-nav > li > a {
    padding-bottom: 14px;
}

.skin-dmk .navbar .nav > li > a:hover,
.skin-dmk .navbar .nav > li > a:active,
.skin-dmk .navbar .nav > li > a:focus,
.skin-dmk .navbar .nav .open > a,
.skin-dmk .navbar .nav .open > a:hover,
.skin-dmk .navbar .nav .open > a:focus {
    background: #ffffff;
    color: #333;
}

.skin-dmk .navbar .navbar-right > .nav {
    margin-right: 10px;
}

.skin-dmk .navbar .sidebar-toggle .icon-bar {
    background: #fff;
}

.skin-dmk .navbar .sidebar-toggle:hover .icon-bar {
    background: #96C100 !important;
}


/* skin-dmk logo */

.skin-dmk .logo {
    height: 120px !important;
    line-height: 120px !important;
    background-color: #ffffff;
    color: #f9f9f9;
    border-right: 5px solid #96C100;
}

.skin-dmk .logo > a {
    color: #f9f9f9;
}

.skin-dmk .logo:hover {
    background: #ffffff;
}


/* skin-dmk content header */

.skin-dmk .right-side > .content-header {
    background: none repeat scroll 0% 0% #f5f5f5;
    /* #fbfbfb */
    box-shadow: none;
}

.skin-dmk .wrapper {
    margin-top: 120px !important;
}

.skin-dmk .wrapper,
.skin-dmk .right-side,
.skin-dmk .right-side .content,
.skin-dmk .right-side .content-footer {
    background-color: #FFF;
}


/* Skin-red user panel */

.skin-dmk .user-panel > .image > img {
    border: 1px solid #444;
}

.skin-dmk .user-panel > .info,
.skin-dmk .user-panel > .info > a {
    color: #eee;
}


/* skin-dmk sidebar */

.skin-dmk .sidebar {
    border-bottom: 1px solid #333;
    background-color: #2E64A2;
}

.skin-dmk .sidebar > .sidebar-menu > li {
    /*border-top: 1px solid #525252;*/
    border-bottom: 0px solid #444;
    background: rgb(46, 100, 162);
    /*  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjI4NTViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%, rgba(1,74,153,1) 50%, rgba(0,57,117) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(1,74,153,1)), color-stop(50%,rgba(1,74,153,1)), color-stop(100%,rgba(0,57,117)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: radial-gradient(ellipse at center,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78b8da', endColorstr='#78b8da',GradientType=1 ); */
}

.skin-dmk .sidebar > .sidebar-menu > li.active > a {
    background: rgb(46, 100, 162);
    /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjNjllNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjI4NTViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%, rgba(1,74,153,1) 50%, rgba(0,57,117) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(1,74,153,1)), color-stop(50%,rgba(1,74,153,1)), color-stop(100%,rgba(0,57,117)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    background: radial-gradient(ellipse at center,  rgba(1,74,153,1) 0%,rgba(1,74,153,1) 50%,rgba(0,57,117) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78b8da', endColorstr='#78b8da',GradientType=1 );*/
}

.skin-dmk .sidebar > .sidebar-menu > li > a {
    border-bottom: 1px solid #2E64A2;
}

.skin-dmk .sidebar > .sidebar-menu > li:first-of-type {
    border-top: 1px solid #2E64A2;
}

.skin-dmk .sidebar > .sidebar-menu > li:first-of-type > a {
    border-top: 0px solid #2E64A2;
}

.skin-dmk .sidebar > .sidebar-menu > li > a {
    margin-right: 1px;
}

.skin-dmk .sidebar > .sidebar-menu > li > a:hover,
.skin-dmk .sidebar > .sidebar-menu > li.active > a {
    color: #ffffff;
    font-weight: bold;
    /*background: #444;*/
}

.skin-dmk .sidebar > .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2E64A2;
}

.skin-dmk .sidebar > .sidebar-menu > li .treeview-menu {}

.skin-dmk .sidebar > .sidebar-menu > li > .treeview-menu > li {
    border-bottom: 1px solid #2E64A2;
}


/*
.skin-dmk .sidebar > .sidebar-menu > li > .treeview-menu > li.active {
    background-color: #78b8da;
}
*/

.skin-dmk .left-side {
    background: #ffffff;
    border-right: 5px solid #96C100;
    padding-top: 60px;
}

.skin-dmk .sidebar a {
    color: #eee;
}

.skin-dmk .sidebar a:hover {
    text-decoration: none;
}

.skin-dmk .treeview-menu > li > a {
    color: #FFF;
}

.skin-dmk .treeview-menu > li.active > a,
.skin-dmk .treeview-menu > li > a:hover {
    color: #ffffff;
    font-weight: bold;
}

.skin-dmk .sidebar-form {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0px solid #555;
    margin: 10px 10px;
}

.skin-dmk .sidebar-form input[type="text"],
.skin-dmk .sidebar-form .btn {
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0 solid rgba(255, 255, 255, 0.1);
    height: 35px;
    outline: none;
}

.skin-dmk .sidebar-form input[type="text"] {
    color: #666;
    -webkit-border-top-left-radius: 2px !important;
    -webkit-border-top-right-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -webkit-border-bottom-left-radius: 2px !important;
    -moz-border-radius-topleft: 2px !important;
    -moz-border-radius-topright: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    -moz-border-radius-bottomleft: 2px !important;
    border-top-left-radius: 2px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 2px !important;
}

.skin-dmk .sidebar-form input[type="text"]:focus,
.skin-dmk .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #444;
    border: 0;
}

.skin-dmk .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left: 0;
}

.skin-dmk .sidebar-form .btn {
    color: #999;
    -webkit-border-top-left-radius: 0 !important;
    -webkit-border-top-right-radius: 2px !important;
    -webkit-border-bottom-right-radius: 2px !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-topleft: 0 !important;
    -moz-border-radius-topright: 2px !important;
    -moz-border-radius-bottomright: 2px !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 0 !important;
    border-left: 0;
}

.skin-dmk .btn-default.btn-default,
.skin-dmk .btn-primary,
.skin-dmk #search-form input[type="submit"] {
    color: #FFF !important;
    background-color: #96C100;
    border-color: #96C100;
}

.skin-dmk .btn-default:hover,
.skin-dmk .btn-primary:hover,
.skin-dmk #search-form input[type="submit"]:hover {
    color: #FFF;
    background-color: #96C100;
    border-color: #96C100;
}


/*.skin-dmk .btn-default {
    color: #666;
    background-color: #fafafa;
    border-color: #ddd;
}

.skin-dmk .btn-default:hover {
    color: #666;
    background-color: #E8E8E8;
    border-color: #ddd;
} */

/*.skin-dmk .input-group .btn-default {
    color: #666;
    background-color: #fafafa;
    border-color: #ddd;
}*/

.skin-dmk .input-group .btn-default:hover {
    color: #666;
    background-color: #E8E8E8 border-color: #ddd;
}

.skin-dmk .pagination > .active > a,
.skin-dmk .pagination > .active > span,
.skin-dmk .pagination > .active > a:hover,
.skin-dmk .pagination > .active > span:hover,
.skin-dmk .pagination > .active > a:focus,
.skin-dmk .pagination > .active > span:focus {
    z-index: 2;
    color: #FFF;
    cursor: default;
    background-color: #2E64A2;
    border-color: #2E64A2;
}

.skin-dmk .box.box-primary,
.skin-dmk .box.box-info {
    border-top-color: #96C100;
}

.skin-dmk > .header .navbar .sidebar-toggle {
    float: left;
    padding: 9px 5px;
    margin-top: 43px;
    margin-right: 0;
    margin-bottom: 43px;
    margin-left: 5px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.skin-dmk .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 100px;
}

.skin-dmk .navbar-nav > .user-menu > .dropdown-menu > li.user-footer .btn-default {
    color: #ffffff;
}

/*
    Skin Popp
    --------
*/


/* skin-popp navbar */

.skin-popp .navbar {
    background-color: #48494B;
    height: 120px !important;
    border-bottom: 1px solid #101010;
}

.skin-popp .navbar .nav a {
    color: #fff;
}

.skin-popp .navbar .nav > li > a:hover,
.skin-popp .navbar .nav > li > a:active,
.skin-popp .navbar .nav > li > a:focus,
.skin-popp .navbar .nav .open > a,
.skin-popp .navbar .nav .open > a:hover,
.skin-popp .navbar .nav .open > a:focus {
    background: #ffffff;
    color: #333;
}

.skin-popp .navbar .navbar-right > .nav {
    margin-right: 10px;
}

.skin-popp .navbar .sidebar-toggle .icon-bar {
    background: #fff;
}

.skin-popp .navbar .sidebar-toggle:hover .icon-bar {
    background: #98BF0F !important;
}


/* skin-popp logo */

.skin-popp .logo {
    height: 120px !important;
    line-height: 120px !important;
    background-color: white;
    color: #f9f9f9;
}

.skin-popp .logo > a {
    color: #f9f9f9;
}


/* skin-popp content header */

.skin-popp .wrapper {
    margin-top: 120px !important;
}

.skin-popp .right-side > .content-header {
    background: none repeat scroll 0% 0% #E6E6E6;
    /* #fbfbfb */
    box-shadow: none;
    border-bottom: 1px solid #D6D6D6;
}


/* Skin-red user panel */

.skin-popp .user-panel > .image > img {
    border: 1px solid #444;
}

.skin-popp .user-panel > .info,
.skin-popp .user-panel > .info > a {
    color: #eee;
}


/* skin-popp sidebar */

.skin-popp .sidebar {
    border-bottom: 1px solid #333;
}

.skin-popp .sidebar > .sidebar-menu > li {
    border-top: 1px solid #525252;
    border-bottom: 0px solid #444;
    background: #333333;
    /* Old browsers */
    background: -moz-linear-gradient(top, #333333 0%, #333333 50%, #262626 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(50%, #333333), color-stop(100%, #262626));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #333333 0%, #333333 50%, #262626 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #333333 0%, #333333 50%, #262626 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #333333 0%, #333333 50%, #262626 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #333333 0%, #333333 50%, #262626 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#262626', GradientType=0);
    /* IE6-9 */
}

.skin-popp .sidebar > .sidebar-menu > li.active > a {
    background: #333333;
    /* Old browsers */
    background: -moz-linear-gradient(top, #333333 0%, #333333 50%, #262626 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(50%, #333333), color-stop(100%, #262626));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #333333 0%, #333333 50%, #262626 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #333333 0%, #333333 50%, #262626 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #333333 0%, #333333 50%, #262626 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #333333 0%, #333333 50%, #262626 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#262626', GradientType=0);
    /* IE6-9 */
}

.skin-popp .sidebar > .sidebar-menu > li > a {
    border-bottom: 1px solid #1F1F1F;
}

.skin-popp .sidebar > .sidebar-menu > li:first-of-type {
    border-top: 1px solid #444;
}

.skin-popp .sidebar > .sidebar-menu > li:first-of-type > a {
    border-top: 0px solid #333;
}

.skin-popp .sidebar > .sidebar-menu > li > a {
    margin-right: 1px;
}

.skin-popp .sidebar > .sidebar-menu > li > a:hover,
.skin-popp .sidebar > .sidebar-menu > li.active > a {
    color: #ffffff;
    font-weight: bold;
}

.skin-popp .sidebar > .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #555;
}

.skin-popp .sidebar > .sidebar-menu > li .treeview-menu {}

.skin-popp .sidebar > .sidebar-menu > li > .treeview-menu > li {
    border-bottom: 1px solid #424242;
}

.skin-popp .left-side {
    background: #333;
    top: 120px;
}

.skin-popp .sidebar a {
    color: #eee;
}

.skin-popp .sidebar a:hover {
    text-decoration: none;
}

.skin-popp .treeview-menu > li > a {
    color: #ccc;
}

.skin-popp .treeview-menu > li.active > a,
.skin-popp .treeview-menu > li > a:hover {
    color: #ffffff;
    font-weight: bold;
}

.skin-popp .sidebar-form {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0px solid #555;
    margin: 10px 10px;
}

.skin-popp .sidebar-form input[type="text"],
.skin-popp .sidebar-form .btn {
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0 solid rgba(255, 255, 255, 0.1);
    height: 35px;
    outline: none;
}

.skin-popp .sidebar-form input[type="text"] {
    color: #666;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
}

.skin-popp .sidebar-form input[type="text"]:focus,
.skin-popp .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #444;
    border: 0;
}

.skin-popp .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left: 0;
}

.skin-popp .sidebar-form .btn {
    color: #999;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    border-left: 0;
}

/*.skin-popp .btn-entersektion {
    margin-top: 0px;
    float: right;
    background-color: #E20018;
    color: #FFF;
    border-radius: 50%;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
}*/

.skin-popp .btn-primary {
    color: #FFF;
    background-color: #E20018;
    border-color: #E20018;
}

.skin-popp .btn-primary:hover {
    color: #FFF;
    background-color: #E20018;
    border-color: #7A9522;
}

.skin-popp .btn-default {
    color: #666;
    background-color: #fafafa;
    border-color: #ddd;
}

.skin-popp .btn-default:hover {
    color: #666;
    background-color: #E8E8E8;
    border-color: #ddd;
}

.skin-popp .input-group .btn-default {
    color: #666;
    background-color: #fafafa;
    border-color: #ddd;
}

.skin-popp .input-group .btn-default:hover {
    color: #666;
    background-color: #E8E8E8 border-color: #ddd;
}

.skin-popp #search-form input[type="submit"] {
    color: #FFF;
    background-color: #E20018;
    border-color: #E20018;
}

.skin-popp #search-form input[type="submit"]:hover {
    color: #FFF;
    background-color: #E20018;
    border-color: #7A9522;
}

.skin-popp .pagination > .active > a,
.skin-popp .pagination > .active > span,
.skin-popp .pagination > .active > a:hover,
.skin-popp .pagination > .active > span:hover,
.skin-popp .pagination > .active > a:focus,
.skin-popp .pagination > .active > span:focus {
    z-index: 2;
    color: #FFF;
    cursor: default;
    background-color: #E20018;
    border-color: #E20018;
}

.skin-popp > .header .navbar .sidebar-toggle {
    float: left;
    padding: 9px 5px;
    margin: 43px 0 43px 5px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.skin-popp .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 100px;
}

.skin-popp .box.box-primary {
    border-top-color: #E20018;
}

.skin-popp .box.box-info {
    border-top-color: #E20018;
}

/*!
 * iCheck v1.0.1, http://git.io/arlzeA
 * =================================
 * Powerful jQuery and Zepto plugin for checkboxes and radio buttons customization
 *
 * (c) 2013 Damir Sultanov, http://fronteed.com
 * MIT Licensed
 */


/* iCheck plugin Minimal skin, black
----------------------------------- */

.icheckbox_minimal,
.iradio_minimal {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: rgba(255, 255, 255, 0.7) url(iCheck/minimal/minimal.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal {
    background-position: 0 0;
}

.icheckbox_minimal.hover {
    background-position: -20px 0;
}

.icheckbox_minimal.checked {
    background-position: -40px 0;
}

.icheckbox_minimal.disabled {
    background-position: -60px 0;
    cursor: default;
}

.icheckbox_minimal.checked.disabled {
    background-position: -80px 0;
}

.iradio_minimal {
    background-position: -100px 0;
}

.iradio_minimal.hover {
    background-position: -120px 0;
}

.iradio_minimal.checked {
    background-position: -140px 0;
}

.iradio_minimal.disabled {
    background-position: -160px 0;
    cursor: default;
}

.iradio_minimal.checked.disabled {
    background-position: -180px 0;
}


/* Retina support */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_minimal,
    .iradio_minimal {
        background-image: url('iCheck/minimal/minimal@2x.png');
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}

.pace .pace-progress {
    background: #00c0ef;
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    height: 2px;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
}

.pace-inactive {
    display: none;
}


/*
 * Social Buttons for Bootstrap
 *
 * Copyright 2013-2014 Panayiotis Lipiridis
 * Licensed under the MIT License
 *
 * https://github.com/lipis/bootstrap-social
 *
 * Note: this file has been altered to work correctly with AdminLTE
 */

.btn-social {
    position: relative;
    padding-left: 44px !important;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-social:first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px !important;
    line-height: 34px !important;
    font-size: 1.6em!important;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.btn-social.btn-lg {
    padding-left: 60px !important;
}

.btn-social.btn-lg:first-child {
    line-height: 45px;
    width: 45px;
    font-size: 1.8em;
}

.btn-social.btn-sm {
    padding-left: 38px !important;
}

.btn-social.btn-sm:first-child {
    line-height: 28px;
    width: 28px;
    font-size: 1.4em;
}

.btn-social.btn-xs {
    padding-left: 30px !important;
}

.btn-social.btn-xs:first-child {
    line-height: 20px;
    width: 20px;
    font-size: 1.2em;
}

.btn-social-icon {
    position: relative;
    padding-left: 44px !important;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 34px;
    width: 34px;
    padding: 0;
}

.btn-social-icon:first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px !important;
    line-height: 34px !important;
    font-size: 1.6em!important;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.btn-social-icon.btn-lg {
    padding-left: 60px !important;
}

.btn-social-icon.btn-lg:first-child {
    line-height: 45px;
    width: 45px;
    font-size: 1.8em;
}

.btn-social-icon.btn-sm {
    padding-left: 38px !important;
}

.btn-social-icon.btn-sm:first-child {
    line-height: 28px;
    width: 28px;
    font-size: 1.4em;
}

.btn-social-icon.btn-xs {
    padding-left: 30px !important;
}

.btn-social-icon.btn-xs:first-child {
    line-height: 20px;
    width: 20px;
    font-size: 1.2em;
}

.btn-social-icon:first-child {
    border: none;
    text-align: center;
    width: 100%!important;
}

.btn-social-icon.btn-lg {
    height: 45px;
    width: 45px;
    padding-left: 0;
    padding-right: 0;
}

.btn-social-icon.btn-sm {
    height: 30px;
    width: 30px;
    padding-left: 0;
    padding-right: 0;
}

.btn-social-icon.btn-xs {
    height: 22px;
    width: 22px;
    padding-left: 0;
    padding-right: 0;
}

.btn-bitbucket {
    color: #ffffff;
    background-color: #205081;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket:hover,
.btn-bitbucket:focus,
.btn-bitbucket:active,
.btn-bitbucket.active,
.open .dropdown-toggle.btn-bitbucket {
    color: #ffffff;
    background-color: #183c60;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket:active,
.btn-bitbucket.active,
.open .dropdown-toggle.btn-bitbucket {
    background-image: none;
}

.btn-bitbucket.disabled,
.btn-bitbucket[disabled],
fieldset[disabled] .btn-bitbucket,
.btn-bitbucket.disabled:hover,
.btn-bitbucket[disabled]:hover,
fieldset[disabled] .btn-bitbucket:hover,
.btn-bitbucket.disabled:focus,
.btn-bitbucket[disabled]:focus,
fieldset[disabled] .btn-bitbucket:focus,
.btn-bitbucket.disabled:active,
.btn-bitbucket[disabled]:active,
fieldset[disabled] .btn-bitbucket:active,
.btn-bitbucket.disabled.active,
.btn-bitbucket[disabled].active,
fieldset[disabled] .btn-bitbucket.active {
    background-color: #205081;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket .badge {
    color: #205081;
    background-color: #ffffff;
}

.btn-dropbox {
    color: #ffffff;
    background-color: #1087dd;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox:hover,
.btn-dropbox:focus,
.btn-dropbox:active,
.btn-dropbox.active,
.open .dropdown-toggle.btn-dropbox {
    color: #ffffff;
    background-color: #0d70b7;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox:active,
.btn-dropbox.active,
.open .dropdown-toggle.btn-dropbox {
    background-image: none;
}

.btn-dropbox.disabled,
.btn-dropbox[disabled],
fieldset[disabled] .btn-dropbox,
.btn-dropbox.disabled:hover,
.btn-dropbox[disabled]:hover,
fieldset[disabled] .btn-dropbox:hover,
.btn-dropbox.disabled:focus,
.btn-dropbox[disabled]:focus,
fieldset[disabled] .btn-dropbox:focus,
.btn-dropbox.disabled:active,
.btn-dropbox[disabled]:active,
fieldset[disabled] .btn-dropbox:active,
.btn-dropbox.disabled.active,
.btn-dropbox[disabled].active,
fieldset[disabled] .btn-dropbox.active {
    background-color: #1087dd;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox .badge {
    color: #1087dd;
    background-color: #ffffff;
}

.btn-facebook {
    color: #ffffff;
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
    color: #ffffff;
    background-color: #30487b;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
    background-image: none;
}

.btn-facebook.disabled,
.btn-facebook[disabled],
fieldset[disabled] .btn-facebook,
.btn-facebook.disabled:hover,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook:hover,
.btn-facebook.disabled:focus,
.btn-facebook[disabled]:focus,
fieldset[disabled] .btn-facebook:focus,
.btn-facebook.disabled:active,
.btn-facebook[disabled]:active,
fieldset[disabled] .btn-facebook:active,
.btn-facebook.disabled.active,
.btn-facebook[disabled].active,
fieldset[disabled] .btn-facebook.active {
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook .badge {
    color: #3b5998;
    background-color: #ffffff;
}

.btn-flickr {
    color: #ffffff;
    background-color: #ff0084;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr:hover,
.btn-flickr:focus,
.btn-flickr:active,
.btn-flickr.active,
.open .dropdown-toggle.btn-flickr {
    color: #ffffff;
    background-color: #d6006f;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr:active,
.btn-flickr.active,
.open .dropdown-toggle.btn-flickr {
    background-image: none;
}

.btn-flickr.disabled,
.btn-flickr[disabled],
fieldset[disabled] .btn-flickr,
.btn-flickr.disabled:hover,
.btn-flickr[disabled]:hover,
fieldset[disabled] .btn-flickr:hover,
.btn-flickr.disabled:focus,
.btn-flickr[disabled]:focus,
fieldset[disabled] .btn-flickr:focus,
.btn-flickr.disabled:active,
.btn-flickr[disabled]:active,
fieldset[disabled] .btn-flickr:active,
.btn-flickr.disabled.active,
.btn-flickr[disabled].active,
fieldset[disabled] .btn-flickr.active {
    background-color: #ff0084;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr .badge {
    color: #ff0084;
    background-color: #ffffff;
}

.btn-foursquare {
    color: #ffffff;
    background-color: #0072b1;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare:hover,
.btn-foursquare:focus,
.btn-foursquare:active,
.btn-foursquare.active,
.open .dropdown-toggle.btn-foursquare {
    color: #ffffff;
    background-color: #005888;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare:active,
.btn-foursquare.active,
.open .dropdown-toggle.btn-foursquare {
    background-image: none;
}

.btn-foursquare.disabled,
.btn-foursquare[disabled],
fieldset[disabled] .btn-foursquare,
.btn-foursquare.disabled:hover,
.btn-foursquare[disabled]:hover,
fieldset[disabled] .btn-foursquare:hover,
.btn-foursquare.disabled:focus,
.btn-foursquare[disabled]:focus,
fieldset[disabled] .btn-foursquare:focus,
.btn-foursquare.disabled:active,
.btn-foursquare[disabled]:active,
fieldset[disabled] .btn-foursquare:active,
.btn-foursquare.disabled.active,
.btn-foursquare[disabled].active,
fieldset[disabled] .btn-foursquare.active {
    background-color: #0072b1;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare .badge {
    color: #0072b1;
    background-color: #ffffff;
}

.btn-github {
    color: #ffffff;
    background-color: #444444;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-github:hover,
.btn-github:focus,
.btn-github:active,
.btn-github.active,
.open .dropdown-toggle.btn-github {
    color: #ffffff;
    background-color: #303030;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-github:active,
.btn-github.active,
.open .dropdown-toggle.btn-github {
    background-image: none;
}

.btn-github.disabled,
.btn-github[disabled],
fieldset[disabled] .btn-github,
.btn-github.disabled:hover,
.btn-github[disabled]:hover,
fieldset[disabled] .btn-github:hover,
.btn-github.disabled:focus,
.btn-github[disabled]:focus,
fieldset[disabled] .btn-github:focus,
.btn-github.disabled:active,
.btn-github[disabled]:active,
fieldset[disabled] .btn-github:active,
.btn-github.disabled.active,
.btn-github[disabled].active,
fieldset[disabled] .btn-github.active {
    background-color: #444444;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-github .badge {
    color: #444444;
    background-color: #ffffff;
}

.btn-google-plus {
    color: #ffffff;
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active,
.btn-google-plus.active,
.open .dropdown-toggle.btn-google-plus {
    color: #ffffff;
    background-color: #ca3523;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-google-plus:active,
.btn-google-plus.active,
.open .dropdown-toggle.btn-google-plus {
    background-image: none;
}

.btn-google-plus.disabled,
.btn-google-plus[disabled],
fieldset[disabled] .btn-google-plus,
.btn-google-plus.disabled:hover,
.btn-google-plus[disabled]:hover,
fieldset[disabled] .btn-google-plus:hover,
.btn-google-plus.disabled:focus,
.btn-google-plus[disabled]:focus,
fieldset[disabled] .btn-google-plus:focus,
.btn-google-plus.disabled:active,
.btn-google-plus[disabled]:active,
fieldset[disabled] .btn-google-plus:active,
.btn-google-plus.disabled.active,
.btn-google-plus[disabled].active,
fieldset[disabled] .btn-google-plus.active {
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-google-plus .badge {
    color: #dd4b39;
    background-color: #ffffff;
}

.btn-instagram {
    color: #ffffff;
    background-color: #3f729b;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram:hover,
.btn-instagram:focus,
.btn-instagram:active,
.btn-instagram.active,
.open .dropdown-toggle.btn-instagram {
    color: #ffffff;
    background-color: #335d7e;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram:active,
.btn-instagram.active,
.open .dropdown-toggle.btn-instagram {
    background-image: none;
}

.btn-instagram.disabled,
.btn-instagram[disabled],
fieldset[disabled] .btn-instagram,
.btn-instagram.disabled:hover,
.btn-instagram[disabled]:hover,
fieldset[disabled] .btn-instagram:hover,
.btn-instagram.disabled:focus,
.btn-instagram[disabled]:focus,
fieldset[disabled] .btn-instagram:focus,
.btn-instagram.disabled:active,
.btn-instagram[disabled]:active,
fieldset[disabled] .btn-instagram:active,
.btn-instagram.disabled.active,
.btn-instagram[disabled].active,
fieldset[disabled] .btn-instagram.active {
    background-color: #3f729b;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram .badge {
    color: #3f729b;
    background-color: #ffffff;
}

.btn-linkedin {
    color: #ffffff;
    background-color: #007bb6;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.open .dropdown-toggle.btn-linkedin {
    color: #ffffff;
    background-color: #005f8d;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin:active,
.btn-linkedin.active,
.open .dropdown-toggle.btn-linkedin {
    background-image: none;
}

.btn-linkedin.disabled,
.btn-linkedin[disabled],
fieldset[disabled] .btn-linkedin,
.btn-linkedin.disabled:hover,
.btn-linkedin[disabled]:hover,
fieldset[disabled] .btn-linkedin:hover,
.btn-linkedin.disabled:focus,
.btn-linkedin[disabled]:focus,
fieldset[disabled] .btn-linkedin:focus,
.btn-linkedin.disabled:active,
.btn-linkedin[disabled]:active,
fieldset[disabled] .btn-linkedin:active,
.btn-linkedin.disabled.active,
.btn-linkedin[disabled].active,
fieldset[disabled] .btn-linkedin.active {
    background-color: #007bb6;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin .badge {
    color: #007bb6;
    background-color: #ffffff;
}

.btn-tumblr {
    color: #ffffff;
    background-color: #2c4762;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr:hover,
.btn-tumblr:focus,
.btn-tumblr:active,
.btn-tumblr.active,
.open .dropdown-toggle.btn-tumblr {
    color: #ffffff;
    background-color: #1f3346;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr:active,
.btn-tumblr.active,
.open .dropdown-toggle.btn-tumblr {
    background-image: none;
}

.btn-tumblr.disabled,
.btn-tumblr[disabled],
fieldset[disabled] .btn-tumblr,
.btn-tumblr.disabled:hover,
.btn-tumblr[disabled]:hover,
fieldset[disabled] .btn-tumblr:hover,
.btn-tumblr.disabled:focus,
.btn-tumblr[disabled]:focus,
fieldset[disabled] .btn-tumblr:focus,
.btn-tumblr.disabled:active,
.btn-tumblr[disabled]:active,
fieldset[disabled] .btn-tumblr:active,
.btn-tumblr.disabled.active,
.btn-tumblr[disabled].active,
fieldset[disabled] .btn-tumblr.active {
    background-color: #2c4762;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr .badge {
    color: #2c4762;
    background-color: #ffffff;
}

.btn-twitter {
    color: #ffffff;
    background-color: #55acee;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
    color: #ffffff;
    background-color: #309aea;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
    background-image: none;
}

.btn-twitter.disabled,
.btn-twitter[disabled],
fieldset[disabled] .btn-twitter,
.btn-twitter.disabled:hover,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter:hover,
.btn-twitter.disabled:focus,
.btn-twitter[disabled]:focus,
fieldset[disabled] .btn-twitter:focus,
.btn-twitter.disabled:active,
.btn-twitter[disabled]:active,
fieldset[disabled] .btn-twitter:active,
.btn-twitter.disabled.active,
.btn-twitter[disabled].active,
fieldset[disabled] .btn-twitter.active {
    background-color: #55acee;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter .badge {
    color: #55acee;
    background-color: #ffffff;
}

.btn-vk {
    color: #ffffff;
    background-color: #587ea3;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk:hover,
.btn-vk:focus,
.btn-vk:active,
.btn-vk.active,
.open .dropdown-toggle.btn-vk {
    color: #ffffff;
    background-color: #4a6a89;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk:active,
.btn-vk.active,
.open .dropdown-toggle.btn-vk {
    background-image: none;
}

.btn-vk.disabled,
.btn-vk[disabled],
fieldset[disabled] .btn-vk,
.btn-vk.disabled:hover,
.btn-vk[disabled]:hover,
fieldset[disabled] .btn-vk:hover,
.btn-vk.disabled:focus,
.btn-vk[disabled]:focus,
fieldset[disabled] .btn-vk:focus,
.btn-vk.disabled:active,
.btn-vk[disabled]:active,
fieldset[disabled] .btn-vk:active,
.btn-vk.disabled.active,
.btn-vk[disabled].active,
fieldset[disabled] .btn-vk.active {
    background-color: #587ea3;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk .badge {
    color: #587ea3;
    background-color: #ffffff;
}


/* DataTables Overrides */

td.month-val.price-changed-up {
    background-color: #00B050;
}

td.month-val.price-changed-down {
    background-color: #FF0000;
}

td.month-val.price-changed-undefined {
    background-color: #ff851b;
}



table td {
    vertical-align: middle !important;
    font-size: 14px;
}


/* Forms */

span.field-required {
    color: red;
    margin-left: 2px;
}

span.form-required {
    color: red;
    margin-left: 10px;
}

#page-wrapper form img.nav-lang-icon {
    margin: 0px 0px 2px 0px;
}


/* Artikel */

button.add-select-extra-checklist,
button.add-select {
    margin-top: 15px;
}


/* Artikelliste */

#table-articles .status_box {
    width: 120px;
    vertical-align: middle;
}

#table-articles .status_box .checkbox-label {
    display: inline-block;
    width: 18px;
    margin-right: 2px;
    font-size: 12px;
    vertical-align: middle;
    text-align: right;
    height: 25px;
}



/* Widgets */

.dashboard-ajax .box .box-body ul.more-items > li.more-item {
    display: none;
}

.widget-trader-choose {
    margin-left: 10px !important;
}


/* Custom Styles */

:focus {
    outline: none !important;
}

::-moz-focus-inner {
    border: 0 !important;
}

a:active {
    outline: none !important;
}

.font-weight-normal {
    font-weight: normal !important;
}

.print-only {
    display: none;
}

.show_never {
    display: none;
}

.list-unstyled2 {
    text-align: initial;
    padding-left: 15px;
    list-style: none;
}

.tableFloatingHeaderOriginal {
    background-color: #fff;
    z-index: 999 !important;
}

.FixedHeader_Header {}


/* btn-group */

.btn-group .dropdown-submenu {
    position: relative;
}

.btn-group .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

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

.btn-group .dropdown-submenu > a {
    padding: 3px 12px;
}

.btn-group .dropdown-submenu > a .fa {
    margin-right: 0px;
}

.btn-group .dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.btn-group .dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

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

.btn-group .dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


/* Listungen je Lieferant */

.table.filter-ev th.stats-row-konzern,
.table.filter-ev td.stats-row-konzern {
    display: none;
}

.table.filter-konzern th.stats-row-ev,
.table.filter-konzern td.stats-row-ev {
    display: none;
}


/* Screening */

.table .screeninggruppe > div {
    font-size: 24px;
    /*
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    */
    /*
    writing-mode: lr-tb;
    -webkit-writing-mode: lr-tb;
    -moz-writing-mode: lr-tb;
    -o-writing-mode: lr-tb;
    -ms-writing-mode: lr-tb;
    */
    white-space: nowrap;
}

.table .screeninggruppe.even {
    background-color: #E4E4E4;
}

.table .screeninggruppe.odd {
    background-color: #F8F8F8;
}

.table .screeninggruppe .screeninggruppe-pdf {
    display: none;
}

.table.table-stats-screening td.screening-item {
    width: 175px;
    min-width: 175px;
    border-left: 1px solid #E8E8E8;
}

.table.table-stats-screening .thumb {
    max-width: 175px !important;
}


/* Screening Mischkarton */

.table.table-stats-screening-mischkarton .screeninggruppe {
    vertical-align: middle;
    max-width: 200px;
}

.table.table-stats-screening-mischkarton .screeninggruppe > div {
    font-size: 16px;
    font-weight: bold;
    white-space: normal;
}

.table.table-stats-screening-mischkarton .screening-mischkarton-more-table {
    font-size: 85%;
}

.table.table-stats-screening-mischkarton .screening-mischkarton-more-table tr > td {
    border-bottom: 1px solid #E8E8E8 !important;
}

.table.table-stats-screening-mischkarton .screening-mischkarton-more-table tr:last-child > td {
    border-bottom: 0px solid #E8E8E8 !important;
}

.table.table-stats-screening-mischkarton .screening-mischkarton-more-table > div {
    padding-bottom: 3px;
    border-bottom: 1px solid #E8E8E8 !important;
}

.table.table-stats-screening-mischkarton .screening-mischkarton-more-table > div:last-child {
    padding-bottom: 0px;
    border-bottom: 0px solid #E8E8E8 !important;
}

table#table-stats tr.not_found {
    background-color: #FFC0Cb;
}

.box-filter {}

.box-filter .form-inline .select2-container--bootstrap,
.box-info .form-inline .select2-container--bootstrap,
#search-form .select2-container--bootstrap,
#search-form .select2-container--default,
#stats-form .select2-container--bootstrap {
    display: block;
    border-radius: 0px !important;
    webkit-border-radius: 0px !important;
    moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
}

.box-filter .form-inline .select2-container.form-control,
.box-info .form-inline .select2-container.form-control,
#search-form .select2-container.form-control,
#stats-form .select2-container.form-control {
    display: block !important;
}

.select2-container--bootstrap .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0px !important;
    webkit-border-radius: 0px !important;
    moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    color: #555555;
    font-size: 14px;
    outline: 0;
}

.select2-container--bootstrap .select2-results__option[aria-selected="true"] {
    background-color: #96de9e !important;
    color: #1a478a;
}

/*.form-group div > .select2-container {
    float: left;
}*/

.box-body-controls {
    background-color: #fff;
    padding: 10px 0px 10px 0px;
}

#table-stats_wrapper > .row {
    /*
    margin-left: 0px !important;
    margin-right: 0px !important;
  */
}

.popover-divider {
    height: 20px;
}

.cpointer {
    cursor: pointer;
}

.btngrp-btn {
    background: none repeat scroll 0% 0% transparent;
    border: medium none;
    display: inline-block;
    padding: 6px 12px;
    width: 100%;
    text-align: left;
    color: black;
}

.btngrp-btn:disabled {
    color: lightgray;
}

.btngrp-btn:hover {
    color: #666;
    background-color: #E8E8E8;
    border-color: #DDD;
}

.btngrp {
    min-width: 200px;
}

.btngrp li:hover {
    color: #666;
    background-color: #E8E8E8;
    border-color: #DDD;
}

.btngrp-btn-del {
    width: 70%;
}

.btn-group .btn-del {
    margin: 5px 5px 5px 5px;
    float: right;
    clear: right;
}

.percent-container {
    display: inline-block;
    width: 50px;
}

#sidebar-menu .fa.pull-right.fa-angle-left,
#sidebar-menu .fa.pull-right.fa-angle-down {
    margin-top: 3px !important;
}

.box-notopborder {
    border-top: none !important;
}

.valigntop {
    vertical-align: top !important;
}

.bold {
    font-weight: bold;
}

.thumbnail > .disabled-inner > img {
    display: block;
    height: auto;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.disabled-block:before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: center;
    filter: alpha(opacity=50);
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    z-index: 20;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}

.disabled-inner {
    background-color: rgba(220, 220, 220, .6);
}


table.DTFC_Cloned {
    margin-top: 7px !important;
    border-right: 2px solid #DDDDDD;
}

.DTFC_LeftHeadWrapper {
    top: -1px !important;
}

.table-big-data {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 1px solid #DDD;
}

.helptitle {
    margin-left: 10px;
    color: #999;
    font-weight: normal !important;
}

.select2-choices {
    min-height: 200px;
    max-height: 200px;
    overflow-y: auto;
    overflow: auto !important;
}

.select2-selection__rendered {
    max-height: 200px;
    overflow-y: auto;
    overflow: auto !important;
    overflow-x: hidden !important;
    padding: 0;
}

.content-footer-info {
    position: relative;
    bottom: 0px;
    padding: 5px 15px;
}


.isloading-overlay .isloading-wrapper {
    background: none repeat scroll 0% 0% padding-box #FFF;
    border-radius: 7px;
    display: inline-block;
    margin: 0px auto;
    padding: 10px 20px;
    top: 50%;
    margin-top: -50px;
    z-index: 9000;
}

.isloading-overlay {
    position: relative;
    text-align: center;
    height: 100% !important;
}

.isloading-overlay > .isloading-overlay {
    height: auto !important;
}

.actbuttons {
    min-width: 120px;
    text-align: right;
}

.actbuttons > button {
    margin-left: 3px;
}

.actbuttons > a.btn {
    margin-left: 3px;
}

.spacer {
    width: 10px;
    display: inline-block;
}

#table-sites div.bull {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
}

body > div.popover {
    z-index: 9999 !important;
}

.btn-group.bootstrap-select {
    float: none !important;
}

#mischkarton_sum_field {
    min-width: 150px;
}

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="span"] {
    margin-bottom: 0px !important;
}

.select-list,
.select-list-extra,
.select-list-extra-checklist {
    margin-bottom: 15px;
}

.nav-tabs-custom .form-group:last-child,
.nav-tabs-custom .form-group:last-child,
.nav-tabs-custom .form-group:last-child {
    margin-bottom: 0px;
}

.select-list:nth-last-child(2),
.select-list-extra:nth-last-child(2),
.select-list-extra-checklist:nth-last-child(2) {
    margin-bottom: 0px;
}

.saved-selects-extra-checklist .input-group label {
    display: block;
}

.saved-selects-extra-checklist .input-group label:first-of-type {
    margin-top: 10px;
}

.mw100 {
    max-width: 100px;
}

.mw200 {
    max-width: 200px;
}

.mw300 {
    max-width: 300px;
}

.minheight50 {
    min-height: 50px;
}

.minheight60 {
    min-height: 60px;
}

.minheight100 {
    min-height: 100px;
}

.minheight125 {
    min-height: 125px;
}

.minheight150 {
    min-height: 150px;
}

.minheight180 {
    min-height: 180px;
}

.ptop10 {
    padding-top: 10px;
}

.ptop15 {
    padding-top: 15px;
}

.ptop20 {
    padding-top: 20px;
}

.ptop30 {
    padding-top: 30px;
}

.ptop40 {
    padding-top: 40px;
}

.ptop50 {
    padding-top: 50px;
}

.mtop10 {
    margin-top: 10px;
}

.mtop20 {
    margin-top: 20px;
}

.mtop30 {
    margin-top: 30px;
}

.mtop40 {
    margin-top: 40px;
}

.mtop50 {
    margin-top: 50px;
}

.mbottom10 {
    margin-bottom: 10px;
}

.mbottom20 {
    margin-bottom: 20px;
}

.mbottom30 {
    margin-bottom: 30px;
}

.mbottom40 {
    margin-bottom: 40px;
}

.mbottom50 {
    margin-bottom: 50px;
}

.mleft10 {
    margin-left: 10px;
}

.mleft20 {
    margin-left: 20px;
}

.mleft30 {
    margin-left: 30px;
}

.mleft40 {
    margin-left: 40px;
}

.mleft50 {
    margin-left: 50px;
}

.mright5 {
    margin-right: 5px;
}

.mright5i {
    margin-right: 5px !important;
}

.mright10 {
    margin-right: 10px;
}

.mright20 {
    margin-right: 20px;
}

.mright30 {
    margin-right: 30px;
}

.mright40 {
    margin-right: 40px;
}

.mright50 {
    margin-right: 50px;
}

.pad5 {
    padding: 5px;
}

.pad10 {
    padding: 10px;
}

.mar5 {
    margin: 5px;
}

.mar10 {
    margin: 10px;
}

.input-hidden {
    display: none;
}

.form-search-filter label.btn-default.active {
    /*
    background-color: #c5c5c5;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    */
    box-shadow: inset 5px 5px 50px rgba(0, 0, 0, .6);
    color: #fff;
}

.form-search-filter .input-hidden {
    display: none;
}

.clear-search-produktionsstaette {
    font-weight: normal;
    font-size: 12px;
    color: #428BCA;
    margin-left: 10px;
    cursor: pointer;
}


/* Stats */

div.stats_zeitraum_label {
    /* margin-top: 10px; */
    float: left;
    width: 30px;
}

div.zeitraum_wrap_von {
    height: 33px;
    line-height: 33px;
}

div.zeitraum_wrap_von .input-group-btn > button {
    height: 34px;
    /*line-height: 24px;*/
}

div.zeitraum_wrap_bis {
    margin-top: 10px;
    height: 33px;
    line-height: 33px;
}

div.zeitraum_wrap_bis .input-group-btn > button {
    height: 34px;
    /*line-height: 24px;*/
}

table#table-stats tr > td.stats-row-betrieb {
    display: none;
}

table#table-stats tr > td.stats-row-produktionsstaette {
    display: none;
}

table#table-stats tr > th.stats-row-betrieb {
    display: none;
}

table#table-stats tr > th.stats-row-produktionsstaette {
    display: none;
}

table#table-stats tr > td.stats-row-sum {
    background-color: #EEEEEE;
    width: 50px;
    max-width: 80px;
}

table#table-stats tr > th.stats-row-sum {
    background-color: #EEEEEE;
    width: 50px;
    max-width: 80px;
}

table#table-stats tr.stats-data-col-sum > td {
    background-color: #EEEEEE;
}

table#table-stats td.stats-end-row-sum {
    text-align: right;
}

table#table-stats tr > td.has-value {
    /* font-weight: bold; */
    /*  color: #009305;*/
}

table#table-stats tr > td > span.sum {
    font-weight: bold;
    /*  color: #009305;*/
}

table#table-stats td.pre-article {
    background-color: #CD3333 !important;
    color: #fff !important;
}

table#table-stats td.ev-changed,
table#table-stats td.producer-changed {
    background-color: #FFCC33 !important;
}

table#table-stats td.price-changed {
    background-color: #FFCC33 !important;
}

table#table-stats td.new-article {
    background-color: #A0C40B !important;
}

table#table-stats i.fa-caret-up {
    /*color: #2F9A00 !important;*/
}

table#table-stats i.fa-caret-down {
    /*color: #D50B00 !important;*/
}

table tr.is_inactive td {
    background-color: #D0D0D2;
    opacity: 0.4;
    /* Real browsers */
    filter: alpha(opacity=40);
    /* MSIE */
}

table tr.is_active.is_new td {
    background-color: #E1EEB5;
    color: inherit;
}

table tr.is_active.is_notfound td {
    background-color: #FFD3D3;
    color: inherit;
}

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

table#table-stats .stats-row-ev-extra,
table#table-stats .stats-row-bild {
    display: none;
}

#search-form input[type="submit"] {
    color: #FFF;
    background-color: #428BCA;
    border-color: #357EBD;
}

#search-form input[type="submit"]:hover {
    color: #FFF;
    background-color: #2A6396;
    border-color: #1D466A;
}

div#table-stats-title .table-title {
    display: none;
}

div#table-stats-title .table-title.active {
    display: none;
}


/* Table Sticky Header */

.sticky-wrap {
    /*
    overflow-x: auto;
    overflow-y: hidden;
    */
    position: relative;
    width: 100%;
}

.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .125s ease-in-out;
    z-index: 50;
    width: auto;
    /* Prevent table from stretching to full size */
}

.sticky-wrap .sticky-thead {
    display: none;
    z-index: 100;
    width: 100%;
    /* Force stretch */
    background-color: #f5f5f5;
    margin-top: 70px !important;
}

@media screen and (min-width: 992px) {
    .sticky-wrap .sticky-thead {
        display: none;
        z-index: 100;
        width: 100%;
        /* Force stretch */
        background-color: #f5f5f5;
        margin-top: 90px !important;
    }
}
.skin-ponnath .sticky-wrap .sticky-thead {
    z-index: 5000;
}
.sticky-wrap .sticky-intersect {
    opacity: 1;
    z-index: 150;
}
.sticky-wrap .sticky-intersect th {
    background-color: #666;
    color: #eee;
}
.sticky-wrap td,
.sticky-wrap th {
    box-sizing: border-box;
}
/* Not needed for sticky header/column functionality */
td.user-name {
    text-transform: capitalize;
}
.sticky-wrap.overflow-y {
    overflow-y: auto;
    max-height: 50vh;
}
/* Startsite Landingpage */
body.landingpage {
    background: url('../img/startsite/bg.jpg');
    background-position: center center;
    background-size: cover;
}
body.landingpage .argusto-main-logo {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -57px;
    margin-left: -350px;
}
div.start-page {
    width: 100%;
    height: 100%;
    min-height: 100%;
    /*
background: url('../img/startsite/pattern.png');
background-position: center center;
background-repeat: repeat;
*/
    background: transparent url('../img/startsite/bg_pattern.png') repeat scroll 0% 0%;
}
div.start-page a {
    color: #fff;
}
div.start-page-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;
    min-height: 100%;
    background-color: #000;
    -webkit-box-shadow: -4px 0px 40px 0px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: -4px 0px 40px 0px rgba(255, 255, 255, 0.3);
    box-shadow: -4px 0px 40px 0px rgba(255, 255, 255, 0.3);
}
div.start-page-contact {
    position: fixed;
    top: 50%;
    margin-top: -190px;
    padding: 30px 30px;
    width: 300px;
    text-align: center;
}
div.start-page-contact img {
    padding: 20px 20px;
}
div.start-page-contact h3 {
    text-align: center;
    color: #7FCC30;
    font-weight: 100;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 10px;
}
div.start-page-contact ul {
    text-align: left;
    color: #fff;
}
div.start-page-contact ul img {
    margin: 5px 0px 10px 0px;
    padding: 0px;
}
div.start-page-links {
    position: fixed;
    bottom: 0;
    margin-top: 0px;
    padding: 0px 30px;
    width: 300px;
    text-align: center;
}
div.start-page-links > div {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.argusto-color {
    color: #7FCC30;
}
@media screen and (max-width: 1220px) {
    div.start-page ul .col-xs-3 {
        max-width: 80px;
    }
    div.start-page {
        text-align: center;
    }
    body.landingpage .argusto-main-logo {
        max-width: 80% !important;
        position: relative;
        top: auto;
        left: auto;
        margin-top: 25px;
        margin-left: 0px;
    }
    div.start-page-sidebar {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        min-height: 100%;
        background-color: transparent;
        -webkit-box-shadow: -4px 0px 40px 0px rgba(255, 255, 255, 0.3);
        -moz-box-shadow: -4px 0px 40px 0px rgba(255, 255, 255, 0.3);
        box-shadow: -4px 0px 40px 0px rgba(255, 255, 255, 0.3);
    }
    div.start-page-contact {
        position: fixed;
        top: auto;
        bottom: 0;
        margin-top: 0px;
        padding: 30px 30px;
        width: 100%;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.4);
    }
    div.start-page-contact ul {
        max-width: 300px;
        margin: 0px auto;
    }
    div.start-page-links {
        position: fixed;
        top: auto;
        bottom: 0;
        margin-top: 0px;
        padding: 0px 30px;
        width: 100%;
        text-align: right;
    }
}
div.karriere {
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
}
@media screen and (min-width: 1220px) {
    div.karriere {
        margin-right: 320px;
    }
}
div.karriere h1,
div.karriere h2,
div.karriere h3,
div.karriere p {
    color: #fff;
    text-align: center;
}
div.karriere .stellenanzeige {
    width: 48%;
    display: inline-block;
}
img.screeninggruppe-img {
    width: 33px;
    max-width: 100px !important;
}
img.leitartikelgruppe-img {
    width: 32px;
    max-width: 100px !important;
}
td.leitartikelgruppe {
    background: white;
    max-width: 100px !important;
}
td.screeninggruppe {
    background: #E4E4E4;
    max-width: 100px !important;
}
/* Drag and drop table */
#content {
    margin: 15px;
}
.bold {
    font-weight: bold;
}
#ScreeningTable {
    margin-top: 20px;
}
#articleSlots {
    margin-top: 50px;
}
#articleSlots > table {
    max-width: 800px;
}
.leitartikelgruppe {
    border-left: 1px solid #c0c0c0;
}
.screening-item {
    background-color: #f5f5f5;
    min-width: 175px;
}
.screening-article {
    cursor: pointer;
    background-color: #C5C5C5;
    padding: 5px;
    width: 90px;
    height: 90px;
    text-align: center;
    vertical-align: middle;
    display: block;
    margin: 5px 0px;
}
#articleSlots > table .screening-article {
    padding: 0px;
    margin: 0px;
    width: 90px;
    height: 90px;
}
#articleSlots td {
    min-width: 100px;
    width: 100px;
    max-width: 100px;
    min-height: 100px;
    height: 100px;
    max-height: 100px;
}
/* Builder */
#articleSlots > table .delScreeningEbene,
#articleSlots > table .delUnterEbene {
    position: absolute;
    bottom: 5px;
    right: 30px;
    width: 22px;
    height: 22px;
}
#articleSlots > table .addScreeningEbene,
#articleSlots > table .addUnterEbene {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 22px;
    height: 22px;
}
#articleSlots > table td.ui-state-hover {
    background-color: #E6E6E6;
}
#articleSlots > table td.ebene-col {
    position: relative;
}
#articleSlots > table td.ebene-col-2 {
    border-left: 1px solid #DDD;
}
#articleSlots > table td.ebene-col-1 {
    border-top: 0px solid #DDD;
}
#articleSlots > table tr.ScreeningEbene td.ebene-col-1 {
    border-top: 1px solid #DDD;
}
/* slider */
.rangeslider,
.rangeslider__fill {
    display: block;
    -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.rangeslider {
    background: #e6e6e6;
    position: relative;
}
.rangeslider--horizontal {
    height: 20px;
    width: 100%;
}
.rangeslider--vertical {
    width: 20px;
    min-height: 150px;
    max-height: 100%;
}
.rangeslider--disabled {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
}
.rangeslider__fill {
    background: #00ff00;
    position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
    top: 0;
    height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
    bottom: 0;
    width: 100%;
}
.rangeslider__handle {
    background: white;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.rangeslider__handle:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.rangeslider__handle:active {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}
.rangeslider--horizontal .rangeslider__handle {
    top: -10px;
    touch-action: pan-y;
    -ms-touch-action: pan-y;
}
.rangeslider--vertical .rangeslider__handle {
    left: -10px;
    touch-action: pan-x;
    -ms-touch-action: pan-x;
}
.screening-item {
    background-color: #f5f5f5;
    min-width: 175px;
}
input[type="range"]:focus + .rangeslider .rangeslider__handle {
    -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
    -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
    box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}
.traderValue td:hover {
    color: #96BD0D;
}
.traderItem:hover {
    color: #96BD0D;
    cursor: pointer;
}
.PictureSize {
    max-width: 100%;
    max-height: 48%;
}
.traderValue td:hover {
    color: #96BD0D;
}
.traderItem:hover {
    color: #96BD0D;
    cursor: pointer;
}
.DragDropAbleItems {
    max-width: 100px;
    cursor: move;
    background-color: #C5C5C5;
    font-size: 80%;
    text-align: center;
    max-height: 150px;
    height: 150px;
    width: 48%;
    margin-right: 2px;
}
.DragDropAbleItems:hover {
    cursor: hand;
    background-color: #8DAE28;
}
.DragDropAbleItemsInTable {
    width: 100%;
    max-width: 100px;
    cursor: move;
    background-color: #C5C5C5;
    font-size: 80%;
    text-align: center;
    max-height: 150px;
    height: 150px;
    margin-right: 2px;
}
.DragDropAbleItemsInList {
    max-width: 80%;
    cursor: move;
    background-color: #C5C5C5;
    font-size: 80%;
    text-align: center;
    max-height: 150px;
    height: 150px;
    margin-right: 2px;
}
#gewicht_sel,
#preis_sel {
    visibility: hidden;
}
.onOffBox {
    width: 40px;
    height: 10px;
    background: #48494B;
    margin: 20px auto;
    float: right;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}
.onOffBox:after {
    content: 'Aus';
    font: 8px/26px Arial, sans-serif;
    color: #000;
    position: absolute;
    right: 1px;
    z-index: 0;
    font-weight: bold;
    bottom: 1px;
}
.onOffBox:before {
    content: 'An';
    font: 8px/26px Arial, sans-serif;
    color: #96BD0D;
    position: absolute;
    left: 3px;
    z-index: 0;
    bottom: 1px;
    font-weight: bold;
}
.onOffBox label {
    display: block;
    width: 20px;
    height: 8px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    cursor: pointer;
    position: absolute;
    top: 1px;
    left: 19px;
    z-index: 1;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead', GradientType=0);
}
.onOffBox input[type=checkbox]:checked + label {
    left: 1px;
}
.haendler-col {
    width: 150px;
}
/*
* footer pdf
* <div style="position: absolute;bottom: 10px; left: 10px;">

.footerright{
position: absolute;
bottom: 10px;
right: 10px;
}
.footerleft{
position: absolute;
bottom: 10px;
left: 50px;
}
.footer{
border: 1px solid;
background-color: red;
}*/
#artikel {
    max-height: 500px;
    width: 98%;
    overflow-y: scroll;
}
.ui-timepicker-wrapper {
    overflow-y: auto;
    height: 150px;
    width: 6.5em;
    background: #fff;
    border: 1px solid #ddd;
    -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);
    outline: none;
    z-index: 10001;
    margin: 0;
}
.ui-timepicker-wrapper.ui-timepicker-with-duration {
    width: 13em;
}
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
    width: 11em;
}
.ui-timepicker-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.ui-timepicker-duration {
    margin-left: 5px;
    color: #888;
}
.ui-timepicker-list:hover .ui-timepicker-duration {
    color: #888;
}
.ui-timepicker-list li {
    padding: 3px 0 3px 5px;
    cursor: pointer;
    white-space: nowrap;
    color: #000;
    list-style: none;
    margin: 0;
}
.ui-timepicker-list:hover .ui-timepicker-selected {
    background: #fff;
    color: #000;
}
li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
    background: #1980EC;
    color: #fff;
}
li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
    color: #ccc;
}
.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    color: #888;
    cursor: default;
}
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    background: #f2f2f2;
}
/*.form-group.group-29,*/
.form-group.group-30,
.col-xs-12.group-1063,
.col-xs-12.group-1071,
.col-xs-12.group-1073 {
    display: none;
}

.sektion-auswahl .thumbnail > img.mh74,
.sektion-auswahl .thumbnail a > img.mh74 {
    height: 89px;
    padding-top: 15px;
}


.filter-selectpicker .select2-choices {
    overflow-x: hidden !important;
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;

    z-index: 10001;
    position: fixed;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 5px;
    width: 200px;
    background: #ffffff;
    border: 1px solid #ffffff;/*#9FC62D*/

    overflow: hidden;
}

.pace .pace-progress {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

    max-width: 200px;
    position: fixed;
    z-index: 10002;
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    width: 100%;
    background: #555;/*#9FC62D*/
}

.pace.pace-inactive {
    display: none;
}

.pace-overlay {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.4);
}

.saved-selects .input-group .form-control {
    float: none;
}

.saved-child-selects {
    position: relative;
    min-height: 20px;
}

.saved-child-selects:before {
    position: absolute;
    top: -10px;
    left: -8px;
    width: 10px;
    height: 10px;
    content: "\f077";
    color: #999;
    font-family: FontAwesome;
}

.select2-container.form-control {
    background: transparent;
    border: none;
    display: block !important;
    margin: 0;
    padding: 0;
}

img.thumb  {
    background-color: #ffffff;
}

.fancybox-inner img {
    max-width: 100% !important;
    height: auto;
    max-height: 100%;
    margin: 0px auto;
    display: block;
}

a.btn.btn-default.btn-xs:focus {
    background-color:  #9FC62D;
    color: white;
}

.skin-dmk a.btn.btn-default.btn-xs:focus {
    background-color:  #2E64A2;
    color: white;
}

.userlog {
    position: relative;
    display: inline-block;
}

.userlog .userlogtext {
    visibility: hidden;
    width: max-content;
    background-color: #cccccc;
    color: black;
    text-align: left;
    border-radius: 6px;
    padding: 10px;
    font-family: 'Source Sans Pro', sans-serif;

    /* Position the userlog */
    position: absolute;
    z-index: 1;
    bottom: 25px;
    right: 15px;
}

.userlog:hover .userlogtext {
    visibility: visible;
}

.disabled-select {
    background-color: #d5d5d5;
    opacity: 0.5;
    border-radius: 3px;
    cursor: not-allowed;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: #eee;
    box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}

:required:focus {
    box-shadow: 0  0 6px rgba(255,0,0,0.5);
    border: 1px red solid;
    outline: 0;
}

.meat_color {
    background-color: #0a6ebd!important;
}


div.dataTables_processing {

    width: 100%;

    background: #fff !important;
}


.active_append {
    width: 50px;
    display: initial;
    margin: 0;
    padding: 5px;
}

.fa-star.rating:before {
    color: #ffd700!important;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: black;
}

.fa-star:before {
    content: "\f005";
}

#datatables.checkliste {
    width: auto!important;
    overflow: hidden;
    float: left;
}

#datatables.checkliste th {
    width: fit-content!important;
}

#datatables.checkliste td:not([tdlg]){
    text-align: center;
    white-space: break-spaces;
    border-right: 1px solid gainsboro;
}

#datatables.checkliste td:first-child,td.tdmd{
    border-left: 1px solid gainsboro;
}

#datatables.checkliste td.tdlg{
    white-space: normal;
    max-width: 255px!important;
    text-align: left;
}

.tdsm {
    max-width: 30px!important;
    white-space: normal!important;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 5px!important;
}

.tdmd {
    white-space: normal;
    max-width: 205px!important;
    overflow: hidden;
    padding: 8px 3px!important;
}

.tdlg {
    white-space: normal;
    max-width: 255px!important;
}

.imgtd {
    max-width: 100px!important;
}

.checkliste .fresh {
    color: #37e71c !important;
}

.checkliste .old {
    color: black !important;
}

.checkliste .rotten {
    color: #e33222!important;
}

/*.fresh,.old,.rotten {
    font-weight: bold;
}*/

.checkliste .notfound {
    background-color: rgba(255, 193, 203, 0.33) !important;
}

.checkliste .inactive {
    background-color: rgba(150, 150, 150, 0.59) !important;
}

tr.dtrg-group {
    line-height: normal;
}

.dtrg-group td {
    text-align: left!important;
    padding-left: 15px!important;
    color: white;
    letter-spacing: 5px;
    font-style: italic;
    background-image: linear-gradient(114deg, rgba(51,51,51,1) 33%, rgba(204,204,204,1) 100%)!important;
}
.dtrg-level-1 td {
    background-image: linear-gradient(114deg, rgba(119,119,119,1) 33%, rgba(204,204,204,1) 100%)!important;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.sidebar-wrapper::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.sidebar-wrapper {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.sortable {
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.sortable li {
    float: left;
    width: 120px;
    height: 120px;
    overflow:hidden;
    border:1px solid red;
    text-align: center;
    margin:5px;
}
li.sortable-placeholder {
    border: 1px dashed #CCC;
    background: none;
}
.react-select__multi-value__label {
    white-space: pre-wrap!important;
    overflow-wrap: break-word;
}
span.ean {
    float: right;

}

.no-spin::-webkit-inner-spin-button, .no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
.no-spin {
    -moz-appearance:textfield !important;

}
tr.dtrg-group {
    line-height: normal;
    padding-left: 15px!important;
}