.loading {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 1);
    z-index: 2147483647;
}

.loadingImg {
    position: absolute;
    top: 26%;
    left: 40%;
}

#drop-region {
	background-color: #fff;
	box-shadow:0 0 35px rgba(0,0,0,0.05);
	width:100%;
	padding:60px 40px;
	text-align: center;
	cursor:pointer;
    transition:.3s;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 2px dashed #6c88d4;
    margin: 20px 0px 20px 0px;
}
#drop-region:hover {
	box-shadow:0 0 45px rgba(0,0,0,0.1);
}

#image-preview {
	margin-top:20px;
}

#image-preview .image-view {
    display: inline-block;
	position:relative;
	margin-right: 13px;
	margin-bottom: 13px;
}
#image-preview .image-view img {
    max-width: 100px;
    max-height: 100px;
}
#image-preview .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 2;
    background: rgba(255,255,255,0.5);
}

.searchdash{
    width: 150px !important;
    border-radius: 3px;
    height: 26px;
    font-size: 11px;
    font-weight: normal;
    margin-top: 2px;
}

.creditos{
    position: absolute;
    top: 39px;
    right: 8px;
    text-align: center;
    width: 80px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: red !important;
    opacity: .3 !important; /* Firefox */
}
  
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: red !important;
    opacity: .3 !important; /* Firefox */
}
  
::-ms-input-placeholder { /* Microsoft Edge */
    color: red !important;
    opacity: .3 !important; /* Firefox */
}


table.dataTable td.dt-control {
    text-align:center;
    cursor:pointer;
  }
  table.dataTable td.dt-control:before {
    display:inline-block;
    color:#00a65a;
    content:"►"
  }
  table.dataTable tr.dt-hasChild td.dt-control:before {
    content:"▼"
  }
  html.dark table.dataTable td.dt-control:before {
    color:#00a65a
  }
  html.dark table.dataTable tr.dt-hasChild td.dt-control:before {
    color: #00a65a;
  }
  
  .error{
    color:#31708f !important;
  }

  .error:hover{
    color:#6c88d4 !important;
  }
  .nonehover:hover{
    color:rgba(255, 0, 0, .3);

  }

  .filesIconsDownload{
    font-size: 12px;
    position: absolute;
    bottom: 32px;
    left: 2px;
    color: #ffffff;
  }

  .filesIconsUpload{
    font-size: 12px;
    position: absolute;
    bottom: 26px;
    left: 2px;
    color: #ffffff;
  }

  .small-box:hover {
    color: #000000 !important;
  }