body {
    background-color: #EEEEEE;
}

.tab-button {
  background-color: #e7e7e7; /* Gray */
  color: black;
  border: 1px solid grey;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
}

.tab-button.active, .tab-button:hover {
  background-color: #008CBA; /* Blue */
  color: white;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../img/hourglass.svg) center no-repeat rgba(255,255,255,.6);
    display: none;
}

.progress-text {
	font-size: 26px;
	width: 200px;
	position: absolute;
	top: calc(60% - 65px);
	left: calc(50% - 105px);
	text-align: center;
}

fieldset {
    display: inline-block;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

#output {
    width: 80%;
    margin: 0 auto;
    padding: 5px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
	display:none;
}

.imgUrl {
    float: center;
    height: 200px;
    padding: 5px;
}

.imgUrl:hover {
    -webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.readNow {
	cursor: pointer;
}

/* for mobile */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .imgUrl {
        float: center;
        height: 120px;
        padding: 5px;
    }
}

.dropzone {
    border: 1px dashed rgba(0,0,0,.6) !important;
}

.dropzone:hover {
    background-color: rgba(0,140,186, .4)
}

.dropzone .dz-preview {
    margin: 0px !important;
}

.dropzone .dz-preview, .dropzone .dz-preview .dz-image {
    width: 100% !important;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    background: transparent !important;
}

.dz-filename {
    font-size: 20px;
}

.dz-progress {
    display: none;
}
