/*** Card Panel ***/
.card { border-width:1px; border-style:solid; border-radius:1px; }
.card-header { margin:0; padding:.3em .5em; font-size:1em; }
.card-body { background-color:white; padding:.35em .5em; font-size:1em; }
.card-body .input-group { box-sizing:border-box; }
.card-body .input-group .input-group-addon,
.card-body .input-group .input-group-btn { background-color:transparent; padding:4px 6px; font-size:1em; border:none; border-radius:0; }
.card-body .input-group .input-group-btn { cursor:pointer; }
.card-body .input-group .input-group-btn:disabled, .card-body .input-group .input-group-btn[disabled] { background-color:#ccc; color:#999; }
.card-body select,
.card-body input { height:25px; line-height:25px; border-radius:0; width:auto; font-size:1em; color:#777; }

.card-green { background-color:#6bc06b; color:white; border-color:#6bc06b; }
.card-green .input-group .input-group-addon,
.card-green .input-group .input-group-btn { background-color:#6bc06b; color:white; }
.card-green .card-body select:focus,
.card-green .card-body input:focus { border-color:#6bc06b; }
.card-blue { background-color:#5599ff; color:#f9f9f9; border-color:#5599ff; }
.card-blue .input-group .input-group-addon,
.card-blue .input-group .input-group-btn { background-color:#5599ff; color:#f9f9f9; }
.card-blue .card-body select:focus,
.card-blue .card-body input:focus { border-color:#5599ff; }
.card-warnies { background-color:#ffe26d; color:#562715; border-color:#ffe26d; }
.card-warnies .input-group .input-group-addon,
.card-warnies .input-group .input-group-btn { background-color:#ffe26d; color:#562715; }
.card-warnies .card-body select:focus,
.card-warnies .card-body input:focus { border-color:#ffe26d; }

/*** Bootstrap Reset Buttons ***/
.btn-primary { background-color: #41cac0; border-color: #41cac0; color: #FFFFFF; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-color: #39b2a9; border-color: #39b2a9; color: #FFFFFF; }

.btn-success { background-color: #78CD51; border-color: #78CD51; color: #FFFFFF; }
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-color: #6dbb4a; border-color: #6dbb4a; color: #FFFFFF; }

.btn-info { background-color: #58c9f3; border-color: #58c9f3; color: #FFFFFF; }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-color: #53bee6; border-color: #53BEE6; color: #FFFFFF; }

.btn-warning { background-color: #f1c500; border-color: #f1c500; color: #FFFFFF; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-color: #e4ba00; border-color: #e4ba00; color: #FFFFFF; }

.btn-danger { background-color: #ff6c60; border-color: #ff6c60; color: #FFFFFF; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-color: #ec6459; border-color: #ec6459; color: #FFFFFF; }

.btn-shadows { box-shadow: 2px 2px 2px #858585; }
.btn-shadow.btn-default { box-shadow: 0 4px #9c9c9c; }
.btn-shadow.btn-primary { box-shadow: 0 4px #29b392; }
.btn-shadow.btn-success { box-shadow: 0 4px #61a642; }
.btn-shadow.btn-info { box-shadow: 0 4px #1caadc; }
.btn-shadow.btn-warning { box-shadow: 0 4px #cab03f; }
.btn-shadow.btn-danger { box-shadow: 0 4px #d1595a; }

/*** Customized Buttons ***/
.btn-edit { margin-left: 5px; margin-right: 5px; cursor: pointer; }

.btn-white { background-clip: padding-box; background-color: white; border-color: rgba(150, 160, 180, 0.3); }
.btn-white:hover { border-color: rgba(150, 160, 180, 0.7); }

.btn-default { background-color: #bec3c7; border-color: #bec3c7; color: #fff; }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-color: #b0b5b9; border-color: #b0b5b9; color: #fff; }

.btn-origin { background-color: #428bca; border-color: #357ebd; color: #FFFFFF; }
.btn-origin:hover, .btn-origin:focus, .btn-origin:active, .btn-origin.active, .open .dropdown-toggle.btn-origin { background-color: #337ab7; border-color: #2e6da4; color: #FFFFFF; }

.btn-delete { background-color: #8a8282; border-color: #8a8282; color: #FFFFFF; }
.btn-delete:hover, .btn-delete:focus, .btn-delete:active, .btn-delete.active, .open .dropdown-toggle.btn-delete { background-color: #6f6f6f; border-color: #6f6f6f; color: #FFFFFF; }

.btn-undo { background-color: #6c8ace; border-color: #6c8ace; color: #FFFFFF; }
.btn-undo:hover, .btn-undo:focus, .btn-undo:active, .btn-undo.active, .open .dropdown-toggle.btn-undo { background-color: #617ea0; border-color: #617ea0; color: #FFFFFF; }

.btn-anti { background-color: #7087A3; border-color: #7087A3; color: #FFFFFF; }
.btn-anti:hover, .btn-anti:focus, .btn-anti:active, .btn-anti.active, .open .dropdown-toggle.btn-anti { background-color: #465D7C; border-color: #465D7C; color: #FFFFFF; }

.btn-antidone { background-color: #817ab0; border-color: #817ab0; color: #FFFFFF; }
.btn-antidone:hover, .btn-antidone:focus, .btn-antidone:active, .btn-antidone.active, .open .dropdown-toggle.btn-antidone { background-color: #554f7c; border-color: #554f7c; color: #FFFFFF; }

.btn-tip { background-color: #6cadad; border-color: #6cadad; color: #FFFFFF; cursor: pointer; }
.btn-tip:hover, .btn-tip:focus, .btn-tip:active, .btn-tip.active, .open .dropdown-toggle.btn-tip { background-color: #438381; border-color: #438381; color: #FFFFFF; cursor: pointer; }

.btn-return { background-color: #55A7BF; border-color: #55A7BF; color: #FFFFFF; }
.btn-return:hover, .btn-return:focus, .btn-return:active, .btn-return.active, .open .dropdown-toggle.btn-return { background-color: #3E798B; border-color: #3E798B; color: #e4e4e4; }

.btn-tag { background-color: #fff; border-color: #858585; color: #858585; box-shadow: 2px 2px 2px #858585; }
.btn-tag:hover, .btn-tag:focus, .btn-tag:active, .btn-tag.active, .open .dropdown-toggle.btn-tag { background-color: #fff; border-color: #5c5c5c; color: #5c5c5c; box-shadow: 2px 2px 2px #5c5c5c; }

.btn-infos { background-color: #58c0de; border-color: #58c0de; color: #FFFFFF; }
.btn-infos:hover, .btn-infos:focus, .btn-infos:active, .btn-infos.active, .open .dropdown-toggle.btn-infos { background-color: #4ab0d7; border-color: #4ab0d7; color: #fff; }

.btn-warnings { background-color: #ec971f; border-color: #ec971f; color: #FFFFFF; }
.btn-warnings:hover, .btn-warnings:focus, .btn-warnings:active, .btn-warnings.active, .open .dropdown-toggle.btn-warnings { background-color: #e18538; border-color: #e18538; color: #FFFFFF; }

.btn-warnie { background-color: #ffe26d; border-color: #ffe26d; color: #827129; }
.btn-warnie:hover, .btn-warnie:focus, .btn-warnie:active, .btn-warnie.active, .open .dropdown-toggle.btn-warnie { background-color: #ebca43; border-color: #ebca43; color: #672c15; }

.btn-warnies { background-color: #ffe26d; border-color: #ffe26d; color: #562715; }
.btn-warnies:hover, .btn-warnies:focus, .btn-warnies:active, .btn-warnies.active, .open .dropdown-toggle.btn-warnies { background-color: #fec92d; border-color: #fec92d; color: #411301; }

.btn-succeed { background-color: #5dc15d; border-color: #5dc15d; color: #FFFFFF; }
.btn-succeed:hover, .btn-succeed:focus, .btn-succeed:active, .btn-succeed.active, .open .dropdown-toggle.btn-succeed { background-color: #3a983a; border-color: #3a983a; color: #FFFFFF; }

.btn-susc { background-color: #6caad9; border-color: #6caad9; color: #FFFFFF; }
.btn-susc:hover, .btn-susc:focus, .btn-susc:active, .btn-susc.active, .open .dropdown-toggle.btn-susc { background-color: #4485b6; border-color: #4485b6; color: #FFFFFF; }

.btn-susp { background-color: #4dd0b4; border-color: #4dd0b4; color: #FFFFFF; }
.btn-susp:hover, .btn-susp:focus, .btn-susp:active, .btn-susp.active, .open .dropdown-toggle.btn-susp { background-color: #39a894; border-color: #39a894; color: #FFFFFF; }

.btn-set { background-color: #8e8e8e; border-color: #8e8e8e; color: #f3f3f3; }
.btn-set:hover, .btn-set:focus, .btn-set:active, .btn-set.active, .open .dropdown-toggle.btn-set { background-color: #5c5c5c; border-color: #5c5c5c; color: #f3f3f3; }

.btn-dirt { background-color: #ae9569; border-color: #ae9569; color: white; }
.btn-dirt:hover, .btn-dirt:focus, .btn-dirt:active, .btn-dirt.active, .open .dropdown-toggle.btn-dirt { background-color: #a1885c; border-color: #a1885c; color: white; }

.btn-dirty { background-color: #a2b700; border-color: #a2b700; color: white; }
.btn-dirty:hover, .btn-dirty:focus, .btn-dirty:active, .btn-dirty.active, .open .dropdown-toggle.btn-dirty { background-color: #94a319; border-color: #94a319; color: white; }

.btn-blue { background-color: #5599ff; border-color: #5599ff; color: white; }
.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue { background-color: #518feb; border-color: #518feb; color: white; }

.btn-bluee { background-color: #3385FF; border-color: #3385FF; color: #FFFFFF; }
.btn-bluee:hover, .btn-bluee:focus, .btn-bluee:active, .btn-bluee.active, .open .dropdown-toggle.btn-bluee { background-color: #1e71eb; border-color: #1e71eb; color: #FFFFFF; }

.btn-purple { background-color: #8c84ff; border-color: #8c84ff; color: white; }
.btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active, .open .dropdown-toggle.btn-purple { background-color: #8c84ff; border-color: #8c84ff; color: white; }

.btn-orange { background-color: #ff9e49; border-color: #ff9e49; color: white; }
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange { background-color: #ff9e49; border-color: #ff9e49; color: white; }

.btn-orangee { background-color: rgb(223, 131, 87); border-color: rgb(223, 131, 87); color: white; }
.btn-orangee:hover, .btn-orangee:focus, .btn-orangee:active, .btn-orangee.active, .open .dropdown-toggle.btn-orangee { background-color: rgb(245, 139, 89); border-color: rgb(245, 139, 89); color: white; }

.btn-green { background-color: #6bc06b; border-color: #6bc06b; color: white; }
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green { background-color: #68ba68; border-color: #6bc06b; color: white; }

.btn-gray { background-color: #a0a0a0; border-color: #a0a0a0; color: white; }
.btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active, .open .dropdown-toggle.btn-gray { background-color: #909090; border-color: #909090; color: white; }

.btn-dump { background-color: #5c5c5c; border-color: #5c5c5c; color: #f3f3f3; }
.btn-dump:hover, .btn-dump:focus, .btn-dump:active, .btn-dump.active, .open .dropdown-toggle.btn-dump { background-color: #333333; border-color: #333333; color: #fcfcfc; }

.btn-attention { background-color: #ee8262; border-color: #ee8262; color: #f6f6f6; }
.btn-attention:hover, .btn-attention:focus, .btn-attention:active, .btn-attention.active, .open .dropdown-toggle.btn-attention { background-color: #d15733; border-color: #d15733; color: #FFFFFF; }

.btn-attented { background-color: #ee8262; border-color: #ee8262; color: #f6f6f6; box-shadow: 2px 2px 2px #858585; }
.btn-attented:hover, .btn-attented:focus, .btn-attented:active, .btn-attented.active, .open .dropdown-toggle.btn-attented { background-color: #ff7c42; border-color: #ff7c42; color: #fff; box-shadow: 2px 2px 2px #858585; }

.btn-tag { background-color: #fff; border-color: #858585; color: #858585; box-shadow: 2px 2px 2px #858585; }
.btn-tag:hover, .btn-tag:focus, .btn-tag:active, .btn-tag.active, .open .dropdown-toggle.btn-tag { background-color: #fff; border-color: #5c5c5c; color: #5c5c5c; box-shadow: 2px 2px 2px #5c5c5c; }

.btn-option { color: #666666; border: 1px solid #DDDDDD; height: 30px; text-align: center; width: 145px; font-size: 12px; padding: 4px 10px; cursor: pointer; background-color: #FFF; }
.btn-option:hover, .btn-option:focus { border-color: #E4393C; border-width: 2px; }
.btn-option-on { border:2px solid #E4393C; background:url('../images/lms/active_address.png') 100% 100% no-repeat; }

.btn-method { color: #666666; border: 1px solid #DDDDDD; height: 30px; text-align: center; width: 145px; font-size: 12px; padding: 4px 10px; cursor: pointer; }
.btn-method:hover, .btn-method:focus { border-color: #44a6cb; border-width: 2px; }
.btn-method-on { border: 2px solid #44a6cb; background: url('../images/lms/active_method.png') 0% 50% no-repeat; }

.btn-shipper { color: #666666; border: 1px solid #DDDDDD; height: 30px; text-align: center; width: 145px; font-size: 12px; padding: 4px 10px; cursor: pointer; background-color: #FFF; }
.btn-shipper:hover, .btn-shipper:focus { border-color: coral; border-width: 2px; }
.btn-shipper-on { background: url('../images/lms/active_shipper.png') 0% 0% no-repeat; background-size: 145px 30px; border: none; }

/*** Customized CheckBox ***/
input[type="checkbox"].flatting { width:2em; height:2em; position:relative; vertical-align:middle; cursor:pointer; margin:0; box-sizing:border-box; background-color:white; color:#dd6362; }
input[type="checkbox"].flatting::before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:inherit; border:1px solid #9d9d9d; box-sizing:border-box; }
/*input[type="checkbox"].flatting:hover::before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#f2f2ea; border:1px solid #797979; }
input[type="checkbox"].flatting:checked::before { content:"\2713"; position:absolute; top:0; left:0; width:100%; background-color:white; border:1px solid #9d9d9d; color:#dd6362; font-size:25px; line-height:20px; font-weight:900; }*/
input[type="checkbox"].flatting:hover::before { background-color:#f2f2ea; border:1px solid #797979; }
input[type="checkbox"].flatting:checked::before { content:"\2713"; color:inherit; font-size:2em; line-height:0.85; font-weight:900; }