/* General */
#butterbean-manager-oceanwp_ps_settings .butterbean-content .butterbean-control:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; }

#butterbean-manager-oceanwp_ps_settings .butterbean-nav li[aria-selected=true] a { font-weight: 400; background-color: #fff; margin-right: -1px; }
#butterbean-manager-oceanwp_ps_settings .butterbean-nav li a { color: #555; }
#butterbean-manager-oceanwp_ps_settings .butterbean-nav .dashicons { margin-right: 8px; }

#butterbean-manager-oceanwp_ps_settings .butterbean-content .butterbean-control { border-top: 1px solid #f1f1f1; padding: 15px 0; margin: 0; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content .butterbean-control:first-child { border-top: 0; padding-top: 0; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content .butterbean-control:last-child { padding-bottom: 0; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content .butterbean-section { padding: 20px 30px; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content .oceanwp-mb-desc { float: left; width: 45%; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content .oceanwp-mb-field { position: relative; float: right; width: 50%; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content .butterbean-label { font-size: 13px; font-weight: 400; color: #222222; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content .butterbean-description { font-size: 12px; font-weight: normal; font-style: normal; margin: 8px 0 0; padding: 0; color: #939393; }

/* Form */
#butterbean-manager-oceanwp_ps_settings .butterbean-content input[type="text"],
#butterbean-manager-oceanwp_ps_settings .butterbean-content input[type="number"],
#butterbean-manager-oceanwp_ps_settings .butterbean-content select,
#butterbean-manager-oceanwp_ps_settings .butterbean-content textarea { background-color: #f5f5f5; color: #333333; border: 1px solid rgba(0,0,0,0.05); font-size: 13px; padding: 5px 12px; height: 34px; line-height: 34px; width: 100%; margin: 0; box-shadow: none !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content input[type="text"]:focus,
#butterbean-manager-oceanwp_ps_settings .butterbean-content input[type="number"]:focus,
#butterbean-manager-oceanwp_ps_settings .butterbean-content textarea:focus { border-color: rgba(0,0,0,0.08); }
#butterbean-manager-oceanwp_ps_settings .butterbean-content textarea { height: 80px; line-height: 20px; }

/* Select */
#butterbean-manager-oceanwp_ps_settings .butterbean-content .select2-container { width: 100% !important; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content .select2-container--default .select2-selection--single { padding: 0 12px; height: 34px; border-radius: 0 !important; background-color: #f5f5f5; border-color: rgba(0, 0, 0, 0.05) !important; outline: none; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content .select2-container--default .select2-selection--single .select2-selection__rendered { color: #333; line-height: 32px; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content .select2-container--default .select2-selection--single .select2-selection__arrow { width: 32px; height: 32px; border-left: 1px solid rgba(0, 0, 0, 0.05); }
#butterbean-manager-oceanwp_ps_settings .butterbean-content .select2-container--default .select2-selection--single .select2-selection__arrow b { display: inline-block; margin-top: -6px; margin-left: -6px; border-width: 0; border-color: transparent; width: auto; height: auto; line-height: 1; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content .select2-container--default .select2-selection--single .select2-selection__arrow b:after { content: '\f347'; font-family: 'dashicons'; font-size: 12px; color: #777; position: relative; margin: 0; }
.select2-dropdown.oceanwp-select2 { background-color: #f5f5f5; border-color: rgba(0, 0, 0, 0.05); border-radius: 0; }
.select2-container--default .oceanwp-select2 .select2-results__option[aria-selected=true] { background-color: #eaeaea; }
.select2-container--default .oceanwp-select2 .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; }

/* Range */
#butterbean-manager-oceanwp_ps_settings .butterbean-content .range-wrapper:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content input[type=range] { float: left; display: block; background-color: rgba(0, 0, 0, 0.1); height: 5px; margin: 13px 0; width: calc(100% - 130px); padding: 0; cursor: pointer; -webkit-transition: background .5s; -moz-transition: background .5s; transition: background .5s; -webkit-appearance: none; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content input[type="range"]:focus { box-shadow: none !important; outline: none !important; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content input[type="range"]:hover { background-color: rgba(0, 0, 0, 0.15); }
#butterbean-manager-oceanwp_ps_settings .butterbean-content input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; background-color: #2e86b9; width: 15px; height: 15px; border-radius: 15px; -webkit-border-radius: 15px; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content input[type="range"]::-moz-range-track { border: inherit; background-color: transparent; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content input[type="range"]::-ms-track { border: inherit; color: transparent; background-color: transparent; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content input[type="range"]::-ms-fill-lower,
#butterbean-manager-oceanwp_ps_settings .butterbean-content input[type="range"]::-ms-fill-upper { background-color: transparent; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content input[type="range"]::-ms-tooltip { display: none; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 15px; height: 15px; border: none; border-radius: 15px; background-color: #2e86b9; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content input[type="range"]::-moz-range-thumb { width: 15px; height: 15px; border: none; border-radius: 15px; background-color: #2e86b9; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content input[type="range"]::-ms-thumb { width: 15px; height: 15px; border-radius: 15px; border: 0; background-color: #2e86b9; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content input.oceanwp-range-input { float: left; width: 80px; height: 32px; text-align: center; border-radius: 4px; padding: 3px; font-size: 13px; margin-left: 15px; color: #555; -moz-appearance: textfield; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content input.oceanwp-range-input::-webkit-outer-spin-button,
#butterbean-manager-oceanwp_ps_settings .butterbean-content input.oceanwp-range-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content span.oceanwp-reset-slider { float: right; position: relative; margin: 8px 0 0 5px; line-height: 1; color: rgba(0, 0, 0, 0.2); cursor: pointer; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content span.oceanwp-reset-slider:hover { color: #fe5252; }
#butterbean-manager-oceanwp_ps_settings .butterbean-content span.oceanwp-reset-slider span { width: 16px; height: 16px; font-size: 16px; line-height: 1; }

/* Responsive */
@media only screen and (max-width: 480px) {
	#butterbean-manager-oceanwp_ps_settings .butterbean-content .oceanwp-mb-desc,
	#butterbean-manager-oceanwp_ps_settings .butterbean-content .oceanwp-mb-field { float: none; width: 100%; }
	#butterbean-manager-oceanwp_ps_settings .butterbean-content .oceanwp-mb-desc { margin-bottom: 15px; }
}

/* RTL */
body.rtl .butterbean-manager-default { background: linear-gradient( -90deg, #fafafa 0%, #fafafa 180px, #fff 180px, #fff 100% ); }
body.rtl #side-sortables .butterbean-manager-default { background: linear-gradient( -90deg, #fafafa 0%, #fafafa 48px, #fff 48px, #fff 100% ); }
body.rtl .butterbean-manager-default .butterbean-nav { float: right; border-left: 1px solid #eee; border-right: 0; }
body.rtl #butterbean-manager-oceanwp_ps_settings .butterbean-nav .dashicons { margin-left: 8px; margin-right: 0; }
body.rtl #butterbean-manager-oceanwp_ps_settings .butterbean-nav li[aria-selected=true] a { margin-left: -1px; margin-right: 0; }
body.rtl .butterbean-manager-default .butterbean-content { float: right; margin-right: -1px; margin-left: 0; border-right: 1px solid #eee; border-left: 0; }
body.rtl #butterbean-manager-oceanwp_ps_settings .butterbean-content .oceanwp-mb-desc { float: right; }
body.rtl #butterbean-manager-oceanwp_ps_settings .butterbean-content .oceanwp-mb-field { float: left; }
body.rtl #butterbean-manager-oceanwp_ps_settings .butterbean-content .select2-container--default .select2-selection--single .select2-selection__arrow b { right: 50%; left: auto; margin-right: -6px; margin-left: 0; }
body.rtl #butterbean-manager-oceanwp_ps_settings .butterbean-content .select2-container--default .select2-selection--single .select2-selection__arrow { border-right: 1px solid rgba(0, 0, 0, 0.05); border-left: 0; }
body.rtl #butterbean-manager-oceanwp_ps_settings .butterbean-content input[type=range] { float: right; }
body.rtl #butterbean-manager-oceanwp_ps_settings .butterbean-content input.oceanwp-range-input { float: right; margin-right: 15px; margin-left: 0; }
body.rtl #butterbean-manager-oceanwp_ps_settings .butterbean-content span.oceanwp-reset-slider { float: left; margin: 8px 5px 0 0; }

@media only screen and (max-width: 480px) {
	body.rtl #butterbean-manager-oceanwp_ps_settings .butterbean-content .oceanwp-mb-desc,
	body.rtl #butterbean-manager-oceanwp_ps_settings .butterbean-content .oceanwp-mb-field { float: none; width: 100%; }
}
@media only screen and ( max-width: 782px ), ( max-width: 980px ) and ( min-width: 851px ) {
	body.rtl .butterbean-manager-default { background: linear-gradient( -90deg, #fafafa 0%, #fafafa 48px, #fff 48px, #fff 100% ); }
	body.rtl .butterbean-manager-default .butterbean-nav .label { right: -1000em; left: auto; }
}
@media only screen and ( min-width: 850px ) {
	body.rtl #side-sortables .butterbean-manager-default .butterbean-nav li { border-left: 1px solid #eee; border-right: 0; }
	body.rtl #side-sortables .butterbean-manager-default .butterbean-nav li:last-of-type { border-left: none; }
	body.rtl #side-sortables .butterbean-manager-default .butterbean-nav .label { right: -1000em; left: auto; }
}