/*
 Theme Name:  Easy
 Description: Redux custom CSS
*/

/*general*/
.form-table>tbody>tr>th { width: 30% !important; }
.redux-container .form-table td { width: 100% !important; }
/*header*/
#redux-header { position: relative; overflow: hidden; border-color: #fe5252; }
.admin-color-fresh #redux-header { background: #fff; border-color: #fe5252; }
#redux-header #theme-name { font-size: 35px; font-weight: 600; color: #333; margin-right: 10px; }
#redux-header h2 { font-size: 20px; color: #777; }
/*right elements*/
#right-elements { float: right; margin: 20px 10px; line-height: 48px }
#right-elements #redux-share { display: inline-block; }
#right-elements #redux-share a { display: inline-block; font-size: 13px; text-transform: uppercase; color: #777; border: 1px solid #e0e0e0; width: 30px; height: 30px; line-height: 30px; margin-left: 5px; text-decoration: none; text-align: center; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
#right-elements #redux-share a:hover { background: #fe5252; color: #fff; border-color: #fe5252; }
/*hide ads*/
.rAdsContainer { display: none !important; }
.rAds { opacity: 0; visibility: hidden; }
/*info bar*/
.redux-container #info_bar { background: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-bottom: 1px solid rgba(0,0,0,0.06); }
/*buttons*/
.redux-save { float: left !important; }
.redux-container .redux-action_bar .spinner { float: right !important; }
.redux-main .button { background: #f8f8f8; border-color: #ccc; outline: none; text-transform: uppercase; font-size: 11px; font-weight: 600; letter-spacing: 0.05em; -webkit-box-shadow: none !important; box-shadow: none !important; }
.redux-main .button:hover, .redux-main .button:focus { background: #eee; }
.redux-main .button.button-primary { background: #fe5252 !important; color: #fff !important; border-color: #fe5252 !important; text-shadow: none !important; }
.redux-main .button.button-primary:hover, .redux-main .button.button-primary:focus { background: #de2833 !important; }
.admin-color-fresh .redux-container-switch .cb-enable.selected, .admin-color-fresh .redux-container .ui-buttonset .ui-state-active { background-color: #fe5252 !important; background-image: none !important; color: #fff !important; border-color: #de2833 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none; }
.admin-color-fresh .redux-container-switch .cb-disable, .admin-color-fresh .redux-container-switch .cb-enable, .admin-color-fresh .ui-state-default, .admin-color-fresh .ui-widget-content .ui-state-default, .admin-color-fresh .ui-widget-header .ui-state-default { background-color: #f8f8f8 !important; background-image: none !important; color: #555 !important; border-color: #ccc !important; text-transform: uppercase; font-size: 11px; font-weight: 600; text-shadow: none !important; letter-spacing: 0.05em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.admin-color-fresh .redux-container-switch .cb-disable.selected { background-color: #aaa !important; color: #fff !important; border-color: #9d9d9d !important; background-image: none !important; }
.redux-main .ui-widget { border-right: 0; }
.redux-main .ui-widget.ui-corner-right { border-right: 1px solid #ccc; }
/*slim down font sizes*/
.redux-group-tab-link-a i { font-size: 15px !important; margin-top: 1px; }
.redux-group-tab h3 { font-size: 1.8em; font-weight: 400; margin-bottom: 0; }
.redux-group-tab .form-table tr th { font-size: 13px; line-height: 1.5; }
.redux-container .redux-group-tab .redux-section-desc { margin-top: 15px; }
p.help, p.description, span.description, .form-wrap p { font-size: 12px }
/*nav menu*/
.redux-sidebar { width: 201px; }
#redux-form-wrapper { background-color: #f8f8f8; }
.redux-sidebar .redux-group-menu li a { border-bottom-color: #E7E7E7; color: #666; font-weight: normal; padding: 20px 4px 20px 14px !important; }
.redux-sidebar .redux-group-menu li a:hover { background: #f5f5f5; }
.redux-metabox .redux-sidebar .redux-group-menu li a { padding: 10px 4px 10px 14px !important; }
.admin-color-fresh .redux-sidebar .redux-group-menu li.active a, .admin-color-fresh .redux-sidebar .redux-group-menu li.activeChild a { color: #fff !important; background: #fe5252; }
.admin-color-fresh .redux-sidebar .redux-group-menu li.active.hasSubSections a, .admin-color-fresh .redux-sidebar .redux-group-menu li.activeChild.hasSubSections ul.subsection li.active a { background: #fe5252; color: #fff !important; }
.admin-color-fresh .redux-sidebar .redux-group-menu li.activeChild.hasSubSections a,
.admin-color-fresh .redux-sidebar .redux-group-menu li.activeChild.hasSubSections ul.subsection li.active a { text-shadow: none; }
.admin-color-fresh .redux-sidebar .redux-group-menu li.hasSubSections a .extraIconSubsections { width: 20px; height: 15px; line-height: 15px; margin-right: 8px; padding: 1px 0; }
.redux-sidebar .hasSubSections .extraIconSubsections i { font-family: 'ElegantIcons'; font-size: 20px !important; font-style: normal; color: #fe5252; margin: 0; transition: all 0.5s; }
.redux-sidebar .hasSubSections .extraIconSubsections i:before { content: "\4c"; }
/*forms*/
.redux-main input, .redux-main select, .redux-main textarea { background: #fff; border: 1px solid #e0e0e0; padding: 5px 10px; margin: 0; font-size: 12px; color: #404040; -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0), inset 0 0 0 0 rgba(0,0,0,0); -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0), inset 0 0 0 0 rgba(0,0,0,0); box-shadow: 0 1px 4px 0 rgba(0,0,0,0), inset 0 0 0 0 rgba(0,0,0,0); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
.redux-main input:hover, .redux-main select:hover, .redux-main textarea:hover, .redux-main input:focus, .redux-main select:focus, .redux-main textarea:focus { outline: none; border-color: #e0e0e0; -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1); }
.select2-container .select2-choice { background-image: none !important; background-color: #f8f8f8 !important; border-color: #ccc !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
.select2-container .select2-choice .select2-arrow { background: transparent !important; width: 30px !important; border-color: #ccc !important; padding-left: 0 !important; }
.select2-container .select2-choice .select2-arrow b, .select2-container .select2-choice abbr { font-family: 'ElegantIcons'; font-size: 15px !important; text-align: center; background: none !important; }
.select2-container .select2-choice .select2-arrow b:before { content: "\33"; }
.redux-metabox .select2-container .select2-choice .select2-arrow b:after, .select2-container .select2-choice .select2-arrow b:after { display: none !important; }
.select2-container .select2-choice abbr { width: auto !important; height: auto !important; right: 40px !important; top: 1px !important; }
.select2-container .select2-choice abbr:before { content: "\4d"; }
.select2-container-multi .select2-choices { border-color: #ccc !important; background-image: none !important; box-shadow: none !important; }
.admin-color-fresh .select2-drop-active, .admin-color-fresh .select2-container-multi.select2-container-active .select2-choices, .admin-color-fresh .select2-drop.select2-drop-above.select2-drop-active, .admin-color-fresh .select2-container-active .select2-choice, .admin-color-fresh .select2-container-active .select2-choices, .admin-color-fresh .select2-dropdown-open.select2-drop-above .select2-choice, .admin-color-fresh .select2-dropdown-open.select2-drop-above .select2-choices { border-color: #ccc !important; }
.select2-drop.select2-drop-above { -webkit-box-shadow: none; box-shadow: none; }
.admin-color-fresh .select2-results .select2-highlighted { background: #fe5252 !important; }
.select2-search input { border-color: #ccc !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
.select2-search input:focus { border-color: #fe5252 !important; }
/*sortable*/
.redux-sortable input { margin-bottom: 3px }
.redux-sortable label { font-weight: normal; font-size: 12px; margin-bottom: 5px; color: #777; }
/*themes page*/
#es_options-site_theme li.redux-image-select { max-width: 280px; padding: 0; margin-right: 20px !important; margin-bottom: 0 !important; float: left; }
#es_options-site_theme li.redux-image-select img { width: 100% }
/*increase ace editor height*/
.redux-container-ace_editor .ace_editor { height: 500px; }
/*info field/accordion*/
.redux-notice-field, .redux-main .redux-accordion-field .redux-accordion-info { margin-top: 20px; padding: 10px 15px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; color: #333; -webkit-box-shadow: none; box-shadow: none; }
.redux-notice-field { background: #f5f5f5; border-color: #fe5252; }
.redux-main .redux-accordion-field .redux-accordion-info { background: #f8f8f8; border-color: #e5e5e5 !important; }
.redux-notice-field .redux-info-desc { font-size: 18px !important; margin: 0 !important; }
.redux-main .redux-accordion-field .redux-accordion-info h3 { color: #333 !important; font-size: 18px !important; line-height: 1.5; }
.redux-main .redux-accordion-field .redux-accordion-info .el { font-family: 'ElegantIcons'; color: #fe5252; font-size: 25px; margin-right: 0; }
.redux-main .redux-accordion-field .redux-accordion-info .el.el-plus:before { content: "\4c"; }
.redux-main .redux-accordion-field .redux-accordion-info .el.el-minus:before { content: "\4b"; }
/*custom tab*/
.redux-sidebar .redux-group-menu li a.custom-tab { background: #222 !important; }
.redux-sidebar .redux-group-menu li.active a.custom-tab{ background: #FCFCFC; }
/*text button set*/
.redux-main .ui-state-active, .redux-main .ui-widget-content .ui-state-active, .redux-main .ui-widget-header .ui-state-active { font-weight: bold; }
.redux-main .ui-widget { font-family: "Open Sans", sans-serif; }
/*images select*/
.redux-container-image_select .redux-image-select .tiles, .redux-container-image_select .redux-image-select img, .redux-container-image_select .redux-image-select-selected .tiles, .redux-container-image_select .redux-image-select-selected img { border-width: 2px; }
.redux-container-image_select ul.redux-image-select li { margin-right: 10px !important; }
.redux-container-image_select ul.redux-image-select li:last-child { margin-right: 0 !important; }
.admin-color-fresh .redux-container-image_select .redux-image-select-selected img { border-color: #fe5252; }
/*notices*/
.redux-notice-field.redux-warning { background: #fbeba4 !important; }
.redux-notice-field.redux-critical { background: #fba1a3 !important; }
.redux-notice-field.redux-success { background: #c4ee91 !important; }
/*footer*/
.redux-container #redux-footer { border-top: 2px solid #fe5252 !important; background: #fff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
/*bug addons vc*/
.select2-search-choice-close { left: auto; }
/*style metabox*/
.redux_field_th { font-weight: 600; margin-bottom: 20px; }
/*img gallery metabox*/
.redux-main .redux-option-image { max-height: 260px; max-width: 260px; }
/*fix style with essential grid*/
.ui-button { height: auto; -webkit-border-radius: 0; border-radius: 0; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px !important; -webkit-border-bottom-right-radius: 4px !important; -khtml-border-bottom-right-radius: 4px !important; border-bottom-right-radius: 4px !important; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }

/*responsive*/
@media screen and (max-width: 800px) {#right-elements {display: none;}}
@media screen and (max-width: 782px) {.form-table>tbody>tr>th {width: 100% !important;}}
@media screen and (max-width: 600px) {.redux-sidebar {width: 44px !important;}}
@media screen and (max-width: 480px) {#redux-footer .redux-action_bar input[name="es_options[defaults]"] {display: none;}}
@media screen and (max-width: 320px) {#redux-header h2 {font-size: 15px;}.redux-main .button {font-size: 8px; letter-spacing: 0; padding: 6px 8px;}.spinner {margin: 4px 6px 0;}}