.smt-tooltip {
	border-bottom: 1px dotted;
}
.smt-tooltip:hover {
	cursor: pointer;
	color: #19be6b;
}

.amount-block, .amount {
	font-size: 17px;
}
	
.amount {
	font-weight: bold;
}
.amount[data-amount="0"] {
	color: #ff5533;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
@-webkit-keyframes anim-shadow {
	to {
		box-shadow: 0px 0px 100px 50px;
		opacity: 0;
	}
}

@keyframes anim-shadow {
	to {
		box-shadow: 0px 0px 100px 50px;
		opacity: 0;
	}
}

.disabled-input input {
	font-size: 14px;
}

.disabled-input .input-field-smt {
	border: 1px dashed #66be57; 
}

.feature {
	padding-top: 2px;
}
.smt-scroll-container {
	max-height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.smt-scroll-container::-webkit-scrollbar {
	width: 4px;
}
.smt-scroll-container::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.smt-scroll-container::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.popup-smt-detail {
	width: 100%;
	position: absolute;
	text-align: center;
	background-color: rgba(181, 181, 181, 0.5);
	transition: 0.1s ease all;
	z-index: 101;
	cursor: pointer;
}
.popup-smt-text {
	font-size: 20px;
}
.popup-smt-detail:hover {
	background-color: rgba(102, 190, 87, 0.72);
}
/* BidSubmission*/
body {
	overflow-x: hidden;
	font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
}

.title {
	padding: 8px;
	border-bottom: 1px solid #415e99;
	color: #415e99;
}
.file-header {
	margin: 10px 0 0 0;
}
input[type="file"] {
	display: none;
}
.remove,
.replace {
	color: #415e99;
}
.remove:hover,
.replace:hover {
	cursor: pointer;
}

.remove:hover {
	color: #ff5533;
}
.replace:hover {
	color: #008a4c;
}

.replaced > div:first-child {
	margin-left: 5%;
}
.replaced .filename {
	text-decoration: line-through;
	color: gray;
}
.replaced .replace {
	display: none;
}
.replaced i:before
.replaced a {
	color: gray;
}

.participate {
	border-color: #415e99;
}
.participate > .panel-heading {
	color: #fff;
	background-color: #415e99;
	border-color: #415e99;
}
.no-participate {
	border-color: #9c9c9c;
	z-index: 10000;
}
.no-participate > .panel-heading {
	color: #fff ;
	background-color: #9c9c9c;
	border-color: #9c9c9c;
	transition: 0.5s ease all;
}
.no-participate .panel-body * {
	color: #9c9c9c !important;
	transition: 0.5s ease all;
}
.no-participate:hover > .panel-heading {
	background-color: #415e99;
	border-color: #415e99;

}.no-participate:hover > .panel-body * {
	color: #73a54c !important;
}
.file-container[data-file-index="0"][data-doc-count="0"] > .file-header {
	display: none;
}
.file-container[data-file-count="0"][data-doc-count="0"] > .file-header {
	display: none;
}

#countdown {
	font-size: 13px;
	display: block;
	padding: 2px;
	text-align: center;
	background-color: #19be6b;
	border-radius: 20px;
	color: #FFF;
	font-family: "Cuprum";
}
#countdown[data-end="1"] {
	background-color: #dc7a05;
}
#countdown[data-end="2"] {
	background-color: #ed3f14;
}

.feature-filled {
	box-shadow: 0px 0px 0px 2px #66be57;
}
.feature-filled + .input-label-smt::after {
	-webkit-animation: anim-shadow 0.3s forwards;
	animation: anim-shadow 0.3s forwards;
}
	
.form-bidsubmission {
	border-left: 1px solid #19be6b;
}

.item {
	padding: 3px;
	border-top: 1px dotted;
}

.features {
	border: 1px dotted #19be6b;
	border-radius: 20px;
	padding: 5px;
}
input.confidence:checked + input + label + span {
	display: inline-block;
}
input.confidence:not(:checked) + input + label + span {
	display: none;
}

.fade-scale {
	transform: scale(0);
	opacity: 0;
	-webkit-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear;
}

.fade-scale.in {
	opacity: 1;
	transform: scale(1);
}

.center-on-page {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
input.smt[type="checkbox"],
input.smt[type="radio"] {
  position: absolute;
  opacity: 0;
}
label.smt {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  padding-left: 30px;
  padding-right: 10px;
  line-height: 36px;
  cursor: pointer;
	z-index: 1;
}
label.smt::before {
  content: " ";
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  border: 2px solid #415e99;
  border-radius: 4px;
}
input.smt[type="radio"] + label.smt::before {
  border-radius: 18px;
}
/* Checked */
input.smt[type="checkbox"]:checked + label.smt,
input.smt[type="radio"]:checked + label.smt {
  padding-left: 10px;
  color: #fff;
}
input.smt[type="checkbox"]:checked + label.smt::before,
input.smt[type="radio"]:checked + label.smt::before {
  top: 0;
  width: 100%;
  height: 100%;
  background: #66be57;
  border: 2px solid #66be57;
	z-index: -1;
}
/* Transition */
label.smt,
label.smt::before {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}
.input-readonly {
	background-color: #e4e3e3;
}
.changed-input {
	background-color: #19be6b;
    color: #fff;
}
.ivu-poptip-rel {
	display: block;	
}
.block-validation-error {
	border: 1px solid #ed3f14;
    padding: 5px;
    margin: 5px;
}
.amount-red {
	color: #ed3f14;
}
.amount-green {
	color: #19be6b; 
}
@media (max-width: 768px) {
	.input {
		float: none;
		margin: 0;
		width: 100%;
		max-width: 100%;
	}
	.replace,
	.remove {
		padding: 20px;
		border-left: 1px solid;
	}
}


/* BidSubmission*/