.sm_publish_post_opt_container { background-color: #f6f9ff; border-radius: 30px; padding: 2px; }
.sm_material_switch.switch { width: 38px; height: 38px; }
.sm_material_switch .round {
    height: 38px;
    width: 38px;
    position: absolute;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    font-size: 16px;
    padding: 12px 11px;
}
.sm_material_switch .round.sm_sub_option { border-radius: 0; border-top-right-radius: 50%; border-bottom-right-radius: 50%; font-size: 12px; padding: 5px; }
.sm_material_switch .round.sm_sub_option.sm_no_round_border { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.sm_material_switch .round.sm_sub_option > span { background-color: #fff; border-radius: 50%; height: 28px; width: 28px; padding: 9px 8px; font-size: 12px; }
.sm_material_switch .round.sm_sub_option > span.fa-facebook { padding: 8px 10px; }
.sm_material_switch .round.sm_sub_option > span.linkedin { padding: 12px; }
.sm_material_switch .round.sm_sub_option > span.twitter { padding: 12px 11px; }
.sm_material_switch > input[type=checkbox]:checked + .round.sm_sub_option > span,
.sm_material_switch.active_option .round.sm_main_opt_of_sub_opt,
.sm_material_switch > input[type=checkbox]:checked + .round:not(.sm_sub_option) { background-color: #00B2F3 }

.sm_material_switch.sm_hold_post_user_approval > input[type=checkbox]:checked + .round:not(.sm_sub_option) { background-color: rgba(229, 3, 0, 0.15); color: #E50300; }

.sm_material_switch .round.sm_sub_option > span.sm_sub_opt_icon { padding: 0; display: block; }
.sm_material_switch > input[type=checkbox]:checked + .round { color: #ffffff; }
.sm_material_switch span.round:hover { color: #00B2F3; }

.switch .round.sm_sub_option .sm_gmb_icon {
    background: url(../images/svg/gmb_option.svg) center no-repeat;
    background-size: 18px;
    display: block;
    height: 100%;
}
.switch:hover .round .sm_gmb_icon,
.switch.sm_checked .round .sm_gmb_icon {
    background: url('../images/svg/gmb_option_active.svg') center no-repeat;
    background-size: 21px;
}
.switch .round.sm_sub_option .sm_thrd_icon {
    background: url(../images/svg/threads_white.svg) center no-repeat;
    background-size: 29px;
    display: block;
    height: 100%;
}
.switch:hover .round .sm_thrd_icon{
    background: url('../images/svg/threads_hover.svg') center no-repeat;
    background-size: 29px;
}
.switch.sm_checked .round .sm_thrd_icon {
    background: url('../images/svg/threads_active.svg') center no-repeat;
    background-size: 29px;
}
.switch .round.sm_sub_option .sm_blsk_icon {
    background: url(../images/svg/bluesky_white.svg) center no-repeat;
    background-size: 28px;
    display: block;
    height: 100%;
}
.switch:hover .round .sm_blsk_icon{
    background: url('../images/svg/bluesky_hover.svg') center no-repeat;
    background-size: 28px;
}
.switch.sm_checked .round .sm_blsk_icon {
    background: url('../images/svg/bluesky_active.svg') center no-repeat;
    background-size: 28px;
}

.sm_material_switch.sm_trim_tweet .round { transform: rotate(270deg); padding: 12px; }
#optimal_postontime_network .sm_outline_material_style .input-group-addon { padding: 0; position: absolute; left: 15px; top: 8px; display: table; }
#optimal_postontime_network .sm_outline_material_style .sm_outline_mterial_input { padding: 10px 40px 10px 60px; }


/* material dropdown design */
.sm_outline_material_style .select2-container .select2-selection,
.sm_outline_material_style .sm_outline_mterial_input_div, 
.sm_outline_material_style .sm_outline_mterial_input,
.sm_outline_material_style.multi-select-full .btn-group {
	border: 1px solid #D0D7E7 !important;
	padding: 8px 10px;
    box-shadow: none;
    border-radius: 5px !important;
    min-height: 38px;
    height: auto;
    font-size: 12px;
}
.sm_outline_material_style #yt_message #yt_message_editarea{
	border: 1px solid #D0D7E7 !important;
	padding: 8px 10px 35px 10px;
    box-shadow: none;
    border-radius: 5px !important;
    min-height: 100px;
    height: auto;
    font-size: 12px;
    background-color: #ffffff;
    resize: none;
}
textarea.sm_outline_mterial_input, .sm_outline_material_style textarea{
    display: block;
}
.sm_outline_material_style.multi-select-full .multiselect.dropdown-toggle { padding: 0; border: none; }
.sm_outline_material_style.multi-select-full .multiselect.btn-default:focus, .sm_outline_material_style.multi-select-full .btn-group.open > .multiselect.btn-default.dropdown-toggle {
    box-shadow: none;
}
.sm_outline_material_style .rss_feed_post_limit_content .select2-container .select2-selection { min-height: 100%; } 
.sm_outline_material_style .rss_feed_post_limit_content { margin: 0; }
.sm_outline_material_style .select2-container .select2-selection__arrow:after {
	margin-right: 8px;
}

.sm_outline_material_style .form-control:focus { box-shadow: none; }
.input-group.sm_outline_material_style .form-control.sm_outline_mterial_input,
.input-group.sm_outline_material_style .form-control.sm_outline_mterial_input:not(:first-child):not(:last-child) { border-radius: 8px; }
 
.sm_outline_material_style label.sm_field_label_container,
.sm_outline_material_style span.sm_field_label_container {
	margin: 0;
    position: relative;
    left: 15px;
    top: 8px;
    font-size: 11px;
    z-index: 1;
    padding: 0 8px;
    background-color: #ffffff;
    height: 20px;
    line-height: 20px;
}
#attach-a-link label.sm_field_label_container,
#attach-a-link span.sm_field_label_container {
    margin: 0;
    position: relative;
    left: 15px;
    top: 0px;
    font-size: 11px;
    z-index: 1;
    padding: 0 8px;
    background-color: #ffffff;
    height: 20px;
    line-height: 20px;
}
.sm_outline_material_style label.sm_field_label_container.active { z-index: 0; top: 36px; left: 2px; }
.sm_outline_material_style.sm_publisher_meida_search_input_div label.sm_field_label_container { left: unset; right: 15px; }

.sm_outline_material_style .select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]),
.sm_outline_material_style .select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]),
.pi_boards_list_description_week .select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]),
.bulk_pi_boards_list_description_week .select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]) {
    border: 1px solid #00B2F3 !important;
    box-shadow: none;
    border-radius: 8px;
}

span.select2-container.select2-container--open .select2-dropdown, 
.btn-group.open .dropdown-menu,
.sm_msg_editor_section .sm_hashtag_section,
.sm_msg_editor_section .sm_cta_section,
.dropdown.wks_switch_account ul.dropdown-menu,
.second_profile_block ul.dropdown-menu,
.sm_add_wks_menu_container .dropdown-menu.sm_add_wks_menu_option,
.sm_msg_editor_section .sm_ai_writer_section {
	box-shadow: 0px 100px 80px rgb(71 87 103 / 7%), 0px 41.7776px 33.4221px rgb(71 87 103 / 5%), 0px 22.3363px 17.869px rgb(71 87 103 / 4%), 0px 12.5216px 10.0172px rgb(71 87 103 / 4%);
    border: none;
	border-radius: 5px;
}
.sm_outline_material_style .select2-container .select2-selection.select2-selection--multiple { padding: 6px 10px; }
.sm_outline_material_style .btn-group.sm_outline_mterial_input .dropdown-toggle { padding: 0; border: none; }
.sm_outline_material_style .btn-group.sm_outline_mterial_input .dropdown-toggle:focus,
.sm_outline_material_style .btn-group.sm_outline_mterial_input.open > .multiselect.btn-default.dropdown-toggle { box-shadow: none; }


/* scrollbar design */
span.select2-container ::-webkit-scrollbar,
.sm_hashtag_section ::-webkit-scrollbar,
.sm_cta_section ::-webkit-scrollbar,
.sm_pi_board_section.multi-select-full ::-webkit-scrollbar,
.bulk_pinboard_section .multi-select-full ::-webkit-scrollbar,
.sm_custom_social_preview div#upload_photo ::-webkit-scrollbar,
#sm_suggestion_popup::-webkit-scrollbar,
.sm_ai_writer_section ::-webkit-scrollbar
 {
	width: 8px;
	background-color: #F4F6FB;
	border-radius: 14px;
}
span.select2-container ::-webkit-scrollbar-thumb,
.sm_hashtag_section ::-webkit-scrollbar-thumb,
.sm_cta_section ::-webkit-scrollbar-thumb,
.sm_pi_board_section.multi-select-full ::-webkit-scrollbar-thumb,
.bulk_pinboard_section .multi-select-full ::-webkit-scrollbar-thumb,
.sm_custom_social_preview div#upload_photo ::-webkit-scrollbar-thumb,
#sm_suggestion_popup::-webkit-scrollbar-thumb,
.sm_ai_writer_section ::-webkit-scrollbar-thumb
 {
 	background: #00B2F3;
 	border-radius: 14px;
}
.sm_custom_social_preview div#upload_photo ::-webkit-scrollbar { height: 8px; }

span.select2-container.select2-results__option[aria-selected=true] {
	background-color: transparent;
    color: #00B2F3;
}
.select2-container.select2-container--open .select2-results .sm_add_new_item_link > i, .sm_add_new_item_board > i,
.sm_msg_editor_section .sm_hashtag_section label > i,
.sm_bulk_images_add_hashtag label > i,
.sm_msg_editor_section .sm_cta_section label > i,
.edit_social_message .sm_cta_section label > i,
.edit_social_message .sm_hashtag_section label > i,
.sm_bulk_images_add_cta label > i,
.sm_rss_feed_add_cta label > i,
.sm_msg_editor_section .sm_ai_writer_section label > i,
.sm_cp_plan_add_group_option label > i,
.sm_add_plus_sign_design i {
    font-weight: bold;
    color: #00B2F3;
    background-color: #F6F9FF;
    padding: 9px 10px;
    border-radius: 50%;
}
.select2-container.select2-container--open .select2-results .select2-results { padding: 0 10px 10px 10px; }
.select2-container.select2-container--open .select2-results .select2-results__option,
.sm_add_wks_menu_container .dropdown-menu.sm_add_wks_menu_option li { padding: 10px 22px; border-bottom: 1px solid #C8D1EC; word-break: break-all;}
.select2-container.select2-container--open .select2-results .select2-results__option[role="group"] { padding: 0; border-bottom: 0 }
.select2-container.select2-container--open .select2-results .select2-results__option[role="group"] .select2-results__option,
.select2-container.select2-container--open .select2-results .select2-results__option:last-child,
.select2-container.select2-container--open .select2-results #select2-group_form_list-results .select2-results__option,
.select2-container.select2-container--open .select2-results #select2-bulk_images_hashtag_group-results .select2-results__option,
.select2-container.select2-container--open .select2-results #select2-bulk_images_cta_group-results .select2-results__option { border-bottom: 0; }
.sm_outline_material_style.sm_add_metrics_container .select2-selection--multiple:not([class*=bg-])[class*=border-] .select2-selection__rendered,
.sm_outline_material_style#custom_calendar_campaigns .select2-selection--multiple:not([class*=bg-])[class*=border-] .select2-selection__rendered { padding-top: 7px; }
.select2-container.select2-container--open .select2-results #select2-appearance_fonts-results .select2-results__option:not(li[role="group"]) { padding: 10px 32px; }
.sm_add_wks_menu_container .dropdown-menu.sm_add_wks_menu_option li:hover { cursor: pointer; background-color: #f5f5f5; }
.sm_add_wks_menu_container .dropdown-menu.sm_add_wks_menu_option li:last-child { border-bottom: 0; }


/* youtube section design */
.sm_material_yt_chanel_container {
    height: 54px;
    border-radius: 8px;
    width: 100%;
    background-color: #F6F9FF;
    padding: 7px 15px 7px 20px;
}
.sm_material_yt_chanel_container .upload_youtube_status_container {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 12px;
    padding: 2px;
}
.sm_material_yt_chanel_container .sm_youtube_chanel_selection { width: calc(100% - 52px); float: left; margin-top: 1px; }
.sm_material_yt_chanel_container .sm_youtube_chanel_selection .select2-selection { border: none; }

.sm_material_yt_chanel_container .select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]), 
.sm_material_yt_chanel_container .select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]) {
    box-shadow: none; 
    border: none;    
}
.sm_material_yt_chanel_container .select2-container .select2-selection__rendered { font-size: 15px; }


/* repost dropdown style */
.sm_outline_material_style .sm_outline_mterial_input_div .select2-container .select2-selection,
.pi_boards_list_description_week .select2-container .select2-selection,
.bulk_pi_boards_list_description_week .select2-container .select2-selection {
    border: none !important;
    padding: 0;
    height: auto;
    text-align: center;
}
.sm_outline_material_style .sm_outline_mterial_input_div .select2-container .select2-selection__arrow:after,
.pi_boards_list_description_week .select2-container .select2-selection__arrow:after,
.bulk_pi_boards_list_description_week .select2-container .select2-selection__arrow:after {
    display: none;
}
.sm_outline_material_style .sm_outline_mterial_input_div .select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]), .sm_outline_material_style .sm_outline_mterial_input_div .select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]),
.pi_boards_list_description_week .select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]),
.bulk_pi_boards_list_description_week .select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]) {
    border : none !important;
}
.sm_outline_material_style .sm_outline_mterial_input_div .select2-container {
    width: auto !important;
}
.sm_outline_material_style .sm_outline_mterial_input_div .select2-container .select2-selection .select2-selection__rendered,
.pi_boards_list_description_week .select2-container .select2-selection .select2-selection__rendered,
.bulk_pi_boards_list_description_week .select2-container .select2-selection .select2-selection__rendered {
    padding-right: 0;
}
.sm_outline_material_style .sm_outline_mterial_input_div .select2-container .select2-selection:hover .select2-selection__rendered { background-color: #F0F5FF; }
.select2-container .sm-repost-option-dropdown-container,
.select2-container .sm-rss-repost-status-type-option-container { width: 270px !important; }
.select2-container .sm-cp-pricing-plan-niche-dropdown-container { width: 300px !important; }
.select2-container .sm-auto-rp-type-dropdown-container,
.select2-container .sm-rss-auto-rp-type-option-container { width: 200px !important; }
.sm_outline_material_style .sm_post_repost_option_container { width: auto; float: left; }
#rss_feed_post_limit_div .sm_outline_mterial_input_div .select2-container,
.pi_boards_list_description_week .select2-container,
.bulk_pi_boards_list_description_week .select2-container { width: auto !important; min-width: 20px; }
.select2-container .sm-pi_post_duration_option-results-container { width: 60px !important; left: -15px !important; }
.select2-container .sm-rss-feed-add-post-limit-option-container { width: 70px !important; left: -15px !important; }
.select2-container .sm-rp-every-type-input-dropdown-container { width: 90px !important; left: -25px !important; }

.select2-container .select2-results__option[aria-selected=true],
.select2-container .select2-results__option[option-selected=true] { background-color: transparent; color: #00B2F3; }

#sm_post_repost_time_period_option .select2-selection .select2-selection__rendered,
#sm_post_repost_queue_schedule_option .select2-selection .select2-selection__rendered,
#rss_sm_post_repost_queue_schedule_option .select2-selection .select2-selection__rendered,
#rss_sm_post_repost_time_period_option .select2-selection .select2-selection__rendered,
#sm_post_repost_every_time_duration_option .select2-selection .select2-selection__rendered,
#rss_sm_post_repost_every_time_duration_option .select2-selection .select2-selection__rendered { text-transform: lowercase; }


/* to adjusting the repost option container */
.col-sm-8.sm_auto_width, .col-md-8.sm_auto_width, .col-md-6.sm_auto_width,
.col-sm-6.sm_auto_width {
    width: auto;
    float: left;
}

#add_to_queue_mail_send_status .popover,
#auto_rps_div .popover,
.sm_add_hashtag_inline_div .popover,
.sm_add_cta_inline_div .popover,
.sm_optimize_send_times_for .popover,
.sm_outline_material_style .popover,
.sm_material_popup .popover { width: max-content; }

.sm_publish_post_opt_container.publisher_post_hold .popover{width:auto; max-width: none;}

#auto_rps_div .sm_outline_mterial_input_div,
#group .sm_outline_mterial_input_div { min-width: 120px; }


/* adjusting other element with material outline design */
.sm_outline_material_style .sm_input_prefix_icon { position: absolute; left: 10px; top: 4px; }
#custom_range_section .daterange-basic { padding-left: 35px; }
.sm_auto_approve_status_container.sm_outline_material_style .sm_outline_mterial_input { padding: 0 14px; height: 30px !important; min-height: auto; margin-top: -5px; min-height: auto; padding: 0 10px; }
.sm_outline_material_style .sp-replacer { float: left; padding: 8px; }
.sm_outline_material_style .sp-preview { width: 20px; height: 20px; }
.sm_outline_material_style .sp-dd { margin: 0; }
.sm_outline_material_style .sm_outline_mterial_input.colorpicker_appearance_colors { width: 80%; float: left; }
.sm_outline_material_style.sm_approve_campaign_dropdown_option .select2-container { width: auto !important; display: block; }
.grid-form-col-status:not(.sm_approve_grid_status) { margin-top: 10px; padding-left: 20px; }
.sm_outline_material_style.sm_media_search_img_input { 
    position: absolute;
    bottom: 0px;
    left: 60px;
    width: 100%;
    height: 35px; 
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
.sm_outline_material_style.sm_media_search_img_input .sm_outline_mterial_input { 
    height: auto;
    padding: 6px;
    min-height: 35px;
    min-width: 180px;
    position: absolute;
    left: 0;
}
.sm_outline_material_style.sm_media_search_img_input .sm_field_label_container{
    position: absolute;
    left: 15px;
    top: -9px;
    display: table;
    font-size: 12px;
}
.rss_feed_post_limit_content .select2-container,
.pi_boards_list_description_week .select2-container,
.bulk_pi_boards_list_description_week .select2-container { background-color: #F0F5FF; }

/** Material Outline Style Start */
.sm_material_outline_container {
    float: left;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    overflow: visible;
    border-radius: 8px;
    position: relative;
    will-change: opacity, transform, color;
}

.sm_material_outline_container textarea,
.sm_material_outline_container .select2-container,
.sm_material_outline_container input {
    float: left;
    width: 100%;
    height: 100% !important;
    position: relative;
    padding: 18.5px 16px !important;
    border: transparent !important;
    align-self: flex-end;
    box-sizing: border-box;
    transition: opacity 140ms cubic-bezier(0.4, 0, 0.2, 1) !important;
    border-radius: 0;
    resize: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    z-index: 1;
    box-shadow: none;
    clear: none;
    font-family: 'DM Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin: 0 !important;
    text-align: left;
    color: #2E384D;
    background: transparent !important;
}

.sm_material_outline_container textarea {
    padding: 10px 16px;
}

.sm_material_outline_container textara:focus,
.sm_material_outline_container input:focus {
    border: transparent;
    box-shadow: none;
    background: transparent;
}

.sm_material_outline_container .sm_material_outliner {
    position: absolute;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
}

.sm_material_outline_container .sm_material_outliner .sm_material_outliner_prefix {
    min-width: 12px;
    width: 16px;
    border-radius: 8px 0 0 8px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(186, 186, 186, 0.7);
    border-right: none;
}

.sm_material_outline_container .sm_material_outliner .sm_material_outliner_notch {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - 16px * 2);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(186, 186, 186, 0.7);
    border-right: none;
    border-left: none;
    position: relative;
}

.sm_material_outline_container .sm_material_outliner .sm_material_outliner_notch label {
    left: 0;
    right: inherit;
    text-align: left;
    font-family: 'DM Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #2E384D;
    padding: 0;
    margin: 0;
    transition: all .2s !important;
    transform-origin: left;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    display: block;
}

.sm_material_outline_container:not(.sm_material_ouline_container_active) .sm_input_prefix_icon_label {
    padding-left: 20px !important;
}
input.sm_active_container+.sm_material_outliner .sm_input_prefix_icon_label {
    padding-left: 5px !important;
}
.sm_material_outline_container.multi-line .sm_material_outliner .sm_material_outliner_notch label,
.sm_material_outline_container textarea+.sm_material_outliner .sm_material_outliner_notch label {
    top: 20px;
}

.sm_material_outline_container.sm_active_container .sm_material_outliner .sm_material_outliner_notch,
.sm_material_outline_container.sm_material_ouline_container_active .sm_material_outliner .sm_material_outliner_notch,
.sm_material_outline_container textarea:focus+.bootstrap-datetimepicker-widget+.sm_material_outliner .sm_material_outliner_notch,
.sm_material_outline_container textarea:focus+.sm_material_outliner .sm_material_outliner_notch,
.sm_material_outline_container textarea.sm_active_container+.bootstrap-datetimepicker-widget+.sm_material_outliner .sm_material_outliner_notch,
.sm_material_outline_container textarea.sm_active_container+.sm_material_outliner .sm_material_outliner_notch,
.sm_material_outline_container input:focus+.bootstrap-datetimepicker-widget+.sm_material_outliner .sm_material_outliner_notch,
.sm_material_outline_container input:focus+.sm_material_outliner .sm_material_outliner_notch,
.sm_material_outline_container input.sm_active_container+.bootstrap-datetimepicker-widget+.sm_material_outliner .sm_material_outliner_notch,
.sm_material_outline_container input.sm_active_container+ input[type="hidden"]+ input[type="hidden"] +.sm_material_outliner .sm_material_outliner_notch,
.sm_material_outline_container input.sm_active_container+.sm_material_outliner .sm_material_outliner_notch,
.sm_material_outline_container input.sm_active_container+.sp-replacer+.sm_material_outliner .sm_material_outliner_notch {
    border-top: none;
}

.sm_material_outline_container.sm_active_container .sm_material_outliner .sm_material_outliner_notch::after,
.sm_material_outline_container.sm_material_ouline_container_active .sm_material_outliner .sm_material_outliner_notch::after,
.sm_material_outline_container textarea:focus+.bootstrap-datetimepicker-widget+.sm_material_outliner .sm_material_outliner_notch::after,
.sm_material_outline_container textarea:focus+.sm_material_outliner .sm_material_outliner_notch::after,
.sm_material_outline_container textarea.sm_active_container+.bootstrap-datetimepicker-widget+.sm_material_outliner .sm_material_outliner_notch::after,
.sm_material_outline_container textarea.sm_active_container+.sm_material_outliner .sm_material_outliner_notch::after,
.sm_material_outline_container input:focus+.bootstrap-datetimepicker-widget+.sm_material_outliner .sm_material_outliner_notch::after,
.sm_material_outline_container input:focus+.sm_material_outliner .sm_material_outliner_notch::after,
.sm_material_outline_container input.sm_active_container+.bootstrap-datetimepicker-widget+.sm_material_outliner .sm_material_outliner_notch::after,
.sm_material_outline_container input.sm_active_container+ input[type="hidden"]+ input[type="hidden"]+.sm_material_outliner .sm_material_outliner_notch::after,
.sm_material_outline_container input.sm_active_container+.sm_material_outliner .sm_material_outliner_notch::after,
.sm_material_outline_container input.sm_active_container+.sp-replacer+.sm_material_outliner .sm_material_outliner_notch::after {
    content: '';
    display: block;
    position: absolute;
    width: 18%;
    height: 1px;
    background: rgba(186, 186, 186, 0.7);
    top: 0px;
    right: 0;
}

.sm_material_outline_container.sm_material_ouline_container_active .sm_material_outliner .sm_material_outliner_prefix,
.sm_material_outline_container.sm_material_ouline_container_active .sm_material_outliner .sm_material_outliner_notch,
.sm_material_outline_container.sm_material_ouline_container_active .sm_material_outliner .sm_material_outliner_suffix,
.sm_material_outline_container textarea:focus+.bootstrap-datetimepicker-widget+.sm_material_outliner .sm_material_outliner_prefix,
.sm_material_outline_container textarea:focus+.bootstrap-datetimepicker-widget+.sm_material_outliner .sm_material_outliner_notch,
.sm_material_outline_container textarea:focus+.bootstrap-datetimepicker-widget+.sm_material_outliner .sm_material_outliner_suffix,
.sm_material_outline_container textarea:focus+.sm_material_outliner .sm_material_outliner_prefix,
.sm_material_outline_container textarea:focus+.sm_material_outliner .sm_material_outliner_notch,
.sm_material_outline_container textarea:focus+.sm_material_outliner .sm_material_outliner_suffix,
.sm_material_outline_container input:focus+.bootstrap-datetimepicker-widget+.sm_material_outliner .sm_material_outliner_prefix,
.sm_material_outline_container input:focus+.bootstrap-datetimepicker-widget+.sm_material_outliner .sm_material_outliner_notch,
.sm_material_outline_container input:focus+.bootstrap-datetimepicker-widget+.sm_material_outliner .sm_material_outliner_suffix,
.sm_material_outline_container input:focus+.sm_material_outliner .sm_material_outliner_prefix,
.sm_material_outline_container input:focus+.sm_material_outliner .sm_material_outliner_notch,
.sm_material_outline_container input:focus+.sm_material_outliner .sm_material_outliner_suffix,
.sm_material_outline_container input:focus+.sp-replacer+.sm_material_outliner .sm_material_outliner_prefix,
.sm_material_outline_container input:focus+.sp-replacer+.sm_material_outliner .sm_material_outliner_notch,
.sm_material_outline_container input:focus+.sp-replacer+.sm_material_outliner .sm_material_outliner_suffix {
    border-color: #00B2F3;
}

.sm_material_outline_container.sm_material_ouline_container_active .sm_material_outliner .sm_material_outliner_notch::after,
.sm_material_outline_container textarea:focus+.bootstrap-datetimepicker-widget+.sm_material_outliner .sm_material_outliner_notch::after,
.sm_material_outline_container textarea:focus+.sm_material_outliner .sm_material_outliner_notch::after,
.sm_material_outline_container input:focus+.bootstrap-datetimepicker-widget+.sm_material_outliner .sm_material_outliner_notch::after,
.sm_material_outline_container input:focus+.sm_material_outliner .sm_material_outliner_notch::after,
.sm_material_outline_container input:focus+.sp-replacer+.sm_material_outliner .sm_material_outliner_notch::after{
    background: #00B2F3;
}

.sm_material_outline_container.sm_material_ouline_container_active .sm_material_outliner .sm_material_outliner_notch label,
.sm_material_outline_container textarea:focus+.bootstrap-datetimepicker-widget+.sm_material_outliner .sm_material_outliner_notch label,
.sm_material_outline_container textarea:focus+.sm_material_outliner .sm_material_outliner_notch label,
.sm_material_outline_container input:focus+.bootstrap-datetimepicker-widget+.sm_material_outliner .sm_material_outliner_notch label,
.sm_material_outline_container input:focus+.sm_material_outliner .sm_material_outliner_notch label,
.sm_material_outline_container input:focus+.sp-replacer+.sm_material_outliner .sm_material_outliner_notch label {
    color: #00B2F3;
}

.sm_material_outline_container.sm_active_container .sm_material_outliner .sm_material_outliner_notch label,
.sm_material_outline_container.sm_material_ouline_container_active .sm_material_outliner .sm_material_outliner_notch label,
.sm_material_outline_container textarea:focus+.sm_material_outliner .sm_material_outliner_notch label,
.sm_material_outline_container textarea:focus+.bootstrap-datetimepicker-widget+.sm_material_outliner .sm_material_outliner_notch label,
.sm_material_outline_container textarea.sm_active_container+.bootstrap-datetimepicker-widget+.sm_material_outliner .sm_material_outliner_notch label,
.sm_material_outline_container textarea.sm_active_container+.sm_material_outliner .sm_material_outliner_notch label,
.sm_material_outline_container input:focus+.sm_material_outliner .sm_material_outliner_notch label,
.sm_material_outline_container input:focus+.bootstrap-datetimepicker-widget+.sm_material_outliner .sm_material_outliner_notch label,
.sm_material_outline_container input.sm_active_container+.bootstrap-datetimepicker-widget+.sm_material_outliner .sm_material_outliner_notch label,
.sm_material_outline_container input.sm_active_container+ input[type="hidden"]+ input[type="hidden"]+.sm_material_outliner .sm_material_outliner_notch label,
.sm_material_outline_container input.sm_active_container+.sm_material_outliner .sm_material_outliner_notch label,
.sm_material_outline_container input:focus+.sp-replacer+.sm_material_outliner .sm_material_outliner_notch label,
.sm_material_outline_container input.sm_active_container+.sp-replacer+.sm_material_outliner .sm_material_outliner_notch label {
    top: 0;
    transform: translateY(-50%) scale(0.8);
    max-width: calc(100% / 0.8);
    text-overflow: clip;
    padding-left: 5px;
    z-index: 99;
}

.sm_material_outline_container .sm_material_outliner .sm_material_outliner_suffix {
    flex-grow: 1;
    border-radius: 0 8px 8px 0;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(186, 186, 186, 0.7);
    border-left: none;
}

.sm_material_outline_container.sm_datepicker .sm_material_outliner .sm_material_outliner_suffix {
    background: url(images/calendar-icon.svg) no-repeat 85% center;
}

.sm_material_outline_container.sm_datepicker input {
    padding-right: 40px;
}

.sm_material_outline_container.sm_material_ouline_container_active {
    z-index: 99;
}
.sm_material_outliner_error {
    display: none;
    position: absolute;
    bottom: -23px;
    left: 5px;
    color: #ff0000;
}

.sm_material_outline_container.error_active .sm_material_outliner_error {
    display: block;
}

.sm_material_outline_container.error_active .sm_material_outliner_prefix,
.sm_material_outline_container.error_active .sm_material_outliner_notch,
.sm_material_outline_container.error_active .sm_material_outliner_suffix {
    border-color: #ff0000;
}

.sm_material_outline_container.error_active .sm_material_outliner_notch label {
    color: #ff0000;
}

.sm_material_outline_container.half-width.left-control {
    width: calc(50% - 8px);
    margin-right: 8px;
}

.sm_material_outline_container.half-width.right-control {
    width: calc(50% - 8px);
    margin-left: 8px;
}

.sm_material_outline_container .select2-container {
    height: 50px;
    padding: 13px 16px;
}

.sm_material_outline_container .select2-selection {
    border: none;
    padding: 0;
    box-shadow: none !important;
}

.sm_material_outline_container .select2-selection--single .select2-selection__arrow:after {
    transform: translateY(-40%);
}

.sm_material_outline_container .sp-replacer {
    position: absolute;
    right: 0;
    background: transparent;
    height: 100%;
    border: none;
    z-index: 999;
}

.sm_material_outline_container .sp-replacer .sp-preview {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border-radius: 8px;
    overflow: hidden;
}

.sm_material_outline_container .sp-replacer .sp-dd {
    display: none;
}


/* ===================================== */

.sm_material_outline_container.half-width.left-control {
    width: calc(50% - 8px);
    margin-right: 8px;
}

.sm_material_outline_container.half-width.right-control {
    width: calc(50% - 8px);
    margin-left: 8px;
}

.sm_material_outline_container .select2-container {
    height: 50px !important;
    padding: 13px 16px !important;
}

.sm_material_outline_container .select2-selection {
    border: none;
    padding: 0;
    box-shadow: none !important;
}

.sm_material_outline_container .select2-selection--single .select2-selection__arrow:after {
    transform: translateY(-40%);
}

.sm_material_outline_container .sp-replacer {
    position: absolute;
    right: 0;
    background: transparent;
    height: 100%;
    border: none;
    z-index: 999;
}

.sm_material_outline_container .sp-replacer .sp-preview {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border-radius: 8px;
    overflow: hidden;
}

.sm_material_outline_container .sp-replacer .sp-dd {
    display: none;
}

/** Material Outline Style End */
.tox.tox-tinymce.tox-tinymce-inline{
    z-index: 9999;
}
.tox.tox-silver-sink.tox-tinymce-aux{
    z-index: 9999;
}

@media (min-width: 1441px) {
    .select2-container .sm-rss-category-option-container,
    .select2-container .sm-publish-category-option-container { width: 270px !important; }
}
@media (max-width: 1440px){ 

    .sm_publish_post_option_div {
        margin: 8px 5px;
    }
    .sm_material_switch .round {
        height: 38px;
        width: 38px;
        font-size: 16px;
        padding: 12px 11px;
    }
    #optimal_postontime_network .sm_outline_material_style .input-group-addon { top: 8px; }
    #optimal_postontime_network .sm_outline_material_style .input-group-addon > img { width: 20px; height: 20px; }
    .social_icon_large i { font-size: 10px; padding: 5px; }
    .select2-container.select2-container--open .select2-results .select2-results__option { font-size: 12px; padding: 8px 18px; }
    .sm_material_switch .round.sm_sub_option { font-size: 10px; }
    .sm_material_switch .round.sm_sub_option > span { height: 26px; width: 26px; font-size: 12px; padding: 8px 7px;}
    .sm_material_switch .round.sm_sub_option > span.fa-facebook { padding: 8px 9px; }
    .sm_material_switch .round.sm_sub_option > span.fa-linkedin { padding: 8px; }
    .sm_material_switch .round.sm_sub_option > span.fa-linkedin { padding: 8px 7px; }
    .switch .round.sm_sub_option .sm_gmb_icon { background-size: 16px; }
    .switch:hover .round .sm_gmb_icon, .switch.sm_checked .round .sm_gmb_icon { background-size: 20px; }
    .sm_outline_material_style .sm_outline_mterial_input.colorpicker_appearance_colors { width: 76%; }
    .sm_outline_material_style .sp-replacer { padding: 6px; }
    .sm_outline_material_style .sp-preview { width: 26px; height: 24px; }
    .sm_outline_material_style .sp-dd { margin: 3px 1px; }
    .grid-form-col-status:not(.sm_approve_grid_status) { margin-top: 0; }
    .sm_material_switch.switch { width: 38px; height: 38px; }
    .sm_material_switch.sm_trim_tweet .round { padding: 12px 11px; }
}

@media (max-width: 1024px){
    .grid-form-col-status:not(.sm_approve_grid_status) { margin-top: 0; padding-left: 0; }
    .sm_outline_material_style .sm_outline_mterial_input.colorpicker_appearance_colors { width: 89%; }
}

@media (max-width: 768px){
    .col-sm-8.sm_auto_width, .col-md-8.sm_auto_width, .col-md-6.sm_auto_width, .col-sm-6.sm_auto_width { padding: 0; }
    .sm_outline_material_style .sm_outline_mterial_input_div {
        height: auto;
        display: table;
    }
}