/*
Theme Name: APPS
Version: 1.0
*/

html,body{margin:0; padding:0;}
body{font-family: Arial; font-size: 14px; line-height: 1.5;}

a {text-decoration: none; color:#2764af;} 
a:hover {color: #CC0000;}

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

#container{top: 20px; padding-left: 41px; padding-right: 41px; padding-top: 25px; max-width:1170px;}

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

#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;
}