#dipi_settings {
    background: white;
    max-width: 80%;
    margin: 40px 0 0 20px;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 60px #e4e4e4;
}

/*#dipi_settings img {
    width: 100%;
    height: auto;
}*/
.dipi_settings_option[data-field-id=custom_archive_styles] img {
    width: 100%;
    height: auto;
}

#dipi_settings>.dipi_row {
    flex: 1;
}

#dipi_settings_page_header {
    padding: 15px 30px;
    background: #ff4200;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ff4200 0%, #f05c12 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ff4200 0%, #f05c12 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff4200 0%, #f05c12 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff4200', endColorstr='#f05c12', GradientType=1);
    /* IE6-9 */
}

#dipi_logo {
    margin: -30px 0;
}

#dipi_logo span {
    font-size: 7em;
    color: white;
}

.dipi_settings_sidebar {
    background: #f8f8f8;
    height: 100%;
}

.dipi_settings_sidebar .dipi_settings_tab_control {
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #f8f8f8;
    padding: 18px 15px;
    color: #c7cbce;
    background: #f8f8f8;
    font-size: 1.2em;
    display: flex;
    align-items: center;
    font-weight: 700;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.dipi_settings_sidebar .dipi_settings_tab_control:not(.active) {
    border-bottom: 1px solid #ecedee;
}

.dipi_settings_sidebar .dipi_settings_tab_control.active {
    border-left-color: #ff4200;
    border-bottom: 1px solid #ecedee;
    background: white;
    color: #2b3d49;
    transition: border .4s ease-in-out;
    padding: 18px 20px;
}

.dipi_settings_tab_control:hover .tab_icon {
    transform: scale(1.4);
    transition: all .2s ease-in-out;
}

.dipi_settings_sidebar .dipi_settings_tab_control:hover {
    padding: 18px 20px;
    transition: all .2s ease-in-out;
}

.dipi_settings_sidebar .dipi_settings_tab_control.active .tab_icon {
    transform: scale(1.4);
}

.dipi_settings_tab_control .tab_icon {
    margin: 0 10px;
    font-size: 1em;
    transition: all .2s ease-in-out;
}

.dipi_settings_tab_control.active .tab_icon {
    color: #ff4200;
}

.dipi_settings_submit .submit {
    margin: 20px;
    padding: 0;
}
.dipi_settings_submit button.dipi_submit_button, 
.dipi_settings_submit .submit input#submit {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    text-align: center;
    border-radius: 100px;
    font-weight: 600;
    border: unset;
    text-shadow: unset;
    box-shadow: unset;
    padding: 12px 20px;
    height: 50px;
    width: 100%;
    margin: 50px 0;
    background: #ff4200;
    background: -moz-linear-gradient(left, #ff4200 0%, #f05c12 100%);
    background: -webkit-linear-gradient(left, #ff4200 0%, #f05c12 100%);
    background: linear-gradient(to right, #ff4200 0%, #f05c12 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff4200', endColorstr='#f05c12', GradientType=1);
    transition: all .2s ease-in-out;
}

.dipi_settings_submit button.dipi_submit_button:hover, 
.dipi_settings_submit .submit input:hover {
    background: -moz-linear-gradient(left, #f05c12 0%, #ff4200 100%)!important;
    background: -webkit-linear-gradient(left, #f05c12 0%, #ff4200 100%)!important;
    background: linear-gradient(to right, #f05c12 0%, #ff4200 100%)!important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f05c12', endColorstr='#ff4200', GradientType=1);
    transition: all .2s ease-in-out;
    transform: scale(1.04);
    box-shadow: 0 5px 15px -5px #b4bcc1;
}

.dipi_settings_submit button.dipi_submit_button:focus {
    outline: none !important;
}

.dipi_settings_content {
    padding: 0 5% 5%;
    overflow: scroll;
}

.dipi_settings_content .dipi_settings_tab.hidden {
    display: none;
}

.dipi_settings_section_title {
    border-bottom: 1px solid #ecedee;
    font-size: 1.4em;
    line-height: 1;
    font-weight: 700;
    margin-top: 60px;
    margin-bottom: 30px;
    background: -webkit-linear-gradient(left, #ff4200, #f05c12);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dipi_settings_section_title:after {
    content: "";
    display: block;
    width: 80px;
    padding-top: 20px;
    border-bottom: 3px solid #ff4200;
    transition: .5s;
    margin-bottom: -2px;
}

.dipi_settings_section .dipi_settings_toggle {
    background: #f8f8f8;
    border-radius: 5px;
    overflow: hidden;
}

.dipi_settings_section .dipi_settings_toggle .dipi_settings_option {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
}


#dipi_settings .dipi_settings_toggle .dipi_separator:after {
    content: "";
    height: 1px;
    background-color: #ecedee;
    display: block;
    position: absolute;
    bottom: 0;
    left: 40px;
    right: 40px;
}



/* Remove separator from certain settings */
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=mobile_cta_btn]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=related_articles_heading]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=hamburger_animation_styles]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=browser_scrollbar]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=custom_preloader_homepage]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=custom_comments]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=blog_nav_next]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=blog_nav_prev]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=blog_nav]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=related_articles]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=menu_button_placement]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=menu_button]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=menu_button_url]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=menu_button_text]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=custom_preloader_transition]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=hamburger_animation]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=mobile_logo]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=breakpoint_tablet]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=custom_breakpoints]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=custom_archive_page]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=read_more_button]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=footer_layout]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=custom_map_marker]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=icofont]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=google_icons]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=fontawesome]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=btt_custom_link]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=btt_link]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=error_page]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=fixed_logo]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=rename_projects]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=more_icons]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=instagram]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=youtube]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=vimeo]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=pinterest]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=tumblr]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=linkedin]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=flickr]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=dribbble]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=skype]:after,
#dipi_settings .dipi_settings_option.dipi_separator[data-field-id=test_settings_multiple_buttons]:after {
    content: unset;
}


/* Remove Field Spacing */
#dipi_settings .dipi_settings_option[data-field-id=mobile_cta_btn],
#dipi_settings .dipi_settings_option[data-field-id=blog_nav_prev],
#dipi_settings .dipi_settings_option[data-field-id=menu_button_url],
#dipi_settings .dipi_settings_option[data-field-id=breakpoint_tablet],
#dipi_settings .dipi_settings_option[data-field-id=google_icons],
#dipi_settings .dipi_settings_option[data-field-id=instagram],
#dipi_settings .dipi_settings_option[data-field-id=youtube],
#dipi_settings .dipi_settings_option[data-field-id=vimeo],
#dipi_settings .dipi_settings_option[data-field-id=pinterest],
#dipi_settings .dipi_settings_option[data-field-id=tumblr],
#dipi_settings .dipi_settings_option[data-field-id=linkedin],
#dipi_settings .dipi_settings_option[data-field-id=flickr],
#dipi_settings .dipi_settings_option[data-field-id=dribbble],
#dipi_settings .dipi_settings_option[data-field-id=dribbble] {
    padding-top: 15px;
    padding-bottom: 15px;
}


/* Toggle Top Padding Decreased */
#dipi_settings .dipi_settings_option[data-field-id=related_articles_limit],
#dipi_settings .dipi_settings_option[data-field-id=custom_comments_title],
#dipi_settings .dipi_settings_option[data-field-id=blog_nav_next],
#dipi_settings .dipi_settings_option[data-field-id=menu_button_placement],
#dipi_settings .dipi_settings_option[data-field-id=related_articles_heading],
#dipi_settings .dipi_settings_option[data-field-id=hamburger_animation_styles],
#dipi_settings .dipi_settings_option[data-field-id=mobile_logo_url],
#dipi_settings .dipi_settings_option[data-field-id=breakpoint_mobile],
#dipi_settings .dipi_settings_option[data-field-id=custom_archive_styles],
#dipi_settings .dipi_settings_option[data-field-id=read_more_button_text],
#dipi_settings .dipi_settings_option[data-field-id=select_footer_layout],
#dipi_settings .dipi_settings_option[data-field-id=fixed_logo_image],
#dipi_settings .dipi_settings_option[data-field-id=upload_custom_marker],
#dipi_settings .dipi_settings_option[data-field-id=icofont],
#dipi_settings .dipi_settings_option[data-field-id=rename_projects_text],
#dipi_settings .dipi_settings_option[data-field-id=select_error_page],
#dipi_settings .dipi_settings_option[data-field-id=skype] {
    padding-top: 15px;
    padding-bottom: 40px;
}


/* Toggle Bottom Padding Decreased */
#dipi_settings .dipi_settings_option[data-field-id=hamburger_animation_styles],
#dipi_settings .dipi_settings_option[data-field-id=menu_button_text],
#dipi_settings .dipi_settings_option[data-field-id=custom_preloader_homepage],
#dipi_settings .dipi_settings_option[data-field-id=btt_link],
#dipi_settings .dipi_settings_option[data-field-id=btt_custom_link],
#dipi_settings .dipi_settings_option[data-field-id=menu_button],
#dipi_settings .dipi_settings_option[data-field-id=custom_preloader_transition],
#dipi_settings .dipi_settings_option[data-field-id=fontawesome] {
    padding-top: 40px;
    padding-bottom: 15px;
}


/* End remove separator from certain settings */

/* .dipi_settings_section .dipi_settings_toggle .dipi_settings_option:not(:last-child) {} */

.dipi_settings_section .dipi_settings_toggle .dipi_settings_option:first-child {
    padding-top: 40px;
}

.dipi_settings_section .dipi_settings_toggle .dipi_settings_option:last-child {
    padding-bottom: 40px;
}

.dipi_settings_section .dipi_settings_toggle:not(:last-of-type) {
    margin-bottom: 25px;
}

.dipi_option_label {
    font-size: 1.2em;
    color: #182f36;
    font-weight: 600;
}

.dipi_option_description {
    font-size: 1em;
    color: #acb0b6;
    padding: 5px 30px 0 0;
}

.dipi_option_description a {
    color: #acb0b6;
    text-decoration: none;
    font-style: italic;
    font-weight: 700;
}
.dipi_option_description a:hover {
    color: #fe4401;
    transition: all .3s ease-in-out;
}

.dipi_option_description a:after {
    position: relative;
    opacity: 0;
    top: 3px;
    font-weight: 100;
    right: 2px;
    transition: .5s;
    font-family: 'ETmodules';
    content: "\24";
    font-size: 14px;
    font-style: normal;
}
.dipi_option_description a:hover:after {
    opacity: 1;
    right: -2px;
    transition: .3s;
}

#dipi_settings input[type=text], #dipi_settings input[type=password] {
    border: none;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
    background-color: #fff;
    color: #32373c;
    padding: 15px 30px;
    border-radius: 50px;
    width: 100%;
    margin: 0;
}


/* Ribbons for "NEW" and "COMING SOON" */

#dipi_settings .dipi_settings_option_ribbon {
    display: inline-block;
    border-radius: 50px;
    background-color: #ff4200;
    padding: 0px 15px;
    font-size: 0.7em;
    letter-spacing: 1px;
    margin-bottom: 5px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
}

#dipi_settings .dipi_settings_option_ribbon.dipi_settings_option_ribbon_coming_soon {
    background-color: #2c3d49;
}


/* End Ribbons for "NEW" and "COMING SOON" */


/* Text Field */

#dipi_settings .dipi_row.center_title {
    align-items: center;
}


/* End Text Field */

/* Menu Styles Field */
#dipi_settings .dipi_menu_styles .dipi_radio_option {
    width: 24% !important;
    max-width: 24% !important;
    min-width: 24% !important;
}

#dipi_settings .dipi_menu_styles {
    margin-top: 30px;
}

#dipi_settings .dipi_menu_styles .dipi_menu_style {
    position: relative;
}

#dipi_settings .dipi_menu_styles .dipi_menu_style span {
    display: block;
}

#dipi_settings .dipi_menu_styles .dipi_radio_option label {
    min-height: 50px;
    height: 50px;
}

/* End Styles Field */

/* Preloaders Field */

#dipi_settings .dipi_preloaders {
    margin-top: 30px;
}

#dipi_settings .dipi_preloaders .dipi_radio_option {
    width: 24% !important;
    max-width: 24% !important;
    min-width: 24% !important;
}

#dipi_settings .dipi_preloaders .dipi_radio_option label {
    min-height: 50px;
    height: 50px;
}

#dipi_settings .dipi_preloaders .dipi_preloader.ball-pulse>div,
#dipi_settings .dipi_preloaders .dipi_preloader.ball-grid-pulse>div,
#dipi_settings .dipi_preloaders .dipi_preloader.ball-clip-rotate-pulse>div:first-child,
#dipi_settings .dipi_preloaders .dipi_preloader.square-spin>div,
#dipi_settings .dipi_preloaders .dipi_preloader.ball-pulse-rise>div,
#dipi_settings .dipi_preloaders .dipi_preloader.ball-rotate>div,
#dipi_settings .dipi_preloaders .dipi_preloader.ball-rotate>div:before,
#dipi_settings .dipi_preloaders .dipi_preloader.ball-rotate>div:after,
#dipi_settings .dipi_preloaders .dipi_preloader.cube-transition>div,
#dipi_settings .dipi_preloaders .dipi_preloader.ball-zig-zag>div,
#dipi_settings .dipi_preloaders .dipi_preloader.ball-zig-zag-deflect>div,
#dipi_settings .dipi_preloaders .dipi_preloader.ball-scale>div,
#dipi_settings .dipi_preloaders .dipi_preloader.line-scale>div,
#dipi_settings .dipi_preloaders .dipi_preloader.line-scale-party>div,
#dipi_settings .dipi_preloaders .dipi_preloader.ball-scale-multiple>div,
#dipi_settings .dipi_preloaders .dipi_preloader.ball-pulse-sync>div,
#dipi_settings .dipi_preloaders .dipi_preloader.ball-beat>div,
#dipi_settings .dipi_preloaders .dipi_preloader.line-scale-pulse-out>div,
#dipi_settings .dipi_preloaders .dipi_preloader.line-scale-pulse-out-rapid>div,
#dipi_settings .dipi_preloaders .dipi_preloader.ball-spin-fade-loader>div,
#dipi_settings .dipi_preloaders .dipi_preloader.line-spin-fade-loader>div,
#dipi_settings .dipi_preloaders .dipi_preloader.ball-grid-beat>div,
#dipi_settings .dipi_preloaders .dipi_preloader.pacman>div:nth-child(3),
#dipi_settings .dipi_preloaders .dipi_preloader.pacman>div:nth-child(4),
#dipi_settings .dipi_preloaders .dipi_preloader.pacman>div:nth-child(5),
#dipi_settings .dipi_preloaders .dipi_preloader.pacman>div:nth-child(6),
#dipi_settings .dipi_preloaders .dipi_preloader.ball-scale-random>div {
    background-color: #ff4200;
}

#dipi_settings .dipi_preloaders .dipi_preloader.ball-clip-rotate>div,
#dipi_settings .dipi_preloaders .dipi_preloader.ball-triangle-path>div,
#dipi_settings .dipi_preloaders .dipi_preloader.ball-scale-ripple>div,
#dipi_settings .dipi_preloaders .dipi_preloader.ball-scale-ripple-multiple>div {
    border-color: #ff4200;
}

#dipi_settings .dipi_preloaders .dipi_preloader.ball-clip-rotate>div {
    border-bottom-color: transparent;
}

#dipi_settings .dipi_preloaders .dipi_preloader.ball-clip-rotate-pulse>div:last-child,
#dipi_settings .dipi_preloaders .dipi_preloader.ball-clip-rotate-multiple>div,
#dipi_settings .dipi_preloaders .dipi_preloader.ball-clip-rotate-multiple>div:last-child {
    border-color: #ff4200 transparent;
}

#dipi_settings .dipi_preloaders .dipi_preloader.semi-circle-spin>div {
    background-image: linear-gradient(transparent 0, transparent 70%, #ff4200 30%, #ff4200 100%);
}

#dipi_settings .dipi_preloaders .dipi_preloader.triangle-skew-spin>div {
    border-bottom-color: #ff4200;
}

#dipi_settings .dipi_preloaders .dipi_preloader.pacman>div:first-of-type,
#dipi_settings .dipi_preloaders .dipi_preloader.pacman>div:nth-child(2) {
    border-top-color: #ff4200;
    border-left-color: #ff4200;
    border-bottom-color: #ff4200;
}


/* End Preloaders Field */


/* Radio Buttons (multiple_buttons) */

#dipi_settings .dipi_radio_option input[type=radio] {
    display: none;
}

#dipi_settings .dipi_radio_option label {
    cursor: pointer;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
    padding: 5%;
    border: 1px solid #fff;
    transition: opacity 0.3s ease-in-out;
}

#dipi_settings .dipi_radio_option input:checked+label {
    border: 1px solid #ff4200;
}

#dipi_settings .dipi_radio_option input:not(:checked)+label {
    opacity: 0.2;
}

#dipi_settings .dipi_radio_option input:not(:checked)+label:hover {
    opacity: 1;
}

#dipi_settings .dipi_radio_option label .dipi_radio_option_icon {
    margin: 10px;
    font-size: 2em;
}

#dipi_settings .dipi_radio_option label .dipi_radio_option_title {
    font-weight: 700;
    font-size: 1.2em;
}

#dipi_settings .dipi_radio_option label .dipi_radio_option_title+.dipi_radio_option_description {
    margin-top: 5px;
}

#dipi_settings .dipi_settings_option_field_multiple_buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

#dipi_settings .dipi_settings_option_field_multiple_buttons .dipi_radio_option {
    width: 31%;
    max-width: 31%;
    min-width: 31%;
    margin-bottom: 2%;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
    display: flex;
    flex-direction: column;
    position: relative;
}

.dipi_preloaders svg {
    max-width: 60px;
    max-height: 40px;
    min-height: 40px;
}

#dipi_settings .dipi_settings_option_field.dipi_preloaders label {
    padding: 20px;
}


/* End Radio Buttons (multiple_buttons) */


/* Select Field */

.dipi_settings_option_field_select .dipi_select {
    border: none;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
    background-color: #fff;
    color: #32373c;
    border-radius: 50px;
    padding: 10px 15px;
}

.dipi_settings_option_field_select .dipi_select select {
    width: 100%;
    max-width: 100%;
    color: #32373c;
    border: none;
    box-shadow: none !important;
    margin: 0;
    padding: 0;
}

.dipi_settings_option_field_select .dipi_select select:hover,
.dipi_settings_option_field_select .dipi_select select:focus {
    color: #32373c;
    box-shadow: none;
    border-color: none;
}


/* Checkmark Sign */

#dipi_settings .dipi_radio_option input:checked+label:after {
    opacity: 1;
    transform: translate(0);
}

#dipi_settings .dipi_radio_option input+label:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "\f147";
    font-family: dashicons;
    color: #fff;
    background: #ff4101;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 0 4px;
    line-height: 20px;
    font-size: 20px;
    text-align: center;
    opacity: 0;
    transform: translate(20px, -20px);
    transition: all .2s ease-in-out;
}

.dipi_settings_option_field_select #dipi_nav_specific_pages {
    width: 100%;
    max-width:100%;
    border: none;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
    padding: 10px 15px;
    border-radius: 10px;
}
.dipi_settings_option_field_select #dipi_nav_specific_pages:focus {
color: #32373c;
}


/* End Select Field */

/* Select2 Field */
.dipi_select2 {
    border: none;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
    background-color: #fff;
    color: #32373c;
    border-radius: 25px;
    padding: 6px 15px;
    overflow: hidden;
    position: relative;
}

.dipi_select2 .select2-selection {
    display: flex !important;
    align-items: center;
}
.dipi_select2 .select2-selection .select2-selection__choice {
    background: #ff4200 !important;
    color: #fff !important;
    border-radius: 100px !important;
    border-color: #ff4200 !important;
    padding: 3px 10px !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.dipi_select2 .select2-selection__rendered {
    padding: 0 !important;
}

.dipi_select2 .select2-selection .select2-selection__choice .select2-selection__choice__remove {
    color: #fff;
}

.dipi_select2 .select2-container {
    width: 100% !important;
    height: auto;
    border: none !important;
}

.dipi_select2 .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none !important; 
    outline: 0;
}

.dipi_select2 .select2-container--default .select2-selection--multiple {
    border: none !important;
}

.dipi_select2 .select2-dropdown {
    border: 1px solid #dfdfdf;
    padding: 10px 15px 40px 15px;
}

.dipi_select2 .select2-search__field {
    margin: 0px !important;
}

.dipi_select2 .select2-search--inline {
    margin: 0px !important;
}

.dipi_select2 .select2-search__field::placeholder,
.dipi_select2 .select2-search__field:-ms-input-placeholder,
.dipi_select2 .select2-search__field::-ms-input-placeholder {
    color: #000;
    font-size: 14px;
}
/* End Select2 Field */


/* Image Upload Field */

#dipi_settings .dipi_input_wrapper {
    display: flex;
    align-items: stretch;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
    background-color: #fff;
    border-radius: 50px;
}

#dipi_settings .dipi_input_wrapper input[type=text] {
    background-color: unset;
    border-radius: unset;
    width: unset;
    box-shadow: unset;
    flex: 1;
    padding-right: 0;
}

#dipi_settings .dipi_settings_toggle .dipi_settings_option button.button {
    height: unset;
    display: block;
    border-radius: 50px;
    background-color: #2c3d49;
    text-transform: uppercase;
    color: #fff;
    border: none;
    padding: 0 20px;
}


/* End Image Upload Field */


/* Theme Customizer Field */


/* Use same negative margin as padding on .dipi_settings_section .dipi_settings_toggle */

#dipi_settings .dipi_settings_option_field_theme_customizer {
    margin-left: -40px;
    margin-right: -40px;
    padding: 40px;
    background-color: #2c3d49;
    display: flex;
    align-items: center;
}

#dipi_settings .dipi_settings_option_field_theme_customizer:last-child {
    margin-top: 0px;
    margin-bottom: -40px;
}

.first_customizer_field {
    margin-top: -40px !important;
}

.no_button .dipi_option_theme_customizer_button {
    display: none !important;
}

#dipi_settings .dipi_settings_option_field_theme_customizer:last-child:after {
    content: unset;
}

#dipi_settings .dipi_settings_option_field_theme_customizer .dipi_settings_option_description {
    margin: 0 10px;
    flex: 1;
}

#dipi_settings .dipi_settings_option_field_theme_customizer .theme_customizer_icon {
    color: #fff;
    font-size: 4em;
    margin-right: 10px;
}

#dipi_settings .dipi_settings_option_field_theme_customizer .dipi_option_label {
    color: #fff;
}

#dipi_settings .dipi_settings_option_field_theme_customizer .dipi_option_description {
    color: #ffffff60;
    max-width: 700px;
}

#dipi_settings .dipi_settings_option_field_theme_customizer .dipi_option_theme_customizer_button {
    background: #fff;
    border-radius: 50px;
    padding: 10px 15px;
    text-decoration: none;
    text-transform: uppercase;
    color: #2c3d49;
    display: flex;
    align-items: center;
}

#dipi_settings .dipi_settings_option_field_theme_customizer .dipi_option_theme_customizer_button .theme_customizer_url {
    margin-right: 5px;
}

#dipi_settings .dipi_settings_option_field_theme_customizer .dipi_option_theme_customizer_button .button_icon {
    font-size: 1.5em;
    animation: rotating 15s linear infinite;
}

#dipi_settings .dipi_settings_option_field_theme_customizer .dipi_option_theme_customizer_button {
    transition: all .3s ease-in-out;
}

#dipi_settings .dipi_settings_option_field_theme_customizer .dipi_option_theme_customizer_button:hover {
    transition: all .3s ease-in-out;
    box-shadow: 0 5px 20px #142029;
}

@keyframes rotating {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


/* End Theme Customizer Field */

.dipi_row {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.dipi_container .dipi_row:not(:last-of-type) {
    margin-bottom: 20px;
}

.dipi_row .col-md-12 {
    width: 100%;
}

.dipi_row .col-md-9 {
    width: 75%;
}

.dipi_row .col-md-6 {
    width: 50%;
}

.dipi_row .col-md-3 {
    width: 25%;
    max-width: 280px;
}

@media all and (max-width: 782) {
    .dipi_row {
        flex-direction: column;
    }
}


/* Hurkan Switches */

#dipi_settings .hurkanSwitch>.hurkanSwitch-switch-box>.hurkanSwitch-switch-item.active.hurkanSwitch-switch-item-status-off {
    padding-right: 15px;
    padding-left: 32px;
    background: #cbcdcf;
    color: #ffffff;
    text-align: right;
}

#dipi_settings .hurkanSwitch>.hurkanSwitch-switch-box>.hurkanSwitch-switch-item.active.hurkanSwitch-switch-item-status-on {
    padding-right: 32px;
    padding-left: 15px;
    background-color: #ff4200;
    color: #fff;
    text-align: left;
}

#dipi_settings .hurkanSwitch>.hurkanSwitch-switch-box>.hurkanSwitch-switch-item.active {
    opacity: 1;
    display: block
}

#dipi_settings .hurkanSwitch>.hurkanSwitch-switch-box.switch-animated-on>.hurkanSwitch-switch-item.active {
    opacity: 1
}

#dipi_settings .hurkanSwitch>.hurkanSwitch-switch-box.switch-animated-on>.hurkanSwitch-switch-item.active .lbl {
    opacity: 1;
    animation-name: active;
    animation-duration: .5s
}

#dipi_settings .hurkanSwitch>.hurkanSwitch-switch-box>.hurkanSwitch-switch-item {
    line-height: 40px;
    opacity: 0;
    display: none;
    border-radius: 4px;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    position: relative;
    height: 40px;
    box-sizing: border-box
}

#dipi_settings .hurkanSwitch>.hurkanSwitch-switch-box>.hurkanSwitch-switch-item:hover {
    text-decoration: none
}

#dipi_settings .hurkanSwitch>.hurkanSwitch-switch-box>.hurkanSwitch-switch-item.hurkanSwitch-switch-item-status-off>.hurkanSwitch-switch-cursor-selector {
    left: 4px
}

#dipi_settings .hurkanSwitch>.hurkanSwitch-switch-box>.hurkanSwitch-switch-item.hurkanSwitch-switch-item-status-on>.hurkanSwitch-switch-cursor-selector {
    right: 4px
}

#dipi_settings .hurkanSwitch>.hurkanSwitch-switch-box.switch-animated-on>.hurkanSwitch-switch-item.hurkanSwitch-switch-item-status-on>.hurkanSwitch-switch-cursor-selector {
    animation-duration: .5s;
    animation-name: right
}

#dipi_settings .hurkanSwitch>.hurkanSwitch-switch-box.switch-animated-on>.hurkanSwitch-switch-item.hurkanSwitch-switch-item-status-off>.hurkanSwitch-switch-cursor-selector {
    animation-duration: .5s;
    animation-name: left
}

@keyframes left {
    0% {
        left: calc(100% - 50% - 5px)
    }
    100% {
        left: 4px
    }
}

@keyframes right {
    0% {
        right: calc(100% - 50% - 5px)
    }
    100% {
        right: 4px
    }
}

@keyframes active {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

#dipi_settings .hurkanSwitch>.hurkanSwitch-switch-box>.hurkanSwitch-switch-item>.hurkanSwitch-switch-cursor-selector {
    height: 34px !important;
    position: absolute;
    top: 4px;
    width: 34px;
    display: block;
    content: "";
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    border-radius: 20px;
    background: #fff
}

#dipi_settings .hurkanSwitch-switch-plugin.hurkanSwitch-switch-input {
    display: none
}

#dipi_settings .hurkanSwitch>.hurkanSwitch-switch-box>.hurkanSwitch-switch-item.hurkanSwitch-switch-item-color-success {
    background-color: #ff4200 !important;
}

#dipi_settings .hurkanSwitch>.hurkanSwitch-switch-box>.hurkanSwitch-switch-item.hurkanSwitch-switch-item-color-warning {
    background-color: #f0ad4e !important
}

#dipi_settings .hurkanSwitch>.hurkanSwitch-switch-box>.hurkanSwitch-switch-item.hurkanSwitch-switch-item-color-info {
    background-color: #5bc0de !important
}

#dipi_settings .hurkanSwitch>.hurkanSwitch-switch-box>.hurkanSwitch-switch-item.hurkanSwitch-switch-item-color-default {
    background-color: #fff !important;
    color: #777 !important
}

#dipi_settings .hurkanSwitch>.hurkanSwitch-switch-box>.hurkanSwitch-switch-item.hurkanSwitch-switch-item-color-default>.hurkanSwitch-switch-cursor-selector {
    border: 1px solid #eee !important;
    margin-top: -2.2px
}

#dipi_settings .hurkanSwitch>.hurkanSwitch-switch-box>.hurkanSwitch-switch-item.hurkanSwitch-switch-item-color-primary {
    background-color: #0275d8 !important
}

#dipi_settings .hurkanSwitch>.hurkanSwitch-switch-box>.hurkanSwitch-switch-item.hurkanSwitch-switch-item-color-danger {
    background-color: #d90909 !important
}

#dipi_settings .hurkanSwitch>.hurkanSwitch-switch-box>.hurkanSwitch-switch-item.disabled {
    opacity: .65;
    filter: alpha(opacity=65);
    cursor: default
}

#dipi_settings .hurkanSwitch>.hurkanSwitch-switch-box {
    cursor: pointer;
    background: #fff;
    overflow: hidden;
    border: none;
    padding: 0;
    display: inline-block;
    width: auto;
    border-radius: 30px;
}

#dipi_settings .hurkanSwitch {
    display: inline-block
}
#dipi_settings .hurkanSwitch .disabled {
    opacity: .4 !important
}

#dipi_settings .hurkanSwitch.switch-responsive {
    display: block
}

#dipi_settings .hurkanSwitch.switch-responsive>.hurkanSwitch-switch-box {
    display: block !important
}

#dipi_settings .hurkanSwitch>.hurkanSwitch-switch-box>.hurkanSwitch-switch-item {
    height: 44px;
    line-height: 44px;
}

#dipi_settings .hurkanSwitch>.hurkanSwitch-switch-box>.hurkanSwitch-switch-item>.hurkanSwitch-switch-cursor-selector {
    height: 34px;
    top: 5px;
}



#dipi_settings .dipi_settings_toggle .dipi_settings_option #dipi_import_file {
    margin-bottom: 10px;
}

/* Loading indicator on buttons */
#dipi_settings .dipi_settings_toggle .dipi_settings_option button.button.dipi_export_button,
#dipi_settings .dipi_settings_toggle .dipi_settings_option button.button.dipi_import_button,
#dipi_settings .dipi_settings_toggle .dipi_settings_option button.button.dipi_activate_license_button,
#dipi_settings .dipi_settings_toggle .dipi_settings_option button.button.dipi_deactivate_license_button {
    display: flex;
    justify-content: center;
    align-items: center;
}