#loading-panel{
  width: 20rem !important;
  margin-top: 10rem;
}

#open-modal-card{
  height: 90%;
  width: 60rem;
}

#new-modal-card{
  width: 45rem;
}

.new-file-button{
  display: flex; 
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#videoContainer {
  flex: 1 0 10rem;
  box-shadow: none;
  position: relative;
  margin-bottom: 0.75rem;
}

#videoContainer canvas {
  display: none;
  position:absolute;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  cursor: crosshair;
}

.table-container{
  overflow:visible;
}

#frame-label{
  width:14rem;
}


#canvas-shadow {
  display: none; 
  position: fixed; 
  z-index: 31;
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.5); 
}

.handler {
  display: none;
  width: 0.75rem;
  padding: 0;
  cursor: ew-resize;
  flex: 0 0 auto;
}

table{
  font-size: 0.9rem;
}

/* Remove the arrows in number inputs*/
.no-spin::-webkit-inner-spin-button, .no-spin::-webkit-outer-spin-button {
	-webkit-appearance: none !important;
	margin: 0 !important;
}
.no-spin{
	-moz-appearance:textfield !important;
}

#file-extension-label {
  width: 4rem;
}