@CHARSET "UTF-8";
.right-bold{
	font-weight: bold;
	text-align: right;
	line-height: 31px;
}

.required::after {
    content: " *";
}

.label-right{
	padding-top: 10px;
	text-align: right;
}
.bits{
	padding-top: 5px;
}
.noLabel .bits label{
	padding: 0 50px;
}

.noLabel .bits .form-check-inline{
	width: 13.2%;
	padding-left: 50px;
}

.noLabel .bits label.form-check-label{
	visibility: hidden;
}

#dellentfernung .label{
	margin: 0 10px;
}
/*
.inlinebox .form-control{
	display: inline;
	width: 24px;
}

.inlinebox label{
	display: inline-block;
	margin: 0;
	padding: 0 15px 0 5px;
}

.phoneprio-box .form-control{
	display: inline-block;
	width: 50%;
}

.phoneprio-box label{
	display: inline;
	margin: 0;
	padding: 0;
}

.phoneprio{
			float:left;
			font-size: 24px !important;
			color: #ccc;
			margin-top: 4px;
			margin-right: 15px;
		}
.phonegreen{
			color: green;
}
*/
.red{
	color: red !important;
}
.green{
	color: #80ba31 !important;
}
.grey{
	color: #ccc;
}

/* Overwrites Bootstrap 4 --------------------------------------------------------------------------------- */

.form-check-input{
    margin-left: 0 !important;
}
.form-group legend{
	font-size: 0.8rem !important;
}
.custom-file-input {
	opacity: 1;
}
.tooltip-inner {
	width: 250px;
}

select.form-control:not([size]):not([multiple]) {
	height: calc(2rem + 2px);
}


/* custlog --------------------------------------------------------------------------------------------------*/

#custlog{
	margin-top: 38px;
}
#moodmeter {
	margin-bottom: 20px;
	margin-top: 5px;
}
.mood { height: 29px; }
#moodmeter .mood { cursor: pointer; }

#custlog_logtext{
	height: 220px;
}

#priority{
	line-height: 5;
}
#priority label{
		margin-right: 10px;
}

.logitem{
			margin-top: 20px;
}

.logtop, .logbod, .logbot {
	color: #000;
	padding: 4px;
}
.logtop {
	background-color: #F5F5F5;
  	border: 1px solid #E3E3E3;
  	border-radius: 2px;
  	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
  	font-size:11px;
	font-weight: bold;
	
 }
.logbod {
	margin-top: 5px;
 	border: 1px solid #E3E3E3;
  	border-radius: 2px;
  	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
  	background-color: #fff;
  	
  	
  	}
.logbot {
  		float: right;
  		font-size:11px;
	margin-top: 1px;
	padding: 2px 4px 0px 5px;
	border: 1px solid #E3E3E3;
  		border-radius: 2px;
  		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
	background-color: #F5F5F5;
}

/* status --------------------------------------------------------------------------------------------------*/

.done,  .off{
	padding-left:5px;
	color: #ccc !important;
	display:block;
}	

a.undone{
	padding-left:5px;
	color: green !important;
	display:block;
}

.unprinted{
	color: orange !important;
	
}

.wanted{
	padding-left:5px;
	border: 1px solid #ccc;
	border-radius: 2px;
	display:block;
}	

.on{
	padding-left:5px;
	color: red;
	display:block;
}

#statusline .done, #statusline .off, #statusline a.undone, #statusline a.on{
	display:inline;
	font-size: 24px;
}


.hide-todispo, .hide-custömin {
	display: none !important;
}

.paginationbox{
	
}

select[readonly] option, select[readonly] optgroup {
    display: none;
}

/* -------------------------------------------------------------------------------- 

CRM3 allgemein

-----------------------------------------------------------------------------------
date 		2015-04-02
author 		michael.loy@pool-online.de
-------------------------------------------------------------------------------- */	

.dispolink{
	margin-left:10px;
}

#crm3_content .btn{
  margin-bottom: 15px;	
	
}
.bigglyph{
	font-size: 20px;
}

.striped {
	background-color: #f9f9f9;
	border-top: 1px solid #dddddd;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}

#kap-box div.line {
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
    padding: 5px;
    vertical-align: top;
    margin-right:-15px;
    margin-left:-15px;
}
#kap-box div.kwlw {
	padding: 5px;
    vertical-align: top;
}

#kap-box div.first {
	border-left: 1px solid #dddddd;
	margin-left: 0px;
	
}
#kap-box div.last {
	border-bottom: 1px solid #dddddd;
}

.strong{
	font-weight: bold;
}

/* -------------------------------------------------------------------------------- 

Overlay

-----------------------------------------------------------------------------------
date 		2014-12-10
author 		michael.loy@pool-online.de
-------------------------------------------------------------------------------- */	
		
#overlay {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1100;
	background-color: rgb(119, 119, 119);
	opacity: 0.7;
	cursor: pointer;
	height: 2478px;
	
}
#overlay-wrap {
    display: none;
    left: 0;
    outline: medium none;
    padding: 30px 20% 20px 20%;
	width: 100%;
    position: absolute;
    top: 0;
    z-index: 1101;
}
#crm3_content {
    border: 10px solid #fff;
    height: auto;
    outline: medium none;
    overflow: hidden;
    padding: 15px;
    position: relative;
    z-index: 1102;
	
}

/* Auftragserfassung --------------------------------------------------------------------------------------------------*/

.formdetails{
	display: none;
}

/* -------------------------------------------------------------------------------- 

Auftragsdisposition

-----------------------------------------------------------------------------------
date 		2014-12-10
author 		michael.loy@pool-online.de
-------------------------------------------------------------------------------- */	
	#termindispo{
		background-color:  rgba(255, 255, 255, 0.5);
		margin: 50px;
		
	}
    .sb_kalender .col-md-2{
		background-image: url(/img/bg_kalender.png);
    	background-repeat: repeat-x;
    	
	}
    .sb_kalender_2 .col-md-2{
		background-image: url(/img/bg_kalender_2.png);
    	background-repeat: repeat-x;
    	
	}
	
	.sb_kw{
		position: relative;
	}
		
			
	.sb_tag{
		position: relative;
		height: 660px;
		float: left;
	}
        .sb_tag_header{
            font-weight: bold;
            line-height: 3;
            font-size: 14px;
        }
        
        .sb_frei{
            background: rgba(0,128,64,0.5);
            border: 1px solid #ccc;
            border-radius: 5px;
            height: 42px;
            color: #fff;
            font-size: 16px !important;
            fotnt-weight: bold !important;
            cursor: pointer;
            
            
        }
        .sb_belegt{
            background: rgba(255,0,0,0.5);
            border: 1px solid #ccc;
            border-radius: 5px;
            color: #fff;
            font-size: 16px !important;
            fotnt-weight: bold !important;
           
            
            
        }
        
        
	.sb_kalender_2 .sb_tag{
		height: 240px;
		
	}


	.sb_termin{
		position: absolute;
		border: 1px solid #ccc;
		font-size: 9px;
		line-height: 1.25;
		width: 100%;
		padding: 3px;
	}
	.sb_notiz{
		position: absolute;
    	background-color:  rgba(255, 255, 255, 0.8);
    	border: 1px solid #ccc;
    	border-top: none;
		font-size: 9px;
    	padding: 3px;
		width: 100%;
    	z-index:9999;
    	display: none;
	}
	
	.sb_unfall{
		background-color:  rgba(122, 214, 248, 0.8);
		z-index: 21;
	}
	
    .sb_delle{
		background-color:  rgba(153, 255, 204, 0.8);
		z-index: 22;
	}
	.sb_scheibe{
		background-color:  rgba(217, 63, 0, 0.8);
		z-index: 23;
	}
	.sb_hagel{
		background-color:  rgba(255, 220, 115, 0.8);
		z-index: 24;
	}
	
	.sb_nacharbeiten{
		background-color:  rgba(200, 100, 200, 0.8);
		z-index: 24;
	}
	
	.sb_kostenvoranschlag{
		background-color:  rgba(50, 255, 100, 0.8);
		z-index: 24;
	}
	
	.sb_felgenreparatur{
		background-color:  rgba(200, 200, 0, 0.8);
		z-index: 24;
	}
	
	.sb_demontage{
		background-color:  rgba(200, 255, 20, 0.8);
		z-index: 24;
	}
	
	.sb_aufbereitung{
		background-color:  rgba(255, 122, 77, 0.8);
		z-index: 25;
	}
	
	.sb_autohaus{
		background-color:  rgba(77, 166, 255, 0.8);
		z-index: 26;
	}
		
	.sb_lackierung, .sb_lackierungen{
		background-color:  rgba(51, 255, 255, 0.8);
		z-index: 27;
	}
	
	.sb_besichtigung{
		background-color:  rgba(204, 204, 204, 0.8);
		z-index: 28;
	}
	
	.sb_anderes{
		background-color:  rgba(153, 153, 255, 0.8);
		z-index: 28;
	}
        
        .sb_sonstige{
		background-color:  rgba(153, 153, 255, 0.8);
		z-index: 28;
	}
		
	.sb_abholung{
		background-color:  rgba(0, 102, 26, 0.8);
		color: #fff;
		z-index: 30;
	}
	.sb_ruecktransport{
	    background-color:  rgba(217, 0, 0, 0.7);
		color: #fff;
	    z-index: 31;
	}
	.sb_besprechung{
		background-color: rgba(204, 153, 255, 0.8);
		z-index: 16;
	}
    .sb_schulung{
		background-color: rgba(204, 153, 255, 0.6);
		z-index: 15;
	}
	
	.sb_krank{
		background-color: rgba(119, 119, 119, 0.4);
		z-index: 5;	
	}
	.sb_blockzeit{
		background-color: rgba(0, 0, 0, 0.8);
		color: #fff;
		z-index: 10;
			
	}
	.sb_urlaub{
	    background-color: rgba(119, 119, 119, 0.2);
		z-index: 1;
	}
			
/* -------------------------------------------------------------------------------- 

Leihwagendisposition

-----------------------------------------------------------------------------------
date 		2015-01-07
author 		michael.loy@pool-online.de
-------------------------------------------------------------------------------- */		
	.leihwagen{
		position: relative;
		background-image: url(/img/bg_woche_140.png);
		height: 20px;
		border-bottom: #333;
		margin-bottom: 3px;
		overflow: hidden;
	}
   .woche{
		background-image: url(/img/bg_woche_grau_140.png);
   		width: 140px;
   	    float: left;
		height: 20px;
		border-bottom: 1px solid #ccc;
		margin-bottom: 3px;
	}
		
	.lw_frei{
		
	}
	.lw_belegt{
		background-color: rgba(255,0,0,0.5);
		position: absolute;
		height: 20px;
		font-size: 11px;
		padding: 4px 2px;
	}
	
   .lw_belegt_info{
		background-color: rgba(125,125,125,0.5);
		position: absolute;
		height: 20px;
		font-size: 11px;
		padding: 4px 2px;
	}
	
	
	.lw_nicht_verfuegbar{
		background-color: rgba(34,34,34,0.7);
		position: absolute;
		height: 20px;
	}
		
/* -------------------------------------------------------------------------------- 

Hol- Bringservice
-----------------------------------------------------------------------------------
date 		2015-03-16
author 		michael.loy@pool-online.de
-------------------------------------------------------------------------------- */		
	.phoneselect{
		font-weight: bold;
	}
   
			
/* -------------------------------------------------------------------------------- 

Werkstattkapazitaeten
-----------------------------------------------------------------------------------
date 		2015-04-2
author 		michael.loy@pool-online.de
-------------------------------------------------------------------------------- */		
	div.striped{
		/* background-color: #f9f9f9; */
		border-right: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
		border-top: 0px solid;
    	line-height: 1.42857;
    	padding: 4px;
		margin-left: -30px;
		text-align: right;
    }
	div.striped_start{
		border-bottom: 1px solid #dddddd;
		border-right: 1px solid #dddddd;
		border-left: 1px solid #dddddd;
    	line-height: 1.42857;
    	padding: 4px;
		margin-left: -30px;
		margin-left: 0px;
	}
    div.topline{
		border-top: 1px solid #dddddd;
		background-color: #cccccc;
		font-weight: bold;
		
	}





/* Statusanzeige auf schadencare.com ---------------------------------------------------------------------*/




/* filter --------------------------------------------------------------------------------------------------*/
.df-filterlinks {
    overflow:hidden;
	padding: 0 30px;
    /* float: right; */
	/* margin: 0 15px 0 15px; */
}
.df-filterbereich {
    /* float: left; */
	margin: 0 0 15px 0;
}

.df-fieldset {
	padding: 0 0 5px 0;
	margin-bottom: 10px;
}

/* diverse ....... */

.sarrow {
	padding: 0px 3px;
 	width: 15px;
 	display: inline-block;
 	
  }
  
  .btn-primary, .btn-info {
  	color: #ffffff;
  	background-color: #d9534f !important;
  	border-color: #d43f3a !important;
    color: #ffffff;
    border-radius: 4px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info
 {
  color: #ffffff;
  background-color: #d2322d !important;
  border-color: #ac2925 !important;
}


#bauteile .col-sm-7 label{
	width: 13.5%
}

h4{
	font-weight: bold;
}
/*
input[type="file"] {
    background-color: #fff !important;
    width: 100%;
    border: 1px solid #ccc;
}
*/
.warning, .blocked{
    border: 2px solid orange;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px;
}
.blocked{
    border: 2px solid red;
}


/* onlinetermine --------------------------------------------------------------------------------------------------*/

ul.nav-line{
    padding-left: 0;
    background: #f5f5f5;
    
}

.nav-line li{
    height: 40px;
    display: inline-block;
    padding-left: 35px;
    list-style: outside none none;
    position: relative;
    
    
}



.nav-line li.ready{
    background-image: linear-gradient(to bottom, #f5f5f5,#cccccc);
}

.nav-line li.active{
    background-image: linear-gradient(to bottom, #ff0000,#b00000);
}

.nav-line li a{
    display: block;
    position: relative;
    color: #666;
    font-size: 16px;
    line-height: 40px;
    cursor: pointer;
    
}

.nav-line li a:hover, .nav-line li a:active, .nav-line li a:focus {
    text-decoration: none;
}


.nav-line li.active a{
    color: #fff;
}

.nav-line li:after {
    content: "";
    position: absolute;
    background-image: url(../img/ot_nav_inactive_spitze.png);
    background-repeat: no-repeat;
    display: block;
    right: -30px;
    top: 0;
    height: 40px;
    width: 30px;
    text-indent: -9999px;
    z-index: 1;
}



.nav-line li.ready:after {
    background-image: url(../img/ot_nav_spitze.png);
    z-index: 2;
}

.nav-line li.active:after {
    background-image: url(../img/ot_nav_active_spitze.png);
    background-repeat: no-repeat;
    z-index: 3;
}

.service{
    width: 85px;
    height: 67px;
    margin-right: 8px;
    padding: 9px 9px 0px 9px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    float: left;
    
}

.service div{
    height: 58px;
}
#logo-dellen{ background-image: url("../img/dlogos_80.png"); background-repeat: no-repeat; background-position: 0 0}
#logo-scheibe{ background-image: url("../img/dlogos_80.png"); background-repeat: no-repeat; background-position: -85px 0}
#logo-unfall{ background-image: url("../img/dlogos_80.png"); background-repeat: no-repeat; background-position: -180px 0}
#logo-smart{ background-image: url("../img/dlogos_80.png"); background-repeat: no-repeat; background-position: -275px 0}
#logo-service{ background-image: url("../img/dlogos_80.png"); background-repeat: no-repeat; background-position: 0 -58px}
#logo-reinigung{ background-image: url("../img/dlogos_80.png"); background-repeat: no-repeat; background-position: -85px -58px}
#logo-leihwagen{ background-image: url("../img/dlogos_80.png"); background-repeat: no-repeat; background-position: -175px -58px}
#logo-holbring{ background-image: url("../img/dlogos_80.png"); background-repeat: no-repeat; background-position: -90px -120px}
#logo-garantie{ background-image: url("../img/dlogos_80.png"); background-repeat: no-repeat; background-position: -170px -119px}
#logo-online{ background-image: url("../img/dlogos_80.png"); background-repeat: no-repeat; background-position: 0px -116px}