/*
Created by Timo Brinkmann - Groenewold - new media on 
Copyright groenewold new media. All rights reserved.
*/
/* 
    Created on : Nov 9, 2018, 11:18:16 AM
    Author     : Timo Brinkmann <GNM>
*/

.skin-guard .main-header .navbar {
    background-color: #8F2033;
}
.skin-guard .main-header .navbar .nav > li > a {
    color: #ffffff;
}
.skin-guard .main-header .navbar .nav > li > a:hover,
.skin-guard .main-header .navbar .nav > li > a:active,
.skin-guard .main-header .navbar .nav > li > a:focus,
.skin-guard .main-header .navbar .nav .open > a,
.skin-guard .main-header .navbar .nav .open > a:hover,
.skin-guard .main-header .navbar .nav .open > a:focus,
.skin-guard .main-header .navbar .nav > .active > a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
}
.skin-guard .main-header .navbar .sidebar-toggle {
    color: #fff;
}
.skin-guard .main-header .navbar .sidebar-toggle:hover {
    color: #fff;
    background-color: #8F2033;
}

.skin-guard .sidebar-menu > li:hover > a,
.skin-guard .sidebar-menu > li.active > a {
    border-color: #8F2033;
}

.skin-guard .sidebar-menu .treeview-menu > li.active > a {
    border-right: 3px solid #8F2033;
}

.skin-guard .main-header .logo {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+63,8f2033+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 50%, #ffffff 63%, #8f2033 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 50%,#ffffff 63%,#8f2033 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ffffff 0%,#ffffff 50%,#ffffff 63%,#8f2033 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8f2033',GradientType=1 ); /* IE6-9 */

    color: #ffffff;
    border-bottom: 0 solid transparent;
}
.skin-guard .main-header .logo:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+63,8f2033+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 50%, #ffffff 63%, #8f2033 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 50%,#ffffff 63%,#8f2033 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ffffff 0%,#ffffff 50%,#ffffff 63%,#8f2033 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8f2033',GradientType=1 ); /* IE6-9 */

}

/** slider */
.irs-bar {
    height: 10px;
    top: 33px;
    border-top: 1px solid #3c8dbc;
    border-bottom: 1px solid #3c8dbc;
    background: #3c8dbc;
    background: linear-gradient(to top, rgba(60, 141, 188,0.51) 0%,rgb(60, 141, 188) 100%);
}

.irs-from, .irs-to, .irs-single {
    color: #fff;
    font-size: 14px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: #3c8dbc;
    border-radius: 3px;
    -moz-border-radius: 3px;
}


/* Aufklappbarer Button bei den Tabellen */
.table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    background-color: #3c8dbc;
}

.table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    content: '-';
    background-color: #d33333;
}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
    background-image: linear-gradient(to bottom, #3c8dbc, #3c8dbc);

}

/* Kalender */
.bg-green-gradient {
    background: #3c8dbc !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #367fa9)) !important;
    background: -ms-linear-gradient(bottom, #3c8dbc, #367fa9) !important;
    background: -moz-linear-gradient(center bottom, #3c8dbc 0, #367fa9 100%) !important;
    background: -o-linear-gradient(#367fa9, #3c8dbc) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67c3b1', endColorstr='#1abc9c', GradientType=0) !important;
    color: #fff;
}
.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
    background-image: linear-gradient(to bottom, #00c0ef, #00c0ef);
    color: #000;        
}
.box.box-solid>.box-header>.box-tools .btn {
    border: 0;
    box-shadow: none;
    background: #a8e3d7;
}

.daterangepicker .input-mini.active {
    border: 1px solid #3c8dbc;
    border-radius: 4px;
}

.box .datepicker-inline td.day.old, .box .datepicker-inline .datepicker-days td.day.old, .box .datepicker-inline>table td.day.old, .box .datepicker-inline .datepicker-days>table td.day.old, .box .datepicker-inline td.day.new, .box .datepicker-inline .datepicker-days td.day.new, .box .datepicker-inline>table td.day.new, .box .datepicker-inline .datepicker-days>table td.day.new {
    color: #353535;
}

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

button .btn.btn-small.btn.success {
    background-color: #367fa9;
    border-color: #367fa9;
}

/*
 * Component: Form
 * ---------------
 */
.form-control:focus {
    border-color: #8F2033;
}

a {
    color:#777
}
a:hover,  a:active, a:focus {
    color:#000
}

.btn-primary {
    background-color: #8F2033;
    border-color: #8F2033;
}

/*.btn-default:hover, .btn-default:active, .btn-default:focus, .btn-default.hover, .btn-default.active, .btn-default.focus,*/
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #8F2033 !important;
    border-color: #8F2033;
    color: white;
}

.box.box-primary {
    border-top-color: #8F2033;
}