/* ///////////////////////////////////
Terminkalender
///////////////////////////////////*/
.modal-big {
	width: 80%;
}
.btn-primary .label-empty,
.btn-primary .fa {
	color: #fff !important;
}

#terminkalender-termine-overlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	min-height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.3);
}
#terminkalender-overlay {
	position: fixed;
	z-index: 9996;
	top: 0;
	left: 0;
	min-height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.6);
}
#terminkalender-sidebar-stats {
	position: fixed;
	overflow-y: auto;
	z-index: 9999;
	top: 0;
	min-height: 100%;
	bottom: 0;
	right: 0;
	width: 450px;
	padding: 15px;
	background: #fff;
	-webkit-box-shadow: 5px -10px 60px 0 black;
	   -moz-box-shadow: 5px -10px 60px 0 black;
			box-shadow: 5px -10px 60px 0 black;
}
#terminkalender-sidebar-stats .widget-close {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
}
.popover-termine {
	max-width: 550px;
	width: 550px;
	height: 270px;
	z-index: 9999;
}
.tooltip{
	z-index: 10000 !important;
}
@media (min-width: 1800px) {
	.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12  {
	  position: relative;
	  min-height: 1px;
	  padding-right: 15px;
	  padding-left: 15px;
	}
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-11 {
    width: 91.66666667%;
  }
  .col-xl-10 {
    width: 83.33333333%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-8 {
    width: 66.66666667%;
  }
  .col-xl-7 {
    width: 58.33333333%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-5 {
    width: 41.66666667%;
  }
  .col-xl-4 {
    width: 33.33333333%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-2 {
    width: 16.66666667%;
  }
  .col-xl-1 {
    width: 8.33333333%;
  }
}

h2 .btn-group												{	margin-left: 10px; margin-bottom: 0 }
#kalender-auswahl 						{	position: absolute; }
/*#kalender-auswahl 						{	position: absolute; z-index: 9997 }*/
/*#kalender-auswahl 						{	position: relative; z-index: 0 }*/
#kalender-auswahl .btn-group .btn-dates						{	padding: 3px 7px !important; line-height: 1.1em; text-align: center; }
#kalender-auswahl .btn-group .btn-dates abbr					{	cursor: pointer; }
#kalender-auswahl .btn-group .btn-dates.btn-primary abbr		{	border-color: #fff; cursor: pointer; }
#kalender-auswahl .btn-group .btn-dates b						{	font-size: 1.1em; }
#kalender-auswahl .btn-group .btn-dates.btn-sonntag			{	border-right: 4px solid #ccc }
#kalender-auswahl .btn-group .btn-dates.btn-success,
#kalender-auswahl .btn-group .btn-dates.btn-success:hover	{	color: #fff; width: 150px; font-weight: normal; border-right: 0 solid transparent !important }
#kalender-auswahl .btn-group .btn-monatsname,
#kalender-auswahl .btn-group .btn-next						{	padding: 5px 15px 6px; text-transform: uppercase }
#kalender-auswahl .btn-group .btn-monatsname {
	background: #000;
	color: #fff;
}

@media only screen and (max-width: 420px) {
	#kalender-auswahl .btn-group .btn-next {
		padding: 6px 10px 6px;
	}
}

.row-termin  img {
	margin-right: 5px
}
.row-termin  p {
	line-height: 1em
}
.row-termin  .lead {
	font-size: 1.5em !important
}

.btn-white	{	background: #fff }
.btn-grey	{	background: #f1f0f0 }

.autoResizeTA				{	overflow-y: hidden; min-height: 40px}

.nav-kalender li:hover,
.nav-kalender li a:hover			{	background: #eceef0 }
.nav-kalender li.active,
.nav-kalender li.active a,
.nav-kalender li.active:hover,
.nav-kalender li.active a:hover	{	background: #fff; font-weight: bold }

#terminkalender_table td		{	vertical-align: top !important }
table#zeiten_start th,
table#zeiten_kunden th,
table#max_faerben th,
table.table_zeiten th					{	height: 70px; background: transparent !important }
table.table_zeiten th					{	padding: 5px !important }
table.table_zeiten th a				{	color: #444 }
table#zeiten_start td,
table#zeiten_kunden td,
table#max_faerben tr td				{	cursor: default; padding: 0 5px 0 0; vertical-align: middle !important; font-size: 0.8em}
table#zeiten_start tr,
table#zeiten_kunden tr,
table#max_faerben tr					{	height: 38px}
table#zeiten_start.height_15min tr,
table#zeiten_kunden.height_15min tr,
table#max_faerben.height_15min tr		{	height: 19px}
table.table_zeiten tr					{	height: 38px }
table.table_zeiten.height_15min tr	{	height: 19px }
table.table_zeiten tr td				{	text-align: center; font-size: 1.1em }

.suchfeld {
	position: relative
}
.search-info {
	font-size: 0.8em;
}
.search-display {
	display: none;
	margin: -5px 0 10px;
	padding: 5px 0;
}
.cursor-pointer {
	cursor: pointer
}

.small {
	font-size: 0.9em
}

.highlight-termine	{	line-height: 1.3em; padding: 5px 0; cursor: default }

.termin-neu			{	color: #fff; cursor: pointer; background: #428bca; padding-top: 2px; font-size: 0.9em !important }
.termin-beratung {
	border: 2px solid #FF1493 !important;
	border-top: 0 !important;
	border-bottom: 0 !important;
}

#buchungsformular .row {
	line-height: 1em;
	margin-bottom: 0
}
#buchungsformular input[type="radio"],
#buchungsformular input[type="checkbox"] {
	margin-right: 5px
}
#buchungsformular .add-on i					{	margin: 0 0 0 -35px }
.add-on.add-on-spinbox	{	margin: 0 0 0 -35px }
.spinbox-buttons	{	margin: 0 0 10px 25px }
#buchungsformular .spinbox-input			{	width: 70px; height: 50px; padding-right: 35px; font-size: 1.2em; text-align: right }
#buchungsformular .leistung-label			{	padding-top: 0; width: 25px }
#buchungsformular .leistung-label-text		{	padding-top: 0; width: 70px; text-align: left }
#buchungsformular .leistung-werte			{	margin-right: 10px; padding-top: 0 }
#buchungsformular .leistung-werte input		{	margin-top: -5px !important }
#buchungsformular hr						{	border: 0; border-top: 1px dashed #ccc; margin: 5px 0 10px }
#buchungsformular textarea					{	height: 90px;  }

.friseur_termine							{	height: 1px; position: relative }

.termin {
	display: table;
	cursor: pointer !important;
	position: absolute;
	margin: 0;
	padding: 0;
	background: #eff297;
	text-align: center;
	font-size: 0.8em;
	line-height: 1.1em;
	width: 90%;
	border: 1px solid #fff;
	border: 0;
	border-bottom: 1px solid #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-background-size: 15px 15px;
	-moz-background-size: 15px 15px;
	background-size: 15px 15px;
	transition: 0s background-color;
}

.termin .termin-center 						{ 	width: 100%; display: table-cell; vertical-align: middle}
.termin .termin-status						{	visibility: hidden; position: absolute; z-index: 9999 !important; bottom: -27px; left: 0; margin: 0; width: 100%; }
.termin .termin-status a					{	width: 50% }
.termin .termin-status .btn-tiny			{	bottom: 5px !important; padding: 0 !important }
.termin .termin-status.color-reduziert a	{	width: 33.33% }


.termin .termin-center .icons				{	position: absolute; top: 0; padding: 5px; font-size: 0.8em }
.termin .termin-center .icons-right			{	right: 0 }
.termin .termin-center .icons-left			{	left: 0 }
.termin .termin-center .icons i				{	margin: 0 2px }
.termin .termin-center span					{	font-size: 0.85em; line-height: 1em }
.termin:hover .termin-status				{	visibility: visible; }
.termin:hover								{	z-index: 999 !important }

.termin-highlight							{	background: green !important; color: #fff !important }
.termin-highlight i 							{	color: #fff !important }

.termin-left								{	left: 0; width: 45% !important}
.termin-right								{	right: 0; width: 45% !important }

.table-info,
.table-info th								{	height: 25px !important; padding: 4px 0 5px !important }
table#zeiten_start .table-info th,
table#max_faerben .table-info th				{	height: 26px !important; padding: 4px 0 5px !important }
.table-info th i								{	margin: 0 2px }

.termin-transparent {
	border: 0 !important;
	opacity:0.3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
	filter:alpha(opacity=30);
	zoom:1
}

.termin-ok	{
	background-size: 14px 14px !important;
	cursor: default;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0,color-stop(.125, rgba(255, 255, 255, .5)), color-stop(.125, transparent),color-stop(.55, transparent), color-stop(.55, rgba(255, 255, 255, .5)),color-stop(.75, rgba(255, 255, 255, .5)), color-stop(.75, transparent),to(transparent)) !important;
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .5) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%,transparent 75%, transparent) !important;
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .5) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%,transparent 75%, transparent) !important;
	background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .5) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%,transparent 75%, transparent) !important;
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .5) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%,transparent 75%, transparent) !important;
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .5) 25%, transparent 25%, transparent 50%,rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%,transparent 75%, transparent) !important;
}
.termin-keintermin {
	background: #E2E1E1 !important;
}
.termin-farben-aktuell {
	background: #ccffcc !important;
}
.termin-farben-vorbei {
	background: #f1f0f0 !important;
}
.termin-farben-offen {
	background: #c2dcff !important;
}

.termin-zeiten	{	padding: 10px 0 0 0 !important }
table.height_15min .termin-zeiten	{	padding: 0 0 0 0 !important }

.termin-zeiten.termin-move {
	font-size: 11px;
}
.termin-zeiten.termin-move,
.termin-zeiten.termin-move i			{	color: transparent }
.termin-zeiten.termin-move:hover i	{	color: #fff }

.btn-termin-move-cancel,
.btn-termin-move-all-cancel,
.termin-zeiten.termin-move:hover,
#kalender-auswahl .btn-group .btn-dates-move,
.termin-highlight-move	{
	color: #fff;
	background-color: #f0ad4e !important;
	cursor: pointer;
	background-size: 30px 30px;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0,color-stop(.125, rgba(255, 255, 255, .2)), color-stop(.125, transparent),color-stop(.25, transparent), color-stop(.25, rgba(255, 255, 255, .2)),color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%,rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
}

.fadein {
	opacity:1 !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=10)" !important;
	filter:alpha(opacity=10) !important;
	zoom:1 !important
}
.fadein i {
	/*color: #fff !important;*/
	opacity:1 !important;
}
.fadeout {
	opacity:0.2 !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=20)" !important;
	filter:alpha(opacity=20) !important;
	zoom:1  !important
}

#user_info .table-condensed td	{
	padding: 5px !important
}

#user_info table td	{
	vertical-align: top !important
}

#user_info .assistenten	{
	cursor: pointer
}

.editable {
    padding: 3px 5px;
    border: 0;
	background: transparent;
}
.editable:hover {
    border: 0;
	background: #428bca !important;
	color: #fff
}
.editable-click,
a.editable-click,
a.editable-click:hover {
    border-bottom: dashed 0 #0088cc;
}
.editable-first	{	margin-left: -6px }
a.editable-first:hover	{	color: #fff !important; }
.editable-input .select2-choices	{	min-width: 170px }

table.inaktiv .termin-zeiten,
.termin-zeiten.inaktiv			{	cursor: default; width: 80px !important; background-color: #e2e1e1 !important; background-image: none !important; background-size: 50px !important;  }

.friseur_name {
	text-overflow: ellipsis;
	max-width: 80px;
	margin: 0 auto;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}

.termin-zeiten.vorbei,
.termin-tag_vorbei	{
	background-color: #f0f0f0 !important;
	background-size: 14px 14px !important;
	cursor: default !important;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0,color-stop(.125, rgba(255, 255, 255, .5)), color-stop(.125, transparent),color-stop(.55, transparent), color-stop(.55, rgba(255, 255, 255, .5)),color-stop(.75, rgba(255, 255, 255, .5)), color-stop(.75, transparent),to(transparent)) !important;
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .5) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%,transparent 75%, transparent) !important;
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .5) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%,transparent 75%, transparent) !important;
	background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .5) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%,transparent 75%, transparent) !important;
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .5) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%,transparent 75%, transparent) !important;
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .5) 25%, transparent 25%, transparent 50%,rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%,transparent 75%, transparent) !important;
}

.feedback-salon p {
	font-size: 0.9em;
	line-height: 1.5em;
	margin-bottom: 5px;
}
.progress-terminkalender {
	height: 20px;
}
.progress-terminkalender > .progress-bar {
	text-align: left;
	padding-left: 5px;
}
.progress-terminkalender > .progress-bar  > a{
	color: #fff;
}
.termine-ausgeblendet {
	position: absolute;
	top: 5px;
	left: 5px;
	cursor: pointer;
}
.icon-100er {
	position: absolute;
	top: 5px;
	left: 30px;
	cursor: pointer;
}