#nav-mobile{
    background-color: #493D55;
    overflow: visible;
}

a:focus {
    outline:0 !important;
}

.outdent{
    position:absolute;
}


md-tabs.md-custom-theme .md-tab.md-active, md-tabs.md-custom-theme .md-tab.md-active md-icon, md-tabs.md-custom-theme .md-tab.md-focused, md-tabs.md-custom-theme .md-tab.md-focused md-icon {
    color: rgba(0,0,0,0.5);
}

.md-tab.md-active {
    color:#16a085 !important;
}

md-select.md-custom-theme .md-select-value.md-select-placeholder {
   font-size: 14px;
   margin-top:0px;
   padding-top: 0px;
   padding-bottom: 6px;
}

md-select.md-custom-theme .md-select-value{
    font-size: 14px;
    margin-top: 0px;
    padding-top: 2px;
    padding-bottom: 4px;
}

md-select:not([disabled]):focus .md-select-value {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 3px;
}

md-checkbox {
    margin-left: 9px !important;
}

md-checkbox .md-container {
    width: 15px;
    height: 15px;
}

md-checkbox .md-icon {
    width: 15px;
    height: 15px;
    top: -4px;
}

md-checkbox.md-checked .md-icon:after {
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 3px;
    top: 0.22px;
    display: table;
    width: 5.67px;
    height: 10.33px;
    border-width: 2px;
    border-style: solid;
    border-top: 0;
    border-left: 0;
    content: '';
}

.md-select-value :first-child {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

md-input-container.md-custom-theme .md-input[disabled], md-input-container.md-custom-theme .md-input [disabled] {
    margin-bottom: 0px;
}

md-input-container>md-select {
    padding-bottom: 18px;
}

.content .md-select-value {
    font-size: 15px;
}

.content .md-select-value {
    min-height: 16px;
}

.h3Cust{
    margin-bottom: 16px;
    margin-left: 8px;
    color: #16a085;
}

.trashSubMenu{
    position: absolute;
    top: 4px;
    color: #cc5c6c;
    right: 0px;
    font-size: 17px;
    background-color: #E6E6E6;
    cursor: pointer;
    padding: 5px 1px 5px 5px;
    width: 21px;
}

.trashSubMenuSize{
    font-size: 25px;
    top: -1px;
}

.badge{
    display: inline-block;
    background-color: #cc5c6c;
    width: auto;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    left: -5px;
    position: relative;
}

.badgePadding {
    padding: 0 5px;
}

.tabletBadge{    
    left: 35%;
}

.phoneBadge{    
    left: 20%;
}

.md-tab:hover {
    color: #16A085 !important;
    transition: all .2s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

md-sidenav .md-button:hover {
    background-color: #F3F3F3;
    transition: all .2s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: rgba(0,0,0,8) !important;
    position: relative;
    
}

md-sidenav .md-button.collapsed:hover {
    background-color: #16A085 !important;
    color: rgba(224,224,224,1) !important;
    
}

md-sidenav .md-button.collapsed.blueNav:hover {
    background-color: #3071A9 !important;
    color: rgba(224,224,224,1) !important;
    
}

md-sidenav .md-button .plus{
    float: right;
    font-size: 11px;
    padding-top: 15px;
}

md-sidenav md-list {
    display: block;
    padding: 0px 0 8px 0;
}

.userbox{
    background-color: #3071A9;
    margin: 0px;
    padding: 0px 10px;
    border-radius: 0px;
    text-transform: none;
    font-size: 13px;
    line-height: 45px;
    transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1);
    color: #16A085;
    transition: all .2s linear;
    -webkit-user-select: none;
}

.nav {
    background-color: #fff;
    border-right: 1px solid #E6E6E6;
}

.navBar{
    height: 48px;
    min-height: 48px;
    padding: 0 16px 0 0;
}

.navBar .md-button{
    margin: 0px;
    padding: 0px 10px;
    border-radius: 0px;
    text-transform: none;
    line-height: 47px;
    transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1);
    color: rgba(0,0,0,.5) !important;
    transition: all .2s linear;
    -webkit-user-select: none;
    
}

.customNavBar a.md-button.md-custom-theme:not([disabled]):hover, .md-button.md-custom-theme:not([disabled]):hover {
    /*background-color: #E6E6E6 !important;*/
}

.navBar .md-button:hover{
    background-color: #ECECEC !important;
    transition: all .2s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000 !important;
}

.md-open-menu-container .md-button{
    background-color: #E6E6E6;
    border-radius: 0px;
    transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1);
    color: rgba(0,0,0,.5) !important;
    transition: all .2s linear;
    -webkit-user-select: none;
    font-weight:bold;
    font-size: 13px;
    
}

.md-button {
    text-transform: none;
    color: rgba(0,0,0,.5) !important;
}

.md-button:hover {
    color: #16A085 !important;
    background-color: #E6E6E6;
    transition: all .2s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.md-open-menu-container .md-button i{
    padding-right: 10px;
    
}

.md-open-menu-container .md-button.md-focused{
    background-color: #E6E6E6 !important;
    
}

md-sidenav md-content{
    font-size: 12px;
    color: rgba(0,0,0,.5);
    transition: all .2s linear;
    -webkit-user-select: none;
}

md-sidenav md-bottom-sheet{
    padding: 8px 0;
    margin-top: 20px;
}

.md-content-margin{
    margin: 20px;
}

.bold{
    font-weight: bold;
}

md-menu-item {
    min-height: 36px;
    height: 36px;
}

.md-open-menu-container .md-button:hover{
   color: #16A085 !important;
    transition: all .2s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
}

.md-open-menu-container md-menu-content{
    background-color: #E6E6E6;
}

.main-view{
    padding: 0 20px;
}

md-tabs.md-custom-theme md-ink-bar {
    color: #16a085;
    background: #16a085;
}

h4 {
    font-size: 16px;
}

#logoScreen{
    background: url('img/dispoLogo.png') no-repeat;
    height: 47px;
    background-size: 112px;
    width: 165px;
    background-position: 20px;
}

#logoTablet{
    background: url('img/dispoLogo.png') no-repeat;
    height: 47px;
    background-size: 84px;
    width: 63px;
    background-position: 12px;
}

#logoPhone{
    background: url('img/dispoLogo.png') no-repeat;
    height: 32px;
    background-size: 88px;
    width: 23px;
    background-position: -31px 14px;
    margin-left: 7px;
    margin-bottom: 15px;
}



.screen {
 min-width: 240px;
 width: 240px;
 max-width: 240px;
}

.contentScreen{
    position: relative;
    margin-left: -240px;
    padding: 0 0 0 240px;
}

.tablet {
 min-width: 80px;
 width: 80px;
 max-width: 80px;
}

.contentTablet{
    position: relative;
    margin-left: -80px;
    padding: 0 0 0 80px;
}


.mobileBtn.tablet {
    padding: 0px !important;
}

.mobileBtn.phone {
    padding: 0px !important;
}

.mobileBtn.tablet i{
    font-size: 24px !important;
    padding: 10px 0 3px 0 !important;
    margin: 0 auto;
    display: block;
    width: 20px;
}

.mobileBtn.tablet span{
    font-size: 10px !important;
    display:block;
    line-height: 12px;
    padding-bottom: 17px;
    text-align: center;
}

.mobileBtn.phone i{
    font-size: 16px !important;
    padding: 14px 0 14px 0 !important;
    margin: 0 auto;
    display: block;
    width: 20px;
}

.mobileBtn.phone span{
    font-size: 10px !important;
    padding: 6px 10px 6px 12px !important;
    line-height: 12px;
    padding-bottom: 17px;
    text-align: center;
}

.phone {
    min-width: 40px;
    width: 40px;
    max-width: 40px;
}

.contentPhone{
    position: relative;
    margin-left: -40px;
    padding: 0 0 0 40px;
}

md-sidenav{
    overflow-x: hidden;
}

md-sidenav .md-button {
    margin: 0px;
    border-radius: 0px;
    transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1);
    font-size: 13px;
    color: rgba(0,0,0,.5);
    transition: all .2s linear;
    -webkit-user-select: none;
    text-align: left;
    padding: 6px 10px 6px 30px;
    text-transform: none;
    font-weight:bold;
    width: 100%;
}

.collapsed{
    background-color: #16A085;
}

md-input-container.md-custom-theme.md-input-invalid .md-input {
    border-color: #cc5c6c;
}

/*.activeLink{
    border-bottom: 1px solid #18ba99;
}*/

md-sidenav md-list-item, md-sidenav md-list-item .md-list-item-inner {
    display: block;
    min-height: 0px;
}

.animate-enter, 
.animate-leave { 
    -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    position: relative;
    display: block;
} 
 
.animate-leave.animate-leave-active,
.animate-enter {
    opacity: 1;
    top: 0;
    max-height: auto;
}
 
.animate-enter.animate-enter-active,
.animate-leave {
    opacity: 0;
    top: -10px;
    max-height: 0px;
}

.submenu{
    overflow:hidden;
}

md-sidenav .borderBottom{
    border-bottom: 1px solid #18ba99 !important;
}

.submenu .md-button {
    transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1);
    font-size: 13px;
    color: rgba(0,0,0,.5);
    transition: all .2s linear;
    -webkit-user-select: none;
    text-align: left;
    padding: 6px 10px 6px 40px;
    text-transform: none;
    font-weight:bold;
    height: 33px;
    line-height:21px;
    width: 100%;
    border-bottom: 1px solid #d6d6d6;
}

.submenu .md-button:hover {
    color: #16A085 !important;
    background-color: #E6E6E6;
    transition: all .2s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

md-checkbox.md-custom-theme.md-checked .md-icon {
    background-color: rgba(22,96,158,1);
}

md-checkbox .md-label {
    font-size: 14px;
    padding-top: 7px;
}

md-checkbox {
    min-height: 37px;
}

.submenu .md-button{
    background-color: #E6E6E6;
}

.activeLink{
    background-color: #16A085 !important;
    color: #fff !important;
}

.plusminus{
    position: absolute;
    right: 0px;
}

.floatRight{
    float:right;
}

.subMenuSwitch button div{
    min-height: 20px;
    height: 20px;
    font-size: 14px;
}

.subMenuSwitch{
    min-height: 30px;
    height: 30px;
    font-size: 15px;
}    

.height200{
    height: 200px;
}

md-sidenav .md-button i {
   padding-right: 10px;
}

.customNavBar{
    border-bottom: 1px solid #E6E6E6;
}

.bgWhite{
    background-color: #fff !important;
}

.red {
    color: #9e1616;
}

.green {
    color: #16a085 !important;
}

.grey {
    color: #a3a3a3  !important;
}

.blue{
    color: #16609E  !important;
}

.lightblueBG{
    background-color: #F0F8FF !important;
}

.tabMarginTop{
    margin-top: 8px;
}

.subToolbar{
    background-color: #16609e !important;
    color: #fff !important;
    min-height: 36px;
    /*height: 36px;*/
}

/*.layout-column {*/
/*    background-color: #e7eaeb;*/
/*}*/

.wj-flexgrid .wj-cell {
    background-color: #fff;
}

.rightPad{
    padding-right: 10px;
}

.subToolbarMarginBottom{    
    margin-bottom: 9px;
}

.subToolbarMarginTop{    
    margin-top: 9px;
}

.subToolbar{
    background-color: #E7EAEB!important;
    color: #E7EAEB !important;
    min-height: 38px;
    /*height: 38px;*/
    /* border-top: 1px solid #16609e; */
    border-bottom: 1px solid #16609e;
}

.subToolbar button{
    color: #3071a9;
    height: 36px;
    font-weight: bold;
    /* border-right: 1px solid #3071a9; */
    margin-left: -6px;
}

md-menu-bar.md-custom-theme md-menu.md-open > button, md-menu-bar.md-custom-theme md-menu > button:focus {
    outline: none;
    background: #E7EAEB;
}

.subToolbar button:hover{
     background-color: #3071a9;
     color: #fff;
    transition: all .2s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.subToolbar md-menu-bar {
    padding: 0 0px 0 6px;
}


.greyBg {
    background-color: #E7EAEB !important;
}

    

.wj-state-multi-selected .blue, .wj-state-multi-selected .grey, .wj-state-multi-selected .green, .wj-state-multi-selected .red
.wj-state-selected .blue, .wj-state-selected .grey, .wj-state-selected .green, .wj-state-selected .red{
    color: #fff !important;
}

.null-margin{
 margin: 0;   
}

.tb-padding-5{
 padding-top: 4px;  
 padding-bottom: 0px;  
}

.lr-padding-3-0{
    padding-left: 3px;
    padding-right: 0px;
}

.b-margin-17{
    margin-bottom: 17px;
}

md-input-container .md-errors-spacer {
    float: right;
    min-height: 22px;
    min-width: 1px;
}

md-input-container {
    display: inline-block;
    position: relative;
    padding: 0 2px 14px 2px;
    margin: 0px 8px;
    vertical-align: middle;
}

fieldset {
    padding-top: 18px;
    border: #16609e solid 1px;
}

fieldset legend{
    font-size: 14px;
    color: #16609e;
}

.md-tab {
    text-transform: none;
}

md-card md-card-content {
    display: block;
    padding: 16px 16px 0px 16px;
    width: 100%;
    box-sizing: border-box;
}

.md-card-content-grid {
    padding: 0px 0px 0px 0px !important;
}


md-input-container .md-errors-spacer {
    float: right;
    min-height: 16px;
    min-width: 1px;
}

md-input-container .md-input {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display: block;
    margin-top: 0;
    background: 0 0;
    padding: 2px 2px 1px;
    border-width: 0 0 1px;
    line-height: 22px;
    height: 22px;
    -ms-flex-preferred-size: 26px;
    border-radius: 0;
    border-style: solid;
    width: 100%;
    box-sizing: border-box;
    float: left;
    font-size: 14px;
}

.hint{
    font-size: 11px;
}

md-input-container.md-input-focused:not([md-no-float]) .md-select-placeholder span:first-child {
    font-weight: bold;
    transform: translateY(-12px) translateX(-2px) scale(.75);
}

md-input-container .md-placeholder, md-input-container label:not(.md-no-float):not(.md-container-ignore) {
    font-size: 14px !important;
    bottom: 120% !important;
    white-space: nowrap;
}

md-input-container.md-custom-theme.md-input-has-value label {
    font-size: 14px !important;
    bottom: 100% !important;
    white-space: nowrap;
}

md-input-container.md-custom-theme:not(.md-input-invalid).md-input-focused label {
    font-size: 16px !important;
    font-weight: bold;
    bottom: 100% !important;
}

md-input-container.md-custom-theme.md-input-invalid.md-input-focused label{
    color: #cc5c6c !important;   
    bottom: 100% !important;
}

md-input-container .md-placeholder{
    font-size: 14px;
    padding-buttom: 2px;
}

md-input-container.md-input-focused label{
    font-size: 16px !important;
    bottom: 100% !important;
}

.placeMapImgFix{
    min-height: 200px;
    width: 100%;
    position: relative;
}

.padding16{
        padding: 16px; 
}

.LinieDispo{
    color: #16609e;
    height: 150px;
    overflow: scroll;
}

.LinieDispo table{
    border: 1px solid #16609e;
    border-collapse: collapse;
}

.LinieDispo table tr{
    border: 1px solid #16609e;
}

.LinieDispo table td{
    border: 1px solid #16609e;
    padding: 5px 15px;
}

.subButtonTablet{
    border: none;
    margin: 0;
    color: #3071a9 !important;
    border-radius: 0px !important;
}

.subButtonTablet:hover{
   background-color: #3071a9 !important;
    color: #fff !important;
    transition: all .2s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.md-open > .subButtonTablet{
   background-color: #3071a9 !important;
    color: #fff !important;
    transition: all .2s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#serienManageMap {
    min-height: 594px;
}


.contLabel{
    color:#16a085;
    font-weight:bold;
    min-width: 160px;
    display: inline-block;
}

.noOverflow{
    overflow: visible;
}

.contSpan{
    display:inline-block;
}

.subMenuTool{
    margin-left: 6px !important;
}

md-menu-item>.md-button i {
    margin-top: auto; 
    margin-bottom: auto; 
}

md-menu-bar .md-menu {
    display: inline-block;
    padding: 0;
    position: relative;
}

.wj-dropdown-panel .wj-listbox-item {
    padding: 3px 40px 3px 10px !important;
}

.activeLinkSub{
    color: #16a085 !important;
}

#error404{
    background: url('img/404-error.png') no-repeat;
    width: 100%;
    height: 1080px;
    background-size: contain;
}

#serienKatMap{
    min-height: 585px;
}

.md-toast-content .md-button span{
    color: #16a085;
}

.carList{
    list-style-type: none;
    display: inline-block;
    padding: 3px 5px;
    margin: 0px 2px;
    color: #fff;
    cursor: pointer;
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: bold;
    border: 2px solid #E7EAEB;
    line-height: 18px;
}

.carList .fa-stack {
    position: relative;
    display: inline-block;
    margin-top: -6px;
    width: 2em;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
}

.carList .fa-stack-2x {
    font-size: 21px;
}

.carsHeight{
  
}

.borderBottomGreen{
    border-bottom: 1px solid #16a085;
      max-height: 80px;
      min-height: 80px;
      overflow-y: auto;
}

.carGrey{
    background-color: #adadad;
}

.frei{
    background-color: #16a085;
}

.pause{
    background-color: #3071a9;
}

.besetzt{
    background-color: #cc5c6c;
}

.online{
    display: none !important;
}

#carUl{
    padding-left: 15px;
   margin-bottom: 0;
    padding-bottom: 4px;
    margin-top: 12px;
}


.wj-filter-on .wj-glyph-filter {
    color: #cc5c6c;
}

.w100{
    width: 100%;
}

/*Wijmo*/
.wj-header {
    font-weight: normal !important;
}

.wj-flexgrid .wj-cell {
    padding: 4px 3px 3px 3px !important;
    font-size: 14px !important;
}

.wj-state-multi-selected {
    background-color: #16A085 !important;
    color: #fff !important;
}

.wj-state-multi-selected div {
    color: #fff !important;
}

.wj-state-selected {
    background-color: #137f69 !important;
    color: #fff !important;
}

.wj-state-selected div{
    color: #fff !important;
}

/*Breadcrumb*/
.breadcrumb { 
	list-style: none;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    margin-top: -10px;
    margin-bottom: 10px;
}
.breadcrumb li { 
    font-weight: bold;
	float: left;
    font-size: 12px;
    padding: 0px;
    line-height: 0px;
    cursor: pointer;
}
.breadcrumb li a {
	color: white;
	text-decoration: none; 
	padding: 10px 0 10px 65px;
	background: #16609e;                   /* fallback color */
	background: #16609e; 
	position: relative; 
	display: block;
	float: left;
}

.breadcrumb li a:after { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid #16609e;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}

.breadcrumb li a:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;       
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}

.breadcrumb li:first-child a {
	padding-left: 10px;
}
.breadcrumb li:nth-child(2) a       { background:        #3071a9; }
.breadcrumb li:nth-child(2) a:after { border-left-color: #3071a9; }
.breadcrumb li:nth-child(3) a       { background:        #3885c4; }
.breadcrumb li:nth-child(3) a:after { border-left-color: #3885c4; }
.breadcrumb li:nth-child(4) a       { background:        #3885c4; }
.breadcrumb li:nth-child(4) a:after { border-left-color: hsla(34,85%,65%,1); }
.breadcrumb li:nth-child(5) a       { background:        hsla(34,85%,75%,1); }
.breadcrumb li:nth-child(5) a:after { border-left-color: hsla(34,85%,75%,1); }

.breadcrumb li a:hover { background: #16a085; }
.breadcrumb li a:hover:after { border-left-color: #16a085 !important; }



md-tabs-wrapper {
    margin-left: 8px;
    margin-right: 8px;
    background: #fff !important;
}

md-card {
    margin: 8px;
}

md-content.md-custom-theme {
    background: #e7eaeb;
}

md-select-menu md-content.md-custom-theme {
    background: #fff;
}

md-select-menu[multiple] md-option {
        padding-left: 48px;
}

md-select-menu[multiple] md-option:before {
    transition: 240ms;
    position: absolute;
    top: 15px;
    left: 16px;
    width: 18px;
    height: 18px;
    border: 2px solid;
    border-radius: 2px;
    content: ' ';
    border-color: rgba(0, 0, 0, 0.54);
    z-index: 1;
}

md-select-menu[multiple] md-option[selected]:before {
    background-color: rgba(30, 136, 229, 0.87);
    border-color: rgba(30, 136, 229, 0.87);
}
md-select-menu[multiple] md-option[selected]:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 17px;
    left: 22px;
    display: table;
    width: 6px;
    height: 12px;
    border: 2px solid;
    border-top: 0;
    border-left: 0;
    content: ' ';
    z-index: 2;
    border-color: rgb(255, 255, 255);
}

label.required:after{
  color:#9e1616;
}

.required md-select-value > span:nth-child(1):after{
  content:" #";
  color:#9e1616;
}

.md-dialog-content .md-title{
    color: #cc5c6c;
}

md-sidenav .submenu .md-button .plus {
    float: right;
    font-size: 9px;
    padding-top: 6px;
}

.subsubmenu button{
    padding-left: 50px !important;
}

.subsubmenuphone button{
    padding-left: 30px !important;
}
     
c3chart svg{
    width: 100% !important;
}

c3Chart{
    outline: none;
}

.rsStyle{
    display: inline-block; 
    margin: 0px 10px 0 10px;
}

.rsSpan{
    display: inline-block;
    top: -12px;
    position: relative;
    width: 70%;
    font-size:14px;
}

.rsLeft{
    left: 20px;
}

.rsLeftSub{
    left: 40px;
}

.rsSystem md-switch{
    
}

.disableButton{
    color: #adadad !important;
     pointer-events: none;
}

.disableButton:hover{
    background-color: #e7eaeb !important;
    cursor: not-allowed;
    pointer-events: none;
    
}

.paddingTop10{
    padding-top: 10px;
}

.disableForm{
    background-color: #e7eaeb;
    height: 100%;
    width: 100%;
    position: absolute !important;
    z-index: 1;
    opacity: 0.4;
    cursor: not-allowed;
    top: 0;
}

md-radio-button {
    margin-left: 9px;
}

.dhx_cal_navline .dhx_cal_date {
    border: 0;
    font-size: 14px;
    font-weight: 400;
    font-family: arial;
    width: 100%;
    top: 14px;
    text-align: center;
    position: absolute;
    left: 0;
    z-index: -10;
    margin: -21px auto;
    line-height: 19px;
}

.dhx_cal_navline {
    margin-top: 10px;
}

.md-button.blueNav{
    background-color: #3071A9 !important;
}

.fontColorWhite{
    color: #fff !important;
}

.font13{
    font-size: 13px !important;
}
.font14{
    font-size: 14px !important;
}
.font15{
    font-size: 15px !important;
}

.font16{
    font-size: 16px !important;
}
.font17{
    font-size: 13px !important;
}
.font18{
    font-size: 18px !important;
}

.font19{
    font-size: 19px !important;
}

.font20{
    font-size: 20px !important;
}

.font21{
    font-size: 21px !important;
}
.font22{
    font-size: 22px !important;
}
.font23{
    font-size: 23px !important;
}
.font24{
    font-size: 24px !important;
}


.dispoBold{
    font-weight: bold;
}

.dispoGrey{
	color: #8c8c8c;
}

.bgOrange{
	background-color: #ffddad;
	
}

.dispoYellow{
	background-color: #FFFF99;
}

.dispoRed{
	color: #ff1111;
}

.dispoDarkRed{
	color: #962b2b;
}

.dispoGreen{
	color: #009678;
}

#dispoGridDialog.ag-fresh .ag-row.ag-row-odd, #dispoGrid.ag-fresh .ag-row.ag-row-odd {
    background-color: #fff;
}

.ag-fresh .ag-row {
    
    outline: 1px solid #aaa;
}

.ag-fresh .ag-row-selected {
    background-color: #16A085;
}

.ag-fresh .ag-row {
    color: #3071A9;
    font-family: inherit;
    font-size: 15px;
}

.ag-fresh .ag-row.ag-row-selected .ag-cell {
    background-color: #16A085;
    color: #fff;
}

.ag-fresh .ag-cell-focus {
    border-right: 1px dotted #808080 !important;
    border-top: 1px solid transparent !important;
    border-left: 1px solid transparent !important;
    border-bottom: 1px solid transparent !important;
    background-color: #ededed;
}

#dispoGridDialog.ag-fresh .ag-row.ag-row-selected .ag-cell, #dispoGrid.ag-fresh .ag-row.ag-row-selected .ag-cell {
    background-color: #D3D3D3 !important;
    color: #3071A9;
}

#dispoGridDialog.ag-fresh .ag-row-selected, #dispoGrid.ag-fresh .ag-row-selected {
    background-color: #D3D3D3 !important;
    color: #3071A9;
}

#dispoGridDialog.ag-fresh .ag-row.ag-row-selected .ag-cell, #dispoGrid.ag-fresh .ag-row.ag-row-selected .ag-cell {
    background-color: #D3D3D3 !important;
    color: #3071A9;
}

.cellLeft{
    text-align: left;
}

.cellRight{
    text-align: right;
}

.cellCenter{
    text-align: center;
}


md-autocomplete[md-floating-label] md-input-container {
    padding-bottom: 18px;
}

.greenCellBg{
    background-color: #d6fff6;
}

.loginVerlauf{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#16a085+0,51d5a4+100 */
    background: #16a085; /* Old browsers */
    background: -moz-linear-gradient(top,  #16a085 0%, #51d5a4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #16a085 0%,#51d5a4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #16a085 0%,#51d5a4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16a085', endColorstr='#51d5a4',GradientType=0 ); /* IE6-9 */

}


.message.message-personal {
    float: right;
    color: #fff;
    text-align: left;
    background: -webkit-linear-gradient(330deg, #248A52, #257287);
    background: linear-gradient(120deg, #248A52, #257287);
    border-radius: 10px 10px 0 10px;
}

.message {
   clear: both;
    font-size: 20px;
    float: left;
    padding: 6px 10px 7px;
    border-radius: 10px 10px 10px 0;
    background: rgba(0, 0, 0, 0.3);
    margin: 8px 10px 8px 0;
    max-width: 300px;
    font-size: 14px;
    font-family: Tahoma, Geneva, sans-serif;
    line-height: 1.4;
    margin-left: 35px;
    position: relative;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.message.message-personal::before {
    left: auto;
    right: 0;
    border-right: none;
    border-left: 5px solid transparent;
    border-top: 4px solid #257287;
    bottom: -4px;
}

.message::before {
    content: '';
    position: absolute;
    bottom: -6px;
    border-top: 6px solid rgba(0, 0, 0, 0.3);
    left: 0;
    border-right: 7px solid transparent;
}

.messageBox{
    max-height: 700px;
    position:absolute;
    top: 0px;
    right: 0px;
    overflow-y: auto;
}

.yellowBg{
    background-color: #ffff99;
}

.purpleBg{
    background-color: #f7f2fc;
}

.blueBg{
    background-color: #3071A9;
}

.redBg{
    background-color: #cc5c6c;
}

.orangeBg{
    background-color: #F89406;
}

.ag-fresh {
    font-style: inherit !important;
    font-variant: inherit !important;
    font-family: inherit !important;
}

div[flex] { 
    position: relative;
    min-height: 36px !important;
}


#stammdatenRechteSystem md-switch{
    margin: 0;
}

*:focus {outline:0 !important;}

.ag-group-cell-entire-row{
    color: #fff;
    background-color: #3071A9 !important;
    font-weight: bold
}

.ag-rich-select-list {
    width: auto !important;
    height: 140px !important;
}

.ag-virtual-list-item {
    position: relative !important;
    top: 0px !important;
    width: 100%;
}
.move:focus{
    color: #fff;
    background-color: #3071a9
}

#selectCarContainer ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#selectCarContainer li{
    margin: 0px;
    padding: 4px 0 4px 10px;
    border-bottom: 1px solid #666666;
    font-size: 14px;
    font-weight: bold;
}

.hidden {
    display: none;   
}

md-select-menu.md-custom-theme md-option[selected]:focus {
    color: #3071a9
}

md-select-menu.md-custom-theme md-option:focus:not([disabled]) {
    background: rgb(238,238,238);
}

.md-whiteframe-1dp, .md-whiteframe-z1 {
    box-shadow: none;
}

md-autocomplete.md-custom-theme {
    background: #fff;
}

.md-autocomplete-suggestions-container.md-custom-theme li .highlight {
    color: #cc5c6c;
    font-weight: bold;
}

::-webkit-input-placeholder {
         color: transparent;; 
}
:-moz-placeholder { /* Firefox 18- */
         color: transparent;
}

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

:-ms-input-placeholder {  
         color: transparent;
}

md-autocomplete button {
    position: relative;
    line-height: 18px;
    text-align: center;
    width: 0px;
    height: 23px;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    padding: 0 10px 0 0;
    font-size: 12px;
    background: 0 0;
    margin: auto 5px;
    top: -7px;
}

.close{
    float: right;
}


a.md-button.md-default-theme.md-warn.md-raised:not([disabled]):hover, a.md-button.md-warn.md-raised:not([disabled]):hover, a.md-button.md-default-theme.md-warn.md-fab:not([disabled]):hover, a.md-button.md-warn.md-fab:not([disabled]):hover, .md-button.md-default-theme.md-warn.md-raised:not([disabled]):hover, .md-button.md-warn.md-raised:not([disabled]):hover, .md-button.md-default-theme.md-warn.md-fab:not([disabled]):hover, .md-button.md-warn.md-fab:not([disabled]):hover {
    background-color: #cc5c6c;
    color: #fff !important;
}

a.md-button.md-default-theme.md-warn.md-raised, a.md-button.md-warn.md-raised, a.md-button.md-default-theme.md-warn.md-fab, a.md-button.md-warn.md-fab, .md-button.md-default-theme.md-warn.md-raised, .md-button.md-warn.md-raised, .md-button.md-default-theme.md-warn.md-fab, .md-button.md-warn.md-fab {
    color: #fff !important;
    background-color: #cc5c6c;
}

.zad-datepicker-input-container {
    position: relative;
    padding-bottom: 2px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: inline-block;
    width: auto;
    margin-left: 12px;
}

zad-datepicker {
    white-space: nowrap;
    overflow: hidden;
    padding-right: 18px;
    margin-right: -18px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -9px;
    width: 100%;
    height: 32px;
}

.md-datepicker-input-container {
    position: relative;
    padding-bottom: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: inline-block;
    width: auto;
    margin-left: 12px;
}

md-select-menu[multiple] md-option:before {
    transition: 240ms;
    position: absolute;
    top: 15px;
    left: 16px;
    width: 18px;
    height: 18px;
    border: 2px solid;
    border-radius: 2px;
    content: ' ';
    border-color: rgba(0, 0, 0, 0.54);
    z-index: 1;
    display: none;
}

md-select-menu[multiple] md-option[selected]:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 17px;
    left: 22px;
    display: table;
    width: 6px;
    height: 12px;
    border: 2px solid;
    border-top: 0;
    border-left: 0;
    content: ' ';
    z-index: 2;
    border-color: rgb(255, 255, 255);
    display: none;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

.dhx_expand_icon {
    display: none;
}

.filterCarBtn{
    min-height: 20px;
    height: 20px;
    line-height: 21px;
    width: 26px;
    min-width: 25px;
    margin: 10px 2px 2px 2px;
}

md-select-value .md-container{
    display: inline-block;
}

.red_section {
    background-color: #6aff00;
    opacity: 0.25;
    filter: alpha(opacity=25);
}

.ag-pinned-right-cols-viewport {
    float: right;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 20px;
}

.ag-pinned-right-header {
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    height: 100%;
}

.ag-pinned-right-header {
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    margin-right: 20px;
    height: 100%;
}

.dhx_scale_holder_now {
    background-image: url('../js/dhtmlxScheduler_v4.3.25_enterprise/codebase/imgs_dhx_terrace/databg.png') !important;
}

md-list-item .md-list-item-inner:before, md-list-item:before {
    content: '';
    min-height: 0px;
    visibility: hidden;
    display: none;
}

.md-datepicker-input-container {
    position: relative;
    padding-bottom: 0px !important;
    border-bottom-width: 0px !important;
    border-bottom-style: none !important;
    display: inline-block;
    width: auto;
    margin-left: 12px;
}

.md-icon-button+.md-datepicker-input-container {
    margin-left: 12px;
    margin-top: 5px;
    padding-top: 5px;
}

.md-datepicker-button {
    display: inline-block;
    box-sizing: border-box;
    background: none;
    vertical-align: baseline;
    position: relative;
}

.md-icon-button+.md-datepicker-input-container {
    margin-top: 0px !important;
    padding-top: 0px !important;
    width: calc(100% - 36px) !important;
}

.md-datepicker-open input.md-datepicker-input {
    margin-left: 24px;
    height: 40px;
    border-bottom-color: transparent;
    padding-bottom: 4px;
}

md-autocomplete md-input-container {
    display: inline-block;
    position: relative;
    padding: 0 2px 0px 2px;
    margin: 0px 8px;
    vertical-align: middle;
}

md-input-container label:not(.md-container-ignore).md-required:after {
    content: ' *';
    font-size: 19px;
    vertical-align: top;
    line-height: 13px;
    width: 7px;
    margin-left: 2px;
    margin-top: 3px;
    display: inline-block;
}

md-input-container.md-default-theme label.md-required:after, md-input-container label.md-required:after {
    color: #9e1616;
}

md-input-container.md-custom-theme label.md-required:after {
    color: #9e1616;
}

md-input-container.md-custom-theme.md-input-invalid label, md-input-container.md-custom-theme.md-input-invalid .md-input-message-animation, md-input-container.md-custom-theme.md-input-invalid .md-char-counter {
    color: #9e1616;
}

md-input-container.md-default-theme:not(.md-input-focused):not(.md-input-invalid) label.md-required:after, md-input-container:not(.md-input-focused):not(.md-input-invalid) label.md-required:after {
    color: #9e1616 !important;
}

.md-button.md-icon-button {
    margin: 0 0px !important;
    height: 40px !important;
    min-width: 0 !important;
    line-height: 24px !important;
    padding: 8px 0px !important;
    width: 24px !important;
    border-radius: 50%;
}

._md-datepicker-floating-label._md-datepicker-has-calendar-icon>label:not(.md-no-float):not(.md-container-ignore) {
    right: 22px !important;
    left: auto;
    width: calc(100% - 61px) !important;
}

li.jsondiffpatch-unchanged { 
    display: none; 
}

.md-custom-theme .md-datepicker-triangle-button .md-datepicker-expand-triangle {
    border-top-color: rgba(0,0,0,1);
}

md-input-container.md-custom-theme:not(.md-input-invalid).md-input-has-value label {
    color: #3071a9;
    font-size: 16px !important;
}
i
md-select.md-custom-theme .md-select-value {
    border-bottom-color: rgba(0,0,0,0.38);
}
md-input-container.md-custom-theme .md-input {
    color: rgba(0,0,0,0.87);
    border-color: rgba(0,0,0,0.38);
    max-width: 100%;
}


md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate {
    display:none !important;
}



md-input-container.md-custom-theme:not(.md-input-focused):not(.md-input-invalid) label.md-required:after {
    color: #9e1616 !important;
    font-size: 19px;
}

md-input-container:not(.md-input-focused):not(.md-input-invalid) md-select.md-default-theme .md-select-value span:first-child:after, md-input-container:not(.md-input-focused):not(.md-input-invalid) md-select .md-select-value span:first-child:after {
    color: #9e1616 !important;
    font-size: 19px;
}

md-input-container:not(.md-input-focused):not(.md-input-invalid) md-select.md-custom-theme .md-select-value span:first-child:after {
     color: #9e1616 !important;
     font-size: 19px;
}

md-list-item .md-button.md-default-theme:not([disabled]):hover, md-list-item .md-button:not([disabled]):hover {
    background-color: rgba(158,158,158,0.0);
}

.badgeYellow {
    display: inline-block;
    background-color: #fff200;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    color: #333;
    left: -5px;
    position: relative;
}

md-select.md-custom-theme.ng-invalid.ng-touched .md-select-value {
    color: #9e1616 !important;
    border-bottom-color: #cc5c6c !important;
}

md-input-container md-select.md-custom-theme .md-select-value span:first-child:after {
    color: #9e1616;
    font-size: 18px !important;
}

.fixSidenav .md-list-item-inner { 
    padding: 0px;
}

.alarmBox{
    display: block;
    float: left;
}

.alarm{
    background: url('img/alarm.gif');
    width: 30px;
    height: 17px;
    background-size: inherit;
    background-repeat: no-repeat;
    background-position-y: -4px;
}

#welcome{
    margin: 250px auto 20px auto; 
    font-size: 24px; 
    color:#fff; 
    text-align: center; 
    font-family: Tahoma, Geneva, sans-serif;
}

@media all and (max-width: 1000px) {
    #welcome{
        margin: 20px auto 20px auto; 
    }
    
    .cardLogin {
        max-width: 70% !important;
    }
    
    .messageBox {
        position: relative;
        margin-top: 20px;
    }
    
    .message {
        max-width: 100%;
    }
}

                
.k-scheduler-edit-form .k-recur-view .k-edit-label:nth-child(1){
    display: none;
}
.k-scheduler-edit-form .k-recur-view .k-edit-field:nth-child(2){
    display: none;
}
                
.k-scheduler-edit-form .k-recur-view .k-edit-label:nth-child(5){
    display: none;
}
.k-scheduler-edit-form .k-recur-view .k-edit-field:nth-child(6){
    display: none;
}

#schedulerLinie .k-lg-date-format{
    display:none;
}

#resourcesContainer .k-multiselect{
    width: 398px;
    float: right;
    margin-right: 11px;
}

md-tabs-wrapper md-next-button.md-disabled, md-tabs-wrapper md-prev-button.md-disabled {
    opacity: 1;
}

md-autocomplete {
    min-width: 0px;
}

.scrollBody{
    overflow: auto;
}

.md-scroll-mask{
    width: 500px;
}

md-virtual-repeat-container{
    width: 400px !important;
}