/***********
	Herausgeber : INOYA Software & IT
	Webseite    : www.inoya.de
	Inhaltsverzeichnis
		0. Allgemein
		1. Mieterhöhungsformular
		2. Wohnungsgeberbestätigung
		3. Dateiansicht
		4. Mitvertrag konfigurieren

*************/
	
	
/* 0. Allgemein */	

.hidden {
	display: none;
}

.dt-container .dt-paging ul li {
	padding: 0;
	margin: 0;
}

.dt-container .dt-paging ul li:before {
	content: '';
}


.btn-primary {
	background-color: #009EF7 !important;
	border-color: #009EF7 !important;
}

.bigfont {
	font-size: 20px;
}

.bold 
{
	font-weight: bold;
} 

.required,
.red {
	color: #ec2c46;
}

.mietvertrag_konfigurieren .sub-title {
	border-bottom: 1px dotted #31787b;
	padding-bottom: 10px;
}

.mietvertrag_konfigurieren .section-title {
	margin-top: 40px;
}

.floatleft 
{
	float: left;
}

.red,
.red p 
{ 
	color: #ec2c46;
}

.bg-lila
{ 
	background-color: #d8daef;
}


.small {
	font-size: 13px;
}

.mt-10 {  margin-top: 10px; }
.mt-20 {  margin-top: 20px; }
.mt-30 {  margin-top: 30px; }
.mt-40 {  margin-top: 40px; }
.mt-50 {  margin-top: 50px; }

.ml-10 { margin-left: 10px; }
.mr-10 { margin-right: 10px; }

.padding-medium-left-right {
	padding: 0 20px;
}

.mietvertrag_konfigurieren h1 {
	font-size: 34px;
}

.mietvertrag_konfigurieren h3 {
	font-size: 26px;
}

.mietvertrag_konfigurieren .accordion-content h4 
{ 
	margin: 20px 0;
}

.input_edit, .input_date_edit,
.input_edit_disabled,
.js_input_edit 
{ 
	background-color: #ecf1f7;
	border-color: #ecf1f7;
	padding: 3px 10px;
	margin: 3px 5px 6px 3px;
	border: 1px solid #ecf1f7;
	border-radius: 6px !important;
}

.input_edit_disabled {
	background-color: #f8d7da !important;
	border-color: #f5c6cb !important;
}

.js_select_edit {
	padding: 3px 10px;
	border: 1px solid #ecf1f7;
	border-radius: 6px !important;
}

.grey-field 
{ 
	background-color: #F5FFFa;
	border: 2px solid #EFEFEF;
	padding: 25px;
	border-radius: 6px;
}

.grey-field input,
.grey-field textarea 
{ 
	background-color: #fff;
}

.hidden 
{ 
	display: none;
}

.well 
{ 
	color: #00AEEF;
	border: 1px solid #FFE6B7;
	padding: 8px 12px;
	margin: 5px 0 10px 0;
}

.accordion_disabled .accordion-title
{ 
	color: #999 !important;
}

.accordion_disabled 
{ 
	opacity: 0.8;
}

.maxlengthcounter_wrapper 
{
	font-size: 14px;
	float: right;
	margin: 5px 0 10px 0;
}

.kursiv 
{
	font-style: italic;
}

.padding-md {
	padding: 10px 20px !important;
}

.mietvertrag_konfigurieren input[type="text"],
.mietvertrag_konfigurieren input[type="number"],
.mietvertrag_konfigurieren input[type="email"],
.mietvertrag_konfigurieren select,
.mietvertrag_konfigurieren textarea
{
	background-color: #ecf1f7;
	border-color: #ecf1f7;
	border: 1px solid #ecf1f7;
}

.mietvertrag_konfigurieren select
{
	height: 35px;
	padding: 5px 10px;	
}

.mietvertrag_konfigurieren ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.mietvertrag_konfigurieren ul li
{
	margin: 0 0 5px 0;
}

.unterschriftenbereich {
	margin: 20px 0 0 0;
}

.unterschriftenbereich .balken {
	border-bottom: 1px dotted #A9A9A9;
	margin-top: 45px;
}

.unterschriftenbereich .subline {
	color: #A9A9A9;
	margin-top: 5px;
}

.faq-accordion-dateien .accordion-title {
	color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.faq-accordion-vorherige-mietvertraege .accordion-title,
.faq-accordion-dateien-hochladen .accordion-title {
	background: #f8d7da;
}

.faq-accordion-dateien-hochladen h3,
.faq-accordion-vorherige-mietvertraege h3 {
	font-size: 22px;
}

.faq-accordion-dateien-hochladen h3 i,
.faq-accordion-vorherige-mietvertraege h3 i {
	margin-right: 5px;
}

.einleitungstext ol li {
	margin-bottom: 10px;
}

.einleitungstext ol {
	margin: 10px 0 20px 0;
}

.unterschriftenblock
{ 
	margin: 40px 0;
	padding: 25px;
	border-radius: 6px;
	position: relative;
}

.unterschriftenblock input
{ 
	width: 100%;
}

.unterschriftenblock .row .unterschriftenbereich
{ 
	padding-left: 20px;
	padding-right: 20px;
}	

.unterschriftenblock i.bx
{ 
	position: absolute;
	left: -10px;
	top: -10px;
	font-size: 34px;
	background: #31787b;
	border-radius: 6px;
	color: #fff;
	padding: 5px;
}

.seitenumbruch_wrapper {
	border: 2px solid #EFEFEF;
	padding: 25px;
	border-radius: 6px;
	margin: 20px 0;
}

.taschenrechner_wrapper
{ 
	margin: 40px 0;
	padding: 25px;
	border-radius: 6px;
	position: relative;
	background-color: #d1ecf1;
	border: 2px solid #EFEFEF;
}	

.taschenrechner_wrapper table {
	border-color: #c6c8ca;
	border-radius: 8px;
}

.taschenrechner_wrapper table tr,
.taschenrechner_wrapper table tr td {
	border-color: #c6c8ca;
}

.taschenrechner_wrapper table tr td {
	padding: 8px;
}

.taschenrechner_wrapper i.bx
{ 
	position: absolute;
	left: -10px;
	top: -25px;
	font-size: 34px;
	background: #31787b;
	border-radius: 6px;
	color: #fff;
	padding: 5px;
}

#miete_betriebskosten_miete_monatlich,
#miete_betriebskosten_garage_miete_monatlich,
#miete_betriebskosten_gewerbe_miete_monatlich {
	font-weight: bold;
}

.mietvertrag_konfigurieren select.form-control,
.mietvertrag_konfigurieren .form-group input.datepicker {
	height: 50px;
	padding: 12.5px 20px;
	margin: 3px 5px 6px 0;
	width: 100%;
}


/* 1. Mieterhöhungsformular */	

#smartwizard {
	padding: 20px;
	border: 2px solid #EFEFEF;
	border-radius: 6px;
	background-color: #F5FFFa;
}

.js_modal_zuschlag_abschlag_anpassen {
	margin-left: 10px;
	font-size: 14px;
}

/* 2. Wohnungsgeberprotokoll */	

.faq-accordion-wohnungsgeberbestaetigung .accordion-title {
	background: #cce5ff;
}

/* 3. dateiansicht */	

.downloadicon {
	text-align:center;
	font-size:100px;
}

.fileuploadname {
	margin-bottom: 20px;
}

.dateizuweisung {
	margin-top: 20px;
}

.datei-accordeon-content {
	margin-top: 20px;
}

.js_mieterhoehungsformular_wrapper #js_bearbeitung_abschliessen {
	margin-top: 0px;
}

.table thead  {
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.js_edit_datei_bezeichnung:hover {
	cursor: pointer;
}

.row_datei_anhaengen .select2-container--default .select2-selection--single .select2-selection__rendered {
	background-color: #fff!important;
}

/* 4. Mietvertrag konfigurieren */	

.mietvertrag-box {
	color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
	padding: 20px;
	border-radius: 8px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}

.mietvertrag-box:hover {
	cursor: pointer;
	background-color: #dff7e9;
}

.mietvertrag-box i {
	margin-right: 10px;
}