/*Fix unwanted scroll of swall*/
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: visible !important;
}

html, body {
    margin: 0;
    padding: 0;
}


.center_logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  padding: 10%;
}

/*https://codepen.io/androidcss/pen/yOopGp*/
.float {
    position: fixed;
    width: 60px;
    height: 60px;
    left: 20px;
    font-size: large;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    background-color: white;
    display: inline-block;
    text-decoration: none;
   
}

.float-buttton-caption {
    margin-top: 24px;
    font-size: 12px !important;
}

.float-bottom-left {
    bottom: 40px;
}

.float-bottom-left-up {
    bottom: 140px;
}

.float-bottom-left-right {
    bottom: 40px;
    left: 100px;
}

.float-globe {
    bottom: 40px;
    left: 100px;
}

.float-bottom-left-2right {
    bottom: 40px;
    left: 180px;
}

.float-button {
  margin-top: 22px;
}


/*
 used as target to diaplay 3d object
*/
#section-cutobject{
	width:100%;
	padding:unset;
	height:calc(100vh - 250px);
}

/*
 used as target to diaplay 3d object
*/
#section-cloud-viewer {
    width: 100%;
    padding: unset;
    height: calc(100vh - 50px);
}

/*
  Used to make apar hand cursor
*/
.is-clickable {
    cursor: pointer;
}

/*
    Used to change color when mouse is over a card
*/
.change-on-over:hover {
     background-color: azure;
}

canvas {
    display: block; /* fix necessary to remove space at bottom of canvas */
    margin:0;
    padding:0;
}

.is-orginal-case {
    text-transform: none;
}

.is-main-fixed-size {
    width: 260px;    
}