@font-face {
    font-family: 'inter';
    src: url('../fonts/inter.ttf');
}

* {
    font-family: 'inter';
    font-style: normal;
}

body {
    overflow: auto;
}
button:focus{
    outline: none !important;    
}
.rounded {
    border-radius: 0.40rem !important;
}

.sb_page_title_small,
.sb_responsive_opt {
    display: none !important;
}

/* login page start */
.sb_login_main {
    height: 100vh;
}

.sb_login_form_main {
    width: 100%;
    max-width: 451px;
    padding: 60px;
    background: white;
    border: 2px solid #E2E2E2;
    box-shadow: 4px 7px 9px #e2e2e2;
}

.sb_login_left {
    background: url("../images/loginbg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.sb_login_left img{
    width: 70%;
}
.sb_main_menu{list-style: none;}
.sb_main_menu li a{
    text-decoration: none;
}
.sb_main_menu li a:hover{
    background: #e53945 !important;
    color: #fff !important;
}
.sb_login_form h3 {
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    color: #000000;
}

.sb_login_form p {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #535353;
}

.sb_login_form a {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-decoration-line: underline;
    color: #e53945;
}

.sb_form label {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #535353;
}
.sb_doc_padding { max-width: 52%; }
.sb_form input {
    box-sizing: border-box;
    padding: 14px 0px 14px 17px;
    background: #FFFEE3;
    border: 1px solid #DCDCDC;
    border-radius: 5px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #535353;
    width: 100%;
    /* max-width: 331px; */
}

.sb_form button {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    border: 0px;
    background: #1CCBF4;
    padding: 8px 16px;
}

/* login page start */
/* sidebar start */
.sidebar-wrapper {
    min-height:850px;
    background: #959595;
    width: 18% !important;
}

.wrapper-main-left {
    width: 83% !important;
}

.bg-fafafa {
    background: #fafafa;
}

.sidebar-header img {
    width: 175px;
}

.sb_main_menu li a {
    font-size: 18px;
    padding: 8px 8px;
    font-weight: bold;
    line-height: 26px;
    color: white;
    background: #e94f58;
    width: 210px;
    display: block;
    border-radius: 30px;
    height: 44px;
}

.sb_main_menu li a svg path {
    fill: white;
}

.sb_main_menu li:hover a svg path {
    fill: white !important;
}

.sb_main_menu li {
    margin: 9px 0;
}

.sb_main_menu li.active a {
    background: white;
    color: #ef1827;
    border-radius: 0px;
    width: 100% !important;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.sb_main_menu li.active a svg path {
    fill: #ef1827;
}

.sb_hamburger {
    border: 0px;
    background: inherit;
    cursor: pointer;
}



/* sidebar end */
/* topbar start */
.sb_page_title {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
}

.sb_topbar {
    border: 1px solid #E2E2E2;
    background: white;
}

.sb_logout {
    background: #000000;
    border-radius: 30px;
    border: 0px;
    width: 173px;
    height: 44px;
}

.sb_logout:hover{
    background-color: #7f1827;
}

.sb_setting {
    border: 1px solid #000000;
    width: 191px;
    height: 44px;
    border-radius: 30px;
    color: #000000 !important;
    background: white;
    padding: 10px 0px 0px 13px;
}
.sb_setting a{color: #0EB7DD !important;}
.sb_online {
    background: #087F00;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    display: block;
    right: 0;
    bottom: 0;
}

.sb_noti_bell {
    background: #F8F8FF;
    background: #F8F8FF;
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

.sb_count {
    background: #EE786C;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: block;
    right: 0;
    top: 0;
    color: white;
}

.sb_profile_img {
    width: 49px;
    height: 49px;
    margin-left: -61px;
}

.sb_username {
    font-weight: 700;
    font-size: 18px;
    color: #000000;
}

.sb_userrole {
    font-weight: 700;
    font-size: 14px;
    color: #747474;
}

/* topbar end */

/* Agent Page Css */

.sb_agent_responsive{
    margin-right: 30px;
}
.sb_agent_heading {
    font-size: 23px;
    font-weight: bold;
}

.sb_agent_heading_no {
    color: white;
    font-size: 13px;
    padding: 5px 10px;
    background: #EE7A6C;
    border-radius: 50%;
    margin-left: 14px;
}

.sb_agent_top_button {
    background: #6A75DF;
    padding: 5px 14px;
    border-radius: 2px;
    color: white;
    font-size: 16px;
    font-weight: 500;
}

/* Table Head  */
.sb_agent_table .sb_agent_thead {
    background-color: #061530;
    /*height: 60px;*/
}

.sb_agent_table .sb_agent_trow {
    margin: 11px;
    margin: 0px 0px 0px 0px;
}

.sb_agent_table .sb_agent_trow .sb_agent_name {
    font-size: 16px;
}

/* .sb_agent_table .sb_agent_thead .sb_agent_trow th {
    padding: 0 !important;
} */


.sb_agent_table .sb_agent_add_date {
    background: white;
    border: 2px solid #696969 !important;
    border-radius: 6px;
    height: 100%;
    padding: 4px !important;
}

.sb_agent_table .sb_agent_add_date a {
    color: #000000;
}

/* .sb_agent_table .sb_agent_add_date img {
    margin-right: 10px;
} */

.sb_agent_table .sb_agent_table_tbody img {
    width: 40px;
    border-radius: 30px;
    height: 40px;
}

/* Table BODY  */
.sb_agent_table .sb_agent_tbody_tr {
    background: white;
    padding: 0 11px;
}

.sb_agent_table .sb_agent_tbody {
    padding: 0px 15px;
}

.sb_agent_table .sb_agent_tbody_name {
    color: #414141;
    font-size: 14px;
    font-weight: bold;
}
.sb_agent_tbody_name a {
    color:#000 !important;
}
.sb_agent_table .sb_agent_tbody_dis {
    color: #e53945;
    font-size: 12px;
    font-weight: bold;
}

td.sb_mobile_responsive.sb_analytics_td_responsive.sb_insight_login {
    background-color: #ad6b74;
    border-color: #ad6b74 !important;
}

a.login-count-cls {
    color: #fff !important;
}

.sb_agent_table .sb_agent_body_date {
    background: #E8EAFF;
    padding: 0px 5px;
    font-size: 14px;
    height: 25px;
    border-radius: 6px;
    border: 2px solid #C8CDFF;
}

.sb_agent_table .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 6px;
}

.sb_distributors_tbody_dis {
    color: #464646;
}

/* Distributour Page CSS  */
.sb_distributour_data_dis {
    color: #464646 !important;
}

/* Pagination CSS  */
.sb_pagination_main {
    display: inline-block;
    background: #061530;
    border-radius: 30px;
}

.sb_pagination a {
    color: white;
    float: left;
    padding: 8px 10px;
    text-decoration: none;
}

.sb_pagination_main .pagination_page {
    font-size: 17px;
    font-weight: bold;
}

.sb_pagination_main .pagination_page:nth-child(2) {
    color: #ffffff96 !important;
}

/* Super Admin / Insight Page CSS  */
.sb_insight_onetop .sb_insight_onetop_pone {
    font-size: 23px;
}

.sb_insight_onetop .sb_insight_onetop_ptwo {
    font-size: 16px;
    font-weight: 500;
}

.sb_insight_twotop {
    border-radius: 5px;
    background: white;
    border: 1px solid #DBDBDB;
    padding: 9px 0;
}

.sb_insight_twotop p {
    padding: 0px 18px;

}

.sb_insight_twotop input {
    width: 42px;
    height: 31px;
    text-align: center;
    border: 2px solid #AEAEAE !important;
    border-radius: 2px;
}

.sb_insight_twotop input::-webkit-outer-spin-button,
.sb_insight_twotop input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.sb_insight_threetop {
    background: white;
    height: 51px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    border: 1px solid #E2E2E2;
}

.sb_insight_threetop input {
    border: 2px solid #E2E2E2;
}

/* Insight Leatest Time  */

.sb_insight_time {
    color: #747474 !important;
    font-weight: 500;
}

/* Insight Page CSS  */

.sb_card {
    /* width: 265px;
    height: 180px; */
    border-radius: 15px;
    border: 0;
    border-top: 8px solid;
    border-color: #142E5E;
}

.sb_card_body .card-title {
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 10px;
    font-size: 11px;
    font-weight: bold;
    /* margin: 0; */
}

.sb_card_body .card-text {
    font-size: 16px;
    font-weight: bold;
    height: 120px;
}

.sb_card_body .sb_card_btn_main {
     /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*align-items: flex-end;*/
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-evenly;
}


/* Insight page & Document Page  */

.sb_card_btn,
.sb_document_btn {
    padding: 9px 15px;
    gap: 10px;
    background: #e53945;
    border-radius: 90px;
    font-size: 14px;
    font-weight: bold;
    color: white;

}

.sb_card_btn:hover, .sb_document_btn:hover{
    background-color: #7f1827;
    color: #fff;
}


.sb_card_btn:hover {
    color: white;
    text-decoration: none;
}

/* Document Centre CSS Page  */

.sb_document_main {
    background: white;
    border-radius: 15px;
    padding: 25px;
}

.sb_document_heading_one p {
    font-size: 16px;
    font-weight: bold;
}

.sb_document_heading p {
    font-size: 14px;
    font-weight: bold;
}

.sb_document_content {
    background: #FAFAFA;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

.sb_document_content p {
    font-size: 14px;
    box-shadow: 0px 18px 25px rgb(0 0 0 / 5%);
}

.sb_document_content a:hover {
    color: white;
    text-decoration: none;
}

/* Opportunities Page CSS */

.sb_opportunities_top_btn {
    padding-right: 14px;
}

.sb_opportunities_ul{
    padding-left: 23px;
}

.sb_opportunities_title {
    font-size: 23px;
    font-weight: bold;
}

.sb_opportunities_sub_title {
    color: #464646;
    font-size: 16px;
    font-weight: 500;
}

.sb_active_color {
    background: #8993ED;
}

.sb_opportunities_top_btn a:hover {
    color: white;
    text-decoration: none;
}

.sb_opportunities_card {
    padding: 30px;
}

.sb_opportunities_card_body .card-title {
    font-size: 22px;
    font-weight: bold;
}

.sb_opportunities_card_body .card-text {
    color: #464646;
    font-size: 16px;

}

.sb_opportunities_card_body .card-text-two {
    font-size: 14px;
    font-weight: 700;

}

.sb_opportunities_card_body ul li {
    font-size: 16px;
    font-weight: 600;
}

.sb_opportunities_sub {
    color: #696969;
    border: 1px solid #696969;
    border-radius: 15px;
    padding: 7px 15px;
    width: 239px;
    font-size: 14px;
}

.sb_opportunities_btn {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.sb_opportunities_btn a {
    padding: 9px 15px;
    gap: 10px;
    background: #0EB7DD;
    border-radius: 90px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    margin-bottom: 19px;
}

.sb_opportunities_btn a:hover {
    color: white;
    text-decoration: none;
}

.sb_opportunities_img {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border: 0;
    border-top: 1px solid #E2E2E2;
}

/*question page start*/
h1.title-1 {
    font-size: 23px !important;
    font-weight: bold;
    line-height: 18px;
    margin-top: 20px;
}

.card-header {
    background: #fff !important;
}

a.card-link {
    color: #000 !important;
}

.sb_card .card-body {
    background: white !important;
}

.card-header {
    background: #fff !important;
}

a.card-link {
    color: #000 !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

.card-body {
    background: #fff !important;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 100;
    box-shadow: 0px 18px 25px rgb(0 0 0 / 3%);
    border-radius: 15px;
}

.title-1 h1 {
    font-size: 23px !important;
    font-weight: bold !important;
    margin-bottom: 18px !important;
}
.sb_opportunities_card_body p{font-weight:600;}
hr.solid {
    width: 100% !important;
}

.tox .tox-statusbar__branding svg {

    display: none;
}

a:hover {
    color: inherit;
}

.sb_button.btn-primary {
    color: #fff;
    background-color: #e53945 !important;
    border-color: #e53945 !important;
}

.sb_button.btn-primary:hover{
    background-color: #7f1827 !important;
    border-color: #7f1827 !important;
}

.form-group.row.check {
    margin-left: 15px;
    margin-top: 20px;
}

.col-sm-16.users {
    font-size: 16px;
    font-weight: 500;
}

.sb_agent_heading {
    font-size: 23px;
    /*padding-right: 85px;*/
}

.sb_agent_heading_no {
    font-size: 13px;
    padding: 4px 8px;
    background: #e53945;
    border-radius: 50%;
    margin-left: 14px;
}

.sb_agent_top_button {
    background: #242b33;
    padding: 5px 10px;
    border-radius: 2px;
    color: white;
    font-size: 16px;
    font-weight: 500;
}
.sb_agent_top_button:hover{
    background: #7f1827;
    color: #fff;
}
.col-sm-16.users.sb_question {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: -39px;
    margin-left: 20px;
}

.border-top-17 {
    border-top: 10px solid #061530 !important;
}

.sb_text_editor .tox-toolbar__primary,
.sb_text_editor .tox .tox-toolbar-overlord,
.sb_text_editor .tox:not(.tox-tinymce-inline) .tox-editor-header {
    background: #F4F4F4 !important;
}

.sb_text_editor .tox-tinymce {
    height: 320px !important;
}

/*question page end*/
/*faq page start*/
.sb_accordion .card {
    border-radius: 20px;
    border: 0px !important;
}
.sb_faq_icon{
    list-style: none;
}

/*question page end*/

/*opportunities page*/

.sb_opportunities_top_btn {
    padding-right: 14px;
}

.sb_opportunities_title {
    font-size: 23px;
    font-weight: bold;
}
/* Add Information CSS  */
.sb_info_header{
    margin-right: 30px;
}

.sb_opportunities_sub_title {
    color: #464646;
    font-size: 16px;
    font-weight: 500;
}

.sb_active_color {
    background: #242b33;
}

.sb_opportunities_top_btn a:hover {
    color: white;
    text-decoration: none;
}

.sb_opportunities_card {
    padding: 30px;
}

.sb_opportunities_card_body .card-title {
    font-size: 22px;
    font-weight: bold;
}

.sb_opportunities_card_body .card-text {
    color: #464646;
    font-size: 16px;

}

.sb_opportunities_card_body .card-text-two {
    font-size: 14px;
    font-weight: 700;

}

.sb_opportunities_card_body ul li {
    font-size: 16px;
    font-weight: 600;
}

.sb_opportunities_sub {
    color: #696969;
    border: 1px solid #696969;
    border-radius: 15px;
    padding: 7px 15px;
    width: 239px;
    font-size: 14px;
}

.sb_opportunities_btn {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.sb_opportunities_btn a {
    padding: 9px 15px;
    gap: 10px;
    background: #242b33;
    border-radius: 90px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    margin-bottom: 19px;
}

.sb_opportunities_btn a:hover {
    color: white;
    text-decoration: none;
}

.sb_opportunities_img {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border: 0;
    border-top: 1px solid #E2E2E2;
}

/*opportunities page end*/

/*notification page start*/

.sb_notification_main {
    background: white;
    border: 1px solid #E2E2E2;
    border-radius: 6px;

}
.sb_agent_padding.noti{
    margin-bottom: 10px;
}
.sb_notification_btn {
    padding: 5px 18px;
    background: #e53945;
    border-radius: 90px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    margin-bottom: 19px;
}

.sb_notification_btn:hover {
    color: white;
    text-decoration: none;
}

.sb_notification {
    border-bottom: 1px dashed #E4E4E4;
    padding-bottom: 13px;
}

.sb_notification_content_heading {
    font-size: 16px;
    font-weight: bold;
}

.sb_notification_sign {
    color: #0EB7DD;
    font-size: 12px;
    font-weight: bold;
}

.sb_notification_dot {
    color: #D9D9D9;
}

.sb_notification_date {
    color: #535353;
    font-size: 12px;
    font-weight: bold;
}

.sb_notification_content_para {
    color: #535353;
    font-size: 12px;
    font-weight: bold;

}

/* Second section  */

.sb_notification_active_color {
    background: #242b33;
    font-weight: 600;
    padding: 6px 13px;
    color: #fff;
}

.sb_notification_active_color:hover {
    text-decoration: none;
    color: #fff;
}

.sb_notification_search {
    background: white;
    border-radius: 5px;
    display: flex;
    align-items: center;
    border: 1px solid #E2E2E2;
}

.sb_notification_search input {
    border: 2px solid #AEAEAE;
}

.sb_notification_message {
    border-bottom: 6px solid #061530;
}

.sb_notification_toggle .card-header {
    background: white;
}

.sb_toggle_content_heading {
    color: #414141;
    font-size: 16px;
    font-weight: 600;
}

.sb_toggle_content_para {
    color: #747474;
    font-size: 12px;
}

.sb_toggle_date {
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    padding: 0px 6px;
}

.sb_toggle_date a {
    font-size: 14px;
    color: black;
}

.sb_toggle_time {
    color: #747474;
}

.sb_toggle_dot {
    height: 10px;
    width: 10px;
    background-color: #b6b6b6;
    border-radius: 50%;
    display: inline-block;
}
.unread{
    background-color: #1CCBF4;
}

/* Eiditor Mode CSS  */

.tox-statusbar__branding {
    display: none !important;
}

.sb_editor_btn {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.sb_editor_btn button {
    font-weight: bold;
    background: #BBF976;
    border-radius: 5px;
}

/*notification page end*/



/* Home Super Das CSS Start  */

.sb_home_su {
    background: white;
    border-radius: 6px;
    border: 1px solid #E2E2E2;
}

.sb_home_su_heading {
    font-size: 16px;
    font-weight: bold;
}

.sb_home_top_button {
    background: #000000;
    font-weight: 700;
    font-size: 13px;
    color: #FFFFFF;
    padding: 6px 14px;
    border-radius: 90px;
}

.sb_home_top_button:hover {
    color: white;
    text-decoration: none;
}

.sb_home_su_title {
    font-size: 12px;
    font-weight: bold;
}

.sb_home_su_sub_title {
    font-size: 12px;
    color: #535353;
}

.sb_home_su_sub_title_dot {
    height: 5px;
    width: 5px;
    background-color: #D9D9D9;
    border-radius: 50%;
    display: inline-block;
}

.sb_home_graph {
    background: white;
    border: 1px solid #E2E2E2;
    border-radius: 6px;
}

.sb_home_su_graph_btn {
    font-size: 12px;
    border: 1px solid #CACACA;
    padding: 3px 11px;
    border-radius: 26px;
    margin-left: 14px;
    /*cursor: pointer;*/
}

/* Home User Box  */

.sb_box_one,
.sb_box_two,
.sb_box_three,
.sb_box_four,
.sb_box_five {
    background: #FFEEEF;
    padding: 13px 16px;
    border: 1px solid #e39fa3;
    border-radius: 6px;
    /* margin-right: 8px; */
}

.sb_box_one_heading {
    font-size: 22px;
    font-weight: bold;
}

.sb_box_one_sub {
    font-size: 14px;
    font-weight: 500;
}

.sb_box_one_btn {
    font-size: 12px;
    font-weight: bold;
    color: black;
}

.sb_box_one_btn:hover {
    text-decoration: none;
    color: black;
}

.sb_box_two {
    background: #EEEEEE;
    border-color: #b1b0b0;
}

.sb_box_three {
    background: #F6F6F6;
    border-color: #d9d9d9;
}

.sb_box_four {
    background: #FFEEEF;
    border-color: #e39fa3;
}

.sb_box_five {
    background: #EEEEEE;
    border-color: #b1b0b0;
}

.sb_aside_no {
    color: white;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 10px;
    background: #e53945;
    border-radius: 50%;
}

/* progress bar CSS */

.sb_progress_bar {
    background: white;
    border-radius: 6px;
    border: 1px solid #E2E2E2;
    padding-bottom: 46px !important;
}

.progress_bar_one {
    background: #142E5E;
    padding: 6px 14px;
    border-radius: 22px;
    color: white;
}

.sb_progress_title {
    font-size: 13px;
    font-weight: bold;
    color: white;
}

.sb_progress_no {
    background: white;
    color: black;
    font-size: 10px;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 50%;
}

.progress_bar_two {
    background: #e53945;
    padding: 6px 14px;
    border-radius: 22px;
    color: white;
}

.sb_progress_title_two {
    color: #fff;
}

.progress_bar_three {
    background: #959595;
    padding: 6px 14px;
    border-radius: 22px;
    color: white;
}

.sb_super_user {
    background: white;
    border-radius: 6px;
    border: 1px solid #E2E2E2;
}

.sb_aside_btn {
    font-size: 13px;
    font-weight: bold;
    background: #e53945;
    color: white;
    padding: 4px 12px;
    border-radius: 90px;
}

.sb_aside_section_border {
    border-bottom: 1px dashed #E4E4E4;
    padding-bottom: 13px;
}

.sb_aside_section_heading {
    font-size: 13px;
    font-weight: bold;
}

.sb_aside_section_sub {
    color: #535353;
    font-size: 12px;
    font-weight: bold;
}

.sb_aside_section_date {
    color: #535353;
    font-size: 12px;
    font-weight: bold;
}

/* home distributors css and all home pages scroll css   */
.home_distributor_details {
    background: white;
    border: 1px solid #E2E2E2;
}

.sb_details {
    font-size: 16px;
    font-weight: bold;
}

#sb_scroll::-webkit-scrollbar {
    width: 8px;
    border: 1px solid #DADADA;
    border-radius: 13px;
    background-color: #F8F8FF;
}

#sb_scroll::-webkit-scrollbar-thumb {
    border-radius: 13px;
    background-color: #061530;
}

/* Home Super Das CSS End  */


/* analytics page css / Super admin start  */


.sb_insight_onetop .sb_insight_onetop_pone {
    font-size: 23px;
}

.sb_insight_onetop .sb_insight_onetop_ptwo {
    font-size: 16px;
    font-weight: 500;
}

.sb_insight_twotop {
    border-radius: 5px;
    background: white;
    border: 1px solid #DBDBDB;
    padding: 5px 0;
}

.sb_insight_twotop p {
    padding: 0px 18px;

}

.sb_insight_twotop input {
    height: 31px;
    text-align: center;
    border: 2px solid #AEAEAE !important;
    border-radius: 2px;
}

.sb_insight_twotop input::-webkit-outer-spin-button,
.sb_insight_twotop input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.sb_insight_threetop {
    background: white;
    height: 51px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    border: 1px solid #E2E2E2;
}

.sb_insight_threetop input {
    border: 2px solid #E2E2E2;
}

/* Table CSS */

/* display: flex !important;
align-items: center; */
.sb_insight_login {
    background: #E3FFF0;
    border-radius: 6px;
    border: 2px solid #95EFBF !important;
    padding: 5px !important;
    font-size: 14px;
}

.sb_insight_opportunities {
    background: #E1F9FF;
    border-radius: 6px;
    border: 2px solid #B1F0FF !important;
    padding: 5px !important;
    font-size: 14px;
}

.sb_insight_questions {
    background: #F1FFE0;
    border-radius: 6px;
    border: 2px solid #BEFF75 !important;
    padding: 5px !important;
    font-size: 14px;
}

.sb_insight_body_insight {
    background: #E8EAFF;
    border-radius: 6px;
    border: 2px solid #C8CDFF !important;
    padding: 5px !important;
    font-size: 14px;
}

.sb_insight_document {
    background: #FFFEE3;
    border-radius: 6px;
    border: 2px solid #F5F867 !important;
    padding: 5px !important;
    font-size: 14px;
}

/* Insight Leatest Time  */

.sb_insight_time {
    color: #747474 !important;
    font-weight: 500;
}

/* analytics page css / Super admin end  */


/* Super Admin Details Start */


.sb_aad_title {
    font-size: 23px;
    font-weight: bold;
}

.sb_aad_sub_title {
    font-size: 16px;
    font-weight: bold;
    color: #464646;
}

.sb_aad_date {
    font-weight: 500;
}

.sb_aad_btn {
    font-size: 14px;
    color: white;
    padding: 12px 20px;
    border-radius: 39px;
    background: #7081BC;
    border: 1px solid #243263;
    font-weight: 600;
}

.sb_aad_btn:hover {
    text-decoration: none;
    color: white;
}

.sb_aad_btn_month {
    color: #696969;
    background: #E6EBFF;
    border-color: #696969;
}

.sb_aad_btn_month:hover {
    color: #696969;
}

.sb_aad_btn_year {
    color: #696969;
    background: transparent;
    border-color: #696969;
}

.sb_aad_btn_year:hover {
    color: #696969;
}

.sb_aad_graph_main {
    background: white;
    border-radius: 6px;
}

.sb_aad_graph_content {
    border: 1px solid #D3D3D3;
    border-radius: 7px;
    padding: 7px 20px;
    border-left: 12px solid #95EFBF;
}

.sb_aad_graph_bcolor_two {
    border-left-color: #B1F0FF;
}

.sb_aad_graph_bcolor_three {
    border-left-color: #BEFF75;
}

.sb_aad_graph_bcolor_four {
    border-left-color: #C8CDFF;
}

.sb_aad_graph_content_title {
    font-size: 12px;
    font-weight: bold;
    color: #010101;
}

.sb_aad_graph_content_sub {
    font-size: 12px;
    color: #585858;
}

.sb_aad_graph_content_date {
    font-size: 12px;
    color: #585858;
}

/* Chart CSS  */

.barchart-Wrapper {
    display: flex;
    align-items: center;
}

.barChart-Container {
    border-bottom: 2px solid #EFEFEF;
}

.barchart {
    display: flex;
}

.barchart-col {
    display: flex;
    align-items: flex-end;
    justify-content: space-evenly;
    border-right: 1px dashed #BCB6B6;
}

.barchart-Bar {
    position: relative;
    height: 0;
    transition: height 0.5s 2s;
    width: 66px;
    margin: auto;
}

.barchart-Bar:after {
    content: attr(attr-height);
    color: white;
    position: absolute;
    text-align: center;
    width: 100%;
}

.barchart-BarFooter {
    height: 0;
}

.barchart-BarFooter p {
    font-size: 10px;
    margin: 0 25px;
}

.barchart-TimeCol {
    width: 5%;
    padding-right: 17px;
    border-right: 2px dashed#BEBEBE;
}

.barchart-Time {
    height: 25px;
    vertical-align: middle;
    position: relative;
}
.barchart-TimeText {
    font-size: 10px;
}

/* Bar Color  */

.html_bar_1 {
    background: #7BE3AC;
    height: 206px;
    width: 5px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.html_bar_2 {
    background: #7DDEF4;
    height: 128px;
    width: 5px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.html_bar_3 {
    background: #A6AEFF;
    height: 163px;
    width: 5px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.html_bar_4 {
    background: #BBF976;
    height: 139px;
    width: 5px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

/* Super Admin Detail CSS  */

.bar_1{
    background: #95EFBF;
    width: 88px;
    height: 60px;
}
.bar_2{
    background: #B1F0FF;
    width: 88px;
    height: 83px;
}
.bar_3{
    background: #D2FF9F;
    width: 88px;
    height: 35px;
    
}
.bar_4{
    background: #C8CDFF;
    width: 88px;
    height: 35px;
}
.sb_sad_barchart{
    display: flex;
    justify-content: space-evenly;
}
.sb_main_bar{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
.sb_sad_barchart_TimeText{
    font-size: 12px;
    font-weight: bold;
    transform: rotate(180deg);
    writing-mode: vertical-rl;
}
.sb_sad_time_barchart{
    padding: 0 10px;
}
.sb_sad_barChart_Container{
    border-left: 2px solid #EFEFEF;
    border-bottom: 2px solid #EFEFEF;
}
.sb_sad_barchart_BarFooter{
    position: absolute;
    bottom: 20px;
}
.sb_sad_barchart_BarFooter p {
    font-size: 12px;
    font-weight: bold;
    margin: 0 15px;
}

/* Dots Login CSS  */

.chart_log_dot {
    height: 12px;
    width: 12px;
    background-color: #7BE3AC;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.chart_opp_dot {
    height: 12px;
    width: 12px;
    background-color: #7DDEF4;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.chart_ins_dot {
    height: 12px;
    width: 12px;
    background-color: #A6AEFF;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.chart_doc_dot {
    height: 12px;
    width: 12px;
    background-color: #BBF976;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.sb_batchart_second {
    margin: auto;
}
.sb_chart_size{
    font-size: 9px;
    margin: 20px 0;
}

/* Super Admin Details End */


/* add information Start CSS */

.sb_info_title {
    color: #0F0F0F;
    font-size: 16px;
    font-weight: bold;
}

.sb_info_title_required {
    color: #e53945;
    font-size: 16px;
    font-weight: bold;
}

.sb_info_sub_title {
    font-size: 14px;
    color: #464646;
}

.sb_info_input {
    border: 2px solid #E2E2E2;
    border-radius: 5px;
    padding: 6px;
}

.sb_info_add_img_main {
    text-align: center;
    border: 2px dashed;
    padding: 13px 0px;
}

.sb_info_upload_img_title {
    font-size: 14px;
    font-weight: bold;
}

.sb_info_upload_img_sub_title {
    color: #464646;
    font-size: 10px;
    font-weight: bold;
}

.sb_info_add_img_btn {
    padding: 10px;
}

.sb_pdf_upload {
    font-size: 14px;
    font-weight: bold;
}

.sb_assign_box {
    background: white;
    border: 1px solid #E2E2E2;
    border-radius: 10px;
}

.sb_info_assign_title {
    font-size: 16px;
    font-weight: bold;
    color: #0F0F0F;
}

.sb_info_assign_para {
    color: #121331;

}

.sb_info_assign_input[type=checkbox] {
    position: relative;
    cursor: pointer;
}

.sb_info_assign_input[type=checkbox]:before {
    content: "";
    display: block;
    position: absolute;
    width: 28px;
    height: 28px;
    top: 0;
    left: 0;
    border: 2px solid #E2E2E2;
    border-radius: 3px;
    background-color: white;
}

.sb_info_assign_input[type=checkbox]:checked:after {
    content: "";
    display: block;
    width: 7px;
    height: 18px;
    border: solid black;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 3px;
    left: 11px;
}

/* add information end CSS */

/* add Opportunity Start CSS */

.sb_opp_input[type="date"] {
    width: 24px;
    border: 1px solid #47A171;
    background: #0EB7DD;
    border-radius: 5px;
    padding: 0;
}

.sb_add_app_status {
    background: white;
    border: 1px solid #E2E2E2;
    border-radius: 13px;
}

.sb_add_app_status_btn.active {
    background: #0EB7DD;
    color: white;
}

.sb_add_app_status_btn.active:hover {
    color: white;
}

.sb_add_app_status_btn {
    border: 1px solid #0EB7DD;
    border-radius: 7px;
    padding: 7px 11px;
    color: #0EB7DD;
    font-size: 17px;
    font-weight: bold;
}

.sb_add_app_status_btn:hover {
    text-decoration: none;
    color: #0EB7DD;
}

.sb_add_app_status_title {
    font-size: 18px;
    font-weight: bold;
}

.sb_opp_pdf_main {
    background-color: white;
    border: 1px solid #E2E2E2;
    border-radius: 6px;
}

.sb_opp_pdf_title {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}

.sb_opp_pdf_sub_title {
    font-size: 14px;
    color: #464646;
}

.sb_app_pdf_input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    
}

.sb_app_pdf_btn {
    height: 40px;
    color: white;
    background: #0EB7DD;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 12px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.sb_app_pdf_btn:hover {
    color: white;
    text-decoration: none;
}

.sb_app_pdf_input::placeholder {
    color: #787878;
}

.sb_sa_title {
    font-weight: bold;
    color: #0F0F0F;
    font-size: 16px;

}

.sb_sa_para {
    font-size: 14px;
    color: #464646;
}

.sb_sa_checkbox[type=checkbox] {
    position: relative;
    cursor: pointer;
    width: 0;
}

.sb_sa_checkbox[type=checkbox]:before {
    top: 5px;
    left: 7px;
}

.sb_sa_checkbox[type=checkbox]:checked:after {
    top: 8px;
    left: 18px;
}

.sb_compliance_doc_main {
    background: white;
    border: 1px solid #E2E2E2;
    border-radius: 6px;
}

.sb_compliance_doc_title {
    font-size: 19px;
    font-weight: bold;
    color: #0F0F0F;
}

.sb_compliance_title {
    font-size: 16px;
    font-weight: bold;
}

.sb_compliance_sub_title {
    color: #464646;
    font-size: 14px;
}

.sb_cd_input {
    width: 200px;
}

.sb_upload_video_main {
    background: white;
    border: 1px solid #E2E2E2;
    border-radius: 5px;
}

.sb_upload_video_main_title {
    font-size: 18px;
    font-weight: bold;
}

.sb_upload_video_title {
    font-size: 16px;
    font-weight: bold;
}

.sb_upload_video_sub_title {
    font-size: 14PX;
    color: #464646;
}

.sb_upload_video_btn {
    border: 2px solid #0EB7DD;
    border-radius: 5px;
    padding: 8px 63px;
    color: #0EB7DD
}

.sb_upload_video_btn:hover {
    text-decoration: none;
    color: #0EB7DD;
}

.sb_document_title {
    font-weight: bold;
    color: #0F0F0F;
    font-size: 16px;
}

.sb_document_option_title {
    font-size: 16px;
    font-weight: bold;
    color: #0F0F0F;
}

.sb_document_option {
    border-radius: 5px;
    border: 2px solid #E2E2E2;
    padding: 6px 10px;
}

.sb_document_option {
    -webkit-appearance: none;
    -moz-appearance: none;
}

.sb_save_opp_btn {
    background: #BBF976;
    color: black;
    font-size: 22px;
    border: 1px solid #72B924;
    font-weight: bolder;
    padding: 12px 38px;
}

/* add Opportunity End CSS */
#accordion .card-header{
    position: relative;
}
#accordion .card-header a{
    width: 100%;
}
#accordion .card-header .sb_close,
#accordion .card-header .sb_open{
    position: absolute;
    right: 0;
    top: 40%;
}
.sb_close{
    display: none;
}
#accordion .card-header .collapsed .sb_close{
    display: block !important;
}
#accordion .card-header .collapsed .sb_open{
    display: none !important;
}
#loginform .login-username,#loginform .login-password{margin-bottom: 11px;}
#loginform label{
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #535353;
    display: block!important;
    margin-bottom: 5px;
}
#loginform #user_login,#loginform #user_pass{
    box-sizing: border-box;
    padding: 14px 0px 14px 17px;
    background: #FFFEE3;
    border: 1px solid #DCDCDC;
    border-radius: 5px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #535353;
    width: 100%;
}

#password-lost-form label{
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #535353;
    display: block!important;
    margin-bottom: 5px;
}
#password-lost-form #user_login,#loginform #user_pass{
    box-sizing: border-box;
    padding: 14px 0px 14px 17px;
    background: #FFFEE3;
    border: 1px solid #DCDCDC;
    border-radius: 5px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #535353;
    width: 100%;
}
.login-submit{text-align: right;}
#wp-submit{
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    border: 0px;
    background: #e53945;
    padding: 8px 16px;
    text-align: right;
    border-radius: 0.4rem !important;
    margin-top: 1.5rem!important;
}
#sidebar-wrapper a .icon-badge-outer1 .badge {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 29px;
    height: 24px;
    border-radius: 50%;
    background-color: #ee786c;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 20px
}
.sb_logout{margin-left: 15px;padding: 10px 0px 0px 13px;}
.sb_logout a {color: #fff;
    text-decoration: none;}
.sb_opportunities_img .agents{
    float: left;
    width: 40%;
    margin-right: 10%;
    height: 32px;
}
.sb_opportunities_img .agents .user{
    float: left;
    margin-right: -10px;
    position: relative;
    z-index: 1;
}
.sb_opportunities_img .user img{
    float: left;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #fff;
}
.sb_opportunities_img .subscribers{
    float: left;
    width: 50%;
}
.sb_opportunities_img .inner{
    float: right;
}
.sb_opportunities_img .subscribers .user{
    float: left;
    margin-left: -10px;
    position: relative;
    z-index: 1;
}
.sb_opportunities_img .subscribers .user img{
    float: left;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #fff;
}
.sb_opportunities_img .subscribers .count-remaining{
    float: left;
    width: 32px;
    height: 32px;
    margin-left: -7px;
    border-radius: 50%;
    border: 2px solid #fff;
    line-height: 32px;
    background-color: green;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 11px;
}
.faq-page-single{color:#000;}
.faq-page-single:hover{color:#000;}
.message-send-users{ width:80% !important; }
.message-send-users .select2-container{width:50% !important;}
.submit-a-question-button,.submit-a-question-compose-button{position: absolute;right: 10px;}
.page-item.active .page-link,.page-item.disabled .page-link,.page-link{background: #061530;}
.page-link{color:#fff;font-size: 17px;font-weight: bold;border: unset;}
.page-item.active .page-link{color: #ffffff96 !important;}
.add-subscriber-overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(6, 21, 48, .5);
    z-index: 1000000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.add-subscriber-overlay .add-subscriber-box {
    float: left;
    width: 400px;
    padding-bottom: 100px
}

.add-subscriber-overlay .add-subscriber-box .box-body {
    padding: 20px
}

.add-subscriber-overlay .add-subscriber-box .box-body .single-field {
    margin-bottom: 12px
}

.add-subscriber-overlay .add-subscriber-box .box-body .single-field label {
    float: left;
    font-size: 14px;
    margin-bottom: 12px
}

.add-subscriber-overlay .add-subscriber-box .box-body .single-field input {
    float: left;
    width: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    margin-bottom: 12px;
    padding: 2px 10px
}

.add-subscriber-overlay .add-subscriber-box .box-body .single-field select {
    float: left;
    width: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    margin-bottom: 12px;
    padding: 6px 10px
}

.add-subscriber-overlay .add-subscriber-box .box-body .single-field .validation-text p {
    float: left;
    width: 100%;
    font-size: 12px;
    color: red;
    position: relative;
    top: -8px
}

.add-subscriber-overlay .add-subscriber-box .box-body .button-cont {
    float: right
}

.add-subscriber-overlay .add-subscriber-box .box-body .action-cancel {
    float: left;
    margin-right: 20px;
    border: 2px solid #1ccbf4;
    color: #1ccbf4;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    background-color: #fff;
    line-height: 28px;
    font-size: 11px;
    padding: 0 14px;
    border-radius: 5px;
    cursor: pointer
}

.add-subscriber-overlay .add-subscriber-box .box-body .action-cancel:hover {
    border-color: #0aadd3;
    color: #0aadd3
}

.add-subscriber-overlay .add-subscriber-box .box-body .action-add-distributor {
    float: left;
    background-color: #1ccbf4;
    color: #fff;
    line-height: 28px;
    font-size: 11px;
    padding: 0 14px;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    border: 2px solid #1ccbf4
}

.add-subscriber-overlay .add-subscriber-box .box-body .action-add-subscriber:hover {
    background-color: #0aadd3;
    border-color: #0aadd3
}
.add-subscriber-overlay .add-subscriber-box .box-body .action-add-agent,
.add-subscriber-overlay .add-subscriber-box .box-body .action-add-subscriber,
.add-subscriber-overlay .add-subscriber-box .box-body .action-add-subagent, 
.add-subscriber-overlay .add-subscriber-box .box-body .action-add-distributor {
    float: left;
    background-color: #1ccbf4;
    color: #fff;
    line-height: 28px;
    font-size: 11px;
    padding: 0 14px;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    border: 2px solid #1ccbf4;
}
.box .box-body {
    float: left;
    width: 100%;
    background-color: #fff
}
.box {
    border-radius: 5px;
}
.box .box-header {
    border-top: 7px solid #061530;
    border-bottom: 1px solid #f1f1f1;
    border-radius: 5px 5px 0 0;
    float: left;
    width: 100%;
    background-color: #e53945;
    color: #fff;
    height: 55px;
    padding: 0 24px;
}
.box .box-header .title {
    float: left;
    font-weight: 700;
    font-size: 16px;
    line-height: 48px;
}
.user-img-inbox img{width:30px;height:30px;border-radius: 30px;}
.messages-all .avatar{float: left;
    width: 32px;
    margin-right: 10px;}
.messages-all .you-avatar{float: left;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #1ccbf4;
    padding: 7px;
    /*margin: 9px 0;*/
}
.messages-all .icon{float: left;
    float: left;
    width: 100%;
    height: 100%;
}
.messages-all svg{
    float: left;
    width: 100%;
    height: 100%;
}
.messages-all .message-detail{margin-left:65px;}
.notification-cls{margin-top:50px;}
.submit-as-drafts{position: absolute;right: 160px;}
#user_switching_switch_on{display:none;}
.page-template-supporting-info-add #acf-field_636d22c4a224a{
    border: 2px solid #E2E2E2;
    border-radius: 5px;
    padding: 6px;
}
.page-template-supporting-info-add .acf-image-uploader .hide-if-value .acf-button,.page-template-supporting-info-add .acf-file-uploader .hide-if-value .acf-button{
    background: #0EB7DD;
    font-weight: 700;
    font-size: 13px;
    color: #FFFFFF;
    padding: 6px 14px;
    border-radius: 90px;
}
.page-template-supporting-info-add .acf-form-submit .acf-button{
    background: #BBF976;
    color: black;
    font-size: 22px;
    border: 1px solid #72B924;
    font-weight: bolder;
    padding: 12px 38px;
    float: right;

}
.page-template-supporting-info-add #acf-field_6126787be9215{display: block;
    position: absolute;
    width: 28px;
    height: 28px;
    top: 0;
    left: 0;
    border: 2px solid #E2E2E2;
    border-radius: 3px;
    background-color: white;}
.remove-border{border-bottom: unset !important;}

.user-details-cls{padding: 0px 0px 0px 110px;}
@media (max-width: 1200px){
    .user-details-cls{padding: 0px 0px 0px 329px !important;}    
}
.sb_accordion .card-body{
    background: #F0F0F0 !important;
    border-radius: 5px; 
    font-size: 14px;
    font-weight: 100;
}
.delete_msg{
    float: right;
    padding: 1px 19px;
    background: #e53945;
    border-radius: 90px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    margin-bottom: 4px;
    width: fit-content !important;
    margin-left: 10px;
}
.avatar-50{width: 40px;
    border-radius: 30px;
    height: 40px;}
.sb_profile_img img{
    width: 50px;
    border-radius: 30px;
    height: 50px;
    margin-left: -17px;
}
.sb_user_details{width:57%;}
.sb_topbar_button{margin-left: 30%;}
.opportunity_multiple:hover {
    color: unset !important;
}
#loginactivity td,#recent-activity td,#recent-activity th{width:20%;}
#example td,#example th{width: 20% !important;margin-left: 8px;}
#example .sb_agent_tbody {
    float: right;
    width: 75%;
}
#loginactivity tr,#recent-activity tr{margin-bottom: 10px;}
.count-remaining{
    float: left;
    margin-right: -10px;
    position: relative;
    z-index: 1;
    margin-left: 7px;
}
.cky-consent-container{width: 100% !important;
    height: 100%;
    position: absolute !important;
    left: 0px !important;}
.cky-consent-bar{background-color: #FFFFFF;
    border-color: #f4f4f4;
    margin: 0 auto;
    width: 440px;
    position: relative;
    z-index: 41;
    top: 25%;
    padding: 30px !important;
    border-radius: 10px;
}
.cky-notice-group{display: unset !important;}
.cky-notice-btn-wrapper{margin-left: 0px !important;margin-top: 15px !important;}
.cky-prefrence-btn-wrapper .cky-btn-accept, .cky-prefrence-btn-wrapper .cky-btn-reject{display:block !important;}
.cky-preference-wrapper{
    display: flex;
    /* visibility: visible; */
    /* -webkit-transform: translate(-50%, -50%); */
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(25%, 34%);
    top: 50%;
    left: 50%;
    transition: all 1s ease;
    width: 70%;
    border-radius: 10px;
}
.cky-preference-center{
    max-height: 79vh;
    overflow: hidden;
    width: 845px;
    overflow: hidden;
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
}
.cky-btn{
    color: #ffffff;
    border-color: #1863dc;
    background-color: #1863dc;
    flex: auto;
    max-width: 100%;
    font-size: 14px;
    font-family: inherit;
    line-height: 24px;
    padding: 8px;
    font-weight: 500;
    margin: 0 8px 0 0;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
    text-transform: none;
    min-height: 0;
}
.cky-preference-header .cky-btn-close{display:block !important;}
.sb_mobile_responsive a:hover{color: #0056b3 !important;}
.sb_mobile_responsive a{text-decoration: none;}
#wp-submit:hover {
    background-color: #7f1827;
}
.sb_home_top_button:hover,.sb_aside_btn:hover {
    background: #7f1827;
    color: #fff;
}
.sb_setting:hover {
    background-color: #7f1827;
    text-decoration: none;
    color: #fff !important;
    border-color: #7f1827;
}
.sb_setting:hover .gear-svg{
    content: url("https://www.candydev.uk/newgpacc/frontend-assets/assets/images/setting-white.svg");
}

.sb_home_su_box .mb-3{width:20%;}
.sb_opportunities_top_btn{margin-left: 15px;}
.sb_noti_responsive_mobile{margin-left: 15px;}
#example_wrapper{margin-top: 20px;}
.screen-title{margin-top: 20px;}
.sb_notification_message{margin-bottom: 15px;}
.sb_notification_toggle{margin-top: 20px;}
.user-img-inbox{margin-left: 5px;}
.sb_notification_btn:hover,.delete_msg:hover {background: #7f1827;text-decoration: none; color: #fff;}
.submit-as-drafts:hover,.submit-a-question-compose-button:hover{background-color: #142E5E !important;}
@media screen and (min-width:3400px) {
    .sb_user_details {width: 26%;}
    .sb_setting {width: 128px;}
    .sb_logout {width: 120px;}
}
@media only screen and (max-width: 767px) {
    .sb_home_su_box .mb-3 {width: 100%;}
    
}
.support-info-cls .options {
    float: left;
    width: 50px;
    position: relative;
}
.support-info-cls .title{width:50%;}
.support-info-cls .options button.options-button {
    float: left;
    width: 100%;
    height: 20px;
    border-radius: 10px;
    background-color: #fff;
    border: .5px solid #e1e1e1;
    cursor: pointer;
    margin-top: 20px;
}
.support-info-cls .options button.options-button .icon {
    float: left;
    width: 100%;
    height: 100%;
}
.support-info-cls .options button.options-button .icon svg {
    float: left;
    width: 100%;
    height: 100%;
}
.support-info-cls .options .options-menu {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    z-index: 100;
    width: 200px;
    list-style: none;
}
.support-info-cls .options .options-menu li {
    float: left;
    padding: 8px 8px;
}
.support-info-cls .options .options-menu li a {
    color: #1ccbf4;
}
.sub-agent-form-cls .add-subscriber-box .box-body .single-field {
    display: flex;
    flex-direction: column;
}

.sub-agent-form-cls .add-subscriber-box .box-body .single-field label{
    margin-bottom: 0px;
}
.error{ color:red; font-size: 12px;}
.error p { margin-bottom:1px;}
.avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #e94f58 !important;
    font-size: 19px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

a .avatar.avatar-50.photo {
    position: absolute;
}

.inbox-outer{
    background-color: #fff;
    position: relative;
}
.inbox-outer .inbox-left{
    float: left;
    width: 50%;
}

.inbox-outer .inbox-left .inbox-messages .single-message{
    float: left;
    width: 100%;
    padding: 20px;
    height: 80px;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
}

.inbox-outer .inbox-left .inbox-messages .single-message .avatar{
    float: left;
    width: 42px;
    margin-right: 14px;
    height: 100%;
}

.inbox-outer .inbox-left .inbox-messages .single-message .message-contents{
    float: left;
    width: calc(100% - 290px);
    height: 100%;
}

.inbox-outer .inbox-left .inbox-messages .single-message .message-contents .name{
    float: left;
    width: 100%;
    margin:0;
}

.inbox-outer .inbox-left .inbox-messages .single-message .message-contents .subject{
    float: left;
    width: 100%;
}

.inbox-outer .inbox-left .inbox-messages .single-message .starred{
        float: left;
    width: 42px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.inbox-outer .inbox-left .inbox-messages .single-message .message-time{
    float: left;
    width: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.inbox-outer .inbox-left .inbox-messages .single-message .message-time p{
    float: left;
    padding: 4px;
    border-radius: 5px;
    border: 0.5px solid #e1e1e1;
    font-size: 12px;
    background-color: #fff;
}

.section1 {
    float: left;
    width: 100%;
}

.section1 .inbox-right{
    float: left;
    width: 50%;
    padding: 20px 20px 20px 40px;
}

.inbox-outer .inbox-left-spacer {
    float: left;
    width: 50%;
    height: 1px;
}
.inbox-outer .inbox-right-reply{
    float: left;
    width: 50%;
    padding: 20px 20px 20px 40px;
}

.inbox-outer .pagination{
    float: left;
    width: 100%;
    padding: 20px;
    background-color: #061530;
    border-radius: 0 0 5px 5px;
    color: #fff
}

.inbox-outer .loader{
        position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(6, 21, 48, .5);
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.inbox-outer .inbox-right .new-user-detail .action-buttons{
    float: right;
}

.inbox-outer .inbox-right .new-user-detail .action-buttons .reject-subscriber{
    float: left;
    margin-right: 20px;
    border: 2px solid #1ccbf4;
    color: #1ccbf4;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    background-color: #fff;
    line-height: 28px;
    font-size: 11px;
    padding: 0 14px;
    border-radius: 5px;
    cursor: pointer;
}

.inbox-outer .inbox-right .new-user-detail .action-buttons .accept-subscriber{
    float: left;
    background-color: #1ccbf4;
    color: #fff;
    line-height: 28px;
    font-size: 11px;
    padding: 0 14px;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    border: 2px solid #1ccbf4;
}

.inbox-outer .inbox-right .message-top-bar p.tag{
    float: left;
    background-color: #d2ff9f;
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
    padding: 10px 14px;
    font-weight: 700;
    border-radius: 5px;
}

.inbox-outer .inbox-right .message-top-bar{
    float: left;
    width: 100%;
    height: 32px;
}

.inbox-outer .inbox-right .subject-line{
    float: left;
    width: 100%;
    padding-top: 20px;
}
.inbox-outer .inbox-left .inbox-messages .single-message:hover { background-color: rgba(6, 21, 48, .2); }
.inbox-outer .inbox-left .inbox-messages .single-message.active { background-color: rgba(6, 21, 48, .4); }

.inbox-outer .inbox-left .inbox-messages .single-message .active{
    background-color: rgba(6, 21, 48, .4);
}
.set-inline { display: flex; flex-wrap: nowrap; }
.displaynone { display:none !important;}
.support-info-cls .screen-title{margin-bottom:12px  !important;}
.support-info-cls .title{width:90%;}
.sb_opportunities_card .logo{
    width: 100%;
    height: 250px;
}
.main_content img{width: 100%;height: 300px;}
.recent-activity{margin-top:20px;}
.recent-activity .box{margin-top:20px;}
.name-logo{height: 49px;width: 49px;padding-top: 12px;
    font-size: 22px;}
.userprofile{height: 49px;
    width: 49px;
    padding-top: 12px;
    font-size: 22px;
    margin-bottom: 13px;}
.export-analytics-data{
    position: absolute;
    right: 134px;
    border: 1px solid;
    background: #0EB7DD;
    font-weight: 700;
    font-size: 13px;
    color: #FFFFFF;
    padding: 6px 14px;
    border-radius: 90px;
}
.sb_app_pdf_doc_btn{color: white;
    background: #0EB7DD;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px;
    margin-bottom: 12px;}
.asc_desc_imag{background: #fff;margin: 0px 0px 0px 10px;}
#media_images_model .modal-content{width: 800px;margin-left: -100px;}
#media_images_model .modal-body img{width: 72px;height: 72px;}
.support_info_group{margin-bottom:50px;}
.remove-exiting,.addMore,.remove{margin-top: 60px;}
.subscribers-submit{
    float: left;
    margin-right: 20px;
    border: 2px solid #1ccbf4;
    color: #1ccbf4;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    background-color: #fff;
    line-height: 28px;
    font-size: 11px;
    padding: 0 14px;
    border-radius: 5px;
    cursor: pointer;
}
.tox-statusbar__path-item{
    display: none !important;
}

    .content img { width:250px !important; height:250px !important; }