/* progressive bar */

.progressBarBack {
  	width: 100%;
  	background-color: #008a57;
}

.progressBarFront {
  	width: 10%;
 	height: 5px;
  	background: #ddd;
    background: linear-gradient(to bottom left, #008a57, #32a570, #52c089, #32a570, #008a57);
}

.barWrapper {
    margin-top: -4px;
}

.messageWrapper {
	margin-top: -8px;
}

.attachment-color-red {
	color: #cc4433;
}

/* repeat bar */

@keyframes moving-gradient {
    0% { background-position: left bottom; }
    100% { background-position: right bottom; }
}

.uploadingBar {
    width: 100%;
    height: 5px;
    background: -webkit-linear-gradient(left, #008a57 30%, #6fdda4 80%, #008a57 100%) repeat;
    -webkit-background-size: 50% 100%;
    -webkit-animation-name: moving-gradient;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}
.half {
	overflow-x: hidden;
}
.half.full { 
	width: 100%;
}
.half .uploadingBar { 
	width: 200%; 
}
.half.full .uploadingBar {
	-webkit-animation-duration: 1.5s;
}


.attachmentInput .input-group-first {
  border: 1px solid var(--fulcro-blue-9) !important;
  border-radius: 5px 0 0 5px !important;
  padding: 0 5px !important;
}
.attachmentInput .input-group-last {
  border: 1px solid var(--fulcro-blue-9) !important;
  border-radius: 0 5px 5px 0 !important;
  padding: 0 5px !important;
}
.attachmentInput .input-group-center {
  border: 1px solid var(--fulcro-blue-9) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  padding-left: 5px;
}