@charset "utf-8";

/*Rows-Icons*/
	.row .icons { position:absolute; right:0; top:0; }
	.row .icons:after { content:""; display:block; clear:both; }
	.row .icons > * { float:left; width:35px; height:35px; line-height:35px; text-align:center; font-family:FontAwesome; font-size:16px; }
	.row .icons > *:not(:first-of-type) { margin-left:5px; }
	.row .icons > a:hover { color:#684c35; }
	.row .icons > a.download:before { content:"\f019"; }
	.row .icons > a.ajaxdownload:before { content:"\f019"; }

/*Startseite*/
	.csoap.start {}
	.csoap.start .placeholder.load { background:url('../mm/loader_white.gif') no-repeat center center transparent; }
	.csoap.start .row { padding-right:75px; }
	.csoap.start .paging { padding-top:0; padding-bottom:20px; }

	/*Auftrag*/
		.csoap.start #tab_start_auftraege .row .col.nummer { width:80px; }
		.csoap.start #tab_start_auftraege .row .col.date { width:110px; }
		.csoap.start #tab_start_auftraege .row .col.status { width:200px; }
		.csoap.start #tab_start_auftraege .row .col.keyword { width:calc(100% - 610px); }

	/*Voranmeldung*/
		.csoap.start #tab_start_voranmeldungen .row .col.nummer { width:80px; }
		.csoap.start #tab_start_voranmeldungen .row .col.date { width:110px; }
		.csoap.start #tab_start_voranmeldungen .row .col.status { width:200px; }
		.csoap.start #tab_start_voranmeldungen .row .col.keyword { width:calc(100% - 610px); }

	/*Rechnung*/
		.csoap.start #tab_start_rechnungen .row .col { width:calc((100% - 150px) / 3); }
		.csoap.start #tab_start_rechnungen .row .col.size { width:150px; }
		.csoap.start #tab_start_rechnungen .row a.ajaxdownload { position:absolute; z-index:1; top:0; right:0;  bottom:0; left:0; background:url('../mm/blind.png') repeat; }
		.csoap.start #tab_start_rechnungen .row a.ajaxdownload:after {
			content:"\f019"; font-family:FontAwesome;
			position:absolute; right:0; top:0; width:35px; height:35px; line-height:35px; text-align:center;
		}

	/*OrthoFolio*/
		.csoap.start #tab_start_orthofolio .row .col.nummer { width:80px; }
		.csoap.start #tab_start_orthofolio .row .col.sets { width:80px; }
		.csoap.start #tab_start_orthofolio .row .col.date,
		.csoap.start #tab_start_orthofolio .row .col.behandlungstart { width:110px; }
		.csoap.start #tab_start_orthofolio .row .col.patient { width:calc(100% - 480px); }
		.csoap.start #tab_start_orthofolio .row .col.behandlungsverlauf { width:100px; }
		.csoap.start #tab_start_orthofolio .row .col.behandlungsverlauf img { width:18px; margin-top:1px; }
		.csoap.start #tab_start_orthofolio .row .col.behandlungsverlauf .ampel { float:left; width:15px; height:15px; margin:5px 0; border-radius:50%; }
		.csoap.start #tab_start_orthofolio .row .col.behandlungsverlauf .ampel.status1 { background-color:green; }
		.csoap.start #tab_start_orthofolio .row .col.behandlungsverlauf .ampel.status9 { background-color:red; }

/*Auftraege*/
	.csoap.auftrag.view .row { padding-right:110px; }

	/*Auftrag*/
		.csoap.auftrag.view .row .col.nummer { width:90px; }
		.csoap.auftrag.view .row .col.date { width:110px; }
		.csoap.auftrag.view .row .col.status { width:200px; }
		.csoap.auftrag.view .row .col.keyword { width:calc(100% - 620px); }

	/*Detail / viewdocs*/
		.csoap.auftrag.viewdocs .custominput.inline .ampel { float:left; width:15px; height:15px; margin:4px 0; border-radius:50%; }
		.csoap.auftrag.viewdocs .custominput.inline .ampel.status1 { background-color:green; }
		.csoap.auftrag.viewdocs .custominput.inline .ampel.status9 { background-color:red; }

		.csoap.auftrag.viewdocs .dokumentlist .row { padding-right:40px; }
		.csoap.auftrag.viewdocs .dokumentlist .row.main { background-color:#ededed; }
		.csoap.auftrag.viewdocs .dokumentlist .row .col.category,
		.csoap.auftrag.viewdocs .dokumentlist .row .col.title,
		.csoap.auftrag.viewdocs .dokumentlist .row .col.file { width:calc((100% - 260px) / 3); }
		.csoap.auftrag.viewdocs .dokumentlist .row .col.size { width:150px; text-align:right; padding-right:20px; }
		.csoap.auftrag.viewdocs .dokumentlist .row .col.date { width:110px; }

		.csoap.auftrag.viewdocs a.edit {}

/*OrthoFolio*/
	.csoap.orthofolio.view .row { padding-right:110px; }
	.csoap.orthofolio.view .row .col.nummer,
	.csoap.orthofolio.view .row .col.sets { width:90px; }
	.csoap.orthofolio.view .row .col.behandlungstart { width:110px; }
	.csoap.orthofolio.view .row .col.date { width:110px; }
	.csoap.orthofolio.view .row .col.date.geburtsdatum { width:140px; }
	.csoap.orthofolio.view .row .col.patient { width:calc(100% - 640px); }
	.csoap.orthofolio.view .row .col.behandlungsverlauf { width:100px; }
	.csoap.orthofolio.view .row .col.behandlungsverlauf img { width:18px; margin-top:1px; }
	.csoap.orthofolio.view .row .col.behandlungsverlauf .ampel { float:left; width:15px; height:15px; margin:5px 0; border-radius:50%; }
	.csoap.orthofolio.view .row .col.behandlungsverlauf .ampel.status1 { background-color:green; }
	.csoap.orthofolio.view .row .col.behandlungsverlauf .ampel.status9 { background-color:red; }

/*Patienten*/
	/*Letzte 10 Patienten*/
		.cpatient.last #lastpatients .placeholder.load { background:url('../mm/loader_white.gif') no-repeat center center transparent; }
		.cpatient.last .row { padding-right:40px; }
		.cpatient.last .row .col.name { width:70%; }
		.cpatient.last .row .col.date { width:30%; }
		.cpatient.last .row a.absolute:before { content:"\f061"; float:right; font-family:FontAwesome; font-size:16px; width:35px; height:35px; line-height:35px; text-align:center; }

	/*Neuste Aktivitäten*/
		.cpatient.newest .row { padding-right:40px; }
		.cpatient.newest .row .col.name { width:70%; }
		.cpatient.newest .row .col.date { width:30%; }
		.cpatient.newest .row a.absolute:before { content:"\f061"; float:right; font-family:FontAwesome; font-size:16px; width:35px; height:35px; line-height:35px; text-align:center; }

	/*Patientendossier*/
		.cpatient.view .searchpanel > .form > div.input { width:50%; }
		.cpatient.view #patientdetails .placeholder.load { background:url('../mm/loader_white.gif') no-repeat center center transparent; }

	/*Patienten-Details*/
		.cpatient.viewdet .row { padding-right:110px; }
		.cpatient.viewdet .row.main { background-color:#ededed; }
		.cpatient.viewdet .row .col { width:35%; }
		.cpatient.viewdet .row .col.title { width:30%; }
		.cpatient.viewdet .row .col.file { width:30%; }
		.cpatient.viewdet .row .col.size { width:15%; text-align:right; padding-right:20px; }
		.cpatient.viewdet .row .col.date { width:10%; }

/*Mitteilungen*/
	.csoap.comments h1 { padding-bottom:0; }
	.csoap.comments h2 { font-size:16px; font-size:1.6rem; line-height:26px; line-height:2.6rem; padding-bottom:15px; }
	.csoap.comments .comment { border:1px #ccc solid; background-color:#ededed; padding:10px; margin:0 50px 10px 0; border-radius:5px; }
	.csoap.comments .comment.backend { margin-right:0; margin-left:50px; background-color:#fff; }
	.csoap.comments .comment span.date { display:block; padding-bottom:5px; font-style:italic; font-size:13px; font-size:1.3rem; }
	.csoap.comments .comment > div { padding-top:5px; text-align:right; font-weight:700; }

/*Praxisdossiers*/
	.cpraxis.view .row { padding-right:40px; }
	.cpraxis.view .row .col { width:calc((100% - 150px) / 3); }
	.cpraxis.view .row .col.size { width:150px; text-align:right; padding-right:20px; }
	.cpraxis.view .row a.ajaxdownload { position:absolute; z-index:1; top:0; right:0;  bottom:0; left:0; background:url('../mm/blind.png') repeat; }
	.cpraxis.view .row a.ajaxdownload:after {
		content:"\f019"; font-family:FontAwesome;
		position:absolute; right:0; top:0; width:35px; height:35px; line-height:35px; text-align:center;
	}

	.cpraxis.view .placeholder.load { background:url('../mm/loader_white.gif') no-repeat center center transparent; }

/*Formular*/
	.csoap.form h3 { padding-bottom:15px; }
	.csoap.form .checkboxCheck.kiefer > div { width:6.25%; padding-right:0; text-align:center; line-height:35px; }
	.csoap.form .checkboxCheck.kiefer > div.first { padding-left:5px; }
	.csoap.form .checkboxCheck.kiefer > div.last { padding-right:5px; }
	.csoap.form .checkboxCheck.kiefer > div > label { min-height:24px; padding-left:0; }
	.csoap.form .checkboxCheck.kiefer > div > label:before { width:30px; right:0; left:0; margin:auto; }
	.csoap.form .checkboxCheck.kiefer > div > label > span { display:none; }

	.csoap.form #div_orthofolio .toggle_ok,
	.csoap.form #div_orthofolio .toggle_uk,
	.csoap.form #div_orthofolio .toggle_ok_uk { display:none; }

	.csoap.form #newOrderForm #div_orthodontie .toggle_ok,
	.csoap.form #newOrderForm #div_orthodontie .toggle_uk,
	.csoap.form #newOrderForm #div_orthodontie .toggle_ok_uk { display:none; }

	.csoap.form .custominput label.toggle_all:last-of-type { cursor:pointer; }
	.csoap.form .uploaditem:after { content:""; display:block; clear:both; }

/*jQueryUI*/
	.ui-autocomplete { max-height:300px; overflow-y:auto; overflow-x:hidden; }
	/* 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:100px; }

	.ui-menu .ui-menu-item { padding:5px 10px !important; line-height:25px !important; }
	.ui-menu .ui-menu-item:not(:last-of-type) { border-bottom:1px #ccc solid; }
	.ui-menu .ui-menu-item.ui-state-focus { border-color:transparent !important; }