/**
 *
 * style.css
 * 
 * Zusätzliche CSS - Styles
 *
 * CSS version 3
 *
 * @author     	Chris Wiese  <chris@basisweb.de>
 * @copyright   2016 - 2024 basisweb (http://basisweb.de)
 *
 * @file       	style.css
 * @lastchange 	16.08.2024
 * @encoding   	UTF-8
 *
 *
 * Farben
 * ------
 * 
 * orange1: #F8DA49
 * orange2: #E8A339;
 * rot:     #92201E;
 *
 */

.green {
    color: #1E5E00;
}

.red {
    color: #92201E;
}

#myFooter {
    padding: 5px;
    display: none;
}

.rechnungenStorno {
    color: #cccccc;
    text-decoration: line-through;
}

.rechnungenZahlungsziel {
    border: 1px solid #92201e !important;
    color: #92201e;
    font-weight: 500;
}


.rechnungenStatusFarbe_1 {
    background-color: rgb(231, 162, 12);
}

.rechnungenStatusFarbe_2 {
    background-color: rgb(125, 78, 201);
}

.rechnungenStatusFarbe_3,
.rechnungenStatusFarbe_4,
.rechnungenStatusFarbe_5,
.rechnungenStatusFarbe_6 {
    background-color: green;
}

.rechnungenStatusFarbe_10 {
    background-color: #92201E;
}

/**
 * 
 * Logo & Header
 * 
 */

#logo {
    padding-top: 4px;
}

#logo img {
    height: 20px;
    width: 40px;
    padding: 2px;
    border: 1px solid #ccc;
}

#logo .systemname {
    font-size: 14px;
}

#logo .systemversion {
    font-size: 12px;
    font-weight: 600;
}

#logo .systembrand {
    font-size: 9px;
    position: relative;
    top: -4px;
    display: block;
    color: #999;
}

#logo-group .systemlogo img {
    padding-top: 1px;
}

#mobile-profile-img a.userdropdown img {
    width: auto;
    height: 30px;
}

.menu-on-top .menu-item-parent {
    font-size: 11px;
}

div#content {
    padding-bottom: 100px;
}

#extr-page #header,
.fixed-header #header,
.page-footer {
    background: #F8DA49 !important;
    color: #999999 !important;
}

.btn-primary,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover,
.open>.dropdown-toggle.btn-primary,
.btn-primary:hover {
    background-color: #439a86;
    border-color: #439a86;
}

li a.tabdisabled {
    cursor: pointer;
    color: #aaa !important;
}


/**
 *
 * Login
 * 
 */

.system-gesperrt {
    border: 1px solid #ccc;
}

#login-form .alert {
    font-size: 12px;
    margin-bottom: 0;
}


/**
 *
 * DataTable
 * 
 */


/* DropDown - Menu nach links verschieben */

div.dataTables_info {
    font-weight: normal;
    font-style: normal;
}

.dropdown-menu {
    left: -135px;
}

.myToolbar {
    padding-right: 0;
}

#refresh {
    margin-left: 10px;
    ;
}

#datatable_fixed_column_filter {
    width: auto;
}

#datatable_fixed_column_length {
    margin-left: 10px;
}

.alignRight,
.td-right {
    text-align: right;
}

.gesperrt {
    text-decoration: line-through;
    color: #ddd;
}

.nicht_abgeschlossen {
    color: #ddd;
}

.abgeschlossen {
    color: #bbb;
}

.zukunft {
    color: #333;
    font-weight: bold;
}

.vergangenheit {
    color: #333;
}

.nie {
    color: #ddd;
}


/**
 *
 * Dashboard
 *
 */

.dashboard-mandant {
    padding-bottom: 3px;
    margin-bottom: 5px;
    border-bottom: 1px solid #DADADA;
    font-size: 10px;
}

.mandanteninfo {
    font-size: 14px;
    font-weight: 600;
}

.absender {
    font-size: 9px;
    margin-top: 5px;
}

#listen td {
    font-size: 11px;
}


/**
 *
 * Forms
 * 
 */

td.td-center {
    text-align: center;
}

.smart-form .icon-apend {
    font-size: 10px !important;
}

.smart-form .checkbox i {
    top: 6px;
}

.jarviswidget-color-blueDark .nav-tabs li:not(.active) a {
    color: #333 !important;
}

.nav-tabs>li.active>a {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

label.small {
    font-weight: bold;
    font-size: 10px;
    display: block;
}

label.chkfix {
    width: 8%;
}

section.fullwidth {
    padding-right: 15px;
    padding-left: 18px;
}

section.no-bottom {
    margin-bottom: 0;
}

section.center-v {
    padding-top: 8px;
}

textarea {
    width: 100%;
    height: 300px;
    border: 1px solid #bbb;
    /*padding: 10px !important;*/
    box-sizing: border-box;
    padding: 10px;
}

.col textarea {
    box-sizing: border-box;
    padding: 10px;
}


div.avatar,
div.dz-preview,
div.signatur {
    position: relative;
    top: 2px;
    float: left;
    padding: 3px;
    border: 1px solid #ccc;
    margin-right: 10px;
    margin-bottom: 5px;
    background-color: white;
}

div.avatar:hover,
div.dz-preview:hover,
div.signatur:hover {
    border: 1px solid #3276b1;
    cursor: pointer;
}

div.avatar.active,
div.dz-preview.active,
div.signatur.active {
    background-color: #3276b1;
}

div.avatar img,
div.dz-preview img {
    width: 67px;
    height: 67px;
}

div.signatur img {
    width: 90px;
    height: 30px;
}

div.bilder img {
    /*width: auto;
    height: auto;*/
}

.eigen {
    position: relative;
    left: -15px;
}

.id-feld label,
.id-feld label input {
    color: #ccc;
}

.mieterstat {
    font-size: 18px;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

.prodBan,
.lieBan {
    display: inline;
}

.tabs-right li.active .prodBan,
.tabs-right li.active .lieBan {
    display: inline;
    cursor: pointer;
}

.smart-accordion-default .panel-default {
    height: auto;
}


/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/

* html .ui-autocomplete {
    height: 200px;
}

input[type="text"]:disabled {
    background: #efefef;
}

select option:disabled {
    color: #eee;
}

select optgroup option.li_featured {
    color: seagreen;
}

.icon-append {
    font-style: normal;
}

.blau {
    color: #3276b1;
}

.dropzoneKommentar {
    color: #bbb;
}

.marker {
    border: 1px solid #dddddd;
    height: 24px;
    width: 24px;
    margin-top: 4px;
}

.marker-ok {
    background: rgb(115, 158, 115);
}

.marker-notok {
    background: #c26565;
}

.readonly {
    background-color: #eee !important;
}

.szlabel section {
    margin-bottom: 0;
}

#zahlungen th {
    padding-top: 10px;
}

#zahlungen thead {
    border-top: 1px solid #BDBDBD;
    border-bottom: 1px solid #E5E5E5;
    font-size: 10px;
}

#zahlungen tfoot {
    border-top: 1px solid #E5E5E5
}

.produktHidden {
    display: none;
}

.smart-accordion-default .panel-default>.panel-heading {
    background-color: #eee;
    border: 1px solid #ccc;
}

.accordionHeader {
    font-weight: 600;
    font-size: 13px;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #ddd;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #ddd;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #ddd;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #ddd;
}


/**
 *
 * Vorgangänge :: Status
 */

.status_0 {
    color: #ccc !important;
}

.status_1 {
    color: #439a86 !important;
}

.status_2 {
    color: #fd9f3f !important;
}

.status_3 {
    color: #007991 !important;
}

.status_4 {
    color: #e9d985 !important;
}

.status_5 {
    color: #b32e2d !important;
}

.status_bg_1 {
    background: #fd9f3f;
    color: #fff;
}

.status_bg_2 {
    background: #b32e2d;
    color: #fff;
}

tr.status_0 {
    color: #ccc !important;
    /*text-decoration: line-through;*/
}


/**
 *
 * Dropzone 
 *
 */

div.dropzoneKommentar {
    font-size: 9px;
    text-align: right;
}

div.myDropzone,
div.myDropzoneSignatur {
    width: 100%;
    height: 101px;
    border: 1px solid #ccc;
}

div.myDropzone,
div.myDropzoneSignatur {
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(0, 0, 0, .03)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(0, 0, 0, .03)), color-stop(0.75, rgba(0, 0, 0, .03)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
    background-color: #FAFCFD;
    background-size: 16px 16px;
    cursor: pointer;
}

.progress {
    background: #F8DA49;
    width: 0%;
    height: 4px;
    display: none;
}

.dz-image {
    float: left;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.dropzoneMeta {
    /*float: left;*/
    padding: 5px;
    font-size: 12px;
    margin-left: 70px;
    border-left: 1px solid #ddd;
}

.dropzoneMeta label {
    font-weight: bold;
    font-size: 10px;
    margin-top: 5px;
}

.dropzoneMeta a {
    color: #666;
}

.dz-preview {
    height: 65px;
    /*width: 30%*/
}

div.dz-details,
div.dz-progress,
div.dz-error-message,
div.dz-success-mark,
div.dz-error-mark {
    display: none;
}

span.select2-hidden-accessible {
    display: none;
}

#loginLogfile {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    font-size: 11px;
}

option {
    padding: 3px 3px 3px 10px !important;
}

.mediaInput {
    font-size: 12px;
    border: 0;
    border-bottom: 1px solid #ccc;
    width: 100%;
}

.smart-form .checkbox.state-success i,
.smart-form .radio.state-success i,
.smart-form .state-success input,
.smart-form .state-success select,
.smart-form .state-success textarea,
.smart-form .toggle.state-success i {
    background: none;
    border-color: #bbb;
}

.tabs-right .nav-tabs>li.active>a {}

.addTab {
    cursor: pointer;
}

.addTab:hover {
    opacity: 1;
}


/**
 *
 * Superbox 
 *
 */

.superbox-imageinfo span {
    display: none;
}

.superbox-imageinfo {
    display: block;
}

.superbox-imageinfo h1,
.superbox-imageinfo> :first-child {
    font-size: 12px;
    font-weight: normal;
    padding-top: 15px;
}

.superbox-show img {
    width: 90%;
}

.superbox-list {
    width: 80px;
}

input.kalSummen {
    border: 0 !important;
    text-align: right;
    font-weight: 600 !important;
    border-bottom: 1px solid #999 !important;
}

#obj_eigentuemerinfo {
    display: block;
    display: none;
}

#obj_media img {
    border: 1px solid #ddd;
    padding: 3px;
    /*max-height: 108px;
    max-width: 108px;*/
    margin: 1px;
}

#anzahl {
    font-size: 11px;
    margin-right: 10px;
    margin-top: 7px;
    color: #aaa;
}

input.currency {
    text-align: right;
}


/**
 *
 * Footer
 *
 */

.menu-on-top .page-footer {
    /* padding-bottom: 15px; */
    color: #bbb;
}

.page-footer {
    height: inherit;
}

.chat-person {
    border: 1px solid #333;
    padding: 5px;
    float: left;
}

.chat-person a {
    color: #bbb;
}


/**
 *
 * TV-User
 *
 */

body.tv-user .header-search,
body.tv-user nav {
    display: none;
}

body.tv-user #main {
    margin-top: 0px !important;
}

body.tv-user.menu-on-top.fixed-header {}


/**
 *
 * Table-Heads fixed
 *
 */

.jarviswidget header {
    position: sticky;
    top: 69px;
    z-index: 100;
}

.jarviswidget .dt-toolbar {
    position: sticky;
    top: 103px;
    z-index: 100;
}

.jarviswidget .dataTable thead {
    position: sticky;
    top: 141px;
    z-index: 100;
}

.dashboard .jarviswidget .dataTable thead {
    position: sticky;
    top: 100px;
    z-index: 100;
}

#ui-datepicker-div {
    z-index: 100 !important;
}


/**
 * 
 * Speichern & Zurück ausblenden
 *
 */

button.saveback {
    display: none;
}


/**
 *
 * Media Queries 
 *
 */


/* Tablets */

@media only screen and (min-width: 760px) {}


/* Mittlere Monitore */

@media only screen and (min-width: 980px) {}


/* Große Monitore */

@media only screen and (min-width: 1280px) {}