@font-face {
    font-family: 'Brandon Text';
    src: url('BrandonText-Bold.eot');
    src: url('BrandonText-Bold.eot?#iefix') format('embedded-opentype'),
        url('BrandonText-Bold.woff2') format('woff2'),
        url('BrandonText-Bold.woff') format('woff'),
        url('BrandonText-Bold.ttf') format('truetype'),
        url('BrandonText-Bold.svg#BrandonText-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Brandon Text';
    src: url('BrandonText-Bold.eot');
    src: url('BrandonText-Bold.eot?#iefix') format('embedded-opentype'),
        url('BrandonText-Bold.woff2') format('woff2'),
        url('BrandonText-Bold.woff') format('woff'),
        url('BrandonText-Bold.ttf') format('truetype'),
        url('BrandonText-Bold.svg#BrandonText-Bold') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Text';
    src: url('BrandonText-Regular.eot');
    src: url('BrandonText-Regular.eot?#iefix') format('embedded-opentype'),
        url('BrandonText-Regular.woff2') format('woff2'),
        url('BrandonText-Regular.woff') format('woff'),
        url('BrandonText-Regular.ttf') format('truetype'),
        url('BrandonText-Regular.svg#BrandonText-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Brandon Text';
    src: url('BrandonText-Regular.eot');
    src: url('BrandonText-Regular.eot?#iefix') format('embedded-opentype'),
        url('BrandonText-Regular.woff2') format('woff2'),
        url('BrandonText-Regular.woff') format('woff'),
        url('BrandonText-Regular.ttf') format('truetype'),
        url('BrandonText-Regular.svg#BrandonText-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Freeland';
    src: url('Freeland.eot');
    src: url('Freeland.eot?#iefix') format('embedded-opentype'),
        url('Freeland.woff2') format('woff2'),
        url('Freeland.woff') format('woff'),
        url('Freeland.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body {
    color: #393835;
}
#side-menu li.dashboard_user {
    color: #313f47;
    font-size: 1.4em;
}
#menu.sidebar {
    padding-top: 2em;
}
#side-menu li.quick-links {
    top: 2em;
}
.isla {
   font-family: 'Freeland';
   letter-spacing: 0;
   text-decoration: none; 
}
.isla:hover {
    text-decoration: none;
}
.admin .isla.logo {
    padding: 5px 0 0;
}
.admin #logo {
    padding: 0 15px;
}
.h4, h4 {
    letter-spacing: 0;
    font-size: 26px;
    font-family: 'Brandon Text', sans-serif;
}
.isla.logo {
    line-height: 62px;
    font-size: 45px;
    display: inline-block;
    padding: 17px 0 3px;
    color: #393835;
}
.btn-default {
    color: #ffffff;
}
.btn {
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none !important;
    font-weight: normal;
    letter-spacing: 1px;
    padding-top: 14px;
    padding-bottom: 14px;
    text-transform: uppercase;
}

body, #setup-menu>li>a, #side-menu li .nav-second-level li a, #side-menu li a, a { font-family: 'Brandon Text',sans-serif; }
#setup-menu>li>a, #side-menu > li > a { 
    font-weight: bold;
    letter-spacing: 1px;
}
#setup-menu li .nav-second-level li a,
#side-menu li .nav-second-level li a {
    padding: 5px 10px 5px 30px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.5px;
}
body, #wrapper,
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background: #f4f2f2;
}
#side-menu li .nav-second-level a:hover,
#setup-menu li .nav-second-level li a.active, #setup-menu li .nav-second-level li a:hover {
    background-color: #f4f2f2 !important;
}
#side-menu li .nav-second-level li.active a {
    color: #313f47 !important;
}
#top_search input:active, #top_search input:focus, #top_search input:hover,
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: #f4f2f2 !important;
    color: #313f47;
}
#side-menu li .nav-second-level li.active a,
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    color: #313f47 !important;
}
.admin #side-menu li .nav-second-level li a, .admin #setup-menu li .nav-second-level li a {
    display: block;
    padding: 8px 15px 8px 30px;
}
.admin #side-menu li .nav-second-level li.active a, .admin #setup-menu li .nav-second-level li.active a {
    background: #f4f2f2;
    color: #313f47 !important;
    border-radius: 0;
    margin: 0;
}
#side-menu li.dashboard_user {
    padding: 12px 10px 11px 40px;
}
.top-left-logout {
    margin-top: -1px;
    font-size: 16px;
}
#top_search input:active, #top_search input:focus, #top_search input:hover {
    background-color: #f4f2f2 !important;
    color: #313f47;
}
#top_search input::-webkit-input-placeholder { color: #313f47; }
#top_search input::-moz-placeholder { color: #313f47; }
#top_search input::placeholder { color: #313f47; }
.admin .navbar-nav > li > a i, ul.mobile-icon-menu>li>a i, .mobile-menu-toggle, .open-customizer-mobile,
.label-info {
    color: #be785d;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, input[type="color"]:focus,
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus, .label-info,
.checkbox-primary input[type="checkbox"]:checked+label::before,
.checkbox-primary input[type="radio"]:checked+label::before,
.checkbox-info input[type="checkbox"]:checked+label::before,
.checkbox-info input[type="radio"]:checked+label::before,
.radio-primary input[type="radio"]:checked+label::before,
.radio-info input[type="radio"]:checked+label::before,
.task-user:hover,
.task-user:active, .task-info-col, .dt-buttons.btn-group .btn:hover,
.dt-buttons.btn-group .btn:focus,
.dt-buttons.btn-group .btn:active,
.jquery-comments .textarea-wrapper .textarea:focus,
.jquery-comments .textarea-wrapper .textarea:active {
    border-color: #be785d;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active,
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus, .progress-bar-info,
.checkbox-primary input[type="checkbox"]:checked+label::before,
.checkbox-primary input[type="radio"]:checked+label::before,
.checkbox-info input[type="checkbox"]:checked+label::before,
.checkbox-info input[type="radio"]:checked+label::before,
.radio-primary input[type="radio"]+label::after,
.radio-primary input[type="radio"]:checked+label::after,
.radio-info input[type="radio"]+label::after,
.radio-info input[type="radio"]:checked+label::after,
.kb-search-jumbotron .btn-success  {
   background-color: #be785d; 
}

.jquery-comments .highlight-background,
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:first-of-type,
.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:last-of-type,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #be785d !important;
}

.customers .nav-tabs>li>a {
    background: #ffffff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current:hover,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current:focus,
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current:hover,
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current:focus,
.nav-tabs>li.active>a,
.user-data .home-activity .nav-tabs>li.active>a {
    color: #ffffff !important;
    background: #be785d !important;
}
.nav-tabs>li>a:focus, .nav-tabs>li>a:hover,
.user-data .home-activity .nav-tabs>li>a:focus, 
.user-data .home-activity .nav-tabs>li>a:hover,
.customers .nav-tabs>li>a:hover, .customers .nav-tabs>li>a:focus {
    color: #313f47 !important;
    background: #f4f2f2;
}
.nav-tabs>li.active, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus,
.user-data .home-activity .nav-tabs>li.active>a:focus, 
.user-data .home-activity .nav-tabs>li.active>a:hover,
.customers .nav-tabs>li.active>a:hover, .customers .nav-tabs>li.active>a:focus, .customers .nav-tabs>li.active>a {
    color: #ffffff !important;
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    box-shadow: none;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover,
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    background:  #f4f2f2 !important;
}
.form-control {
    border-radius: 0;
}
.navbar-nav .open>a, .navbar-nav .open>a:focus, .navbar-nav .open>a:hover, .navbar-nav>li>a:focus, .navbar-nav>li>a:hover {
    color: rgba(190, 120, 93, 0.7) !important;
}
.dataTables_empty {
    background-size: auto 80px;
}
.company-logo .logo img {
    max-width: 150px;
}
.authentication-form {
    text-align: center;
    border: none;
    -webkit-box-shadow: 0 1px 15px 1px rgba(90,90,90,.08);
    box-shadow: 0 1px 15px 1px rgba(90,90,90,.08);
}
.mtop40.authentication-form h1, .kb-search-jumbotron h2.mbot30 {
    border-bottom: 5px solid #313f47;
    display: inline-block;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.3em;
    font-weight: bold;
    padding-bottom: 14px;
    letter-spacing: 1px;
    font-weight: bold;
    color: #313f47;
}
.authentication-form form {
    text-align: left;
}
table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th, .table.items thead th {
    background: #be785d;
    font-weight: normal;
}
table.dataTable thead tr>th, .table.dataTable>thead:first-child>tr:first-child>th {
   color: #ffffff !important;
   letter-spacing: 0.5px;
}
:focus {
    outline-color: #be785d;
}
.input-group-addon {
    background-color: #f4f2f2;
    color: #acacac;
}
#elfinder, .panel_s .panel_s {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.total-column .panel-body, .kb-search-jumbotron {
    background: #f4f2f2;
}
.panel_s .panel-body {
    border:  none;
}
.login_admin .company-logo,
.forgot-password .company-logo {
    text-align: center;
}

/* Kundenansicht */
.customers .navbar-default {
    border: none;
    -webkit-box-shadow: 0 1px 15px 1px rgba(90,90,90,.08);
    box-shadow: 0 1px 15px 1px rgba(90,90,90,.08);
}
.customers h1.text-uppercase.mbot20 {
    border-bottom: 5px solid #313f47;
    display: inline-block;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.3em;
    font-weight: bold;
    padding-bottom: 14px;
    letter-spacing: 1px;
    font-weight: bold;
    color: #313f47;
}
.brandon {
    font-family: 'Brandon Text', sans-serif !important;
    font-weight: bold !important;
    font-size: 80%;   
}
.customers h4.no-mtop, .customers .mtop40 h4 {
    font-family: 'Brandon Text', sans-serif;
    font-weight: bold !important;
}
.customers .mtop40 h4 {
    margin-bottom: 1em;
}
.customers .nav-tabs {
    background: #f4f2f2;
    border: none;
}
.nav-tabs-flat li:first-child a {
    padding-left: 12px;
}
.viewinvoice .page-pdf-html-logo, .viewestimate .page-pdf-html-logo {
    background: #f4f2f2 !important;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 768px){
.small-logo {
    padding: 0 0;
    font-weight: normal;
}
}