/* Service Column Vertical */
.wpb_ut_service_column_vertical .wpb_element_wrapper  {
    padding: 20px !important;
}

.wpb_ut_service_column_vertical .wpb_element_wrapper h4 {
    color: #191E23;
    margin-bottom: 20px !important;
    text-align:center;
}

.wpb_ut_service_column_vertical .admin_label_headline,
.wpb_ut_service_column_vertical .admin_label_content {
    display: block !important;
    margin-top: 3px;
    margin-bottom: 3px;
    box-sizing: border-box;
    padding-left: 22px;
    font-style: normal;
    line-height: 16px;
    text-align: center;
}

.wpb_ut_service_column_vertical .admin_label_headline label,
.wpb_ut_service_column_vertical .admin_label_content label {
    font-weight: bold;
}

.wpb_ut_service_column_vertical i {
    float:none !important;
    margin: 0 auto 10px !important;
}

.vc_shortcodes_container > .controls_column {
    height: 44px !important;
}

/* Service Icon Box */
.wpb_ut_service_icon_box .wpb_element_wrapper  {
    padding: 20px !important;
}

.wpb_ut_service_icon_box .wpb_element_wrapper h4 {
    color: #191E23;
    margin-bottom: 20px !important;
    text-align:center;
}

.wpb_ut_service_icon_box .admin_label_headline,
.wpb_ut_service_icon_box .admin_label_content {
    display: block !important;
    margin-top: 3px;
    margin-bottom: 3px;
    box-sizing: border-box;
    padding-left: 22px;
    font-style: normal;
    line-height: 16px;
    text-align: center;
}

.wpb_ut_service_icon_box .admin_label_headline label,
.wpb_ut_service_icon_box .admin_label_content label {
    font-weight: bold;
}

.wpb_ut_service_icon_box i {
    float:none !important;
    margin: 0 auto 10px !important;
}

/* Service Column */
.wpb_ut_service_column .wpb_element_wrapper  {
    padding: 20px !important;
}

.wpb_ut_service_column .wpb_element_wrapper h4 {
   color: #191E23;
    margin-bottom: 10px !important;
}

.wpb_ut_service_column .admin_label_headline,
.wpb_ut_service_column .admin_label_content {
    display: block !important;
    margin-top: 3px;
    margin-bottom: 3px;
    box-sizing: border-box;
    padding-left: 52px;
    font-style: normal;
    line-height: 16px;
}

.wpb_ut_service_column .admin_label_headline label,
.wpb_ut_service_column .admin_label_content label {
    font-weight: bold;
}



/* Service Box */
.wpb_ut_service_box .wpb_element_wrapper  {
    padding: 20px !important;
}

.wpb_ut_service_box .wpb_element_wrapper h4 {
    color: #191E23;
    margin-bottom: 10px !important;
}

.wpb_ut_service_box .admin_label_headline,
.wpb_ut_service_box .admin_label_content {
    display: block !important;
    margin-top: 3px;
    margin-bottom: 3px;
    box-sizing: border-box;
    padding-left: 52px;
    font-style: normal;
    line-height: 16px;
}

.wpb_ut_service_box .admin_label_headline label,
.wpb_ut_service_box .admin_label_content label {
    font-weight: bold;
}

/* Quote Rotator */
.wpb_ut_quote_rotator .wpb_ut_quote {
    width: 25%;
    display:inline-block;
}


/* */
.vc_properties-list textarea {
    min-height:300px;
}



/* Image Gallery */
.wpb_ut_image_gallery .attachment-thumbnails {
    padding: 0;
    margin:0;
    margin-top:5px;
    height: 50px;
}
.wpb_ut_image_gallery .attachment-thumbnails li {
    height: 25px;
    width: 25px;
    overflow: hidden;
    margin-right: 1px;
    margin-bottom: 0;
    display: inline-block;
}
.wpb_ut_image_gallery .attachment-thumbnails img {
    height: 25px;
    width: auto;
}

/* drag drop box */
.vc_sorting-empty-container,
.vc_empty-container {
    min-height: 150px !important;
}

.vc_sorting-empty-container .vc_placeholder,
.vc_empty-container .vc_placeholder {
    min-height: 150px !important;
    margin:0;
}

/* ut vc column fixes */
.vc_column_no_padding_top {
    padding-top: 0px !important;
}

/* ut thickbox fixes */
#TB_overlay { 
    z-index: 9998 !important; 
}

#TB_window {
    z-index: 9999 !important; 
}

#TB_closeWindowButton:focus .tb-close-icon {
    box-shadow:none !important;
}


/* code inline */
.ut-code-usage {
    display: inline-block;
    color: #2b4b80;
}

.ut-textarea-mid-size {
    height: 140px;
    min-height: 140px;
}


/* VC Icons */
.ut-vc-icon-module_nav .vc_element-icon {
    background-size: 16px 16px !important;
    background-position: center !important;
    border-radius: 50%;
}

.wpb_content_holder.ut-vc-icon-module .vc_element-icon,
.wpb_content_element.ut-vc-icon-module .vc_element-icon {
    padding: 5px;
    background-size: 50% !important;
    background-position: center center !important;
    border-radius: 50%;
}


.ut-structual-module.ut-vc-icon-module .vc_element-icon,
.ut-structual-module_nav .vc_general.vc_element-icon {
    background-color: #f39c12;
}

.ut-media-module.ut-vc-icon-module .vc_element-icon,
.ut-media-module_nav .vc_general.vc_element-icon {
    background-color: #FF2366;
}

.ut-information-module.ut-vc-icon-module .vc_element-icon,
.ut-information-module_nav .vc_general.vc_element-icon {
    background-color: #51d321;
}

.ut-community-module.ut-vc-icon-module .vc_element-icon,
.ut-community-module_nav .vc_general.vc_element-icon {
    background-color: #1867c1;
}

.ut-coding-module.ut-vc-icon-module .vc_element-icon,
.ut-coding-module_nav .vc_general.vc_element-icon {
    background-color: #56B2BA;
}

.ut-plugin-module.ut-vc-icon-module .vc_element-icon,
.ut-plugin-module_nav .vc_general.vc_element-icon {
    background-color: #8e44ad;
}

.ut-in-progress-module.ut-vc-icon-module .vc_element-icon,
.ut-in-progress-module_nav .vc_general.vc_element-icon {
    background-color: #a5b1c2;
}

.wpb_content_element > .wpb_element_wrapper {
    min-height: 42px !important;
}


.vc-clear-left {
    clear: left;
}


/* VC Popup */
.vc_ui-panel-window-inner > .vc_ui-panel-header-container {
    position: relative;
    z-index: 1;
}
.vc_ui-panel-window-inner > .vc_ui-panel-content-container {
    position: relative;
    top: -1px;
}

.vc_edit-form-tab {
    padding-top: 0 !important;
}

.vc_ui-panel-header-container {
    background-image: none !important;
    background-color: #23282d !important;
}

.vc_ui-panel-content {
    padding-top: 0 !important;
}

.vc_edit_form_elements .vc_column, 
.vc_edit_form_elements .vc_column-with-padding {
    padding-top: 20px;
    margin-bottom: 20px;
    border-top: 1px dashed #DDD;
}

.vc_edit_form_elements .vc_column + .vc_column {
     padding-top: 20px !important;
}

.vc_ui-panel-content-container {
    color: #151515 !important;
}

.vc_description {
    margin-bottom: 10px;
    font-style: normal !important;
}

/* VC Popup Overlay */
#ut-vc-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    background: rgba(11,120,227, 0.3);
    display:none; 
}

#ut-vc-overlay.show {
    display:block;
} 


/* VC Module Popup */
.vc_ui-panel-header-container {
    background-image:none !important;
    background-color: #23282d !important;
}
.vc_add-element-container .wpb-content-layouts li {
    background: #FFF !important;
    border: 1px solid transparent !important;
}
.vc_add-element-container .wpb-content-layouts li {
    background: #282D33 !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
    height: 200px !important;
    margin-left: -1px;
    margin-top: -1px;
}
#vc_ui-panel-add-element .vc_ui-add-element-header-container {
    border-bottom: 1px solid #40424b;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
#vc_ui-panel-add-element .vc_ui-panel-content-container {
    background: #23282d !important;
}
#vc_ui-panel-add-element .vc_message_box.vc_message_box-standard {
    border:none;
    background:none;
    color: #f39c12;
    font-size:13px;    
}
#vc_ui-panel-add-element .vc_add-element-filter-button {
    border-radius: 0; 
}

#vc_elements_name_filter {
    border-radius:0;
    background: #282D33 !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid;
}

#vc_elements_name_filter:focus {
    -webkit-box-shadow: 0 0 2px rgba(255,35,102,0.8);
    box-shadow: 0 0 2px rgba(255,35,102,0.8);
    color: #FFF;
}

#vc_ui-panel-add-element .ut-coding.vc_active .vc_add-element-filter-button {
    background: #4A9AA0;
    color: #FAFAFA;
} 

.vc_add-element-container .wpb-content-layouts li:hover {
    border-color: rgba(255, 255, 255, 0.05) !important;
}

.vc_add-element-container .wpb-content-layouts li a {
    color: #FAFAFA;
    padding: 2px;
    text-align: center;
     -webkit-transition:0.2s opacity linear;
        -moz-transition:0.2s opacity linear;
             transition:0.2s opacity linear;

}

.vc_add-element-container .wpb-content-layouts li a:hover {
    opacity: 0.5;
}

.vc_add-element-container .wpb-content-layouts li a .vc_element-description {
    padding: 0 10px;
}

.vc_add-element-container .wpb-content-layouts li .vc_el-container {
    height: 200px !important; 
}

.vc_add-element-container .wpb-content-layouts li .vc_general.vc_element-icon {
    position:inherit;
    margin: 0 auto 20px auto;
}

.vc_add-element-container .wpb-content-layouts li .vc_general.vc_element-icon {
    width: 64px;
    height: 64px;
    background-size: 32px 32px !important;
    background-position: center !important;
    border-radius: 50%;
}

.vc_add-element-container .wpb-content-layouts li.vc_element-deprecated .vc_general.vc_element-icon {
    width: 32px;
    height: 32px;
}

.ut-structual-module_nav .vc_general.vc_element-icon {
    background-color: #f39c12;
}

.ut-media-module_nav .vc_general.vc_element-icon {
    background-color: #FF2366;
}

.ut-information-module_nav .vc_general.vc_element-icon {
    background-color: #51d321;
}

.ut-community-module_nav .vc_general.vc_element-icon {
    background-color: #1867c1;
}

.ut-coding-module_nav .vc_general.vc_element-icon {
    background-color: #56B2BA;
}

.ut-plugin-module_nav .vc_general.vc_element-icon {
    background-color: #8e44ad;
}

.ut-in-progress-module_nav .vc_general.vc_element-icon {
    background-color: #a5b1c2;
}

#vc_ui-panel-add-element.vc_ui-panel-window {
    width: 100vw;
    height: 100vh;
    max-height: 100vh !important;
    padding: 0;
    top: 0 !important; 
}

#vc_ui-panel-add-element .vc_add-element-filter-button {
    background: transparent;
}


/* Structual Modules */
#vc_ui-panel-add-element .ut-structual .vc_add-element-filter-button {
    border-bottom: 1px solid #f39c12; 
}

#vc_ui-panel-add-element .ut-structual.vc_active .vc_add-element-filter-button {
    background: #f39c12;
    color: #FAFAFA; 
}

/* Media Modules */
#vc_ui-panel-add-element .ut-media .vc_add-element-filter-button {
    border-bottom: 1px solid #FF2366; 
}
#vc_ui-panel-add-element .ut-media.vc_active .vc_add-element-filter-button {
    background: #FF2366;
    color: #FAFAFA;
}

/* Information Modules */
#vc_ui-panel-add-element .ut-information .vc_add-element-filter-button {
    border-bottom: 1px solid #51d321; 
}
#vc_ui-panel-add-element .ut-information.vc_active .vc_add-element-filter-button {
    background: #51d321;
    color: #FAFAFA; 
}

/* Community Modules */
#vc_ui-panel-add-element .ut-community .vc_add-element-filter-button {
    border-bottom: 1px solid #1867c1; 
}
#vc_ui-panel-add-element .ut-community.vc_active .vc_add-element-filter-button {
    background: #1867c1;
    color: #FAFAFA;
}

/* Coding Modules */
#vc_ui-panel-add-element .ut-coding .vc_add-element-filter-button {
    border-bottom: 1px solid #56B2BA; 
}
#vc_ui-panel-add-element .ut-coding.vc_active .vc_add-element-filter-button {
    background: #56B2BA;
    color: #FAFAFA;
}

/* API Modules */
#vc_ui-panel-add-element .ut-plugin {
    width:auto;
}
#vc_ui-panel-add-element .ut-plugin .vc_add-element-filter-button {
    border-bottom: 1px solid #8e44ad;

}
#vc_ui-panel-add-element .ut-plugin.vc_active .vc_add-element-filter-button {
    background: #8e44ad;
    color: #FAFAFA;
}

/* In Progress Modules */
#vc_ui-panel-add-element .ut-inprogress .vc_add-element-filter-button {
    border-bottom: 1px solid #a5b1c2; 
}
#vc_ui-panel-add-element .ut-inprogress.vc_active .vc_add-element-filter-button {
    background: #a5b1c2;
    color: #FAFAFA; 
}



/* Hide Deprecated Module from Overview */
.vc_add-element-container .wpb-elements-list.vc_filter-all .wpb-layout-element-button.vc_element-deprecated {
    display: none;
}

/* Hide VC Logo */
#vc_navbar .vc_navbar-header {
    display: none;
}
.composer-switch .logo-icon {
    display: none !important;
}
.composer-switch .wpb_switch-to-composer {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

/* VC Navbar Colors */
#vc_navbar.vc_navbar {
    border-bottom-color: #282D33 !important;
    background-color: #282D33; 
}

#vc_navbar.vc_navbar .vc_icon-btn:hover {
    background-color: #0B78E3;
}

/* Visual Composer Dependecy Enhanced */
.vc_edit_form_elements .ut-vc-dependent.vc_dependent-hidden {
    display: block !important;
    position: relative;    
}

.vc_edit_form_elements .ut-vc-dependent.vc_dependent-hidden::before {
    content: "";
    position: absolute;
    background: #FFF;
    width: 100%;
    height: 100%;
    display: block;
}


/* Visual Composer Colorpicker fix */
.vc_css-editor .wp-picker-input-wrap label {
    margin: 0 !important;
    display: inline-block !important;
}
.vc_css-editor .wp-picker-input-wrap label span {
    display: none !important;
}
.wp-picker-container.vc_color-picker.wp-picker-active {
    width: 300px;
}
.vc_edit_form_elements .wp-color-result.wp-picker-open::after {
    content: none !important;
}
.vc_css-editor .vc_settings .color-group .wp-picker-container .wp-picker-holder {
    left: 0 !important;
}


/* Visual Composer Section Move Up and Down */
.vc_controls-row .vc_control.vc_column-move-up,
.vc_controls-row .vc_control.vc_column-move-down {
    float: left;
    padding: 6px 10px 5px;
    font-size: 13px;
    margin-left: 1px;
    background-color: #fed330;
    color: #FFF;
}

.vc_controls-row .vc_control.vc_column-move-up:hover,
.vc_controls-row .vc_control.vc_column-move-down:hover {
    background-color: #f7b731;
}

#visual_composer_content .wpb_vc_section:first-child .vc_controls-row .vc_control.vc_column-move-up,
#visual_composer_content .wpb_vc_section:last-child .vc_controls-row .vc_control.vc_column-move-down {
    display:none;
}

.wpb_vc_section.ut-structual-module > .wpb_element_wrapper {
    border-top: 1px solid #fed330;
}

/* Hide Visual Composer Templates */
[data-vc-ui-element-target="[data-tab=shared_templates]"] {
    display: none !important;
}

/* Visual Composer Section Labels*/
.vc_row-name-id {
    display: inline-block;
    line-height: 14px;
    font-size: 12px;
    padding: 6px 10px;
    background: #282D33;
    color: #FFF;
    margin-left: 1px;
    float: left;
}