/* MyEPL Local Plugin Styles */

.myepl-local-container hr { border-color: #23aa9c; border-style:solid; }

.myepl-search-form label { font-weight: bold; }
.myepl-search-form input { width: 100%; box-sizing: border-box; }

.myepl-local-summary { margin: 1em 0; }
.myepl-local-summary form { display:inline-block; }


.myepl-local-container label.required:after { content:'*'; display:inline; color:#a00; }


.myepl-admin-form label { display:inline-block; width:120px; font-weight:bold; font-size:.8em; }
.myepl-admin-form input { width:250px; box-sizing:border-box; margin-bottom:.25em; font-size:.8em; }

#confirm-delete { display:none; }

span.delete,span.cancel,
main button,
.dhmain a.button,
.button { border: none; border-radius:0; padding: .5em 1em; background-color: #00a99d; color: #fff; text-transform: uppercase; display: inline-block; font-weight: 700; font-style: normal; }

span.delete,span.cancel { opacity:0.9; border-radius:50px; padding:10px 40px; font-weight:400; border-radius:50px; cursor:pointer; line-height:18px; }

main button:hover,
.button:hover { background-color: #00498e; text-decoration: none; }

main button.small,
.button.small { font-size:.8em; }

main button.rounded,
.button.rounded { border-radius: 1em; }

main button.inverse,
.button.inverse { border:1px solid #00a99d; background-color:#fff; color:#00a99d; }
main button.inverse:hover,
.button.inverse:hover { color: #fff; background-color: #00a99d; }

.button.with-arrow { position: relative; padding-right: 4em; }
.button.with-arrow:after { content: " "; font-family:Consolas,monospace; position: absolute; top: 0; right: 0; height: 100%; width: 3em; text-align: center; background: rgba(0,0,0,.3) url(assets/images/icon-arrow-more.svg) no-repeat center; background-size:.5em; }
.button.with-arrow:hover:after { background-color: rgba(0,0,0,.6); }

.myepl-admin-form button[name=delete] { background-color:#a00!important; }
.myepl-admin-form span.delete { display:inline-block; background-color:#a00!important; }
.myepl-admin-form span.cancel { display:inline-block; background-color:#f48000!important; }


/*
.myepl-local-result { border-top: 1px solid #23aa9c; padding-top: 1em; font-size:.9em; }
.myepl-local-result strong { display:inline-block; width:10em; }
.myepl-local-result tr:nth-of-type(odd) th { background-color: #f3f3f3; }
*/

.myepl-local-result { width: 100%; font-size: .9em; margin: 1em 0; }

.myepl-local-result th, .myepl-local-result td { padding: .1em 0; border-left: none; border-right: none; background: transparent; color: #000; border-color: #eee; }
.myepl-local-result td:nth-of-type(odd) { background: transparent; }

.myepl-local-result tr th { width: 9em; vertical-align:top; }

.myepl-search-form small.instructions { display:none; }


/* IE10/11 are old and horrible */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	.myepl-search-form small.instructions { display:inline-block; }
}


/* cart */

.back-from-checkout.button { float: right; display: block; }

#myepl_local_cart { display: none; background-color: #fff; border: 2px solid #00498e; border-bottom: none; position: fixed; bottom: 0; right: 10px; width: calc(100% - 20px); max-width: 400px; z-index: 9999; box-shadow: 0px 0px 10px rgba(0,0,0,.5); }
#myepl_local_cart.visible { display: block; }
#myepl_local_cart h3 { cursor: pointer; color: #fff; margin: 0; background-color: #00498e; padding: 5px; }
#myepl_local_cart h3 small { line-height: 1rem; display: inline-block; padding-left: .5em; }
#myepl_local_cart div { overflow: auto; max-height: 400px; transition: .3s ease; }

#myepl_local_cart ul { padding: 5px; margin: 0; list-style-type: none; overflow: auto; max-height: 300px; }
#myepl_local_cart li { font-size: .9em; color: #333; padding: 5px 0; }
#myepl_local_cart li + li { border-top: 1px solid #eee; }

#myepl_local_cart li span.item { font-weight: normal; }
#myepl_local_cart li span.delete { display: block; padding: 3px; color: #fff; background-color: #999; line-height: 10px; width: 10px; text-align: center; vertical-align: middle; float: right; cursor: pointer; margin-left: .5em; margin-top: .2em; }
#myepl_local_cart li span.delete:hover { background-color: #900; }

#myepl_local_cart a.button { width: 100%; box-sizing: border-box; cursor: pointer; text-align: center; }

#myepl_local_cart h3:before { content: "╲╱"; display: block; padding: 0 1em .4em; font-size: 9px; line-height: 1rem; vertical-align: middle; float: right; }
#myepl_local_cart.collapsed h3:before { content: "╱╲"; }

#myepl_local_cart.collapsed div { max-height: 0; overflow: hidden; }