/*The Dashboard Grid*/
.row.small-gutter {
    margin-left: -8px;
    margin-right: -8px;
}
.row.small-gutter [class*='col-'],
.row.small-gutter [class*='col-'] {
    padding-right: 8px;
    padding-left: 8px;
}

.square {
    float: left;
    position: relative;
    width: 50%;
    padding-bottom: 50%;
    margin: 0;
    overflow: hidden;
}
.square > .content {
    position: absolute;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}
.square:nth-child(2n+1) > .content {
    padding: 0 8px 16px 0;
}
.square:nth-child(2n) > .content {
    padding: 0 0 16px 8px;
}
.square > .content > .content-inner {
    display: table;
    width: 100%;
    height: 100%;
}
.square > .content > .content-inner > a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-weight: 600;
    border: 2px solid #686b6a;
}

.square > .content > .content-inner > a:active,
.square > .content > .content-inner > a:focus,
.square > .content > .content-inner > a:hover {
    border-color: #EC4B1D;
    color: #EC4B1D;
}

.square>.content>.content-inner>a>i {
    display: block;
    width: 77px;
    height: 60px;
    margin: 0 auto 20px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

@media (min-width: 1000px) {
	.square {
		width: 33.33%;
		padding-bottom: 30%;
	}

	.square:nth-child(2n+1) > .content,
	.square:nth-child(2n) > .content {
	    padding: 0;
	}

	.square:nth-child(3n) > .content {
		padding: 0 0 16px 8px;
	}

	.square:nth-child(3n+1) > .content {
		padding: 0 8px 16px 0;
	}

	.square:nth-child(3n+2) > .content {
		padding: 0 8px 16px 8px;
	}
}

@media (min-width: 1200px) {
	.square {
		width: 20%;
		padding-bottom: 20%;
	}

	.square:nth-child(2n+1) > .content,
	.square:nth-child(2n) > .content,
	.square:nth-child(3n) > .content,
	.square:nth-child(3n+1) > .content,
	.square:nth-child(3n+2) > .content {
	    padding: 0;
	}

	.square:nth-child(5n+1) > .content {
		padding: 0 8px 16px 0;
	}

	.square:nth-child(5n+2) > .content,
	.square:nth-child(5n+3) > .content,
	.square:nth-child(5n+4) > .content {
		padding: 0 8px 16px 8px;
	}

	.square:nth-child(5n) > .content {
		padding: 0 0 16px 8px;
	}
}

/* Mobile */
@media (max-width: 992px) {
    .woocommerce-MyAccount-content .textwidget.custom-html-widget {
        display: none !important;
    }

    .myaccount-dashboard-sidebar {
        margin-top: 10px;
    }

    .widget_my_account .btn.btn-wide {
        margin: 0;
    }

    .widget_my_account p {
        margin: 10px 0;
        padding: 0 !important;
    }
}

@media (max-width: 767px) {
    .square-wide.square-my-account-subscriptions {
        padding-left: 0;
    }
}

@media (max-width: 420px) {
	.square > .content > .content-inner > a {
		font-size: 15px;
	}

	.square > .content > .content-inner > a > i {
		transform: scale(0.84);
		margin-top: 10px;
		margin-bottom: 0;
	}
}

.square > .content > .content-inner > a:active > i,
.square > .content > .content-inner > a:focus > i,
.square > .content > .content-inner > a:hover > i {
    background-position: 0 100%;
}
.i-your-plan {
    background-image: url('../img/myaccount/i_your_plan.png');
}
.i-your-details {
    background-image: url('../img/myaccount/i_your_details.png');
}
.i-address-book {
    background-image: url('../img/myaccount/i_address_book.png');
}
.i-payment-methods {
    background-image: url('../img/myaccount/i_payment_methods.png');
}
.i-order-history {
    background-image: url('../img/myaccount/i_order_history.png');
}
.i-help-desk {
    background-image: url('../img/myaccount/i_help_desk.png');
}
.i-faq {
    background-image: url('../img/myaccount/i_faq.png');
}
.i-stock-notifications {
    background-image: url('../img/myaccount/i_stock_notifications.png');
}
.i-logout {
    background-image: url('../img/myaccount/i_logout.png');
}
/*Form inputs*/
.woocommerce-view-order .wpas,
.woocommerce-MyAccount-content > div:not(.woo-slp-social-login-profile) > p,
.woocommerce-MyAccount-content #wpas_product_wrapper,
.woocommerce-MyAccount-content #wpas_order_wrapper {
	display:none;
}

.woocommerce-MyAccount-content > div > p.order-meta {
	display:block;
}

.woocommerce-MyAccount-content input.input-text,
.woocommerce-MyAccount-content textarea.input-textarea,
.woocommerce-MyAccount-content select.input-select,
.woocommerce-MyAccount-content #wpas-reply-textarea {
    border-color: #cecfce;
    font-size: 15px;
    font-weight: 600;
    outline-color: #e65928;
    border: 1px solid #c2c2c2;
    padding: 6px 15px 6px 15px;
    color: #484a48;
    width: 100%;
    margin-bottom: 15px;
    line-height: 26px;
    background: #fff;
}
.woocommerce-MyAccount-content .select2-container {
    width: 100% !important;
    height: 40px;
}
.woocommerce-MyAccount-content .select2-container .select2-selection--single {
    border-radius: 0;
}
.woocommerce-MyAccount-content .select2-container .select2-selection * {
    font-weight: 600;
}
.woocommerce-MyAccount-content .select2-container .select2-selection {
    height: 40px;
    border: 1px solid #c2c2c2;
    padding: 6px 0;
}
.woocommerce-MyAccount-content .select2-container .select2-selection .select2-selection__rendered {
    padding-left: 16px;
    line-height: 26px;
    padding-right: 56px;
}
.woocommerce-MyAccount-content .select2-container .select2-selection .select2-selection__arrow {
    width: 36px;
    height: 36px;
}
.select2-dropdown {
    border-color: #c2c2c2;
}
.woocommerce-MyAccount-content input:disabled {
    background-color: #fff;
    color: #fbd6bd;
}
.woocommerce-MyAccount-content h3 {
    border: none;
    color: #e65928;
    font-weight: 600;
}

.woocommerce-MyAccount-content div.form-wrapper .wc-payment-form label {
    text-transform: capitalize;
}

.woocommerce-MyAccount-content div.form-wrapper.no-payment-methods {
    border: none;
    border-radius: 0;
    padding: 0;
}


.woocommerce-MyAccount-content #wpas-new-ticket div.form-wrapper {
	border:none;
	padding:0;
	margin-bottom:0;
}

.woocommerce-MyAccount-content #wpas-new-ticket {
    border: 2px solid #686b6a;
    padding: 15px 20px 10px;
    margin-bottom: 30px;
}

.woocommerce-MyAccount-content input[type="submit"].woocommerce-Button,
.btn.btn-wide {
    width: 100%;
    font-size: 17px;
    padding: 12px 20px;
    outline: none;
}
@media (max-width: 991px) {
    .woocommerce-MyAccount-content input.input-text::-webkit-input-placeholder,
    .woocommerce-MyAccount-content textarea.input-textarea::-webkit-input-placeholder {
        display: block;
        opacity: 1;
        color: #686B6A!important;
    }

    .btn.btn-wide {
        margin-bottom: 40px;
    }

}