.apps-text-gray {color:#5f6368;}
.apps-text-blue {color:#2764af;}
.apps-text-green {color:#339900;}
.apps-text-red {color:#CC0000;}

.table_apps {border-collapse: collapse; border: 1px solid #fff; color:#000;padding:10px;}
.table_apps th {border: 1px solid #fff; background: #f1f1f1; text-align: left; height: 30px;padding: 10px;}
.table_apps td {border: 1px solid #fff; background: #f8f9fa; height: 30px;padding: 10px;}

#dz-main {
	width: 100%; 
	height:295px; 
	background: #f8f9fa;
	border: 1px dashed #c0c0c0;
	border-radius: 7px;
	}

.draganddrop_outer {
	width: 100%;
	position: relative;
	height: 100%;}
	
.my-dropzone.dragover {
  opacity:0.5;
  background-color: #f3f3f3;
}

.draganddrop_inner {
	cursor: pointer;
	position: absolute;
	text-align: center;
	width:100%;
    height: 100%;
	
	}
	
#info {margin:0;height: 15%;}

.dz-file-preview {
  display: none;
}

.dz-preview .dz-details {
  display: none;
}

.spinner {
  width: 20px;
  height: 20px;
  border: 4px solid #ccc;              /* светлая граница */
  border-top: 4px solid #333;          /* тёмная часть, создающая эффект вращения */
  border-radius: 50%;
  animation: css-animation-spin 1s linear infinite;  /* бесконечное вращение */
  margin: 20px auto;                   /* выравнивание по центру */
}
 
@keyframes css-animation-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#bottom-right{
  right: 8px;
  bottom: 2px;
  position: absolute;
  z-index: 100
}

.parent {
  height:295px;
  display: flex;
  align-items: center;
}