/**
 *  Module made by Nukium
 *
 *  @author    Nukium
 *  @copyright 2021 Nukium SAS
 *  @license   All rights reserved
 *
 * ███    ██ ██    ██ ██   ██ ██ ██    ██ ███    ███
 * ████   ██ ██    ██ ██  ██  ██ ██    ██ ████  ████
 * ██ ██  ██ ██    ██ █████   ██ ██    ██ ██ ████ ██
 * ██  ██ ██ ██    ██ ██  ██  ██ ██    ██ ██  ██  ██
 * ██   ████  ██████  ██   ██ ██  ██████  ██      ██
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.woocommerce table.form-table {
	max-width: 100%;
}

#wpbody .form-table td select[multiple] {
	height: auto;
}

@media(max-width: 782px) {

	.woocommerce table.form-table input.regular-input,
	.woocommerce table.form-table input[type="email"],
	.woocommerce table.form-table input[type="number"],
	.woocommerce table.form-table input[type="text"],
	.woocommerce table.form-table select,
	.woocommerce table.form-table textarea {
		width: 100%;
	}

	.woocommerce table.form-table .select2-container {
		width: 100% !important;
		min-width: 100% !important;
	}

	#wpbody .form-table td select[multiple] {
		height: 120px;
	}

}

.automation-help {
	padding-top: 10px;
	padding-bottom: 10px;
}

@media(min-width: 783px) {

	.wrap .automation-help {
		margin-left: 234px;
	}

}

.automation-help > p {
	margin-top: 0;
	padding: 0;
}

.automation-help .input-group {
	margin-top: 4px;
}

.automation-help .form-control {
	width: 500px;
	max-width: 100%;
}

.column-order_status,
.widefat td.column-order_status {
	vertical-align: middle;
}

.order-status.status-completed {
	background: #c8d7e1;
	color: #2e4453
}

.order-status.status-on-hold {
	background: #f8dda7;
	color: #94660c
}

.order-status.status-failed {
	background: #eba3a3;
	color: #761919
}

.order-status.status-processing {
	background: #c6e1c6;
	color: #5b841b
}

.order-status.status-trash {
	background: #eba3a3;
	color: #761919
}

.order-status > span {
	margin: 0 1em;
	overflow: hidden;
	text-overflow: ellipsis
}

.icon {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: WooCommerce;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

.icon-lg {
	font-size: 1.33333em;
  	line-height: 0.75em;
  	vertical-align: -0.0667em;
}

.icon-stack {
	display: inline-block;
	height: 2em;
	line-height: 2em;
	position: relative;
	vertical-align: middle;
	width: 2em;
}

.icon-stack-1x,
.icon-stack-2x {
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}

.icon-stack-1x {
	line-height: inherit;
}

.icon-stack-2x {
	font-size: 2em;
}

.icon-inverse {
	color: #fff;
}

.icon-spin {
	-webkit-animation: pulse 2s infinite linear;
	animation: pulse 2s infinite linear;
}

@-webkit-keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
  	}
	50% {
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
  	}
	50% {
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.icon-angle-down:before {
	content: "\e00a";
}

.icon-angle-up:before {
	content: "\e009";
}

.icon-print:before {
	content: "\e02b";
}

.icon-spinner:before {
	content: "\e00f";
}

.icon-circle:before {
	content: "\e03c";
}

.icon-check:before {
	content: "\e017";
}

.icon-plus:before {
	content: "\e007";
}

.icon-trash:before {
	content: "\e013";
}

.icon-calendar-o:before {
	content: "\e00e";
}

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.gls-container .col,
.gls-container .col-auto,
.col-12,
.col-7,
.col-5,
.col-md-4 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.gls-container .col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}

.gls-container .col-auto {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: none;
}

.col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.col-5 {
	-ms-flex: 0 0 40%;
	flex: 0 0 40%;
	max-width: 40%;
}

.col-7 {
	-ms-flex: 0 0 60%;
	flex: 0 0 60%;
	max-width: 60%;
}

@media(min-width: 992px) {

	.col-md-4 {
	    width: 33.33333%;
	}

}

.gutters-sm {
    margin-right: 5px;
    margin-left: 5px;
}
.gutters-sm > .col,
.gutters-sm > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.text-center,
.widefat th.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-muted {
    color: #999;
}

.form-group {
    margin-bottom: 15px;
}

.control-label {
    display: inline-block;
    margin-bottom: 5px;
    max-width: 100%;
}

.control-label.required:before {
    content: "*";
    color: red;
    font-size: 14px;
    position: relative;
    line-height: 12px;
}

.label-th.required:after {
    content: "*";
    color: red;
    font-size: 14px;
    position: relative;
    line-height: 12px;
}

.form-control {
	display: block;
	width: 100%;
}

.input-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	position: relative;
	width: 100%;
}

.input-group > .form-control {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin: 0;
	position: relative;
	width: 1%;
}

.input-group-addon {
	background-color: rgba(0, 0, 0, 0.03);
	border: 1px solid rgba(0, 0, 0, 0.125);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 0;
	margin-left: -1px;
	padding: 3px 6px;
	text-align: center;
	white-space: nowrap;
}

.fixed-width-xs {
    width: 48px !important;
}

.progress {
	background-color: #e9ecef;
	border-radius: 5px;
	display: -ms-flexbox;
	display: flex;
	font-size: 0.75rem;
	height: 10px;
	margin-bottom: 0;
	margin-right: 10px;
	overflow: hidden;
	min-width: 120px;
}

.progress-bar {
	color: #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	white-space: nowrap;
	transition: width 0.6s ease;
}

.progress,
.progress .progress-bar {
    box-shadow: none;
}

.progress-bar.bg-primary {
	background: #0073aa;
}

.progress-bar.bg-success {
    background: #78D07D;
}

.badge {
	border-radius: 0.25rem;
	display: inline-block;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	padding: 0.25em 0.4em;
	text-align: center;
	vertical-align: baseline;
	white-space: nowrap;
}

.badge-primary {
	background-color: #0073aa;
	color: #fff;
}


.switch-toggle label {
	display: inline-block;
    vertical-align: middle;
}

.switch-toggle label:hover .wc-gls-toggle-switch {
    background-color: #999;
}

.switch-toggle input[type=checkbox] {
    display: none;
}

.switch-toggle input[type=checkbox]:checked + .wc-gls-toggle-switch {
    background-color: #83c11f;
}

.switch-toggle input[type=checkbox]:checked + .wc-gls-toggle-switch:before {
    -webkit-transform: translateX(19px);
    -ms-transform: translateX(19px);
    transform: translateX(19px)
}

.switch-toggle input[type=checkbox]:checked + .wc-gls-toggle-switch + .wc-gls-toggle-checked-label {
    display: inline-block;
}

.switch-toggle input[type=checkbox]:checked + .wc-gls-toggle-switch + .wc-gls-toggle-checked-label + .wc-gls-toggle-unchecked-label {
    display: none;
}

.switch-toggle .wc-gls-toggle-checked-label,
.switch-toggle .wc-gls-toggle-unchecked-label {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.switch-toggle .wc-gls-toggle-checked-label {
    display: none;
}

.switch-toggle .wc-gls-toggle-switch {
	background-color: #ccc;
    border-radius: 15px;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 0 5px 0 0;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    vertical-align: top;
    width: 40px;
}

.switch-toggle .wc-gls-toggle-switch:before {
	background-color: #fff;
    border-radius: 50%;
	content: "";
    height: 14px;
    position: absolute; left: 3px; top: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 14px;
}

.gls-logo .img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}

.gls-logo .center-block {
    margin-left: auto;
    margin-right: auto;
}


.ui-dialog[aria-describedby="glsChangeRelayModal"] {
    border: none;
    max-width: 90%;
}

.ui-dialog[aria-describedby="glsChangeRelayModal"] .ui-widget-header {
    background: none;
    border: none;
}

.ui-dialog[aria-describedby="glsChangeRelayModal"] .ui-dialog-title {
    line-height: 1.2;
    padding: 5px 0;
    white-space: normal;
}

.ui-dialog[aria-describedby="glsChangeRelayModal"] .ui-dialog-titlebar-close {
    background: none;
    border: none;
    margin-top: -2px;
}

.ui-dialog[aria-describedby="glsChangeRelayModal"] .ui-dialog-titlebar-close:before {
    display: none;
}

#glsChangeRelayModal.ui-dialog-content {
    width: 100% !important;
}

#glsChangeRelayModal .notice {
    margin-bottom: 1rem;
}

#glsChangeRelayModal .btn {
    margin-bottom: 2rem;
}


.gls-heading {
	padding: 0.8rem 0;
}

.gls-heading h4 {
	margin-top: 0;
	margin-bottom: 0;
}

.gls-search-form-toggler {
	display: block;
}

#gls-search-form {
	margin-top: 1rem;
}

#gls-search-form .input-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	position: relative;
	width: 100%;
}

#gls-search-form .input-group .form-control {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin-bottom: 0;
	position: relative;
	width: 1%;
}

#gls-search-form .input-group-append {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: auto;
}

.gls-relay-list,
.gls-relay-map {
	margin-top: 1rem;
}

.gls-relay-list .col-select-relay {
	text-align: center;
}

.gls-relay-list .card {
    margin-bottom: 0.625rem;
    margin-top: 0;
    padding: 0.625rem 0;
}

.gls-relay-list .card-title {
    margin-bottom: 0.25rem;
}

.gls-relay-list .card-body {
	line-height: 1.2;
	padding: 0.3125rem;
}

.gls-relay-infos label,
.gls-relay-infos .gls-relay-distance {
	font-size: 90%;
}

.gls-relay-infos label {
	clear: none;
	margin-bottom: 0;
	text-align: inherit;
}

#gls-map {
	height: 400px;
    width: 100%;
}

#gls-map .h6 {
	font-weight: 700;
	line-height: 1.1;
	margin-bottom: 0.5rem;
}

.hentry .entry-content .leaflet-container a:not(.button) {
    text-decoration: none;
}

.leaflet-container .leaflet-marker-pane .gls-marker-wrapper {
    height: 100%;
    position: relative;
    width: 100%;
}

.leaflet-container .leaflet-marker-pane .gls-marker-wrapper:before {
    color: #ffd100;
    content: attr(data-marker-id);
    display: block;
    font-weight: 600;
    height: 16px;
    line-height: 16px;
    margin-top: -5px;
    position: absolute; left: 50%; top: 50%;
    text-align: center;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 16px;
    z-index: 1;
}

.gls-relay-info-open-hours {
	width: 100%;
}

@media (min-width: 1200px) {

	.gls-relay-list {
		overflow-y: auto;
		max-height: 400px;
	}

}