/*
** Bootstrap Changes and WordPress Compatibility Fixes
*/

.nav-pills .nav-link {
	color: #1d2327;
}

.modal-dialog {
	margin-top: 5rem;
}

.zefw-btn-primary {
	background-color: #12c795;
	border-color: #12c795;
}

.zefw-btn-primary:hover {
	background-color: rgb(24 224 169);
	border-color: rgb(24 224 169);
}

.zefw-admin-nav-menu {
	padding: 1rem 40px;
	background-color: #fff;
	margin-left: -20px;
	margin-bottom: 120px;
	border-radius: 0;
	border: 0;
	box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
}

.zefw-admin-nav-menu img {
	max-width: 104px;
	margin-right: 40px;
}

.zefw-admin-nav-menu li {
	margin-bottom: 0;
}

.zefw-admin-nav-menu .nav-item {
	margin-right: 20px;
}

.zefw-admin-nav-menu .nav-link:hover {
	background-color: #78348c;
	color: #fff;
}

.zefw-admin-nav-menu .nav-link.active {
	background-color: #e21772;
}

.sticky-top-admin-menu {
	top: 40px !important;
}

.zefw-form-control {
	border: 1px solid #ced4da !important;
}

.zefw-card {
	max-width: 100%;
	margin-top: 0;
	padding: 0;
}

.zefw-options-card {
	margin-bottom: 20px;
	overflow: hidden;
}
.zefw-options-card:last-of-type {
	margin-bottom: 0;
}

.zefw-options-menu a {
	background-color: #5b296a;
	color: #fff !important;
}

.zefw-options-menu a:hover {
	background-color: #5f5f5f;
}

.zefw-emails-table {
	margin-bottom: 0;
	vertical-align: middle;
}

.zefw-emails-table i {
	position: relative;
	top: 3px;
}

.zefw-emails-table th {
	background-color: #5c296b;
	color: white;
}

.zefw-emails-table th,
.zefw-emails-table td {
	padding: 20px;
}

.zefw-ajax-save-option-icon {
	pointer-events: none;
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.zefw-ajax-save-option-icon-inner {
	display: flex;
	align-items: center;
	padding: 15px;
	background: white;
	border-radius: 4px;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
}

.zefw-saving-text {
	margin-left: 10px;
}

.iblize_code {
	padding: 0;
}

.zefw-unchecked:before {
	content : '';
}

#zefw-email-preview-content .woocommerce-customer-details {
	display: none;
}

#zefw-email-preview-content .order-again {
	padding-top: 20px;
}

.zbldr-send-test-email-wrapper {
	box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
	position: fixed; 
	bottom: 40px; 
	left: 354px; 
	z-index: 9999;
}

@media screen and (max-width: 960px) {
	.zbldr-send-test-email-wrapper {
		left: 204px; 
	}
}

.zbldr-responsive-toolbar .btn-group .btn {
    background-color: #e21772;
    border: 0;
    padding: 0;
    border-radius: 0;
    margin-top: -3px;
}

.zbldr-responsive-toolbar .btn-group .btn:after {
    position: relative;
    left: -10px;
}

.zbldr-responsive-toolbar .btn-group .btn:hover {
    background-color: #ff308d;
}

.zbldr-responsive-toolbar .btn-group .btn:focus {
    box-shadow: none;
}

.zbldr-responsive-toolbar .dropdown-menu>li {
    padding: 5px 10px;
    cursor: pointer;
    margin: 0;
}

.zbldr-responsive-toolbar .dropdown-menu>li:hover {
    background-color: #5b296a;
    color: white;
}

.zefw-admin-accordion p {
	font-size: 16px;
}

.zefw-tutorial-img-wrapper {
	position: relative;
	display: inline-block;
	margin-bottom: 15px;
	max-width: 400px;
	border: 5px solid #b3b3b3;
	border-radius: 4px;
	overflow: hidden;
}

.zefw-tutorial-img-wrapper button {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border: 0;
	background: rgba(0,0,0,0.5);
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
}

.zefw-tutorial-img-wrapper button i {
	color: white;
}

.zefw-tutorial-img-wrapper:hover button {
	opacity: 1;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
}

.zefw-tutorial-img {
	width: 100%;
}