.hdr{
    width: 100%;
    padding: 60px 25px;
}
.hdr .hdr_inr{
    position: relative;
}
.hdr .h1{
    width: 100%;
    height: 20px;
    display: table;
    padding: 0 50px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    line-height: 20px;
    position: absolute;
    left: 0;
    z-index: 1;
}
.hdr .hdr_icn a, .hdr .hdr_icn a img{
    display: block;
    width: 100%;
}
.hdr .hdr_icn a{
    width: 35px;
    height: 35px;
    padding: 10px;
    background: #ffffff;
    border-radius: 100%;
}
.hdr .hdr_icn{
    display: block;
    width: 35px;
    position: relative;
    z-index: 5;
    top: -5px;
}
.hdr .hdr_icn.hstry_icn{
    float: left;
}
.hdr .hdr_icn.nv_icn{
    float: right;
}
/* ENDS HEADER */

.alrt{
    width: 100%;
    font-size: 12px;
    overflow: hidden;
    padding: 10px 15px 7px 15px;
    border-radius: 4px;

}
.alrt .icn{
    padding: 7px 0;
    float: left;
}
.alrt .icn svg {
    width: 16px;
}
.alrt .msg{
    padding: 2px 15px 2px 55px;
}
.alrt .msg h5{
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #222325;
}
.alrt .msg p{
    padding: 0;
    margin: 0;
    font-size: 13px;
    font-weight: 300;
    color: #222325;color: #222325;
}
.alrt.alrt_dngr{
    background: #FFC3C3;
    color: #ffffff;
}
.alrt.alrt_dngr .icn{
    width: 41px;
    height: 41px;
    padding: 11px 0px;
    border: 1px solid #ff6f6f;
    border-radius: 100%;
    text-align: center;
}
.alrt.alrt_dngr .icn svg{
    fill: #ff6f6f;
}
.alrt.alrt_scss{
    background: #caf1d3;
    color: #ffffff;
}
.alrt.alrt_scss .icn{
    width: 41px;
    height: 41px;
    padding: 11px 0px;
    border: 1px solid #1dbf74;
    border-radius: 100%;
    text-align: center;
}
.alrt.alrt_scss .icn svg{
    fill: #1dbf74;
}
/* ENDS ALERT NOTIFICATIONS */

.nv_br{
    width: 100%;
    height: 100%;
    background: rgba(00, 00, 00, .7);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
}
.nv_br.actv_nv_br .nv_br_inr{
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
.nv_br .nv_br_inr{
    width: 100%;
    padding: 45px 35px 55px 35px;
    background: #ffffff;
    border-radius: 40px 40px 0 0;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translate(0,100%);
    -webkit-transform: translate(0,100%);
    transition: all .5s;
    -webkit-transition: all .5s;
}
.nv_br .nv_br_inr .cls_nv_br{
    display: block;
    width: 40px;
    height: 4px;
    margin: 0 auto;
    background: #e7e7e7;
    border-radius: 2px;
    position: relative;
    top: -30px;
}
.nv_br .nv_br_inr ul{
    display: block;
    padding: 0;
    margin: 0;
}
.nv_br .nv_br_inr ul li{
    overflow: hidden;
}
.nv_br .nv_br_inr ul li a{
    display: block;
    font-size: 13px;
}
.nv_br .nv_br_inr ul li .nv_icn, .nv_br .nv_br_inr ul li .nv_txt{
    padding: 15px 0;
}
.nv_br .nv_br_inr ul li .nv_icn{
    display: block;
    width: 50px;
    float: left;
}
.nv_br .nv_br_inr ul li .nv_icn img{
    width: 20px;
    position: relative;
    top: -3px;
}
.nv_br .nv_br_inr ul li .nv_icn img.pfl_pic{
    border-radius: 20px;
    border: 1px solid #e7e7e7;
    width: 25px;
    top: 0;
}
.nv_br .nv_br_inr ul li .nv_txt{
    display: block;
    margin-left: 50px;
    border-bottom: 1px solid #e7e7e7;
    font-weight: 300;
}
/* ENDS NAV BAR */

.bio_wrpr{
    padding: 0 0 40px 0;
    margin: 0 0 45px 0;
    border-bottom: 1px solid #e7e7e7;
}
.prfl_pic_thmb{
    width: 136px;
    height: 136px;
    margin: 0 auto;
    position: relative;
}
.prfl_pic_thmb img{
    width: 100%;
}
.prfl_pic_thmb .prfl_pic{
    width: 136px;
    height: 136px;
    background: #ffffff;
    border: 6px solid #ffffff;
    border-radius: 100%;
    overflow: hidden;
}
.frm_rw.bio_nmttl{
    padding: 0 0 30px 0;
}
.frm_rw.bio_shr{
    padding: 0 0 10px 0;
    
}
.frm_txt.title{
    padding: 0;
    border: none;
    font-size: 16px;
    font-weight: 300;
    color: #757e92;
    text-align: center;
}
.frm_txt.brief{
    height: 75px;
    margin: 20px 0 0 0;
    border: none;
    font-size: 14px;
    text-align: center;
    color: #757e92;
    appearance: inherit;
    -webkit-appearance: inherit;
}
.prfl_pic_thmb .cstm_fil{
    width: 34px;
    height: 34px;
    position: absolute;
    bottom: 5px;
    right: 5px;
}
.cstm_fil .frm_btn.upld_pdf, .cstm_fil .frm_btn.upld_logo, .cstm_fil .frm_btn.upld_promo{
    padding: 6px 30px;
    font-size: 13px;
}
.prfl_pic_thmb .cstm_fil .file_inpt{
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
}
.prfl_pic_thmb .cstm_fil .upld_profpic, .prfl_pic_thmb .cstm_fil .file_inpt{
    display: block;
    width: 34px;
    height: 34px;
    padding: 2px;
    /*background: #6d6aef;*/
    background: #000000;
    border: 4px solid #ffffff;
    border-radius: 20px;
}
.prfl_pic_thmb .cstm_fil .upld_profpic img{
    width: 15px;
    position: absolute;
    left: 6px;
    top: 5px;
}
.cstm_fil_ttl{
    font-size: 12px;
    position: relative;
    margin: 7px 0 0 0;
    text-align: center;
    color: #606060;
    /*display: none;*/
}
.cstm_fil_ttl span{
    display: inline-block;
}
.cstm_fil_ttl span.rmv_fil{
    color: #eb5875;
}
.prfl_shr{
    display: table;
    margin: 0 auto;
}
.prfl_shr li{
    display: inline-block;
    width: 40px;
    margin: 0;
}
.prfl_shr li a{
    display: block;
    padding: 5px;
    background: #f2f3f5;
    border-radius: 25px;
}
.prfl_shr li img{
    width: 100%;
}

/* START QR CODE POPUP*/
.noBdyScrl{
    overflow: hidden;
}
.qrcd_mdl, .clr_pcr_mdl{
    width: 100%;
    height: 100%;
    background: rgba(00, 00, 00, .7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}
.qrcd_mdl .qrcd_mdl_inr{
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -100px;
}
.qrcd_mdl .qrcd_mdl_inr .qrcodeCanvas{
    width: 45%;
    max-width: 200px;
    margin: 0 auto;
    border: 15px solid #ffffff;
}
.qrcd_mdl .qrcd_mdl_inr canvas{
    display: block;
    width: 100%;
}
.cls_qrcd_mdl, .cls_clr_pcr_mdl{
    width: 20px;
    position: absolute;
    top: 25px;
    right: 25px;
}
.cls_qrcd_mdl a, .cls_qrcd_mdl a img, .cls_clr_pcr_mdl a, .cls_clr_pcr_mdl a img{
    width: 100%;
}
/* END PERSONAL PROFILE */

.mn_rw.tp_stats{
    width: 100%;
    padding: 70px 0 30px 0;
    margin-bottom: 50px;
    background: #f2f2f2;
    border-radius: 0 0 40px 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}
.mn_rw.tp_stats .half{
    display: inline-block;
    width: 49%;
    padding: 0 15px;
}
.mn_rw.tp_stats:before{
    content: "";
    display: block;
    width: 100%;
    height: 40px;
    background: #ffffff;
    border-radius: 0 0 40px 40px;
    position: absolute;
    top: -1px;
    left: 0;
}
.mn_rw.tp_stats .sv_cnt_nmbr{
    font-size: 26px;
    font-weight: 700;
    color: #595959;
}
.mn_rw.tp_stats .sv_cnt_ttl{
    color: #6d6aef;
}
/* ENDS STATISTICS */

.frm_sgn_lgn{
    padding-top: 50px;
}
.frm_sgn_lgn.pg{
    padding-top: 0;
}
.frgt_pswd{
    margin: 5px 0 0 0;
    font-size: 14px;
    text-align: right;
}
.signup{
    font-size: 14px;
    text-align: center;
}
.signup a{
    /*text-decoration: underline;*/
}
.hd_signin{
    font-size: 36px;
    font-weight: 700;
    text-align: center;
}
.p_signin{
    padding: 0 0 7px 0;
    font-size: 13px;
    font-weight: 300;
    color: #595959;
    text-align: center;
}
.logo_signin{
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    max-width: 200px;
    margin: 0 auto 35px auto;
}
.logo_ftr{
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    max-width: 150px;
    margin: 40px auto 100px auto;
    opacity: 20%;
}
/* ENDS SIGN IN AND RESET PASSWORD */

.minicolors{
    left: 50%;
    top: 50% !important;
    margin: -86px 0 0 -86px;
}
.minicolors-panel {
    display: block !important;
    position: relative;
    border-radius: 0;
    box-shadow: none;
    box-sizing: content-box;
}
/* ENDS COLOR PICKER CSS */

.choose_your_design{
    display: inline-block;
    width: 33.33%;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    position: relative;
}
.choose_your_design > img{
    width: 100%;
    border-radius: 10px;
    border: 1px solid #e7e7e7;
}
.choose_your_design.selected > img{
    border-color: #000000;
}
.thm_nme{
    padding: 8px 0;
    font-size: 14px;
}
.mrk{
    width: 20px;
    height: 20px;
    margin: 0 auto;
    border-radius: 20px;
    border: 2px solid #e7e7e7;
}
.mrk img{
    width: 12px;
    height: 12px;
    opacity: 0;
    position: relative;
    top: -7px;
}
.choose_your_design.selected .mrk{
    background: #000000;
    border-color: #000000;
}
.choose_your_design.selected .mrk img{
    opacity: 1;
}

/* START FOOTER NAVIGATION */
.ftr_sec{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    box-shadow: 0px 0px 10px rgb(00, 00, 00, 7%);
}
.ftr_sec .ftr_sec_inr{
    background: #ffffff;
}
.ftr_sec .ftr_sec_inr ul{
    display: block;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.ftr_sec .ftr_sec_inr ul li{
    width: 25%;
    float: left;
}
.ftr_sec .ftr_sec_inr ul li a{
    display: block;
    padding: 20px 10px;
    text-align: center;
    color: #7c7c7c;
}
.ftr_sec .ftr_sec_inr ul li a img{
    width: 24px;
}
.ftr_sec .ftr_sec_inr ul li a span{
    display: block;
    font-size: 13px;
    font-weight: 200;
    margin: 6px 0 0 0;
}

/* START DASHBOARD STYLES*/
.stat_all{
    padding: 2px 0;
}
.ttl_thmb{
    padding: 35px 20px 25px 20px;
    margin: 12px 0;
    background: #ffffff;
    border-radius: 7px;
    border: 1px solid #fafafa;
    box-shadow: 0px 2px 1px rgba(00, 00, 00, 0.10);
    text-align: center;
    line-height: 16px;
}
.ttl_thmb img{
    width: 50px;
}
.ttl_thmb .ttl_lbl{
    padding: 15px 0 5px 0;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}
.ttl_thmb .ttl_cnt{
    font-size: 16px;
    font-weight: 600;
    color: #6d6aef;
}

/* START STYLES AND COLORS PAGE */
.clbrtn_bx{
    width: 100%;
    text-align: center;
}
.clbrtn_bx img{
    width: 100%;
    max-width: 320px;
    margin: 50px 0 25px 0;
}

/* ENDS ROUND SLIDER */
.lead_gen_wrpr{
    margin: 0 0 45px 0;
    border-bottom: 1px solid #e7e7e7;
}

/* FILE UPLOAD PROGRESS BAR */
.progress{
    height: 5px;
    margin: 10px 0 0 0;
    background-color: #d9d9d9;
}
.progress-bar {
    background-color: #72db66;
    font-size: 0;
    line-height: 0;
    color: transparent;
}
.chk-error{
    font-size: 13px;
    text-align: center;
    display: block;
    margin: 3px 0 0 0;
}


/* START DARK MODE BACKEND */
body.dark-mode{
	background-color: #000;
}
.dark-mode .hdr .hdr_icn a{
    background: #1c1c1e;
}
.dark-mode .hdr .hdr_icn a img {
     filter: invert(1);
}
.dark-mode .nv_br .nv_br_inr ul li .nv_icn img{
    filter: contrast(0);
}
.dark-mode .nv_br .nv_br_inr{
    background: #000000;
    border: 1px solid #1c1c1e;
}
.dark-mode .nv_br .nv_br_inr .cls_nv_br{
    background: #1c1c1e;
}
.dark-mode .nv_br .nv_br_inr ul li .nv_txt {
    border-bottom: 1px solid #1c1c1e;
    color: #ffffff;
}
.dark-mode .ftr_sec{
    border-top: 1px solid #1c1c1e;
}
.dark-mode .ftr_sec .ftr_sec_inr{
    background: #000000;
}
.dark-mode .ftr_sec .ftr_sec_inr ul li a img {
    filter: invert(1);
}
.dark-mode .ttl_thmb {
    background: #1c1c1e;
    border: 1px solid #1c1c1e;
}
.dark-mode .ttl_thmb {
    background: #1c1c1e;
    border: 1px solid #1c1c1e;
}
.dark-mode .hdr .h1, .dark-mode .ttl_thmb .ttl_lbl {
    color: #ffffff;
}
/* START DARK MODE BACKEND - VCard Page */
.dark-mode .prfl_pic_thmb .prfl_pic{
    background: #1c1c1e;
    border: 6px solid #1c1c1e;
}
.dark-mode .prfl_pic_thmb .cstm_fil .upld_profpic, .dark-mode .prfl_pic_thmb .cstm_fil .file_inpt{
    background: #1c1c1e;
    border: 4px solid #1c1c1e;
}
.dark-mode .bio_wrpr {
    border-bottom: 1px solid #1c1c1e;
}
.dark-mode .icn_swtchr .frnt .tgl_btn .ttl{
    color: #ffffff;
}
.dark-mode .prfl_shr li a {
    background: #1c1c1e;
}
.dark-mode .prfl_shr li img {
    filter: invert(1);
}

/* START DARK MODE BACKEND - Design Page */
.dark-mode .hdr .hdr_icn a{
    background: #1c1c1e;
}
.dark-mode .hdr .hdr_icn a img {
    filter: invert(1);
}
.dark-mode .choose_your_design > img {
    border: 1px solid #1c1c1e;
    filter: brightness(0.90);
}
.dark-mode .choose_your_design.selected > img{
    border-color: #ffffff;
}
.dark-mode .thm_nme {
    color: #ffffff;
}
.dark-mode .mrk {
    border: 2px solid #1c1c1e;
}
.dark-mode .choose_your_design.selected .mrk {
    background: #ffffff;
    border-color: #ffffff;
}
.dark-mode .choose_your_design.selected .mrk img {
    filter: brightness(0);
}

/* START DARK MODE BACKEND - Style and Color Page */
.clr-field button {
    border: 5px solid #3d3c41;
    box-shadow: 0px 0px 0px 1px #3d3c41;
}

/* START DARK MODE BACKEND */
.dark-mode .h2, .dark-mode h2 {
    color: #ffffff;
}