body {
    margin: 0;
    padding: 0;
}

body,
html {
    height: 100%;
}
.mbsc-font{
    /*font-size:1rem;*/
}
.padding-2 {
    padding:2em;
}

.md-work-order-checkbox-label.mbsc-checkbox {
    padding-top: 5px;
    padding-bottom: 5px;
}

.md-work-order-date {
    /* font-size: 14px; */
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
}

.md-work-order-date-title {
    /* font-size: 13px; */
    color: #959595;
    padding: 5px 10px;
    line-height: 18px;
}

.md-work-order-price-tag {
    display: inline-block;
    /* font-size: 11px; */
    line-height: 16px;
    vertical-align: middle;
    border: 1px solid #959595;
    color: #959595;
    border-radius: 5px;
    margin: 0 10px;
    padding: 0px 5px;
}

.md-work-order-scheduling .mbsc-timeline-parent {
    height: 32px;
}

.con{
    padding-top:15em; 
}
.tridimo{
    background: #00a4a4;
    border-bottom: 1px solid #ffffff;
    border-radius: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.tridimo-bg{
    background-color:#00a4a4;
}
.login-wrap{
    background:#00a4a4;
    padding:30px;
    
}
#username{
    margin-right:1em;
}
.bb1b{
    border-bottom:1px solid #fff;
}
.btn-white{
    background:#fff;
}
.btn-white:hover{
    background:#fff;
}

.login-wrap .img {
    width: 200px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.form-control:focus{
    box-shadow:none;
    background:#00a4a4;
    color:#fff;
}
.md-work-order-price-tag {
    display: inline-block;
    /* font-size: 11px; */
    line-height: 16px;
    vertical-align: middle;
    border: 1px solid #959595;
    color: #959595;
    border-radius: 5px;
    margin: 0 10px;
    padding: 0px 5px;
}

.md-header-filter-controls {
flex: 1 0 auto;
display: flex;
justify-content: center;
}

.md-custom-header-filtering .mbsc-segmented {
max-width: 400px;
margin: 0 auto;
flex: 1 0 auto;
}

.md-header-filter-img {
width: 25px;
}

.md-header-filter-name {
margin-left: 10px;
}

.md-header-filter-nav {
width: 200px;
}

.md-header-filter-controls .mbsc-segmented-button.mbsc-selected {

}

.md-custom-header-filtering .mbsc-segmented-item:first-child .mbsc-selected.mbsc-material,
.md-custom-header-filtering .mbsc-segmented-item:first-child .mbsc-selected.mbsc-windows,
.md-custom-header-filtering .mbsc-segmented-item:first-child .mbsc-segmented-selectbox-inner {
background: #328e39;
}

.md-custom-header-filtering .mbsc-segmented-item:nth-child(2) .mbsc-selected.mbsc-material,
.md-custom-header-filtering .mbsc-segmented-item:nth-child(2) .mbsc-selected.mbsc-windows,
.md-custom-header-filtering .mbsc-segmented-item:nth-child(2) .mbsc-segmented-selectbox-inner {
background: #00aabb;
}

.md-custom-header-filtering .mbsc-segmented-item:nth-child(3) .mbsc-selected.mbsc-material,
.md-custom-header-filtering .mbsc-segmented-item:nth-child(3) .mbsc-selected.mbsc-windows,
.md-custom-header-filtering .mbsc-segmented-item:nth-child(3) .mbsc-segmented-selectbox-inner {
background: #ea72c0;
}

/* Header */

.demo-work-order-scheduling .mbsc-timeline-resource-col {
width: 240px;
}

.demo-work-order-scheduling .mbsc-timeline-resource-header,
.demo-work-order-scheduling .mbsc-timeline-resource-title,
.demo-work-order-scheduling .mbsc-timeline-resource-footer,
.demo-work-order-scheduling .mbsc-timeline-sidebar-header {
padding: 0;
}

.demo-work-order-scheduling .mbsc-timeline-resource-title {
height: 100%;
}

.mbsc-timeline-resource-title{
    padding:1.5em;
}


.history-container{
    overflow-y: scroll;
    height: 230px;
}
.md-notifications{
    margin-left:0.5em;
    padding-left:0;
}
.grouStyle .mbsc-radio{
    margin-left:1em;
}
.md-notifications li {
    list-style-type: none;
    /* font-size:0.8em; */
}
.md-timeline-height .mbsc-timeline-resource,
.md-timeline-height .mbsc-timeline-row {
    min-height: 100px;
}
.md-timeline-height .mbsc-timeline-resource, .md-timeline-height .mbsc-timeline-row { min-height: 100px; }

.md-search-events-cont{
    padding:0 1em;
}

.md-timeline-template-event-connection, .md-timeline-template-event-connection svg {
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.md-resource-details-cont {
padding-left:0.5em;

}
.rund {
    border-radius: 30%;
    -webkit-border-radius: 30%;
    -moz-border-radius: 30%;
    
  }

.md-resource-details-cont2 {
line-height: 30px;
height: 100%;
}
/*
.md-resource-header {
display: inline-block;
height: 100%;
padding: 0 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width:70%;
}
.md-resource-header2{
    display:inline-block;
    width:70%;
    padding-left:1em;
}

.md-resource-details-name {
/*width: 120px;

}
*/

.head-row{
    box-shadow: 0 0 27px rgba(0,0,0,.3);
    padding: 2em;
    border-radius: 9px;
} 

.mds-external-nav-timeline {
    height: 100%;
  }

  .mds-external-nav-dp .mbsc-datepicker-inline {
    height: auto;
  }

  .mds-external-nav-ec {
    border-left: 1px solid #ccc;
    overflow: hidden;
  }

.demo-work-order-scheduling .mbsc-timeline-resource-title{
   
}
.md-resource-details-seats,
.md-resource-details-stunden {
width: 50px;
}
.md-resource-details-image{
    width: 30%;
    float: left;
    height: 100%;
    vertical-align: middle;
}
.md-resource-details-image img {width:50px;}

.md-resource-details-stunden {


}

#demo-work-order-scheduling {
    border: 3px solid #e4e4e4;
    border-radius: 12px;
    border-style: dashed;
}

.md-resource-details-title {
font-weight: 600;
line-height: 26px;
}

.md-resource-details-sidebar-header {
line-height: 26px;
padding: 0 5px;
}

.md-resource-details .mbsc-timeline-day {
width: 144px;
}

.md-resource-details-sidebar {
line-height: 36px;
text-align: center;
}

/* Footer */

.md-resource-details-occuppancy {
/* font-size: 15px; */
text-align: right;
background: #f8f8f8;
padding-right: 15px;
}

.md-resource-details-footer {
line-height: 50px;
}

.md-resource-details-total {
/* font-size: 18px; */
text-align: center;
line-height: 36px;
}

.md-resource-details-footer-day {
/* font-size: 15px; */
font-weight: 600;
text-align: center;
background: #f8f8f8;
padding: 0 5px;
}

.demo-work-order-scheduling .mbsc-timeline-sidebar-footer {
background: #feefee;
border-top-color: #5a0101;
color: #5a0101;
}

.demo-work-order-scheduling .mbsc-timeline-sidebar-col {
width: 75px;
}

.md-timeline-template .mbsc-schedule-event.mbsc-ltr {
    height: auto !important;
}

.md-timeline-template-event {
    border: 1px solid transparent;
    margin: 2px 0;
}

.md-timeline-template-event-cont {
    background: rgba(255, 255, 255, .8);
    /* font-size: 15px; */
    height: 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.external-drop-calendar {
    border-right: 1px solid #ccc;
}

.external-drop-cont {
    height: 100%;
    overflow: auto;
}

.external-drop-task {
    color: #fff;
    padding: 10px;
    margin: 20px;
    border-radius: 8px;
    font-family: -apple-system, Segoe UI, Roboto, sans-serif;
}

.external-drop-task {
    background: #999;
}

.demo-external-drag-drop-schedule-unschedule.demo-wrapper,
.demo-external-drag-drop-schedule-unschedule .mbsc-grid,
.demo-external-drag-drop-schedule-unschedule .mbsc-row,
.demo-external-drag-drop-schedule-unschedule .external-drop-calendar {
    height: 100%;
}

.md-timeline-template-event-cont .mbsc-icon {
    padding: 5px;
    box-sizing: content-box;
}

.mbsc-timeline-event-start .md-timeline-template-event,
.mbsc-timeline-event-start .md-timeline-template-event-cont,
.mbsc-timeline-event-start .md-timeline-template-event-cont .mbsc-icon {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.mbsc-timeline-event-end .md-timeline-template-event,
.mbsc-timeline-event-end .md-timeline-template-event-cont,
.mbsc-timeline-event-end .md-timeline-template-event-cont .mbsc-icon {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.md-timeline-template-event-cont .mbsc-icon:before {
    color: #fff;
    /* font-size: 18px; */
}

.md-timeline-template-time {
    margin: 0 10px;
}

.md-timeline-template-title {
    color: #666;
}

.md-timeline-template .mbsc-timeline-column,
.md-timeline-template .mbsc-timeline-header-column {
    min-width: 100px;
}

.mbsc-timeline-column, .mbsc-timeline-header-column{
    width:2.5em;
}

.md-timeline-template .mbsc-timeline-resource,
.md-timeline-template .mbsc-timeline-row {
    max-height:110px;
}

.md-lunch-break-class.mbsc-schedule-invalid {
    text-align: center;
    align-items: center;
    font-weight: bold;
    background: repeating-linear-gradient(-45deg, #f3f3f3, #f3f3f3 11px, #e5e5e5 11px, #e5e5e5 22px);
}

.md-stripes-bg {
    background: repeating-linear-gradient(-45deg, #fcfffc, #fcfffc 10px, #eefbec 10px, #eefbec 20px)!important;
}
.mbsc-schedule-invalid-text {
    color:#000;
    
}

.mbsc-timeline-row { height: 90px; }
#page_blocker .mbsc-timeline-row { height: 35px; }

.md-dots-bg {
    background-image: radial-gradient(#a7a7a7 20%, transparent 20%);
    background-color: #f9f9f9;
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;
}


.md-rect-bg {
   opacity: 0.8 !important;
   background-image: repeating-linear-gradient(45deg, #ffd6d6 25%, transparent 25%, transparent 75%, #ffd6d6 75%, #ffd6d6), repeating-linear-gradient(45deg, #ffd6d6 25%, #ffefef 25%, #ffefef 75%, #ffd6d6 75%, #ffd6d6)!important;
   background-position: 0 0, 10px 10px!important;
    background-size: 20px 20px!important;
}

@supports (overflow:clip) {
.demo-work-order-scheduling.mbsc-ltr .mbsc-schedule-event-inner {
    left: 271px;
}
.demo-work-order-scheduling.mbsc-rtl .mbsc-schedule-event-inner {
    right: 271px;
}
}

.mbsc-ios.mbsc-form-control-wrapper{
    /*margin-bottom:0.5em;*/
}

.mbsc-ios.mbsc-textfield-wrapper-box, .mbsc-ios.mbsc-textfield-wrapper-outline {
    margin: 0.5em 1em!important;
}

.mbsc-form-group{
    margin:0;
}
.mbsc-popup{
 /*   max-height:950px!important;
    width:1000px!important;*/
}

.mbsc-ios.mbsc-textfield-wrapper-box{
    margin:0.5em 1em;
}

.mbsc-ios.mbsc-form-control-wrapper {
    /*margin:0.5em 1.5em;*/
}

.pImage {
    width:70px;height:70px;
}

.md-custom-event-notification-icon{
    position:absolute;
    right:-10px;
    z-index:1;
    color:#DC143C;
    top:0;
    font-size:16pt;
}

.md-custom-event-notification-online{
    position:absolute;
    left:-1px;
    z-index:1;
    color: red;
    top:-21px;
    font-size:21pt;
}

#work-order-notes{
    height:200px;
}
.mbsc-form-group-title{
    font-weight:bold;
}
.mbsc-switch{
    margin-left:1em;margin-right:1em;
}
.switch-full{
    margin-left:0;margin-right:0;
}
.mbsc-ios.mbsc-switch-right{
    border-radius:0.5em;
    border:1px solid #ccc;
}
#work-order-traveltime-checkbox::before{
    border-radius:10px;
}
.mbsc-ios.mbsc-form-control-wrapper:after, .mbsc-ios.mbsc-form-control-wrapper:before {
     border:0;
}

.ml0{
    padding-left:0;
}
.margin-left-0 label{
    margin-left:0.1em!important;
}
.margin-right-0 label{
    margin-right:0.1em!important;
}

.mbsc-timeline-column_cell-selected{
    /*background-color:#959595;*/
}



/*   render EVENT */

#demo-tooltip-header{
    background-color: #3f97f6;
}

.mds-tooltip {
    /* font-size: 15px; */
    font-weight: 600;
  }
  
  .mds-tooltip-header {
    padding: 12px 16px;
    color: #eee;
  }
  
  .mds-tooltip-label {
    line-height: 32px;
  }
  
  .mds-tooltip-button.mbsc-button {
    /* font-size: 14px; */
    margin: 0;
  }
  
  .mds-tooltip-button.mbsc-material {
    /* font-size: 12px; */
  }

.md-lunch-break-class { 
    text-align: center;
    align-items: center;
    font-weight: bold;
    background: repeating-linear-gradient(-45deg, #f3f3f3, #f3f3f3 11px, #e5e5e5 11px, #e5e5e5 22px);
    z-index:100;
}

.md-custom-event-cont {
    /* font-size: 12px; */
    font-weight: 600;
    height: 100%;
    background: #fff;
    position: relative;
    box-sizing: border-box;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    border-radius: 0 10px 10px 0;
    overflow: hidden;
}

.mbsc-schedule-event-active .md-custom-event-cont{
    background:#1c0343!important; /*// schattierung */
    border-left: 5px solid #0a0b15!important;
    color:initial;
    /*opacity:0.7;*/
    background: rgba(255, 255, 255, .8);
}

.mbsc-col .mbsc-radio{
    margin-left:1em;
    margin-right:1em;
}

.md-custom-event-wrapper {
    position: relative;
    background: rgba(255, 255, 255, .5);
    height: 100%;
    min-height: 70px;
    box-sizing: border-box;
    border-radius: 0 10px 10px 0;
    transition: background .15s ease-in-out;
}

.mbsc-timeline-parent{
    height:30px!important;
    max-height:30px!important;
}

.mbsc-schedule-event-hover .md-custom-event-cont .md-custom-event-wrapper {
    background: rgba(255, 255, 255, .3);
}

.mbsc-schedule-event-active .md-custom-event-cont .md-custom-event-wrapper {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 1px 3px -1px rgba(0, 0, 0, 0.2);
}

.mbsc-schedule-event-hover .md-custom-event-allday-title {
    opacity: .8;
}

.mbsc-schedule-event-active .md-custom-event-allday-title {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 1px 3px -1px rgba(0, 0, 0, 0.2);
}

.md-custom-event-category {
    display: inline-block;
    max-width: 100%;
    color: #eee;
    border-radius: 10px;
    margin: 3px 3px 0 10px;
    padding: 2px 10px;
    white-space: nowrap;
    overflow: hidden;
    /* font-size:8px; */
    position:absolute;
    right:0;
}

.md-custom-event-details {
    padding: 0 3px;
}

.md-custom-event-title {
    color: initial;
    
}
.md-custom-event p {
    width: 100%;
    text-overflow: ellipsis;
    width:90%;
    white-space: nowrap;
    overflow:hidden;
    margin:0;
}

p.abbr {
    width: 100%;
    text-overflow: ellipsis;
    width:90%;
    white-space: nowrap;
    overflow:hidden;
    margin:0;
}

.md-custom-event-time {
    /* font-size: 10px; */
    color: #666;
    padding-top: 3px;
    padding-left:3px;
}

.md-custom-event-allday-title {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    padding: 2px 10px;
    border-radius: 10px;
    opacity: .7;
}

.md-custom-event-btn.mbsc-button {
    margin: 5px 0;
    line-height: 20px;
    padding-top: 0;
    padding-bottom: 0;
}

.md-cutom-event-img-cont {
    position: absolute;
    bottom: 1px;
    right: 1px;
    white-space: nowrap;
}

.md-custom-event-img {
    width: 25px;
    height: 25px;
    margin: 0 2px;
}

.md-item-template{
    display:flex;
}
.md-item-template-color{
    display: inline-block;
    padding: 0px;
    width: 40px;
    height: 40px;
    margin: 3px;
    line-height: 40px;
    border: 10px solid #FFF;
}

.mbsc-ios.mbsc-wheel-checkmark:after {
    border: 0.125em solid;
    border-right: 0;
    border-top: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 0.375em;
    left: 26%;
    opacity: 0;
    position: absolute;
    top: 32%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: opacity .2s ease-in-out;
    width: 0.75em;
}

.mbsc-ios.mbsc-wheel-checkmark.mbsc-selected:after {
    opacity: 1;
} 
.mbsc-scroller-wheel-item.mbsc-ios.mbsc-ltr.mbsc-wheel-item-checkmark.mbsc-selected .md-item-template-artist {font-weight:bold;color:#000;}

.mbsc-scroller-wheel-item-2d .md-item-template {
    transform: scale(1.1);
}



.custom-view {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 0 auto;
-moz-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: right;                 

.mbsc-segmented {
margin: 0;
}

.mbsc-segmented.mbsc-material,
.mbsc-segmented.mbsc-windows {
padding: 0 2px;
}

.mbsc-segmented .mbsc-segmented-button {
padding: 0 1px;
}

.mbsc-segmented .mbsc-icon {
font-size: 20px;
}

.mbsc-segmented-button.mbsc-windows {
border: 0;
}
}

.custom-view-nav .mbsc-calendar-title.mbsc-material {
/* font-size: 16px; */
}

.mbsc-checkbox {
    display: block;
    line-height: 1.25em;
    margin: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 0
}

.mbsc-checkbox-box {
    height: 1.375em;
    top: 50%;
    width: 1.375em
}

.mbsc-checkbox-box,.mbsc-checkbox-box:after {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute
}

.mbsc-checkbox-box:after {
    content: "";
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mbsc-checkbox-box.mbsc-checked:after {
    opacity: 1
}

.mbsc-material.mbsc-checkbox-right {
    padding: .9375em 3.5em .9375em 1em
}

.mbsc-material.mbsc-checkbox-left {
    padding: .9375em 1em .9375em 3.5em
}

.mbsc-material.mbsc-checkbox-box {
    border: .125em solid;
    border-radius: .1875em;
    height: 1.125em;
    margin-top: -.5625em;
    transition: background-color .1s ease-out;
    width: 1.125em
}

.mbsc-material.mbsc-checkbox-box-right {
    right: 1.25em
}

.mbsc-material.mbsc-checkbox-box-left {
    left: 1.25em
}

.mbsc-material.mbsc-checkbox-box:after {
    border: .125em solid;
    border-right: 0;
    border-top: 0;
    height: .4375em;
    left: .0625em;
    opacity: 1;
    top: .125em;
    -webkit-transform: scale(0) rotate(-45deg);
    transform: scale(0) rotate(-45deg);
    transition: -webkit-transform .1s ease-out;
    transition: transform .1s ease-out;
    transition: transform .1s ease-out,-webkit-transform .1s ease-out;
    width: .8125em
}

.mbsc-material.mbsc-checkbox-box:before {
    background: currentColor;
    border-radius: 2.5em;
    content: "";
    height: 2.5em;
    left: -.8125em;
    opacity: 0;
    position: absolute;
    top: -.8125em;
    transition: opacity .2s ease-in-out;
    width: 2.5em;
    z-index: -1
}

.mbsc-material.mbsc-checkbox-box.mbsc-checked {
    background: currentColor;
    border-color: currentColor
}

.mbsc-material.mbsc-checkbox-box.mbsc-checked:after {
    -webkit-transform: scale(1) rotate(-45deg);
    transform: scale(1) rotate(-45deg)
}

.mbsc-material.mbsc-checkbox-box.mbsc-disabled {
    opacity: .3
}

.mbsc-material.mbsc-checkbox-box.mbsc-checkbox-box-primary {
    color: #3f97f6
}

.mbsc-material.mbsc-checkbox-box:after {
    border-color: #fff;
}
.mbsc-schedule-event-active .md-custom-event-cont {
    /*background:#3f97f6!important;*/
}
.docs-icons .fontb-icons:before {
    float: left;
    margin-right: 5px;
}
.fontb-icon-close:before{
    content:"\ea18"
}
.fontb-icons:before, .fontb-subtitle-ic:before {
    font-size: 24px;
    font-family: 'fontbuilder_mobiscroll';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
} 

/* Portrait mobiles*/
@media (max-width: 480px) {

.mbsc-col-2 { display: none; }

}