.sidebar .nav>li>ul>li>a i[class^="ion-"] {
    font-size: 16px;
}

.sidebar .nav>li>ul>li>a i {
    text-align: center;
    line-height: 20px;
    font-size: 18px;
    color: #fff;
    background: rgba(255, 255, 255, .25);
}

.sidebar .nav>li>ul>li>a i {
    float: left;
    margin: 0 10px -3px -31px;
    width: 20px;
    border-radius: 6px;
}

.fade-scale {
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

.fade-scale.in {
    opacity: 1;
    transform: scale(1);
}

.form-control-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text,
select.form-control-sm:not([size]):not([multiple]) {
    padding: 5px 7px;
}

.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
    padding: 5px 7px;
}


.widget-stats .stats-link a {
    border: none;
    border-radius: 0;
}

.widget-stats h3 {
    margin: 0 0 10px;
}

.widget-stats h3 span {
    font-size: 60%;
}

.widget.widget-at {
    padding: 15px 15px 0 15px;
}

.widget.widget-at.widget-stats .stats-link a {
    margin: 15px -15px 0;
}

.widget.widget-at.widget-stats .stats-link a span {
    text-align: left;
    display: block;
    width: 90%;
    float: left;
}


.widget.widget-at.widget-stats .stats-link a i {
    text-align: right;
    display: block;
    width: 10%;
    float: left;
    position: relative;
    top: 3px;
}

.selectboxit-container .selectboxit-options {
    width: 280px !important;
    min-width: 200px !important;
}

label {
    display: block;
}


.row>[class*="col-"].ui-sortable {
    min-height: 50px;
}

.row>[class*="col-"] {
    padding: 0 10px;
}

.carousel-control .glyphicon,
.carousel-control .glyphicon {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}



.spez_row {
    background-color: #999;
    border: 1px solid red;
}

.spez_div {
    background-color: #ccc;
    border: 1px solid blue;
}








.display_none {
    display: none;
}




.carousel-fade .carousel-inner>.item {
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    position: absolute;
    z-index: 0;
    -webkit-transition: opacity 1.6s ease-in-out;
    -o-transition: opacity 1.6s ease-in-out;
    transition: opacity 1.6s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}
.carousel-fade .carousel-inner>.item:first-of-type {
    position: relative;
}
.carousel-fade .carousel-inner>.active {
    opacity: 1;
    z-index: 3;
}
.carousel-fade .carousel-inner>.next.left,
.carousel-fade .carousel-inner>.prev.right {
    -webkit-transition: opacity 1.6s ease-in-out;
    -o-transition: opacity 1.6s ease-in-out;
    transition: opacity 1.6s ease-in-out;
    opacity: 1;
    left: 0;
    z-index: 2;
}
.carousel-fade .carousel-inner>.active.left,
.carousel-fade .carousel-inner>.active.right {
    z-index: 1;
}
.carousel-fade .carousel-control {
    z-index: 4;
}

.row.abstaende:not(:last-child) {
    border-bottom: 1px solid #777;
    margin-bottom: 15px;
}
.table{
    border-collapse: separate !important;
}
ul.el_teams {
    padding: 0 !important;
    margin: 0 -7.5px 40px  !important;
}
li.team img {
    z-index: 1;
    height: 200px;
    width: auto;
}
li.team {
    float: left;
    list-style: none;
    margin-top: 40px;
    margin-right: 20px;
    position: relative;
    width: calc(50% - 40px);
    left: 0;
    right: 0;
    margin-left: 20px;
}

li.team::before {
    content: attr(data-name);
    position: absolute;
    z-index: 1;
    bottom: -23px;
}
li.team .im_team{
    overflow: hidden;
}
.grid-item a::after ,
li.team::after {
    content: "";
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

li.team p {
    top: 0;
    left: 50%;

    -webkit-transition: all 0.5s ease ;
    -moz-transition: all 0.5s ease ;
    -ms-transition: all 0.5s ease ;
    -o-transition: all 0.5s ease ;
    transition: all 0.5s ease ;

    opacity: 0;
    position: absolute;
    height: 100%;
    width: 50%;
    padding: 10px;
    text-transform: none;
    font: 17px/25px 'Helvetica';
    background-color: #fff;
    z-index: -1;
    color: #3b3a3a;
}
li.team:hover p {
    z-index: 10;
    opacity: 1;
}
.grid-item a:hover::after ,
li.team:hover::after {
    content: "";
    background-color: transparent;
}


.sz360 {
    font-size: 7px;
    margin-left: -20px;
    margin-top: -1px;
    position: absolute;
}

.for-image {

    height: 110px;
    display: block;
    padding: 0;
    position: relative;


}
td.for-image img {

    position: absolute;
    top: 50%;
    transform: translate(0 , -50%);
    display: block;
    width: 200px;
    height: 116px;
    object-fit: cover;
    left: 5px;

}

.mich label {
    padding-top: 9px;
}
#data-table tr:hover .fade {
    opacity: 1;
}
label[for="userFiles"] {
    display: block;
}

#userFiles.form-control {
    width: 360px;
    display: block;
    float: left;
    margin-right: 16px;
    padding: 0;
}

#submituserfiles {
    display: block;
    width: auto;
}

div#codeigniter_profiler {
    float: right;
    width: 82%;
}
.at-warning{
   background-color:  #E7DB4C !important;
}
/*
.div-floorplan {
    position: absolute;
    width: calc(100% - 20px);
    top: 0;
    z-index: 1000;
    background-color: rgba(255,255,255,0.8);
    padding: 20px;
}
*/

.div-projekt-links,
.div-upload-one,
.div-floorplan-2,
.div-logo-2,
.div-upload-many {
    position: fixed;
    width: calc(666px - 0px);
    top: 52px;
    z-index: 1000;
    background-color: rgba(255,255,255,0.8);
    padding: 0;
    right: 30px;
}

/*
.div-panorama-bilder {
    position: absolute;
    z-index: 100;
    width: calc(100% - 20px);
    background-color: rgba(255,255,255,0.8);
    padding-top: 13px;
}*/

INPUT.qq-edit-filename {
    right: 0;
}
.div-upload-many .qq-total-progress-bar-container {
    width: 60%;
}
.aktion_title {
    font-weight: bold;
    margin-bottom: 5px;
}

#fine-template-pano-data .qq-upload-button ,
#fine-uploader-validation .qq-upload-button ,
#fine-uploader-manual-trigger .qq-upload-button {
    margin-right: 15px;
}
#fine-template-pano-data .buttons ,
#fine-uploader-validation .buttons ,
#fine-uploader-manual-trigger .buttons {
    width: 100%;
}

#fine-template-pano-data .qq-uploader .qq-total-progress-bar-container ,
#fine-uploader-validation .qq-uploader .qq-total-progress-bar-container ,
#fine-uploader-manual-trigger .qq-uploader .qq-total-progress-bar-container {
    width: 60%;
}

#fine-template-pano-data .qq-upload-button ,
#fine-uploader-validation .qq-upload-button ,
#fine-uploader-manual-trigger .qq-upload-button {
  width: 125px;
}
#trigger-upload {
    border-color: rgb(0, 171, 199);
}
.qq-uploader-selector.qq-uploader {
    z-index: 1;
}

.echtuplouter{
    position: absolute;
    right: 110px;
}

.btn.echtupl {
    padding-left: 45px;
    position: relative;
}

.btn.echtupl .upl1 {
    position: absolute;
    left: 7px;
    font-size: 36px;
    top: -2px;
}
.btn.echtupl .upl2 {
    position: absolute;
    top: 9px;
    left: 7px;
    font-size: 21px;
}
.vorschau {
    width: 90px;
    height: 80px;
    display: block;
    position: relative;
    padding-left: 0;
    left: 50%;
    transform: translate(-50%, -50% );
    top: 50%;
}
.vorschau .upl2 {
    position: absolute;
    top: 27px;
    left: 20px;
    font-size: 60px;
}
.div-projekt-links {
    height: 80%;
    overflow: hidden;
}
.div-projekt-links > div {

    position: relative;
    height: 100%;
    overflow-y: scroll;

}
.div-projekt-links > div .btn{
    margin: 10px 0 ;
}
table.dataTable.nowrap td .projekt_note {
    white-space: normal;
}
.vorschau .upl1 {
    position: absolute;
    left: 0;
    font-size: 102px;
    top: -11px;
}
.tablepanolist > * > tr > :nth-child(2) {
    width: 182px;
}
.tablepanolist > * > tr > :first-child {
    width: 100px;
}
ul#panomana {
    margin: 0;
}
ul#panomana li:nth-child(2n-1) {
    background-color: rgb(238, 238, 238);
}
ul#panomana li:nth-child(2n) {
    background-color: rgb(247, 247, 247);
}
ul#panomana li{
    padding: 25px 0;
}
.panosorts{
  padding: 6px 15px;
}

 div#pano * {
    -webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;
}
.qq-uploader::before {
    content: attr(qq-drop-area-text2) " " !important;
}
.qq-upload-list li {
    position: relative;
    z-index: 1;
}
.tab-content {
    padding: 0;
}
.vishide {
    display: none;
    visibility: hidden;

}
.width-320{
    width: 320px !important;
}
#submit_projekt_data {
    margin-top: 21px;
}

.files-empty + button {
  display: none;
}
.form-ajax {
    position: relative;
}
.form-ajax [type="submit"] {
    position: absolute;
    right: 40px;
    top: 22px;
    z-index: 1;
}

[type="submit"] > .fa.fa-floppy-o{
    font-size: 22px;
    line-height: 21px;
}
#pano {
    z-index: 1;
    position: relative;
}
.hotimg .col-xs-2.pano_img_val {
    width: auto;
}
.imgactive{
  border: 2px solid red;
}
.saver {
    background-color: #007AFF;
    padding: 9px;
    margin: -12px -12px -12px 2px;
    color: white;
}
#nav-pills-floorplan img,
#nav-pills-logo img {
    width: 90px;
    height: auto;
}
table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after{
    content: '' !important;
}

/*
.wspez_first {
    padding-bottom: 60px !important;
}
div.wspez {

    width: calc(100% - 30px);
    display: block;
    position: absolute;
    left: 15px;
    top: 70px;
    border-top: 0 solid transparent !important;

}
*/
tr.werks{
    position: relative;
}
.das input{

    width: 60px;

}

#modal_werkliste_modul_10_7 label{
    display: inline-block;
}
.modal-dialog {
    width: 900px;
    margin: 30px auto;
}

.nav.nav-tabs.at-tabs {
    background-color: #d7d7d7;
    margin: 0;
    padding: 5px 15px 0;
    border-radius: 0;
}

div[id^="pano-"], div[id^="pano-"] > div {
    min-height: calc(100vh - 185px) !important;
    position: relative;
    z-index: 1;
    width: calc(100% );
    left: 0;
}

#projektdata .col-sm-1 {
    width: 7.333%;
}
#projektdata .form-group {
    margin-bottom: 0;
}
.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text, select.form-control-sm:not([size]):not([multiple]) {
    padding: 1px 5px;
    height: 23px;
}

input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
div.in_h1 input {
    display: block;
    width: auto;
    color: #1d1d1d;
    font-size: 24px;
    margin: 0 0 15px;
    padding: 0;
    line-height: 32px;
    font-weight: 500;
    border: none;
    box-shadow: 0 0;
}

.span_input_resize,
.span_input_resize + input{
  margin: 0;
  padding: 0;
    cursor: text;
}

.span_input_resize {

    position: relative;
    height: auto;
    overflow: inherit;
    white-space: pre;
    z-index: 1;
    color: #222;
    padding: 3px;
    border: 1px solid transparent;

}

.span_input_resize + input {

    min-width: auto;
    background-color: #e4e7e8;
    position: relative;
    border: 1px solid #266a90;
    padding: 3px;
    color: #222;
    z-index: -1;
    opacity: 0;

}

.span_input_resize + input.onit{
    z-index: 2;
    opacity: 1;
/*    -webkit-transition: width 0.04s ease;
    -moz-transition: width 0.04s ease;
    -ms-transition: width 0.04s ease;
    -o-transition: width 0.04s ease;
    transition: width 0.04s ease;*/
}
/*
#id {
    min-width: 126px;
}
#tour_title{
    min-width: 100px;
}
*/
[id^="pano-"]{
    opacity: 0;
}
#div_projekt_status {

    float: right;

}
.div-hotspot ul.list-unstyled > li.active {

    border: 2px solid green;

}
#div_projekt_status {

    display: inline-block;
    margin-left: 10px;
}

#projekt_status {

    height: auto;
    padding: 5px 2px 4px 2px;
    line-height: 32px;
    position: relative;
    top: 5px;
    right: 5px;
    display: block;
    float: left;
    width: 90px;

}
.l_projekt_status {

    display: none;

}

.page-header {
    margin: 0 0 5px;
}


.nav-tabs > li.active > div,
.nav-tabs > li.active > div:hover,
.nav-tabs > li.active > div:focus {

    color: #555;
    cursor: default;
    background-color: #fff;
}

.nav-tabs > li > div {

    margin-right: 5px;
    line-height: 20px;

}
.nav > li > div {

    color: #828282;

}
.nav-tabs > li > div {

    border-radius: 4px 4px 0 0;

}
.nav > li > div {

    position: relative;
    display: block;

}





.nav-tabs > li > div{
    background-color: #ffffff;
    transition: all 0.7s ease-in;
}

.nav-tabs > li > div {
    background-color: #ffffff;
    transition: all 0.7s ease-in;
    border: 1px solid #e4e7e8 !important;
    border-bottom: 1px solid #fff !important;
}


.nav-tabs .nav-link:hover,
.nav-tabs > li.active > div,
.nav-tabs > li.active > div:hover,
.nav-tabs > li.active > div:focus ,
.nav-tabs > li.active > div:active{
    border: 1px solid #d0d0d2 !important;
}


.bg-grey-low,
.nav-tabs > li.active > div,
.nav-tabs > li.active > div:hover,
.nav-tabs > li.active > div:focus ,
.nav-tabs > li.active > div:active{
    background-color: #d0d0d2;
}

.panel-heading.bg-grey-low.clearfix {

    border-radius: 0;
    margin: 0 -15px;

}
.panel.panel-expand > .panel-heading + div {

    margin-top: 0;

}
.boembel {

    background-color: #EAEAEA;
    border-radius: 90px;
    width: 23px;
    display: inline-block;
    height: 23px;
    text-align: center;
    position: relative;
    left: -6px;
    line-height: 23px;
    cursor: ew-resize;
    color:#999;
}
li.active .boembel {
    background-color: #999;
    color: black;
}
.ani{
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}
.btn.btn-icon.btn-ios-corg{
    position: relative;
    left: 5px;
    top: -4px;
    width: 23px;
    height: 23px;
}
.ion-ios-cog{
    font-size: 24px;
    color:#999;
}

.btn-ios-corg[aria-expanded="true"] .ion-ios-cog,
.ion-ios-cog:hover{
    color: #333;
}
.vollbildmodus{
    position: absolute;
    right: 25px;
    top: 18px;
}
#page-container.page-sidebar-minified #sidebar div > ul + ul {
    margin: 15px 0 0;
}
.hotspot{
    position: relative;
}
.hotspot > span {
    display: none;
    position: absolute;
    z-index: 12;
    left: calc(-100% + 2px);
    width: 300%;
}
.hotspot.clicked > span {
    display: block;
}
.div-hotspot {
    position: absolute;
    z-index: 2;
}
[id^="panoinner"] * {
    -webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;
}
.at-tabs .btn-group .btn, .div-hotspot a{
    border: 1px solid #333 !important;
    font-size: 24px;
    line-height: 24px;
    margin: 0 0 0 -1px !important;
}
.at-tabs .btn-group .btn.at-fas {
    font-size: 19px;
    line-height: 19px;
}
.at-collapse {
    position: relative;
    float: none;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.at-collapse .btn-group {
    position: relative !important;
    width: 100% ;
    z-index: 2;
    top: 0;
    left: 0;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all.8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    padding-left: 1px;
    height: auto;
}

.at-collapse.in .btn-group, .at-collapse.in {



}
.at-collapse.collapsing, .at-collapse.collapsing .btn-group {

}

div.div-button {
    position: absolute;
    top: 38px;
    left: 200px;
    width: 220px;
}
div.bgcolor {
    position: absolute;
    top: 38px;
    left: 164px;
    width: 220px;
}
.span_input_resize[id^="span-bgcolor-"],
.span_input_resize[id^="span-button-"]{
    background-color: white;
}

.span_input_resize[id^="span-bgcolor-"],
.span_input_resize[id^="span-bgcolor-"] + input,
.span_input_resize[id^="span-button-"],
.span_input_resize[id^="span-button-"] + input {
    left: 50%;
    transform: translate(-50%, 0);
    display: inline-block;
}
div.div-google {

    position: absolute;
    top: 38px;
    left: 0;
    width: 500px;

}
[id^="google-map-"] {
    width: 500px;
    height: 400px;
    float: left;
}
#infoPanel {
    float: left;
    margin-left: 10px;
}
#infoPanel div {
    margin-bottom: 5px;
}
/*
div.div-upload-many{
    position: absolute;
    top: 41px;
    right: -300px;
    width: 600px;
}*/
.btn[aria-expanded2="true"] {
    background-color: #333;
    color: white;
}
.at-collapse button[data-toggle="collapse"][aria-expanded="true"] {
    background-color: #ccc;
}

div.buttons .qq-upload-button {
    width: 125px;
    border: none;
}

.controls {
    margin-top: 10px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

[id^="pac-input-"] {
    background-color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 300px;
}

.at-tabs .at-inner-collapse {

    z-index: 3;
    border: 1px solid #999;

}
/*
ul.floorplan-img-list {

}
*/
ul.view-img-list li ,
ul.floorplan-img-list li,
ul.logo-img-list li {
    margin-right: 15px;
}

.view-img, .floorplan-img, .logo-img{
    margin-top: 3px;
    width: 85px;
    height: 70px;
    background-size: cover;
    display: block;
}

.logo-img {
    width: 100%;
}

.hotspot_views span:first-child {
    width: 85px;
    height: 70px;
    background-size: cover;
    display: block;
    margin: 4px;
}
.hotspot_views span:not(:first-child) {
    margin: 0 4px;
}
.hotspot_views.bg-white.p-5 {

    position: absolute;
    width: 98px;
    left: 0px;
    margin-top: -28px;
    z-index: 100;
    border: 1px solid black;

}
.delete-view-img ,
.delete-floorplan-img,
.delete-logo-img {
    margin-left: 11px;
}

.panel-heading-btn > .btn {
    margin-left: 8px !important;
}

.tab-content .panel-heading-btn {
    float: left;
}
.startansicht[aria-expanded="true"],
button[data-toggle="collapse"][aria-expanded="true"] {
    background-color: #444 !important;
}
button[data-toggle="collapse"][aria-expanded="true"] i {
    color: white;
}
.startansicht[aria-expanded="true"],
button[data-toggle="collapse"][aria-expanded="true"] i{
    color: white !important;
}
div[id^="btn-hotspot-"] {

    left: 75px;

}
.btn-md.btn-icon {
    font-size: 18px;
}
.sz360.exts i {

    background-color: transparent !important;
    font-size: 13px !important;
    position: relative;
    left: -5px;
    top: 4px;

}
.rotate-90::before{
    transform: rotate(90deg)
}


.upload-base div[id^="pano-"] > div {
    height: 100%;
}
.upload-base div[id^="pano-"],
#panotour {
    height: calc(100% - 51px);
    position: fixed;
    top: 51px;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
}
.set-icon li {
    border: 2px solid #ccc ;
    padding: 2px 5px 5px 5px;
    margin: 5px;
}
.set-icon li.active {
    border-color: green;
    border-width: 2px;
}
.set-icon li .icon-img{
    margin-top: 3px;
    width: 40px;
    height: 40px;
    background-size: cover;
    display: block;

}

.screenshot-active {
    color: #008000;
}

#div_time label {
    display: none;
}
#div_time {
    display: inline-block;
}
#div_time #time {
    height: 25px;
    position: relative;
    top: 2px;
    margin: 0 15px;
}

.tab-content .panel-heading-btn {
    float: left;
    display: block;
    width: 100%;
}

.delete_projekt.in_vr_tour {
    float: right;
}
.view-inputs {
    font-family: "Lucida Console", Monaco, monospace;
}

.span-vr-view-fov-view-only ,
.span-vr-view-vlookat-view-only ,
.span-vr-view-hlookat-view-only ,
.span-vr-view-radar-view-only {
    width: 50px;
    display: inline-block;
    text-align: right;
}
.div-more-top-bottom ,
.div-more-left-right {



}
body{
        overflow-y: scroll;
}
.div-more-radar .text-center.view-inputs{
    position: relative;
}

div[id^="slider-radar-"] ,
div[id^="slider-zoom-"] ,
div[id^="slider-top-bottom-"] ,
div[id^="slider-left-right-"] {
    height: 18px;
}
.noUi-tooltip {
    display: none;
}
.noUi-active .noUi-tooltip {
    display: block;
}


.div-more-top-bottom,
.div-more-left-right,
.div-more-zoom {
    position: absolute;
    z-index: 2;
    background-color: white;
    padding: 12px 22px 12px 22px;
    border-radius: 3px;
    width: 100%;
    left: 0;
}

.div-more-radar {

    position: absolute;
    z-index: 2;
    background-color: white;
    padding: 12px 15px;
    border-radius: 3px;
    width: 390px;
    left: 10px;
    top: 65px;

}

.div-more-radar .view-inputs ,
.div-more-top-bottom .view-inputs ,
.div-more-left-right .view-inputs ,
.div-more-zoom .view-inputs {
    display: inline-block;
    padding: 40px 0 0;
}

.noUi-connect {
    background: #003861;
}
.noUi-value-horizontal {
    -webkit-transform: translate(-50%,75%);
    transform: translate(-50%,75%);
}
.text-center.view-inputs {
    transform: translate(-50% , 0);
    position: absolute;
    left: 50%;
}
.noUi-connects {
    /*background-image: linear-gradient(to right, #a2ea4c 20%, #07aa91 20%, #07aa91 80%, #a2ea4c 80%);*/
}

ul.floorplan-img-list li,
ul.logo-img-list li{
    border: 2px solid transparent;
    padding: 4px;
}

.startansicht-save,
.more-left-right,
.more-top-bottom,
.more-radar,
.more-zoom,
.a-span-vr-view-radar,
.a-span-vr-view-hlookat,
.a-span-vr-view-vlookat,
.a-span-vr-view-fov {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.more-radar.show-icons,
.startansicht-save.show-icons,
.more-left-right.show-icons,
.more-top-bottom.show-icons,
.more-zoom.show-icons,
.view-inputs.show-icons,
.a-span-vr-view-radar.show-icons,
.a-span-vr-view-hlookat.show-icons,
.a-span-vr-view-vlookat.show-icons,
.a-span-vr-view-fov.show-icons {
    opacity: 1;
    visibility: visible;
    display: inline;
}

.view-inputs.here-title{
    opacity: 1 !important;
    visibility: visible !important;
    display: inline !important;
}

ul.floorplan-img-list span.floorplan-img {
    cursor: pointer;
}

ul.logo-img-list li.suc-border {
    border: 2px solid green;
}

/*
#panoinner {
    background-color: transparent !important;
}*/