.swp-bd-wrapper{margin-top: 0; margin-right: 0;}
.swp-bd-header{display: flex; align-items: center; background: #0a2346; height: 96px; padding: 0 32px; margin-left: -22px; margin-bottom: 20px;}
.swp-bd-name-header{color: #fff; margin-left: 15px; font-size: 20px; font-weight: bold; position: relative; top: 10px;}
.bd-general-configuration-wrap, .bd-create-member-settings-wrap { background-color: #fff; padding: 30px; border: 1px solid #c3c4c7; top: 0px; position: relative; }
.swc-bd-nav.nav-tab-wrapper .nav-tab-active { background-color: #fff; border-bottom: 1px solid #ffffff; position: relative; z-index: 1;}
.bd-form-input-wrap{margin-bottom: 20px;} 
.bd-form-input-wrap .bd-label-wrap{margin-bottom: 10px;}
.bd-form-input-wrap .bd-label-wrap label{color: #000; font-size: 14px; font-weight: 600;}
.swp-bd-wrapper .swc-bd-nav, .swc-bd-wrapper .swc-bd-nav{border-bottom: none !important;}

.bd-two-coloumn-wrap { display: flex; gap: 20px; margin-right: 20px; }
.bd-general-configuration-wrap, .bd-create-member-settings-wrap{width: 60%;}
.bd-video-container { width: 40%; background: #fff; border: 1px solid #c3c4c7; display: flex; }
.bd-video-container iframe { width: 100%; height: 100%; }

.swp-bd-icon {background: url(../images/brilliant-directories-logo.svg) no-repeat center center;  width: 126px; height: 49px; background-size: 100%;}

.member-error-message{ font-size: 14px; color: rgb(236, 15, 15); line-height: 1.5; margin-top: 0;}
.bd-required-field{color: #ff0000;}
#create-user-form th{width: 300px;}

#bd-feature-categories-display p{margin-bottom: 0;}

/* Tooltip icon styles */ 
.swp-tooltip-icon { cursor: pointer; position: relative; display: inline-block; width: 15px; height: 15px; background: url('../images/question-mark.png') no-repeat center center; background-size: 12px; margin-right: 0px; top: 3px; float: right;} 
.swp-tooltip-text { visibility: hidden; background-color: #333; color: #fff; text-align: center; font-size: 14px; line-height: 1.5; padding: 10px; border-radius: 5px; position: absolute; z-index: 10; width: 310px; bottom: 135%; left: 50%; margin-left: -155px; opacity: 0; transition: opacity 0.3s, visibility 0s 0.3s; word-break: break-word; font-weight: 400; }
.swp-tooltip-text::after { content: ""; position: absolute; top: 100%; left: 45%; border-width: 7px; border-style: solid; border-color: #333 transparent transparent transparent; }
.swp-tooltip-icon:hover .swp-tooltip-text { visibility: visible; opacity: 1; transition-delay: 0s; }
.sync-button-wrapper{display: flex; align-items: center; gap: 10px;}
@keyframes swpspin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sync-spin-icon, #swp-date-refresh-btn.swp-loading, .swp-spin-icon { display: inline-block; animation: swpspin 2s linear infinite; }
#swp-date-refresh-btn { display: inline-block; cursor: pointer;}
  
/* plugin enable/disable switch styles */ 
.bd_yes_or_no_switch .bd_container_checkbox input { display: none !important; }
.bd_yes_or_no_switch .bd_container_checkbox label { display: inline-block; width: 70px; height: 32px; background: #455a64; border-radius: 30px; position: relative; cursor: pointer; }
.bd_yes_or_no_switch .bd_container_checkbox label::before { content: "" !important; position: absolute; width: 28px; height: 28px; background: #fff !important; border-radius: 50% !important; top: 2px; left: 4px; transition: .3s !important; box-shadow: -3px 0 3px rgba(0, 0, 0, .1); }
.bd_yes_or_no_switch .bd_container_checkbox label::after { content: "OFF"; position: absolute; color: #fff; font-size: 14px; font-weight: 600; width: 100%; left: -3px; top: 7px; text-align: right; padding: 0 6px; box-sizing: border-box; }
.bd_yes_or_no_switch .bd_container_checkbox input:checked ~ label { background: #2196F3; transition: .3s; }
.bd_yes_or_no_switch .bd_container_checkbox input:checked ~ label:before { transform: translate(36px, 0); transition: .3s; }
.bd_yes_or_no_switch .bd_container_checkbox input:checked ~ label:after { content: "ON"; text-align: left; left: 4px; top: 7px; }

/* import status styles */ 
.bd-form-section{padding-bottom: 40px;margin: 0;}
.swc-bd-form-status-wrapper{display: flex;width: 100%; gap: 15px;}
.brildirwpsync-import-status-wrapper{width: 35%;}
.brildirwpsync-import-status-wrapper .bd-importstatus-title{margin: 0 0 10px;}
#brildirwpsync-import-status{background-color: #f0f0f1; border: 1px solid #00000026;}
.brildirwpsync-importuser-status{border-bottom: 1px solid #00000026; padding: 5px; margin: 0;}
.api-btn-wrapper{display: flex ; align-items: center; gap: 10px;}
#toplevel_page_brilliant-directories-sync .wp-menu-name { padding-right: 0 !important; left: -6px; position: relative; }
#toplevel_page_brilliant-directories-sync .wp-first-item{display: none;}
.swc_settings_error_wrap { display: flex ; flex-direction: column; }
.custom-error-wrap, .bd-error-msg-wrap{ max-width: 600px; background: #fff; border: 1px solid #c3c4c7; border-left-width: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, .04); margin: 5px 0px 10px 0px; padding: 1px 0px; box-sizing: border-box; }
.custom-error-wrap.success, .bd-error-msg-wrap.bd-success { border-left-color: #00a32a; }
.custom-error-wrap.warning, .bd-error-msg-wrap.bd-warning { border-left-color: #dba617; }
.custom-error-wrap.error, .bd-error-msg-wrap.bd-error { border-left-color: #d63638; }
.custom-error-wrap p, .bd-error-msg-text { margin: .5em; padding: 2px; font-weight: 600; font-size: 13px; }
.bd-form-container{width: 60%; padding-left: 10px;}
.bd-form-container form input[type=email], .bd-form-container form input[type=text], .bd-form-container form input[type=number], .bd-form-container form input[type=password], .bd-form-container form input[type=url]{width: 100%;max-width:100%;}
.bd-form-container form select{width: 100%;max-width:100%;}
.bd-form-container form p.description { margin: 5px 0 5px; color: #646970; font-size: .95em;}
.bd-form-container .swp-form-checkbox-wrap + .description { margin-top: -10px; }
.bd-form-container .swp-missing-txt{margin-top: 0;}
#brildirwp_manual_sync { background: transparent; color: #2271b1; border: 1px solid #2271b1; }
#brildirwp_manual_sync:hover { background: rgba(34, 113, 177, 0.1); }
.bd-title-with-syncdate{display: flex ; align-items: center; justify-content: space-between;}
.sync-bd-title-wrap h2 { margin:0px; background: #f0f0f1; padding: 10px; }
.sync-bd-title-wrap {background: #f0f0f1; margin: 0 0 15px;}
.bd-title-with-syncdate .bd-last-sync{padding-right: 10px; font-weight: 500;vertical-align: middle;}
.bd-title-with-syncdate .bd-last-sync-date{font-weight: normal;}
.bd-sync-icon-wrap{display: flex ; align-items: center; gap: 5px;}
.bd-optional-text{font-weight: normal;}
.swc-api-error-message, swc-api-success-message, .swp-api-error-message, swp-api-success-message{ font-size: 14px; line-height: 1.25em;}
.swc-error-text, .swp-error-text{color: rgb(236, 15, 15);}
.swc-success-text, .swp-success-text{color: rgb(2, 128, 2);}
.bd-form-checkbox-section .bd-label-wrap label{color: #000; font-size: 14px; font-weight: 600;}
.bd-form-checkbox-section .bd-label-wrap{margin-bottom: 10px;}
.swp-form-checkbox-wrap{display: flex; align-items: center; margin-bottom: 5px;}
/* checkbox style */
.brildirwpsync_checkbox-wrap input[type=checkbox], .swp-form-checkbox-wrap input[type=checkbox]{ position: relative; border: 1px solid #8c8f94; border-radius: 2px; background: none; cursor: pointer; line-height: 0; margin: 0 .6em 0 0; outline: 0; padding: 0 !important; vertical-align: text-top; height: 20px; width: 20px; -webkit-appearance: none; opacity: .5; margin-bottom: 5px; }
.brildirwpsync_checkbox-wrap input[type=checkbox]:hover, .swp-form-checkbox-wrap input[type=checkbox]:hover { opacity: 1; }
.brildirwpsync_checkbox-wrap input[type=checkbox]:checked, .swp-form-checkbox-wrap input[type=checkbox]:checked { background-color: #2196F3; opacity: 1; }
.brildirwpsync_checkbox-wrap input[type=checkbox]:before, .swp-form-checkbox-wrap input[type=checkbox]:before { content: ''; position: absolute; right: 50%; top: 50%; width: 4px; height: 10px; border: solid #FFF; border-width: 0 2px 2px 0; margin: -1px -1px 0 -1px; transform: rotate(45deg) translate(-50%, -50%); z-index: 2; }
.brildirwpsync_checkbox-wrap{ height: 100px; overflow-y: scroll; overflow-x: hidden; }

/* scrollbar style */
.brildirwpsync_checkbox-wrap::-webkit-scrollbar { width: 5px; }
.brildirwpsync_checkbox-wrap::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }
.brildirwpsync_checkbox-wrap::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; }
.brildirwpsync_checkbox-wrap::-webkit-scrollbar-thumb:hover { background: #555; }

/* popup style */
.swp-popup-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 1000; }
.swp-modal-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); }
.swp-modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 30px; background-color: white; border-radius: 8px; text-align: center; z-index: 1001; }
.swp-modal-content button { margin: 10px; }
.swp-modal-content h3{ margin-top: 0px; }
.swp-confirmation-btn-wrap { margin-top: 30px; display: flex; align-items: center; justify-content: center; gap: 10px; }
.swp-popup-cancel-btn{ width: 150px; color: #fff; border: 0; box-shadow: none; font-size: 17px; font-weight: 500; border-radius: 5px; padding: 10px; margin: 0 5px; cursor: pointer; background-color: rgb(221, 51, 51); }
.swp-popup-cancel-btn:hover{ background-color: rgb(198 34 34);; }
.swp-popup-confirm-btn{ width: 150px; color: #fff; border: 0; box-shadow: none; font-size: 17px; font-weight: 500; border-radius: 5px; padding: 10px; margin: 0 5px; cursor: pointer; background-color: rgb(48, 133, 214); }
.swp-popup-confirm-btn:hover{ background-color: rgb(41 121 198); }
.swp-popup-process-wrap{display: flex; align-items: center; justify-content: center; gap: 5px;}
.swp-process-txt{text-transform: capitalize;}

/* single post meta box style */
#brildirwpsync-update-meta-box .inside, #brildirwpsync-create-meta-box .inside { padding: 0 12px 12px; }
.swp-meta-box-title-wrap{ border: 1px solid #ddd; padding: 10px; }
.swp-meta-box-content-wrap{ border: 1px solid #ddd; padding: 15px 10px; }
.swp-meta-box-title-wrap{ border-bottom: none; }
.swp-meta-post-link{ word-break: break-word; }
#brildirwpsync-update-meta-box .swp-meta-box-title-wrap h2, #brildirwpsync-create-meta-box .swp-meta-box-title-wrap h2{ margin: 0; padding: 0; color: #1e1e1e; font-size: 13px; font-weight: 500; }
.swp-meta-btn-wrap{text-align: center;}
#swp_single_post_create_btn, #swp_single_post_update_btn{width: 100%;}
#swp-check-post-category{ margin: 0; color: #2271b1; text-decoration: underline; cursor: pointer; }
#brildir_expopo_single_redirect_enabled{width: 180px;}
.swp-meta-box-content-wrap .swp-date-and-copy{ display: flex; justify-content: space-between; padding: 10px 0px; }
.swp-meta-box-content-wrap .swp-meta-post-link{ width: 100%; }
.swp-meta-box-content-wrap hr{ margin: 10px; }
.swp-meta-box-content-wrap .swp-date-and-copy .brildirwpsync-copy-url{ color: #2271b1; text-decoration: underline; cursor: pointer; }
.swp-meta-box-content-wrap .swp-label-wrap{margin-bottom: 10px;}
.swp-text-color-gray{ color: #757575; }
.swp-text-caps{ text-transform: uppercase; }
.Brildirwpsync-plugin-enable .editor-sidebar__panel-tabs{z-index: 0;}
#swp_delete_export_association{ color: #d63638; text-decoration: underline; cursor: pointer; }

@media only screen and (max-width: 1024px){
  .bd-general-configuration-wrap, .bd-create-member-settings-wrap{padding: 10px;}
  .bd-two-coloumn-wrap{margin-right: 10px;width: 99%;}
  .bd-two-coloumn-wrap{flex-direction: column; width: 100%; max-width: 100%;}
  .fpad-lg {padding: 15px;}
  .bd-video-container{width: 99%;}
  .bd-video-container iframe{min-height: 600px;}
  .bd-create-member-settings-wrap, .bd-general-configuration-wrap{width:96%;}
  .bd-create-member-settings-wrap .wrap{margin: 10px;}
}

@media only screen and (max-width:767px){
  .bd-two-coloumn-wrap{flex-direction: column; width: 100%; max-width: 100%;}
  .bd-general-configuration-wrap, .bd-create-member-settings-wrap{width: 92%;}
  .bd-form-container{width: 100%;padding-left: 0px;}
  .bd-input-wrap span{font-size: 12px;}
  .bd-title-with-syncdate{justify-content: space-around;}
  .sync-bd-title-wrap h2{font-size: 1.1em;}
  .bd-video-container{width: 99%;}
  .bd-video-container iframe{min-height: 590px;}
  #wpbody-content{padding-bottom: 60px;}
  .bd-create-member-settings-wrap .wrap{margin: 10px 5px 5px;}
  .swc-bd-form-status-wrapper{display: flex; flex-direction: column;}
  #brildirwpsync_wp_post_status { width: 100%; }
  .swp-tooltip-text{width: 210px; margin-left: -110px;}
  .swp-tooltip-text, .swp-tooltip-text::after{left: unset; right: 0;}
  .swc-api-error-message span.dashicons.dashicons-no-alt, .bd-input-wrap .sync-spin-icon, .bd-input-wrap .dashicons-saved{font-size: 20px;}
  .brildirwpsync-import-status-wrapper{width: 100%;}
  .swp-modal-content{width: 80%;}
}