/************************
    Icons
 *************************/
@font-face {
	font-family  : 'ywsbs-icon';
	src          : url('../fonts/ywsbs-icon.eot?jqnhvq');
	src          : url('../fonts/ywsbs-icon.eot?jqnhvq#iefix') format('embedded-opentype'),
	url('../fonts/ywsbs-icon.ttf?jqnhvq') format('truetype'),
	url('../fonts/ywsbs-icon.woff?jqnhvq') format('woff'),
	url('../fonts/ywsbs-icon.svg?jqnhvq#ywsbs-icon') format('svg');
	font-weight  : normal;
	font-style   : normal;
	font-display : block;
}

[class^="ywsbs-icon-"], [class*=" ywsbs-icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family             : 'ywsbs-icon' !important;
	speak                   : never;
	font-style              : normal;
	font-weight             : normal;
	font-variant            : normal;
	text-transform          : none;
	line-height             : 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing  : antialiased;
	-moz-osx-font-smoothing : grayscale;
}

.ywsbs-icon-save_alt:before {
	content : "\e900";
}

.ywsbs-icon-dollar:before {
	content : "\e904";
	color   : #4b4b4b;
}

/********************
  Dashboard
*********************/

.yith-plugin-ui .yith-ywsbs-dashboard [type="radio"]:checked + label, .yith-plugin-ui .yith-ywsbs-dashboard [type="radio"]:not(:checked) + label {
	padding-left : 0;
	line-height  : normal;
	display      : block;
}

.yith-plugin-ui .yith-ywsbs-dashboard [type="radio"]:checked + label:before, .yith-plugin-ui .yith-ywsbs-dashboard [type="radio"]:not(:checked) + label:before {
	display : none;
}

.yith-plugin-ui .yith-ywsbs-dashboard .woocommerce-filters-filter {
	width: 75%;
	max-width: 400px;
}

.yith-plugin-ui .yith-ywsbs-dashboard .woocommerce-dropdown-button {
	border        : 1px solid #757575;
	padding       : 0 40px 0 0;
	border-radius : 4px;
	height        : auto;
}

/************************
    List table subscription
 *************************/

.yith-plugin-ui__wp-list-auto-h-scroll__wrapper {
	box-sizing: border-box;
}

.yith-plugin-ui__wp-list-upper-scrollable,
.yith-plugin-ui__wp-list-upper-scrollable-content {
	height: 7px;
}

.yith-plugin-ui__wp-list-upper-scrollable {
	overflow-x: auto;
	overflow-y: hidden;
	margin-bottom: -7px;
	z-index: 100;
	position: relative;
}

.yith-plugin-ui__wp-list-upper-scrollable::-webkit-scrollbar {
	-webkit-appearance: none;
	height: 7px;
}

.yith-plugin-ui__wp-list-upper-scrollable::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.5);
}

.yith-plugin-ui .tablenav,
.yith-plugin-ui .tablenav .actions {
	height      : auto;
	padding     : 0;
	margin      : 0;
	display     : flex;
	flex-wrap   : wrap;
	align-items : center;
	gap         : 10px;
}

.yith-plugin-ui .tablenav {
	margin : 15px 0;
}

.yith-plugin-ui .tablenav .tablenav-pages {
	margin     : 0;
	flex       : 1 0 auto;
	text-align : right;
}

.yith-plugin-ui .tablenav .actions > * {
	margin : 0 !important;
}

.yith-plugin-ui .tablenav .actions .reset {
	order        : 99;
	color        : #000;
	background   : #e8e9eb;
	border-color : #c6c6c6;
}

.yith-plugin-ui .tablenav .actions .reset:hover {
	color        : #000;
	background   : #d5d6da;
	border-color : #b7b7b7;
}

.post-type-ywsbs_subscription table.wp-list-table {
	margin-top : 20px;
}

.post-type-ywsbs_subscription table.wp-list-table th {
	padding  : 10px 8px;
	position : relative;
}

.post-type-ywsbs_subscription .tablenav .one-page .displaying-num {
	display : none;
}

.post-type-ywsbs_subscription table.wp-list-table.widefat.fixed.striped.table-view-list.posts {
	margin-top : 30px;
}

.post-type-ywsbs_subscription .subtitle {
	display : none
}

.post-type-ywsbs_subscription input#post-query-submit {
	margin-left : 6px;
}

.post-type-ywsbs_subscription span.status {
	background-color : #ccc;
	color            : #ffffff;
	padding          : 5px 10px;
	border-radius    : 5px;
	text-transform   : uppercase;
	font-weight      : 500;
	font-size        : 11px;
}

.post-type-ywsbs_subscription .yith-plugin-fw-wp-page-wrapper .wrap a.page-title-action {
	display : none;
}

.post-type-ywsbs_subscription .ywsbs-export {
	display     : none;
	margin-left : 15px;
}

.post-type-ywsbs_subscription .ywsbs-export i {
	margin-right : 8px;
	font-size    : 17px;
	display      : inline-block;
	line-height  : 25px;
}

.post-type-ywsbs_subscription .wp-header-end {
	margin-bottom : 40px;
}

.post-type-ywsbs_subscription th#payment_method_title {
	width : 9%;
}

/************************
	Activity List table
 *************************/
.yith-plugin-ui .ywsbs_subscription_activities .bulkactions {
	display : none
}

.yith-plugin-ui .ywsbs_subscription_activities p.search-box {
	margin : -20px 0 20px 0;
}

.yith-plugins_page_yith_woocommerce_subscription .tablenav .one-page .displaying-num {
	display : none;
}

/************************
    Panel options
 *************************/

.yith-inline-fields {
	display     : flex;
	align-items : center;
}

.yith-inline-fields .option-element {
	margin-right : 10px;
}

.woocommerce table.form-table .yith-inline-fields .option-element .select2-container {
	min-width : 150px !important;
}

.yith-plugins_page_yith_woocommerce_subscription .no-padding-bottom .inline-fields th.titledesc,
.yith-plugins_page_yith_woocommerce_subscription .no-padding-bottom td.forminp.forminp-inline-fields {
	padding-bottom : 0 !important;
}

.yith-plugins_page_yith_woocommerce_subscription table.wp-list-table.widefat.fixed.striped.posts {
	margin-top : 15px;
}

.post-type-ywsbs_subscription .wp-list-table td {
	padding : 1.2em;
}

.yit-plugins_page_yith_woocommerce_subscription #poststuff #post-body.columns-2 {
	margin-right : 30px;
}

.ywsbs_subscription_variation_products .form-row input[type=text].variable_ywsbs_price_is_per, .ywsbs_subscription_variation_products .form-row input[type=text].variable_ywsbs_trial_per {
	float : left;
	width : 40%;
}

.yith-plugins_page_yith_woocommerce_subscription .yith-plugin-ui span.description {
	max-width : 63%;
}

.ywsbs_subscription_variation_products select {
	margin-left : 3px;
	float       : left;
	width       : 40%;
}

.yith-plugin-fw-radio label small {
	display     : block;
	line-height : 2em;
}

#subscription-data {
	padding : 23px 9px 12px;
}

#subscription-data h2 {
	margin      : 0;
	font-size   : 21px;
	line-height : 1.2;
	text-shadow : 1px 1px 1px #fff;
	padding     : 0;
}

#subscription-data h2, #subscription-data p.subscription_number {
	font-family : HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	font-weight : 400;
}

#subscription-data h4 {
	color  : #333;
	margin : 1.33em 0 0
}

#subscription-data p {
	color : #777
}

#subscription-data p.subscription_number, #subscription-data p.subscription_name {
	margin      : 0;
	line-height : 1.6em;
	font-size   : 16px
}

#subscription-data .subscription_data_column_container {
	display               : grid;
	grid-template-columns : 36% 32% 32%; /* align-items: baseline; *//* align-content: space-between; */
}

#subscription-data .subscription_data_column { /* flex-basis: 32%; */
	margin-right : 20px;
}

#subscription-data .subscription_data_column:last-child {
	padding-right : 0
}

#subscription-data .subscription_data_column p {
	padding : 0 !important
}

#subscription-data .subscription_data_column .address strong {
	display : block
}

#subscription-data .subscription_data_column .form-field {
	float   : left;
	width   : 48%;
	padding : 0;
	margin  : 9px 0 0
}

#subscription-data .subscription_data_column .form-field label {
	display     : block;
	padding     : 0 0 3px;
	font-weight : 600;
	color       : #777;
	line-height : 2em;
}

#subscription-data .subscription_data_column .form-field input, #subscription-data .subscription_data_column .form-field select, #subscription-data .subscription_data_column .form-field textarea {
	width : 100%
}

#subscription-data .subscription_data_column .form-field .select2-container {
	width : 100% !important
}

#subscription-data .subscription_data_column .form-field .date-picker {
	width : 50%
}

#subscription-data .subscription_data_column .form-field .hour, #subscription-data .subscription_data_column .form-field .minute {
	width : 2.5em
}

#subscription-data .subscription_data_column .form-field small {
	display : block;
	margin  : 5px 0 0;
	color   : #999
}

#subscription-data .subscription_data_column .form-field.last {
	float : right
}

#subscription-data .subscription_data_column .form-field-wide {
	width         : 100%;
	clear         : both;
	margin-bottom : 10px;
}

#subscription-data .subscription_data_column .form-field-wide .wc-customer-search, #subscription-data .subscription_data_column .form-field-wide .wc-enhanced-select, #subscription-data .subscription_data_column .form-field-wide input, #subscription-data .subscription_data_column .form-field-wide select, #subscription-data .subscription_data_column .form-field-wide textarea {
	width : 100%
}

#subscription-data .subscription_data_column p.none_set {
	color : #999
}

#subscription-data .subscription_data_column ._billing_address_1_field, #subscription-data .subscription_data_column ._billing_city_field, #subscription-data .subscription_data_column ._billing_country_field, #subscription-data .subscription_data_column ._billing_email_field, #subscription-data .subscription_data_column ._billing_first_name_field, #subscription-data .subscription_data_column ._shipping_address_1_field, #subscription-data .subscription_data_column ._shipping_city_field, #subscription-data .subscription_data_column ._shipping_country_field, #subscription-data .subscription_data_column ._shipping_first_name_field {
	float : left
}

#subscription-data .subscription_data_column ._billing_address_2_field, #subscription-data .subscription_data_column ._billing_last_name_field, #subscription-data .subscription_data_column ._billing_phone_field, #subscription-data .subscription_data_column ._billing_postcode_field, #subscription-data .subscription_data_column ._billing_state_field, #subscription-data .subscription_data_column ._shipping_address_2_field, #subscription-data .subscription_data_column ._shipping_last_name_field, #subscription-data .subscription_data_column ._shipping_postcode_field, #subscription-data .subscription_data_column ._shipping_state_field, #subscription-data .subscription_data_column .wc-customer-user label a {
	float : right
}

#subscription-data .subscription_data_column ._billing_company_field, #subscription-data .subscription_data_column ._shipping_company_field, #subscription-data .subscription_data_column ._transaction_id_field {
	clear : both;
	width : 100%
}

#subscription-data .subscription_data_column ._billing_email_field {
	clear : left
}

#subscription-data .subscription_data_column div.edit_address {
	display       : none;
	zoom          : 1;
	padding-right : 1px
}

#subscription-data .subscription_data_column > h3 span {
	display : block;
}

#subscription-data .subscription_data_column .billing-same-as-shipping,
#subscription-data .subscription_data_column .load_customer_billing,
#subscription-data .subscription_data_column .load_customer_shipping {
	margin-right : .3em;
	font-size    : 13px;
}

#subscription-data .subscription_data_column a.edit_address {
	width    : 14px;
	height   : 0;
	padding  : 14px 0 0;
	margin   : 0 0 0 6px;
	overflow : hidden;
	position : relative;
	color    : #999;
	border   : 0;
	float    : right
}

#subscription-data .subscription_data_column .billing-same-as-shipping:focus, #subscription-data .subscription_data_column .billing-same-as-shipping:hover, #subscription-data .subscription_data_column .load_customer_billing:focus, #subscription-data .subscription_data_column .load_customer_billing:hover, #subscription-data .subscription_data_column .load_customer_shipping:focus, #subscription-data .subscription_data_column .load_customer_shipping:hover, #subscription-data .subscription_data_column a.edit_address:focus, #subscription-data .subscription_data_column a.edit_address:hover {
	color : #000
}

#subscription-data .subscription_data_column .billing-same-as-shipping:after, #subscription-data .subscription_data_column .load_customer_billing:after, #subscription-data .subscription_data_column .load_customer_shipping:after, #subscription-data .subscription_data_column a.edit_address:after {
	font-family            : WooCommerce;
	position               : absolute;
	top                    : 0;
	left                   : 0;
	text-align             : center;
	vertical-align         : top;
	line-height            : 14px;
	font-size              : 14px;
	font-weight            : 400;
	-webkit-font-smoothing : antialiased
}

#subscription-data .subscription_data_column a.edit_address:after {
	content : "\e603"
}

#subscription-data h2 span.status, .status.column-status .status, .subscription_status.column-subscription_status .status {
	border-radius  : 3px;
	padding        : 4px 6px;
	text-shadow    : none;
	font-size      : 16px;
	text-transform : none;
}

.status.column-status .status {
	font-size : 12px;
}

#subscription-data h2 span.status.trial,
#subscription-data h2 span.status.info,
.status.column-status .status.trial,
.status.column-status .status.info,
.subscription_status.column-subscription_status .status.trial,
.subscription_status.column-subscription_status .status.info {
	background-color : #408AC7;
}

#subscription-data h2 span.status.suspended, .status.column-status .status.suspended, .subscription_status.column-subscription_status .status.suspended {
	background-color : #c73878;
}

#subscription-data h2 span.status.cancelled,
#subscription-data h2 span.status.error,
.status.column-status .status.cancelled,
.status.column-status .status.error,
.subscription_status.column-subscription_status .status.cancelled,
.subscription_status.column-subscription_status .status.error {
	background-color : #c70509;
}

#subscription-data h2 span.status.overdue,
.status.column-status .status.overdue,
.subscription_status.column-subscription_status .status.overdue {
	background-color : #3d8931;
}

.subscription_data_column h3 {
	font-size : 14px;
}

.subscription-date-info {
	display               : grid;
	grid-template-columns : 1fr 1fr;
	width                 : 90%;
}

span.subscription-date-info-element label {
	display     : block;
	font-weight : 600;
	line-height : 2em;
	color       : #777;
	padding     : 0 0 3px;
}

table.ywsbs-delivery-schedules-table,
table.ywsbs-history-table.widefat.striped {
	border : 0;

}

.delivery-content tr:hover {
	background-color : #e8f3f9;
	transition       : all linear 0.3s;
}

.ywsbs-history-table th {
	font-weight : 500;
}

span.subscription-date-info-element {
	margin-bottom : 15px;
}

#subscription-data .subscription_data_column .form-field-wide.ywsbs-customer {
	width : 80%;
}

.subscription_actions select {
	width      : 100%;
	margin-top : 5px;
}

.subscription_actions_footer {
	text-align : right;
}

.view-all-subs {
	margin : 10px 0 20px;
}

.edit-php .view-all-subs {
	display : none;
}

.subscription_actions_footer {
	display     : block;
	border-top  : 1px solid #eee;
	margin-top  : 10px;
	padding-top : 10px;
}

div#ywsbs-info-subscription {
	margin-top : -20px;
}

.ywsbs_subscription_items_list {
	width : 100%;
}

.ywsbs_subscription_items_list th {
	text-align : left;
}

.widefat mark.pending-renewal.tips:after {
	color : #ffba00;
}

.widefat mark.pending-renewal.tips:after {
	content                : "\e031";
	font-family            : WooCommerce;
	font-weight            : 400;
	font-variant           : normal;
	text-transform         : none;
	line-height            : 1;
	-webkit-font-smoothing : antialiased;
	margin                 : 0;
	text-indent            : 0;
	position               : absolute;
	top                    : 0;
	left                   : 0;
	width                  : 100%;
	height                 : 100%;
	text-align             : center;
}

.ywsbs_subscription_variation_products label {
	display : block;
}

.ywsbs_subscription_items_list strong.wc-item-meta-label {
	display      : block;
	float        : left;
	margin-right : 5px;
}

.ywsbs_subscription_items_list td {
	vertical-align : top;
}

ul.order_notes {
	padding : 2px 0 0
}

ul.order_notes li .note_content {
	padding    : 10px;
	background : #efefef;
	position   : relative
}

ul.order_notes li .note_content p {
	margin    : 0;
	padding   : 0;
	word-wrap : break-word
}

ul.order_notes li p.meta {
	padding   : 10px;
	color     : #999;
	margin    : 0;
	font-size : 11px
}

ul.order_notes li p.meta .exact-date {
	border-bottom : 1px dotted #999
}

ul.order_notes li a.delete_note {
	color : #a00
}

ul.order_notes li .note_content::after {
	content      : '';
	display      : block;
	position     : absolute;
	bottom       : -10px;
	left         : 20px;
	width        : 0;
	height       : 0;
	border-width : 10px 10px 0 0;
	border-style : solid;
	border-color : #efefef transparent
}

ul.order_notes li.customer-note .note_content {
	background : #a7cedc
}

ul.order_notes li.customer-note .note_content::after {
	border-color : #a7cedc transparent
}

ul.order_notes li.system-note .note_content {
	background : #d7cad2
}

ul.order_notes li.system-note .note_content::after {
	border-color : #d7cad2 transparent
}

.view-more-activities {
	text-align : right;
}

label.ywsbs_schedule_label {
	width   : 150px;
	display : inline-block;
}

.ywsbs_input_fields {
	margin-bottom : 8px;
}

.ywsbs_input_fields label {
	font-weight : 500;
	color       : #777;
	margin      : 10px 0;
}

.ywsbs_input_fields input {
	width : 200px;
}

.ui-timepicker-div .ui-widget-header {
	margin-bottom : 8px;
}

.ui-timepicker-div dl {
	text-align : left;
}

.ui-timepicker-div dl dt {
	float     : left;
	clear     : left;
	padding   : 0 0 0 5px;
	font-size : 11px;
}

.ui-timepicker-div dl dd {
	margin : 0 10px 10px 40%;
}

.ui-timepicker-div td {
	font-size : 90%;
}

.ui-tpicker-grid-label {
	background : none;
	border     : none;
	margin     : 0;
	padding    : 0;
}

.ui-timepicker-div .ui_tpicker_unit_hide {
	display : none;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
	background    : none;
	color         : inherit;
	border        : none;
	outline       : none;
	border-bottom : solid 1px #555;
	width         : 95%;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
	border-bottom-color : #aaa;
}

.ui-timepicker-rtl {
	direction : rtl;
}

.ui-timepicker-rtl dl {
	text-align : right;
	padding    : 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
	float : right;
	clear : right;
}

.ui-timepicker-rtl dl dd {
	margin : 0 40% 10px 10px;
}

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine {
	padding-right : 2px;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
	display : none;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
	display     : block;
	padding-top : 2px;
}

.ui-timepicker-div.ui-timepicker-oneLine dl {
	text-align : right;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
	display : inline-block;
	margin  : 0;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
	content : ':';
	display : inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
	content : '.';
	display : inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
	display : none;
}

#ui-datepicker-div * {
	font-family : -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

#ui-datepicker-div.yith-plugin-fw-datepicker-div .ui-state-default.ui-slider-handle {
	border  : 1px solid #d3d3d3;
	padding : inherit;
	cursor  : pointer;
}

#ui-datepicker-div.yith-plugin-fw-datepicker-div .ui-slider-handle.ui-state-hover,
#ui-datepicker-div.yith-plugin-fw-datepicker-div .ui-slider-handle.ui-state-focus {
	background : var(--yith-primary);
}

#ui-datepicker-div.yith-plugin-fw-datepicker-div button.ui-priority-primary.ui-state-default,
#ui-datepicker-div.yith-plugin-fw-datepicker-div button.ui-priority-secondary.ui-state-default {
	padding     : 5px 10px;
	font-weight : 400;
	opacity     : 1;
}

#ui-datepicker-div.yith-plugin-fw-datepicker-div button.ui-priority-primary.ui-state-default {
	background   : var(--yith-primary);
	border-color : var(--yith-primary);
	color        : #fff;
}

#ui-datepicker-div.yith-plugin-fw-datepicker-div button.ui-priority-secondary.ui-state-default {
	background : var(--yith-outline-bg);
	border     : 1px solid var(--yith-outline-border);
	color      : var(--yith-outline-text);
}

#ui-datepicker-div.yith-plugin-fw-datepicker-div button.ui-priority-primary:hover,
#ui-datepicker-div.yith-plugin-fw-datepicker-div button.ui-priority-primary:focus {
	background   : var(--yith-primary-hover);
	border-color : var(--yith-primary-hover);
}

#ui-datepicker-div.yith-plugin-fw-datepicker-div button.ui-priority-secondary:hover,
#ui-datepicker-div.yith-plugin-fw-datepicker-div button.ui-priority-secondary:focus {
	background   : var(--yith-outline-bg-hover);
	border-color : var(--yith-outline-border-hover);
	color        : var(--yith-outline-text);
}

#yith_woocommerce_subscription_privacy .description.inline {
	font-style : normal;
}

.post-type-ywsbs_subscription .page-title-action {
	display : none;
}

.subscription_schedule .select2-container .select2-selection--single .select2-selection__rendered {
	line-height : 30px;
}

.subscription_schedule input[type=text] {
	width : 100%;
}

.subscription_schedule select {
	flex        : 1;
	margin-left : 5px;
}

tr.yith-plugin-fw-panel-wc-row.inline-fields.fade-in[data-dep-id="ywsbs_allow_users_to_pause_subscriptions"] td,
tr.yith-plugin-fw-panel-wc-row.inline-fields.fade-in[data-dep-id="ywsbs_allow_users_to_pause_subscriptions"] th {
	padding-bottom : 10px !important;
}

#poststuff #ywsbs-product-subscription .inside {
	padding : 0;
	margin  : 0;
}

#ywsbs-product-subscription .woocommerce_order_items_wrapper.wc-order-items-editable {
	width : 100%;
}

.ywsbs_input_fields input {
	border : 1px solid #ddd;
}

th#customer {
	padding : 8px 16px;
}

tbody th.check-column {
	margin  : 0;
	padding : 10px 0;
}

.post-type-ywsbs_subscription th.check-column input {
	/* margin: 10px 0 10px 1px; */
}

/**
Subscription post type
 */

.yith-plugin-fw-wp-page-wrapper h2.hndle.ui-sortable-handle {
	color : #2a8db0;
}

.ywsbs-admin-no-posts {
	text-align : center;
	padding    : 50px;
}

.ywsbs-admin-no-posts-logo {
	padding-bottom : 10px;
}

.ywsbs-admin-no-posts-text {
	font-size   : 16px;
	line-height : 30px;
	margin-top  : 20px;
}

.ywsbs-admin-no-posts a.page-title-action {
	padding : 5px 30px !important;
}

.ywsbs-admin-no-posts-text p {
	font-size   : 14px;
	line-height : 1em;
}

.yith-plugin-fw-field-wrapper.yith-plugin-fw-ywsbs-products-field-wrapper {
	max-width : 400px;
}

#yith_woocommerce_subscription_general .select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding-left : 8px;
}

.ywsbs-subscription-delivery-schedules {
	max-width  : 100%;
	overflow   : hidden;
	transition : all linear 0.3s;
}

.ywsbs-subscription-delivery-schedules tr:hover {
	background-color : #e8f3f9;
	transition       : all linear 0.3s;
}

th.status-td.sorting_disabled {
	padding-left : 20px;
}

.status-td {
	position : relative;
}

.status-normal {
	position : absolute;
	left     : 20px;
	top      : 10px;
}

#subscription-data h2 span.status, .status.column-status .status, .subscription_status.column-subscription_status .status {
	border-radius  : 3px;
	padding        : 8px 8px;
	text-shadow    : none;
	font-size      : 12px;
	text-transform : uppercase;
	letter-spacing : 0.6px;
	min-width      : 80px;
	display        : inline-block;
	text-align     : center;
}

/******
REPORT
 ******/
.leaderboard-group {
	display         : flex;
	align-items     : start;
	justify-content : space-between;
	gap             : 20px;
}

.leaderboard-group .components-card {
	width : auto;
	flex  : 1;
}

span.status.cancelled {
	color            : #ffffff;
	background-color : #c0392b;
}

.yith-plugins_page_yith_woocommerce_subscription #wpbody {
	margin-top : 0;
}

.woocommerce-section-header.ywsbs-leaderboard-section-header {
	align-items : center;
}

.ywsbs-leaderboard-section-header .woocommerce-section-header__actions {
	margin-left : 20px;
	flex-grow   : 0;
}

.ywsbs_limited_for_payments_field {
	display : none;
}

#ywsbs-product-subscription button.button.add-coupon {
	float : left;
}

@media screen and (max-width : 1200px) {
	.subscription-date-info {
		grid-template-columns : 1fr;
	}
}

@media screen and (max-width : 1500px) {
	#subscription-data h2 span.status {
		font-size : 11px;
	}

	.yith-plugin-ui--ywsbs_subscription-post_type .status.column-status .status {
		padding   : 5px;
		font-size : 11px;
		min-width : 75px;
	}

	.yith-plugin-ui--ywsbs_subscription-post_type thead th {
		padding   : 10px !important;
		flex-wrap : nowrap !important;
	}

	.yith-plugin-ui--ywsbs_subscription-post_type thead th,
	.yith-plugin-ui--ywsbs_subscription-post_type thead th a {
		font-size : 12px !important;
	}
}

@media screen and (min-width : 1921px) and (max-width : 2560px) {
	.subscription-date-info {
		grid-template-columns : 1fr 1fr 1fr;
	}
}

@media (max-width : 480px) {
	.yith-inline-fields {
		display : block;
	}

	.yith-plugin-fw-field-wrapper .yith-inline-fields > div {
		margin : 10px 5px 0;
	}

	.yith-plugin-fw-field-wrapper.yith-plugin-fw-html-field-wrapper {
		font-size : 13px;
	}

	tr.yith-plugin-fw-panel-wc-row.inline-fields.fade-in[data-dep-target="ywsbs_max_pause_duration"] th {
		height  : 0;
		padding : 0 !important;

	}

	tr.yith-plugin-fw-panel-wc-row.inline-fields.fade-in[data-dep-target="ywsbs_max_pause"] td {
		padding-bottom : 0 !important;
	}

}

/* fix for elementor */
.yith-plugin-ui--ywsbs_subscription-post_type .yith-plugin-fw-wp-page__sub-tab-wrap .page-title-action {
	display : none !important;
}

/** FIX INLINE FIELDS STYLE **/

.yith-plugin-fw-field-wrapper #ywsbs_change_status_after_renew_order_creation,
.yith-plugin-fw-field-wrapper #ywsbs_max_pause_duration {
	flex-wrap : wrap;
	row-gap   : 7px;
}

.yith-plugin-fw-field-wrapper #ywsbs_change_status_after_renew_order_creation .flex-break,
.yith-plugin-fw-field-wrapper #ywsbs_max_pause_duration .flex-break {
	flex-basis : 100%;
	height     : 0;
}

.yith-plugin-fw-field-wrapper #ywsbs_change_status_after_renew_order_creation_step_2 {
	margin-top : -30px;
}

/** MODULES STYLE **/

#modules-container {
	display               : grid;
	column-gap            : 30px;
	row-gap               : 30px;
	grid-template-columns : repeat(4, 23%);
	margin                : 40px;
	margin-left           : 0;
}

#modules-container .module {
	border         : 1px solid var(--yith-field-border-color, #cbd5e1);
	border-radius  : 8px;
	padding        : 25px;
	box-sizing     : border-box;
	display        : flex;
	flex-direction : column;
	row-gap        : 20px;
}

#modules-container .module h3, #modules-container .module p {
	margin : 0;
}

#modules-container .module h3 {
	font-size : 1.1em;
}

#modules-container .module .module-description {
	flex : 1 1 100%;
}

#modules-container .module .module-activation {
	padding-top     : 20px;
	border-top      : 1px solid #cbd5e1;
	display         : flex;
	flex-direction  : row;
	align-items     : center;
	justify-content : space-between;
}

#modules-container .module .module-activation label {
	font-weight : 500;
}

@media screen and (max-width : 1600px) {
	#modules-container {
		grid-template-columns : repeat(3, 30%);
	}
}

@media screen and (max-width : 1200px) {
	#modules-container {
		grid-template-columns : repeat(2, 45%);
		margin-right          : 0;
	}
}

@media screen and (max-width : 600px) {
	#modules-container {
		grid-template-columns : repeat(1, auto);
		margin-right          : 0;
	}
}

/* PAYMENT METHODS WARNING */

#ywsbs-payment-methods-warning {
	display          : flex;
	align-items      : center;
	gap              : 24px;
	padding          : 24px;
	margin           : 40px 24px 16px 0;
	background-color : #fefce9;
	box-shadow       : 1px 2px 8px 0 rgba(199, 0, 0, 0.1);
	color            : #945b3b;
}

#ywsbs-payment-methods-warning svg {
	width : 40px;
	color : #fbcc15;
}

#ywsbs-payment-methods-warning h2,
#ywsbs-payment-methods-warning p {
	margin      : 0;
	line-height : 25px;
}

.ywsbs-payment-methods-warning-modal .ywsbs-payment-methods-warning-modal__icon,
.ywsbs-payment-methods-warning-modal h2 {
	text-align : center;
}

.ywsbs-payment-methods-warning-modal .yith-plugin-fw__modal__content {
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 0 35px 35px;
}

.ywsbs-payment-methods-warning-modal h2,
.ywsbs-payment-methods-warning-modal p,
.ywsbs-payment-methods-warning-modal ul {
	margin: 0;
	font-size: 14px;
}

.ywsbs-payment-methods-warning-modal h2 {
	color : #945b3b !important;
	font-size: 18px;
	line-height : 25px;
}

.ywsbs-payment-methods-warning-modal svg {
	width : 60px;
	color : #fbcc15;
}

.ywsbs-payment-methods-warning-modal a {
	text-align: center;
	text-decoration: none;
}

.ywsbs-payment-methods-warning-modal .yith-plugin-fw__button--secondary {
	padding: 10px !important;
}

@media screen and (max-width : 782px) {
	#ywsbs-payment-methods-warning {
		flex-direction : column;
		text-align     : center;
		gap            : 20px;
		margin-right   : 8px;
	}
}