/*Input elements, Input pages*/
#add_data_element{
	width: 70% !important;
}

input[type="date"], input[type="time"], input[type="datetime-local"],
input[type="week"], input[type="month"], input[type="text"], input[type="email"],
input[type="url"], input[type="password"], input[type="search"], input[type="tel"],
input[type="number"], textarea{
	width: 75%;
}

.date_delte_btn{
	color: red;
	font-weight: 700;
	cursor: pointer;
	font-size: 20px;
}

.page-timer-speed-measure{
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999;
	display: none;
}

#add-data-form input[type="text"],
#add-data-form input[type="date"],
#add-data-form input[type="time"],
#add-data-form input[type="datetime-local"],
#add-data-form input[type="week"],
#add-data-form input[type="month"],
#add-data-form input[type="text"],
#add-data-form input[type="email"],
#add-data-form input[type="url"],
#add-data-form input[type="password"],
#add-data-form input[type="search"],
#add-data-form input[type="tel"],
#add-data-form input[type="number"],
#add-data-form textarea{
	width: 70% !important;	
}

#table_input_edit input[type="text"],
#table_input_edit input[type="date"],
#table_input_edit input[type="time"],
#table_input_edit input[type="datetime-local"],
#table_input_edit input[type="week"],
#table_input_edit input[type="month"],
#table_input_edit input[type="text"],
#table_input_edit input[type="email"],
#table_input_edit input[type="url"],
#table_input_edit input[type="password"],
#table_input_edit input[type="search"],
#table_input_edit input[type="tel"],
#table_input_edit input[type="number"],
#table_input_edit textarea{
	width: 100% !important;	
}

.btn{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 4px;
}

.btn-default{
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.notice{
	padding: 10px 5px;
	border: solid 1px #c2c2c2;
	width: 100%;
	border-radius: 3px;
	color: #4d4d4d;
}

.archiv_double_input{
	background-color: red;
}

.notice.success{
	background-color: #7fff7f;
	border: solid 1px #7fff7f;
}

.notice .error{
	background-color: #ff7f7f;
	border: solid 1px #ff7f7f;
}

#add_kontrolllist_form{
	width: 110px;
	font-size: 0.7em;
}

.new_entry_counter_archiv{
	width: 100% !important;
}


.full_width_div{
	padding: 15px;
}

.full_width_div_padding_left{
	padding-left: 15px;
}

.header_logo{
	height: 70px;
	width: 160px;
}

input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus{
	background: #009999 !important;
	margin: 10px;
}

#add-data-form label{
	width: 25% !important;
	display: inline-block
}

.selectable_export .export-this-col{
	background-color: #fffde5;
}

#table_input_edit{
	font-size: 0.8em;
}

#table_input_edit label{
	width: 100% !important;
	display: inline-block
}

#table_input_edit thead{
	background: #F9F9F9;
}

#table_input_edit th,#table_input_edit td{
	padding: 0px 0px;
}

#table_input_edit td{
	
	font-size: 0.8em;
}

.locked_entry{
	color: #f45757 !important;
}

/*JQuery Tabs*/
ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
ul.tabs li{
	background: none;
	color: #222;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
}

ul.tabs li.current{
	background: #ededed;
	color: #222;
}

div.dataTables_processing { z-index: 1; }

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 60px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: #cd3232;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,153,153,0)), color-stop(25%, rgba(0,153,153,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,153,153,0.9) 25%, rgba(0,153,153,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,153,153,0.9) 25%, rgba(0,153,153,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,153,153,0.9) 25%, rgba(0,153,153,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,153,153,0.9) 25%, rgba(0,153,153,0.9) 75%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgb(0, 153, 153) 25%, rgb(0, 153, 153) 75%, rgba(255,255,255,0) 100%);
	color: #fff !important; 
}

.tab-content{
	display: none;
	background: #ededed;
	width: 100%;
}

#tab-1{
	height: 400px;
}

#tab-2{
	height: 750px;
}

.tab-content.current{
	display: inherit;
}

.warning{
	color: #ff682a !important;
}

.error{
	color: red !important;
}

.grey_background{
	background-color: #F9F9F9;
}

.change_marker{
	background-color: yellow !important;
}

#ui-datepicker-div button{
	background: #009999;
}

.error_background{
	background-color: red;
}

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

.sidemenu{
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 750;
	width: 160px;
	height: 100%;
	padding-top: 120px;
	background-color: #099;
}

a.verpor-subfilter {
    font-size: 12px;
}

.dataTables_wrapper .dataTables_filter input{
	margin-left: 0.0em;
}

#add-data-form label h3{
	width: 100% !important;
	display: inline-block
}

.form_box_control_list h3,
.form_box_footer_personal h3, 
.form_box_footer_archiv h3,
.form_box_footer_qm h3,
.form_box_footer_verguetung h3
{
	background-color: #e8e8e8;
	margin: 5px 0px;
	text-align: center;
}

#datatable_Archiv_allEntrys tbody{
	font-size: 0.8em;
}

#archiv_table_compare td{
	text-align: left;
	font-size: 0.7em;
}

#archiv_table_compare .clickable_row{
	cursor: pointer;
}

#archiv_table_compare .clickable_row:hover{
	cursor: pointer;
	color: #009999;
}

.DTFC_LeftFootWrapper {
    display:none;
}

.plugin-titel-header{
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    color: #000;
    z-index: 1;
    margin-top: 50px	;
    margin-bottom: 10px;
    border: solid;
    padding: 5px 25px;
    border-width: 3px 0px;
    border-color: #099;
	display: inline-block;
}


#delete-data-form label{
	width: 50% !important;
	display: inline-block
}

select{
	background: #f7f7f7;
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	color: #686868;
	padding: 0.625em 0.4375em;
	width: 70%;
}

.archiv_akten_edit_table select{
    padding: 0px;
    width: unset;
}

.kanzlei_dropdown{
	width: 100%;
}

.kontrollliste_form{
	width: 140px;
}

.kontrollliste_form select{
	width: 50% !important;
}

.form_box_head{
	float: left;
	width: 49%;
	margin: 5px;
	padding: 10px;
	border-style: solid;
	border-width: 2px;
	border-radius: 3px;
}

.tab-content .form_box_head{
	float: left;
	width: 49%;
	margin: 5px;
	padding: 10px;
	border-style: none;
}

.form_box_body{
	float: left;
	width: 48%;
	margin: 5px;
	padding: 10px;
	border-style: solid;
	border-width: 2px;
	border-radius: 3px;
}

#form_box_body {
	float: left;
	width: 49%;
	margin: 5px;
	padding: 10px;
	border-style: solid;
	border-width: 2px;
	border-radius: 3px;
}

#form_box_body label{
	width: 100% !important;
	display: inline-block
}



.half_div_50{
	float: left;
	width: 50%;
}

.full_div{
	/* float: left; */
	width: 100%;
}

.form_box_footer_version, 
.form_box_footer_personal, 
.form_box_footer, 
.form_box_footer_mandanten, 
.form_box_footer_verguetung, 
.form_box_footer_QM, 
.form_box_footer_archiv
{
	float: left;
	width: 99%;
	margin: 5px;
	padding: 10px;
	margin-top: 0px;
	border-style: solid;
	border-top-style: none;
}

.form_box_footer{
	float: left;
	width: 99%;
	margin: 5px;
	padding: 10px;
	margin-top: 0px;
	border-style: solid;
	border-top-style: none;
}

.form_box_footer_mandanten{
	float: left;
	width: 99%;
	margin: 5px;
	padding: 10px;
	margin-top: 0px;
	border-style: solid;
	border-top-style: none;
}

.form_box_footer_activated{
	background-color: #e1e1e1;
	color: #e1e1e1;
}

.form_box_footer_version_dropdown, 
.form_box_footer_dropdown, 
.form_box_footer_mandanten_dropdown, 
.form_box_footer_personal_dropdown, 
.form_box_footer_archiv_dropdown,
.form_box_footer_QM_dropdown,
.form_box_footer_verguetung_dropdown
{
	float: left;
	width: 99%;
	margin: 5px;
	margin-bottom: 0px;
	padding: 5px;
	border-style: solid;
	border-color: black;
}


.settings_box_head{
	float: left;
	width: 15%;
	margin: 5px;
	padding: 10px;
	border-style: solid;
}

.user_edit_box_head{
	float: left;
	width: 100%;
	margin: 5px;
	padding: 10px;
}

.settings_box_body{
	float: left;
	width: 85%;
	margin: 5px;
	padding: 10px;
	border-style: solid;
	border-width: 2px;
	border-radius: 3px;
}

.full_overlay{
	height: 100vh;
	height: 100%;
	width: 100vw;
	background: black;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	opacity: 0.2;
	z-index: 5;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.success_box{
	position: fixed;
	top: 55%;
	left: 50%;
	color: white;
	background: #099;
	padding: 56px 0;
	width: 30em;
	height: 9em;
	margin-top: -6em;
	margin-left: -15em;
	font-size: 17px;
	border-radius: 7px 7px 7px 7px;
	z-index: 999;
	text-align: center;
	display: none;
}

.db_safe_fail_box{
	position: fixed;
	top: 55%;
	left: 50%;
	color: white;
	background: #f23c3c;
	padding: 56px 0;
	width: 30em;
	height: 9em;
	margin-top: -6em;
	margin-left: -15em;
	font-size: 17px;
	border-radius: 7px 7px 7px 7px;
	z-index: 999;
	text-align: center;
	display: none;
}

.db_safe_box_ajax{
	position: fixed;
	bottom: 0;
	left: 0%;
	color: white;
	padding: 20px 0;
	width: 100%;
	height: 100px;
	font-size: 17px;
	border-radius: 3px 3px 0px 0px;
	z-index: 999;
	text-align: center;
	
}

.success_box_ajax{
	background: rgba(255, 152, 48,0.9);
	display: none;
	/* transition: all linear 1s; */
}

.unsaved_data{
	background-color: #FF9830 !important;
}


.db_safe_fail_box_ajax{
	background: #f23c3c;
	display: none;
}

.delete_box{
	position: fixed;
	top: 55%;
	left: 50%;
	color: white;
	background: #03a9a9;
	padding: 40px 0;
	width: 30em;
	height: 9em;
	margin-top: -6em;
	margin-left: -15em;
	font-size: 17px;
	border-radius: 7px 7px 7px 7px;
	z-index: 999;
	text-align: center;
	/* display: none; */
	border-color: red;
	border-width: 3px;
	border-style: solid;

}

.lock_message{
	color: white;
	background: #03a9a9;
	border-radius: 3px 3px 3px 3px;
	padding: 20px 20px;
}

#unlock_form input[type="submit"],
.version_newest_btn,
.version_newest_btn:hover{
	border: 0;
	border-radius: 5px;
	color: #fff;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-weight: 700;
	letter-spacing: 0em;
	line-height: 0;
	padding: 10px 10px;
	text-transform: uppercase;
	background: #009999 !important;
	margin: 5px;
	display: inline-block;
}

/*Menu and form buttons*/
.submitBtn{
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-weight: 700;
	letter-spacing: 0.046875em;
	line-height: 1;
	padding: 0.84375em 0.875em 0.78125em;
	text-transform: uppercase;
	background: #009999 !important;
	margin: 10px;
	display: inline-block;
}

.fullwidthSettingsBtn{
	width: 100%;
	display: inline-table;
	margin: 5px;
	font-weight: 100;
}


.plginMenuBtn{
	border: none;
	cursor: pointer;
	vertical-align: middle;
	width: 160px;
	height: 40px;
	margin-left: 0px;
	margin-top: 0px;
	display: flex;
	background-color: #03A9A9;
	transition: background-color 0.2s ease-in;
}

.new_entry_counter_archiv{
	text-align: center;
	width: 50px;
}

.formularBtn_img{
	display: inline;
	background-repeat: no-repeat;
	background-size: 360px;
	height: 34px;
	width: 35px;
	background-image: url(../img/verpor-icons-white.png);
}

.formular_btn {
	background-color: #03A9A9;
	border-radius: 3px;
	cursor: pointer;
}

.plginMenuBtn:hover{
	background-color: #006C6C;
	transition: background-color 0.3s ease-out;
}

.plginMenuBtn_img{
	display: inline;
	background-repeat: no-repeat;
	background-size: 504px;
	float: left;
	height: 40px;
	width: 40px;
	background-image: url(../img/verpor-icons-white.png);
	
}

.plginMenuBtn_txt{
	display: inline;
	float: left;
	width: 115px;
	color: white;
	display: flex;
	align-items: center;
	font-size: 11px;
}

.MultiEditArchiv_counter{
	margin-right: 7px;
}

.SettingsBtn_position{
	position: fixed;
	bottom: 0px;
}

.plginMenuBtn_small{
	cursor: pointer;
	background-size: 340px;
	width: 25px;
	height: 25px;
	background-color: #009999;
	background-image: url(../img/verpor-icons-white.png);
	margin: auto;
	margin-bottom: 2px;
}

.seperateBtn{
	display: inline-block;
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    vertical-align: middle; /* align the text vertically centered */
	width: 160px;
	height: 3px;
    background-color: #fff; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
	background-size: 510px 612px;
}


.logoutBtn{
	display: inline;
	position: fixed;
	height: 40px;
	width: 45px;
	right: 0;
	background-color: #03A9A9;
	transition: background-color 0.3s ease-in;
}

.logoutBtn:hover{
	background-color: #006C6C;
	transition: background-color 0.3s ease-out;
}

.addDataBtn{
	background-position: -417px -508px; 
}

.MultiEditArchiv{
	background-position: -368px -262px; 
}

.MultiSelectArchiv{
	background-position: -368px -262px; 
}

.MultiFileCheckoutArchiv{
	background-position: -260px -206px; 
}

.shwTimerBtn{
    background-position: -150px -507px; 
}

.importXLS{
    background-position: 4px -367px; 
}

.shwCalendarBtn{
    background-position: -367px -549px; 
}

.saveDataBtn{
	transition: background-color ease-in 0.3s;
    background-position: -464px -512px; 
}


.ActiveBtn{
	background-color: #006C6C;
}

.linkMainDataBase{

	background-position: -366px -508px;
 
}

.printPDF{
	background-position: -151px -548px;
}

.exportXLS{
	background-position: 7px -418px;
}

.mobileMenu{
	display: none;
	background-position: -93px -546px;
	float: right;
	margin-right: 10px;
	cursor: pointer;
}

.sideMobileMenu{
	display: none;
	background-position: -47px -546px;
	float: left;
	margin-right: 10px;
	cursor: pointer;
	margin: 0px;
}

.linkSubItem {
    background-position: -199px -549px;
}

.subItemMarker {
    background-color: #008F8F;
}

.subItemMarker .linkSubItem {
    width: 25%;
}

.subItemMarker .plginMenuBtn_txt {
    width: 75%;
}

.subItemMarker.ActiveBtn .plginMenuBtn_txt{
    background-color: #006c6c;
}

.EditDataBaseEntry{

    background-position: -418px -309px;
}

.EditDataBaseEntry_small{
	background-position: -281px -208px;
}

.AddDataToList_small{
	background-position: -211px -208px;
}

.RemoveDataFromList_small{
	background-position: -247px -212px;
	background-color: #ff5252;
}

.AddTimerToEntry{

    background-position: -204px -507px; 
}

.MyDashobard{

    background-position: -45px -508px; 
}

.AddTimerToEntry_small{
	background-position: -139px -343px;
}

.AddJobToEntry_small{
	background-position: -280px -370px;
}

.PrintPDFLink_small{
	background-position: -103px -368px;
}

.MultiEditColumn_small{
	background-position: -32px -246px;
	display: none;
}

.LockedSymbol_small{
	background-position: -104px -140px;
}

.deleteEntryBtn{
    background-position: -313px -202px; 
}

.EditTimerOfEntry{

    background-position: -259px -508px; 
}

.EditTimerOfEntry_small{
	background-position: -175px -344px; 
}


.saveTimerBtn{
    background-position: -309px -512px; 
}

.dataBackupBtn{
    background-position: -97px -467px; 
}

.editUserRoleBtn{
    background-position: 9px -468px; 
}

.ResetPasswordBtn{
    background-position: -152px -201px; 
}

.SettingsBtn{
    background-position: -95px -507px; 
}

.FormularPlusBtn{
    background-position: -66px -294px;
	float: right;
}

.FormularMinusBtn{
    background-position: -107px -294px;
	float: left;
}

.logoutButtonBtn{
	background-position: -258px -101px;
}

.trafficLight {
	height: 10px;
	width: 10px;
	
	border-radius: 50%;
	display: inline-block;
}

.tl-green{
	background-color: green;
}

.tl-orange{
	background-color: orange;
}

.tl-red{
	background-color: red;
}

.same_div_size{
	width: 100%;
	display: flex;
}

.hidden{
	display: none !important;
}

/*Output during tables*/
table.output_page_header_table th,
table.output_page_header_table td{
	border: 1px solid #000;
}


table.output_page_header_table tbody th{
	font-weight: 100;
	font-size: 12px;
	text-align: left;
}

thead{
	hyphens: auto;
	font-size: 10px;
}

tfoot{
	font-size: 10px;
}

[class*="col-"] {
    margin-bottom: 10px;
}

tbody{
	font-size: 11px;
}

table.dataTable td, table.dataTable th{
	color: black;	
}

table.dataTable tbody th, table.dataTable tbody td{
	padding: 5px;
}

.td_alignleft{
	text-align: left;
}

.dataTable a:hover {
    color: #000;
}

.dataTable a,
#version_table a {
    color: #099;
}

.archiv_akten_small_table{
	
}

.archiv_akten_small_table td{
	text-align: left;
}

.archiv_akten_small_table thead{
	font-size: unset;
}


/* Calendar CSS */
.EventCalendar{
	height: 50vh;
	margin-top: 5px;
}

.ui-datepicker .ui-datepicker-buttonpane button{
	color: white;
}

button.dt-button{
	font-weight: 100;
	letter-spacing: 0;
	font-size: 8px;
}

.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_length select
{
	margin-left: 5px;
	width: unset;
}

.fc-day-grid-event .fc-content{
	white-space: normal !important;
}

/*Edit QTip CSS*/
.qtip-default{
	border: 2px solid #005C5C !important;
	background-color: #099999 !important;
	color: #fff !important;
	border-radius: 3px;
}

.qtip-default .qtip-titlebar{
	background-color: #005C5C !important;
}

.qtip {
    font-size: 12px !important;
}

.verpor-field-border {
	/* float: left; */
	/* width: 49%; */
	/* margin: 5px; */
	padding: 10px;
	border-style: solid;
	border-width: 2px;
	border-radius: 3px;
}
 /**
 * 14.1 - >= 710px
 */

@media screen and (min-width: 44.375em) {

}

@media screen and (max-width: 56.875em) {
/*Footer Menu Setting at smaller screens*/

}

/**
 * 14.3 - >= 910px
 */

@media screen and (min-width: 56.875em) {

}

/**
 * 14.4 - >= 985px
 */

@media screen and (min-width: 61.5625em) {

}

@media screen and (max-width: 1024px) {

	.aside-contentview-content{
		margin: 0px !important;
		padding: 5px !important;
	}
	
	.form_box_footer_dropdown,
	.form_box_footer{
		width: 99%;
	}
}

@media screen and (max-width: 768px) {

	.same_div_size {
		width: 99%;
		display: block;
	}

	.form_box_head {
		float: none;
		width: 100%;
	}

	#form_box_body {
		float: none;
		width: 100%;
	}
	
	.menu-toggle-footer{
		visibility: hidden;
	}
	
	.form_box_footer_dropdown,
	.form_box_footer{
		width: 99%;
	}
	
	.dataTables_wrapper{
		width: 1024px;
		width: 100%;
	}


}

@media screen and (max-width: 400px) {
	
	.header .plginMenuBtn{
		margin-left: 2px;
	}
	
	.seperateBtn{
		margin-left: 2px;
	}
	
	table.dataTable{
		font-size: 0.8em;
	}

	.site-header-user {
		margin: 0px !important;
		margin-left: 5px !important;
		color: white;
		font-size: 0.8em;
		text-align: right;
		visibility: hidden;
	}

	.site-branding{
		margin: 5px !important;
	}
	
	.site-title{
		font-size: 14px !important;
	}
	
	.menu-toggle{
		padding: 0.369230769em !important;
	}
	
	/*prepare sidemenu for javascript menubutton-function*/
	.sidemenu{
		display: none;
	}
	

}