#table_fscase
{
	margin: 0px 0px 20px 0px;
	min-width: 50%;
	border: 1px solid grey;
}
#table_fscase td{
	padding: 4px 2px 2px 2px;
}
#table_fscase td.carrier{
	white-space: normal;text-align:right
}
#table_fscase td.check{
 text-align:right;
 padding-right:20px;
}
.carrier_name{
	font-size:13px;font-weight:bold;text-transform:uppercase;
}
#table_fscase tr.selected{
	background-color:#FFF1B5;
}
#freeshipcase_carrier_block{
	border:1px solid #CCCCCC;
	padding:10px;
}
span.info_mini{
	font-size:10px;
}
p.freedeliverymanager-extra-info{
	padding:5px;
}

#freeship-content { border-radius: 5px; padding: 15px 18px; background: #2a2a2a; border: 1px solid rgba(255, 255, 255, .09); box-shadow: 0 5px 18px rgba(0, 0, 0, .45); max-width: 1050px; margin: auto; text-transform: none; }
#freeship-content .freeship-info-text { text-align: center; font-size: 15px; color: #e6e8e8; margin-bottom: 14px; line-height: 1.35; }
#freeship-content .freeship-info-text b { color: #ff3327; font-weight: 800; white-space: nowrap; }
#freeship-content .freeship-info-text .fs-free { color: #5cd166; font-weight: 700; }
#freeship-content .freeship-status-content { display: flex; flex-wrap: nowrap; align-items: center; gap: 14px; width: 80%; max-width: 640px; margin: 0 auto; }
#freeship-content .freeship-status-image { flex: none; color: #e02a20; line-height: 0; }
#freeship-content .freeship-status-image > svg { width: 26px; height: 26px; display: block; }
#freeship-content .freeship-status-goal { flex: none; color: #6f7373; line-height: 0; }
#freeship-content .freeship-status-goal > svg { width: 22px; height: 22px; display: block; }
#freeship-content.freeship-reached .freeship-status-goal { color: #45b34d; }
#freeship-content .freeship-status { position: relative; flex: 1 1 auto; min-width: 0; height: 6px; background: #3b3e3e; border-radius: 3px; overflow: visible; }
#freeship-content .freeship-status .red { position: relative; float: left; height: 6px; background: linear-gradient(90deg, #3a9440, #5cd166); border-radius: 3px 0 0 3px; }
#freeship-content .freeship-status .red::after { content: ""; position: absolute; right: 0; top: 50%; transform: translate(50%, -50%); width: 16px; height: 16px; border-radius: 50%; background: #ffffff; box-shadow: 0 0 0 4px rgba(255, 51, 39, .35), 0 1px 4px rgba(0, 0, 0, .55); z-index: 3; }
#freeship-content .freeship-status .gray { float: left; height: 6px; background: transparent; }
#freeship-content.freeship-reached .freeship-status .red { border-radius: 3px; }
#freeship-content.freeship-reached .freeship-status .red::after { background: #ffffff; box-shadow: 0 0 0 4px rgba(92, 209, 102, .35), 0 1px 4px rgba(0, 0, 0, .55); }

@media (max-width: 1200px) {
	#freeship-content .freeship-status-content { width: 90%; }
}

@media (max-width: 767px) {
	#freeship-content { padding: 14px; }
	#freeship-content .freeship-info-text { font-size: 14px; margin-bottom: 12px; }
	#freeship-content .freeship-status-content { position: static; width: 100%; gap: 11px; }
	#freeship-content .freeship-status-image > svg { width: 23px; height: 23px; }
	#freeship-content .freeship-status-goal > svg { width: 19px; height: 19px; }
	#freeship-content .freeship-status { width: auto; }
}