html, body {
	font-size: 16px;
}
a.back-to-top {
    z-index: 900;
    background-color: #da0812;
    width: 6rem;
    height: 6rem;
    opacity: 1;
    position: fixed;
    bottom: 0;
    right: 15px;
    transition: opacity 1s;
}
#joAjaxloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: 10000;
}
#joAjaxloader .joLoader {
    border: 5px solid #f3f3f3;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid rgba(0,0,0,.2);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.inhalt-container .barcode-in-container,
.identifikation-barcode-container {
    max-width: 400px;
    margin: 15px auto;
    position: relative;
}
.detail_container {
    display: none;
}
.detail_container.clone {
    margin-bottom: 20px;
}
.inhalt-container .barcode-in-container.waiting::after,
.identifikation-barcode-container.waiting::after {
    content: '';
    border: 2px solid #390052;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 2px solid rgba(0,0,0,.2);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 9px;
    right: 1px;
    margin: auto;
}
.inhalt-container .barcode-in-container.success::after,
.inhalt-container .barcode-in-container.failed::after,
.identifikation-barcode-container.success::after,
.identifikation-barcode-container.failed::after {
    content: '✓';
    position: absolute;
    top: 0;
    right: 1px;
    color: green;
    font-size: 1.5rem;
    font-weight: 800;
}
.inhalt-container .barcode-in-container.failed::after,
.identifikation-barcode-container.failed::after {
    content: '✗';
    color: red;
}
.data-form {
	text-align: center;
    position: relative;
    margin-top: 30px;
    /*
    overflow: hidden;
    */
    transition: maxHeight .5s;
}
.stepForm-container {
    position: relative;
}
.steps-container {
	position: relative;
    margin-bottom: 100px;
}
.joSteaps {
	position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step;
    padding: 0;
}
.joSteaps li {
    list-style-type: none;
    position: relative;
}
.joSteaps li:before {
    content: counter(step);
    counter-increment: step;
    width: 35px;
    height: 35px;
    line-height: 31px;
    display: block;
    font-size: 1.5rem;
    color: rgba(0,0,0,.5);
    background: white;
    border: 1px solid rgba(0,0,0,.5);
    border-radius: 100%;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
}
.joSteaps li.active ~ li:before {
    color: rgba(0,0,0,.25);
    background: white;
    border: 1px solid rgba(0,0,0,.25);
    cursor: default;
}
.joSteaps li.active:before {
	color: #390052;
	border: 1px solid #390052;
    cursor: default;
}
.joSteaps li:after {
    content: '';
    width: 100%;
    border: 1px dashed rgba(0,0,0,.5); 
    position: absolute;
    left: -50%;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}
.joSteaps li.active ~ li:after {
	border: 1px dashed rgba(0,0,0,.25); 
}
.joSteaps li.active:after {
    border-color: rgba(0,0,0,.5);
}
.joSteaps li:first-child:after {
    content: none;
}
.data-form .step {
	position: relative;
	width: 100%;
    display: inline-block;
    transition: height .3s;
}
.data-form .step:not(:first-of-type) {
	display: none;
}
.data-form .inhalt-container {
	/* display: none; */
}
.data-form .barcode {
    text-align: center;
}
.data-form .scan-inventary,
.data-form .scan-comment,
.data-form .standortinfo_input {
    max-width: 400px;
    height: 14em;
    margin: 15px auto;
}
.data-form .scan-inventary{
     height: auto;
}
.data-form .scan-objtype {
    max-width: 400px;
    margin: 15px auto;
}
.data-form .clear_scan {
    margin-right: 40px;
}
.foto_upload {
    margin: 0 auto;
}
.display-id {
    display: block;
    color: black;
    font-size: 2rem;
    text-align: center;
    height: 0;
    opacity: 0;
    width: 100%;
    color: #390052;
    transition: bottom 1.5s, opacity 1.5s;
}
.display-id.active {
    display: block;
    height: auto;
    opacity: 1;
    transition: bottom 1.5s, opacity 1.5s;
}
.foto {
	display: none;
}
.btn-joviolett {
    color: #fff;
    background-color: #390052;
    border-color: #390052;
}
.btn-joviolett-border-color {
    color: #390052;
    background-color: #fff;
    border-color: #390052;
}
.btn-jogrey-border-color {
    color: #868686;
    background-color: #fff;
    border-color: #868686;
}
.form-control:focus {
    border-color: rgba(57, 0, 82, .1);
    box-shadow: 0 0 0 0.2rem rgba(57, 0, 82, .1);
}
.btn.focus,
.btn:focus {
	box-shadow: none;
}
.img-output-container {
	display: none;
	height: 400px;
	margin-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}
.img-output-container .img-review,
.img-output-container .img-list {
    background-color: black;
}
.img-output-container .img-review .img-item	{
	height: 100%;
	overflow: hidden;
}
.img-output-container .img-review {
    height: 293px;
    overflow: hidden;
}
.img-output-container .img-review img {
	width: auto;
	height: 100%;
}
.img-output-container .img-list {
    overflow-x: scroll;
    padding: 15px;
    height: 107px;
    text-align: left;
}
.img-output-container .img-list img {
	width: auto;
	height: 100%;
    opacity: .75;
}
.img-output-container .img-list .img-item.active img {
    opacity: 1;
    transition: opacity .5s;
}
.img-output-container .img-list .img-item {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    height: 60px;
}
.img-output-container .img-item .img-check {
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px;
    height: 30px;
    background-color: rgba(255, 255, 255, .75);
    border-radius: 100%;
    cursor: pointer;
    z-index: 50;
}
.img-output-container .img-item.active .img-check:after {
	content: '✓';
    color: red;
    font-size: 21px;
    font-weight: 800;
    position: relative;
    top: -1px;
    width: 30px;
    display: block;
    text-align: center;
}
.img-output-container .img-item input[type="file"] {
    display: none;
}
.joStepForm-title,
.joStepForm-subtitle {
    color: #390052;
}
.finish-container {
    margin-bottom: 15px;
}
.finish-container .finsh-regler {
    margin: 0 auto;
    font-size: 1.2rem;
    text-align: left;
}
.finish-container .finish-fotos-container {
    margin-top: 5px;
    margin-bottom: 5px;
}
.finish-container .finish-fotos-container img {
    height: 50px;
    width: auto;
}
.finish-container .finish-fotos-container img:not(:last-child) {
    margin-right: 5px;
}
.actions-container {
}
.actions-container .title {
    text-align: center;
    color: #390052;
}
.actions-container .choosing .choos-item {
    color: #390052;
    border: 1px solid #390052;
    padding: 15px 10px;
    margin-top: 0px;
    margin-bottom: 50px;
    cursor: pointer;
    text-align: center;
    transition: margin-bottom .5s, opacity .5s, top .5s;
    position: relative;
    top: 350px;
    opacity: 0;
}
.actions-container.active .choosing .choos-item {
    margin-bottom: 10px;
    top: 0;
    opacity: 1;
}
.actions-container.active .title {
    opacity: 1;
    height: 33px;
    transition: opacity .5s, height .5s;
}
.actions-container.active.chosen .title {
    transition-delay: .75s;
    opacity: 0;
    height: 0;
}
.actions-container.active.chosen .choosing .choos-item {
    /* opacity: 0; */
    margin-bottom: 100px;
}
.actions-container.active.chosen .choosing .choos-item:not(.active) {
    /* animation: slowHidding .5s ease-out; */
}
.actions-container.active.chosen .choosing .choos-item.active {
    /* transition: margin-bottom .5s .5s, opacity .5s, top .5s; */
    /* animation: slowHidding .5s ease-out; */
    animation: activMargin 1s ease-out;
}
@keyframes activMargin {
  0%   {margin-bottom: 0px;}
  50%  {margin-bottom: 100px;}
  99%  {margin-bottom: 100px;}
  100% {margin-bottom: 0px;}
}
.actions-container.active.chosen .choosing .choos-item.active {
    transition: border-width .5s, margin-bottom .5s;
    transition-delay: .75s;
    border-width: 0px;
    margin-bottom: 0px;
    opacity: 1;
    cursor: default;
}
.action-form-container > div {
    opacity: 0;
    height: 0;
    transition: opacity 1s;
    /*
    overflow: hidden;
    */
}
.action-form-container > div.active {
    transition-delay: 1s;
    opacity: 1;
    height: auto;
}
#qr-scan-preview {
    display: none;
    width: 100%;
    height: 400px;
    background-color: black;
}
.qr-scan {
    margin-right: 40px;
}
.qr-scan.stop {
    background-color: #dc3545;
}
.camera-select .camera-item {
    padding: 10px 15px;
    width: 100%;
    margin-bottom: 10px;
    color: #390052;
    border: 1px solid #390052;
    cursor: pointer;
}
#joStepForm-assessment .boxen-container .col {
    opacity: 0;
    height: 0;
    transition: opacity 2.5s;
}
#joStepForm-assessment .boxen-container .col.active {
    opacity: 1;
    height: auto;
}
.data-container {
    position: relative;
    bottom: -250px;
    height: 0;
    opacity: 0;
    color: #390052;
    transition: bottom 1.5s, opacity 1.5s;
}
.data-container.active {
    height: auto;
    bottom: 0;
    opacity: 1;
    transition: bottom 1.5s, opacity 1.5s;
}
.data-container .img-container {
    margin-right: 15px;
    height: 125px;
    max-width: 125px;
    position: relative;
}
.data-container .img-container img.placeholder {
    height: 100%;
    width: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.data-container .img-container .img-placeholder {
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.data-container .textarea-container {
    width: 100px;
    max-width: 100px;
    margin-right: 15px;
}
.data-container .boxen-container {
    max-width: 200px;
    margin-top: 20px;
}
.data-container .boxen-container .box-input-con {
    width: 0;
    height: 0;
    overflow: hidden;
    display: inline-block;
    opacity: 0;
    margin-right: 0;
    margin-bottom: 5px;
    transition: opacity 1s ease-in-out, width 0s 1s, height 0s 1s, margin-right 0s 1s;
}
.data-container .boxen-container .box-input-con.active {
    width: 60px;
    height: 60px;
    margin-right: 5px;
    opacity: 1;
    transition: opacity 1s ease-in-out;
}
.data-container .boxen-container .box {
    width: 100%;
    height: 100%;
    color: #390052;
    line-height: 55px;
    border: 2px solid #390052;
    cursor: pointer;
    font-size: 1.5rem;
}
.data-container .display-id {
    margin-top: 15px;
}
#joStepForm-assessment .steps-container .col .box,
.create_newObj .box {
    padding: 50% 0;
    color: #868686;
    border: 4px solid #868686;
    cursor: pointer;
    font-size: 1.5rem;
    transition: color .75s ease-in-out, border-color .75s ease-in-out;
}
#joStepForm-assessment .steps-container .col.active .box,
.create_newObj .col.active .box {
    color: #390052;
    border-color: #390052;
}
.ck_inp {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
}
.ck_inp:checked ~ .box {
    color: #390052;
    border-color: #390052;
}
.textarea-vorschau {
    width: 100%;
    height: 125px;
    position: relative;
    border: 1px solid black;
    padding: 15px;
}
.textarea-vorschau .vorschau-line {
    width: 100%;
    height: 1px;
    background-color: black;
    margin-bottom: 10px;
}
.plus-icon {
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    border: solid 2px rgba(0,0,0,.5);
    cursor: pointer;
}
.plus-icon .vertical {
    transition: all 0.5s ease-in-out;
    transform: rotate(-90deg);
    position: absolute;
    background-color: rgba(0,0,0,.5);
    width: 2px;
    height: 12px;
    left: 50%;
    margin-left: -1px;
    top: 50%;
    margin-top: -6px;
}
.plus-icon .horizontal {
    transition: all 0.5s ease-in-out;
    transform: rotate(-90deg);
    opacity: 1;
    position: absolute;
    background-color: rgba(0,0,0,.5);
    width: 12px;
    height: 2px;
    left: 50%;
    margin-left: -6px;
    top: 50%;
    margin-top: -1px;
}
.textarea-vorschau .plus-icon,
.img-container .plus-icon {
    left: 50%;
    margin-left: -10px;
    top: -11px;
    background-color: white;
    z-index: 50;
}
.edit-textarea .modal-content {
    border-radius: 0;
}
.edit-textarea .label-header {
    color: #868686;
    text-align: left;
    font-style: italic;
    display: block;
    font-size: .8rem;
}
.edit-textarea .old-text {
    border-bottom: 1px solid #868686;
    margin-bottom: 10px;
    padding: 5px 0 10px 15px;
    text-align: left;
    color: #868686;
    opacity: .8;
}
.edit-textarea .new-text {
    margin-bottom: 15px;
}
.edit-textarea .joBtn-container .cancel,
.edit-textarea .joBtn-container .accept {
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 800;
    border-width: 2px;
    border-radius: 10px;
}
.edit-textarea .joBtn-container .cancel {
    float: left;
}
.edit-textarea .joBtn-container .accept {
    float: right;
}
.edit-textarea .editTextarea {
    border: 0;
    width: 100%;
    height: 200px;
}
.edit-textarea .editTextarea:focus {
    outline: none;
}
.jo-pests-container,
.jo-actions-container,
.jo-zustand-container {
    margin-bottom: 15px;
    margin-right: -5px;
    margin-left: -5px;
}
.jo-pests-container > .col,
.jo-actions-container > .col,
.jo-zustand-container > .col {
    padding-right: 5px;
    padding-left: 5px;
}
.data-container .edit-img {
    width: 100%;
    padding-right: 0!important;
}
.data-container .edit-img .modal-dialog {
    max-width: 100%;
}
.data-container .edit-img .img-output-container {
    padding-left: 0;
    padding-right: 0;
    margin: -1rem -1rem 15px -1rem;
}
.data-container .edit-img .btn-jogrey-border-color.cancel {
    margin-right: 10px;
}
.user_login legend {
    text-align: center;
    font-style: italic;
}
.user_login .user_submit {
    text-align: right;
}
.login_formular .login_formular_btn_container {
    position: relative;
}
.login_formular .login_formular_btn_container .formular_btn {
    padding: 10px 15px;
    background-color: rgba(0,0,0,.25);
    display: block;
    position: absolute;
    border-radius: 100%;
    cursor: pointer;
    top: -22px;
    color: white;
}
.login_formular .login_formular_btn_container .formular_btn .usr_name {
    visibility: hidden;
    display: block;
    text-transform: uppercase;
    width: 10px;
}
.login_formular .login_formular_btn_container .formular_btn .usr_name::first-letter {
    visibility: visible;
}
/* .formular_btn {
  visibility: hidden;
  text-transform: uppercase;
}
.formular_btn:first-letter {
  visibility: visible;
}
.formular_btn:nth-letter(2) {
  visibility: visible;
} */
.login_formular .login_formular_container {
    position: absolute;
    left: 0;
    top: 35px;
    background-color: white;
    border: 1px solid rgba(0,0,0,.25);
    padding: 15px;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
    opacity: 0;
    height: 0;
    transition: opacity 0.5s ease-in-out, height 0.5s ease-in-out;
    overflow: hidden;
}
.login_formular .login_formular_container.active {
    opacity: 1;
    height: 150px;
    transition: opacity 0.5s ease-in-out, height 0.5s ease-in-out;
    z-index: 50;
    width: 200px;
}
.login_formular .login_formular_container:after,
.login_formular .login_formular_container:before {
    bottom: 100%;
    left: 25px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.login_formular .login_formular_container:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 12px;
    margin-left: -13px;
}
.login_formular .login_formular_container:before {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: rgba(0,0,0,.25);
    border-width: 14px;
    margin-left: -15px;
}
.joDatacollection_header  {
    margin-top: 15px;
    margin-bottom: 15px;
}
.joDatacollection_header > .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.joDatacollection_header > .row > div {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    position: relative;
    width: 100%;
    min-height: 1px;
}
.joDatacollection_header .image img {
    /*
    width: 100px;
    height: auto;
    */
}
.joDatacollection_header .frame-type-image .ce-center .ce-outer,
.joDatacollection_header .frame-type-image .ce-center .ce-inner {
    right: 0;
}
.datacollection_menu_btn_container .datacollection_menu_btn {
    width: 40px;
    height: 0;
    cursor: pointer;
    margin: 0 auto;
    opacity: 0;
    overflow: hidden;
    transition: opacity 0.8s ease-in-out;
}
.datacollection_menu_btn_container .datacollection_menu_btn.active {
    height: 25px;
    opacity: 1;
}
.datacollection_menu_btn_container .datacollection_menu_btn .line {
    width: 100%;
    height: 5px;
    background-color: #390052;
    margin-bottom: 5px;
}
.progress-container {
    margin: 0 -15px;
}
.progress_item {
    padding: 10px 15px;
}
.progress_item:first-child {
    border-top: 1px solid #390052;
    margin-top: 40px;
}
.progress_remove {
    float: right;
    line-height: 100%;
    cursor: pointer;
}
.progress_show_error {
    float: right;
    line-height: 100%;
    cursor: pointer;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 0 10px;
    margin-right: 15px;
    display: none;
}
.prograss_error_container {
    display: none;
}
.img-reggler {
    white-space: nowrap;
}
.box {
    position: relative;
}
.box-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#permalogin {
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
}
.user_login label[for='permalogin'],
.user_login #permalogin {
    opacity: 0;
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.loc-action {
    text-align: center;
    position: relative;
}
.loc-action .loc-choose-btn {
    color: #390052;
    border: 1px solid #390052;
    padding: 15px 10px;
    cursor: pointer;
    text-align: center;
    transition: opacity 2s, top 2s;
    position: relative;
    top: 350px;
    opacity: 0;
    display: inline-block;
    margin-right: 5px;
    width: 95px;
    height: 80px;
    vertical-align: middle;
}
.loc-action .loc-choose-btn:first-child {
    transition: opacity 1.8s, top 1.8s;
}
.loc-action .loc-choose-btn:last-child {
    margin-right: 0;
    transition: opacity 2.2s, top 2.2s;
}
.loc-action.active .loc-choose-btn {
    top: 0;
    opacity: 1;
}
.loc-action .loc-choose-btn[aria-expanded="true"] {
    color: red;
}
.loc-form-container .loc-step {
    display: none;
    padding: 15px 0;
    min-height: 68px;
}
.loc-form-container .loc-step:first-child {
    display: block;
}
.loc-standort-select {
    padding: 15px 0;
    min-height: 68px;
    opacity: 0;
    transition: opacity 1.5s;
    visibility: hidden;
}
.loc-standort-select.active {
    opacity: 1;
    visibility: visible;
}
.loc-input-con {
    width: 200px;
    margin: 0 auto;
}
.loc-input-con > div {
    position: relative;
}
.obj-step .loc-input-con {
    margin-bottom: 10px;
}
.loc-input-ok {
    color: #390052;
    border: 1px solid #390052;
    padding: 5px;
    cursor: pointer;
    text-align: center;
    transition: opacity 2s;
    display: none;
    margin-left: 5px;
    position: absolute;
    right: 0;
    top: 1px;
    transform: translateX(120%);
}
.loc-disp-con {
    display: none;
    text-align: center;
}
.loc-disp-con.prototype {
    display: none;
}
.obj-step .loc-disp-con {
    margin-top: 5px;
    margin-right: 5px;
}
.loc-disp {
    width: 150px;
    color: #390052;
    border: 1px solid #390052;
    padding: 5px 20px 5px 5px;
    margin: 0 auto;
    position: relative;
}
#joStepForm-bibliothek .loc-disp {
    width: 100%;
}
.loc-disp-close,
.loc-disp-ok {
    cursor: pointer;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    color: rgba(255,0,0,.75);
    position: absolute;
    right: 2px;
    top: 5px;
}
.loc-disp-ok {
    color: rgba(255,255,255,1);
    display: none;
}
.loc-disp-con.is_ok .loc-disp-ok,
.loc-disp-con.is_error .loc-disp-ok {
    display: block;
}
.loc-disp-con.is_ok {
    cursor: pointer;
    color: white;
    background-color: rgba(0,100,0,.75);
}
.loc-disp-con.is_error {
    cursor: pointer;
    color: white;
    background-color: rgba(100,0,0,.75);
}
.loc-disp-con.is_ok .loc-disp,
.loc-disp-con.is_error .loc-disp {
    color: white;
}
.joDetail {
    border: 1px solid black;
    padding: 10px;
}
.joDetail > div > label,
.joDetail > div > span {
    border-bottom: 1px solid black;
    margin-bottom: .5rem;
}
.joDetail .detail_condition[data-val="1"],
.joDetail .detail_damages[data-val="1"],
.joDetail .detail_actions[data-val="1"],
.joDetail .detail_imagecheck[data-val="1"],
.joDetail .detail_umzugzustand[data-val="0"] {
    color: green;
}
.joDetail .detail_condition[data-val="0"],
.joDetail .detail_damages[data-val="0"],
.joDetail .detail_actions[data-val="0"],
.joDetail .detail_imagecheck[data-val="0"],
.joDetail .detail_umzugzustand[data-val="1"] {
    color: red;
}

.bibl_alt_inp,
.bilb_output_con,
.bibl_new_con,
.bibl_loc_inp {
    /* display: none; */
    /* visibility: hidden;
    opacity: 0; */
    display: none;
    transition: opacity 1s, border 1s;
}
.bibl_alt_inp.show,
.bilb_output_con.show,
.bibl_new_con.show,
.bibl_loc_inp.show {
    /* display: block; */
    /* visibility: visible;
    opacity: 1; */
}
.bibl_obj_inp.success,
.bibl_alt_inp.success {
    border: 1px solid green;
}
.bibl_obj_inp.failed,
.bibl_alt_inp.failed {
    border: 1px solid red;
}
#joStepForm-bibliothek .joStepForm-subtitle {
    margin: 0;
}
.barcode_alt_error {
    display: none;
}
.koa_found {
    text-align: left;
}
.koa_found_item {
    margin-bottom: 10px;
}
.koa_found_info {
    border: 1px solid black;
    padding: 10px!important;
}
.koa_found_selector {
    text-align: center;
}
.bibl_check_btn {
    transition: opacity 1s;   
}
.bibl_check_btn.disabled {
    opacity: .65;   
}
.koa_found_item {

}
#joStepForm-bibliothek {
	padding-bottom: 30px;
}
#joStepForm-bibliothek input,
#joStepForm-bibliothek textarea {
	padding: .375rem .75rem;
}
.bibl_radio_btn_c {

}
.bibl_radio_btn_c input[type="checkbox"] {
    visibility:hidden;
}
.bibl_radio_btn_c .bilb_radio_box {
	padding-left: 7.5px;
	padding-right: 7.5px;
}
.bibl_radio_btn_c .bilb_radio_box:first-child {
	padding-left: 0;
	padding-right: 15px;
}
.bibl_radio_btn_c .bilb_radio_box:last-child {
	padding-left: 15px;
	padding-right: 0;
}
.bibl_radio_btn_c .bilb_radio_box label {
	display: block;
	padding: 50% 0;
    color: #868686;
    border: 4px solid #868686;
    cursor: pointer;
    font-size: 1.5rem;
    transition: color .75s ease-in-out, border-color .75s ease-in-out;
}
.bibl_radio_btn_c .bilb_raio_t {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.bibl_radio_btn_c input:checked + label {
    color: #390052;
    border-color: #390052;
}
.pack_type_item label {
    color: #390052;
    border: 1px solid #390052;
    padding: 15px 10px;
    cursor: pointer;
    text-align: center;
    transition: opacity 1s, top 1s, color 1s, border-color 1s;
    display: inline-block;
    margin-right: 5px;
    width: 95px;
}
.pack_type_item.disabled label {
    color: grey;
    border: 1px solid grey;
    cursor: not-allowed;
}
.radio_pack_type {
    display: none;
}
.pack_type_item {
    display: inline-block;
    vertical-align: middle;
}
.radio_pack_type:checked + label {
    color: red;
    border-color: red;
}
.pack_type_con {
    text-align: center;
}
.pack_type_title {
    color: #390052;
    margin-bottom: 15px;
}
.barcode_kiste {
    display: none;
}
.kiste_in_kiste .barcode_kiste {
    display: block;
}
.kiste_in_kiste .barcode_obj {
    display: none;
}
.new_loc_con_con {
    margin-top: 15px;
}
#new_loc_con {
    width: 200px;
    margin: 15px auto;
}
#new_loc_con .btn.btn-primary {
    margin-top: 15px;
    display: none;
}
.standortinfo-container {
    display: none;
    padding: 1px 0;
}
.standortinfo-btn {
    margin-right: 40px;
}
.data-form .standortinfo_input {
    margin-top: 0;
}
.output-img img {
    width: 100%;
    display: block;
    height: auto;
    margin-bottom: 5px;
}
.requiredBlock {
    display: flex;
}
.primaryid {
    /*
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    */
}
.checkIfExist {
    /*
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    */
}
.reviewer-item-link {
    cursor: pointer;
}
.required,
.required-mark {
    border-color: red!important;
}
.valid {
    border-color: green!important;
}
.multiselect-native-select .btn-group {
    width: 100%;
}
.multiselect-container {
    width: 100%;
}
.alert-hiddden {
    display: none;
}


.ms-options-wrap > .ms-options > ul label {
    text-align: left;
    padding-left: 25px;
}
.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
    top: 11px;
}
.ms-options-wrap > button,
.ms-options-wrap > button:focus {
    outline: none;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
.ms-options-wrap.ms-has-selections > button {
    color: #495057;
}
.ms-selectall.global {
    width: 100%;
    margin: 0;
    padding: 4px;
    background-color: #9e9e9e;
    color: white;
}
.ms-options-wrap > .ms-options > .ms-selectall.global {
    margin: 0;
}
::-webkit-input-placeholder {
    color:#bbbbbb!important;
}

::-moz-placeholder {
     color:#bbbbbb!important;
}

::-ms-placeholder {
     color:#bbbbbb!important;
}

::placeholder {
     color:#bbbbbb!important;
}

.easyDB-btn {
    width: 140px;
    position: absolute;
    left: 60px;
    top: -20px;
    background-color: green;
    padding: 8px 15px;
    color: white;
    border-radius: 25px;
    text-align: center;
    user-select: none;
}


@media(min-width: 768px) {
    .output-img img {
        width: 50%;
    }
    .inhalt-container .barcode-in-container.success::after,
    .inhalt-container .barcode-in-container.failed::after,
    .identifikation-barcode-container.success::after,
    .identifikation-barcode-container.failed::after {
        right: -25px;
    }
    .inhalt-container .barcode-in-container.waiting::after,
    .identifikation-barcode-container.waiting::after {
        right: -25px;
    }
    .data-container .boxen-container {
        margin-top: 0;
    }
    .jo-pests-container,
    .jo-actions-container,
    .jo-zustand-container {
        margin-bottom: 30px;
        margin-right: -15px;
        margin-left: -15px;
    }
    .jo-pests-container > .col,
    .jo-actions-container > .col,
    .jo-zustand-container > .col {
        padding-right: 15px;
        padding-left: 15px;
    }
    .img-reggler {
        white-space: normal;
    }
    .img-output-container .img-list {
        height: 100%;
        overflow-y: scroll;
        overflow-x: unset;
        padding: 15px;
    }
    .img-output-container .img-list .img-item {
        display: block;
        margin-right: 0;
        height: auto;
    }
    .img-output-container .img-list img {
        width: 100%;
        height: auto;
        opacity: .75;
    }
    .img-output-container .img-item:not(:last-child) {
        margin-bottom: 15px;
    }
    .data-container .edit-img .modal-dialog {
        max-width: 700px;
    }
    .login_formular .login_formular_container.active {
        height: 150px;
    }
    .img-output-container .img-review {
        height: 100%;
        overflow: hidden;
    }
}
@media(min-width: 992px){
    .progress-container {
        position: fixed;
        right: 0;
        bottom: 0;
        width: 15%;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
        border-top: none;
        margin: 0;
    }
    .progress_item:first-child {
        border-top: 0;
        margin-top: 0;
    }
    .progress_item {
        padding: 10px;
    }
    .data-container .edit-img .modal-dialog {
        max-width: 800px;
    }
    .joDatacollection_content.container {
        max-width: 70%;
    }
}
@media (min-width: 1200px) {
    .joDatacollection_content.container {
        max-width: 70%;
    }
}