.bw_popup                       { display: none; width: 100%; min-height: 100%; background-color: rgba(0, 0, 0, 0.3); overflow: hidden; position: fixed; top: 0; left: 0; z-index: 95;  }

    .bw_popup_content     { width: 446px; overflow-y: scroll; margin: 100px auto 0 auto; padding: 0 50px 36px 50px; box-sizing: border-box; background-color: #FFFFFF; box-shadow: 0px 0px 10px rgb( 0, 0, 0, 0.25); z-index: 96; max-height: calc(100vh - 150px); }
	.bw_popup_content::-webkit-scrollbar { width: 1em; }


    .bw_popup_close     { float: right; margin: 13px -35px 0 0; cursor: pointer; }

    .bw_popup_row       { width: 100%; box-sizing: border-box; padding: 10px 0; font: 12px/14px 'Roboto', Arial; font-weight: 400; text-align: center; color: #727272; overflow: hidden; }
	.bw_popup_row   a   { color: #727272; }
    .bw_popup_row   a:hover { cursor: pointer; }

    .bw_popup_row_50    { width: 50%; float: left; }
    .bw_popup_row_50:nth-child(even)    { padding: 11px 5px 11px 0; }
    .bw_popup_row_50:nth-child(odd)     { padding: 11px 0 11px 5px; }

    .bw_popup_header    { width: 100%; font: 36px/42px 'Roboto', Arial; font-weight: 700; color: #727272; text-align: center;  padding: 40px 0 25px 0; }

    .bw_popup_input     { width: 100%; box-sizing: border-box; border: 1px solid #C4C4C4; color: #727272; background-color: #FFFFFF; padding: 10px 19px; font: 12px/14px 'Roboto', Arial; font-weight: 400; }

    .bw_popup_input:-webkit-autofill
        { -webkit-box-shadow: inset 0 0 0 50px #FFFFFF !important; -webkit-text-fill-color: #727272 !important; color: #727272 !important; }


    .bw_popup_input:focus             { outline: none; }

    .bw_popup_input[type="submit"]      { border: 1px solid #C4C4C4; color: #FFFFFF; background-color: #727272; font-weight: 700; }
    .bw_popup_input[type="submit"]:hover { cursor: pointer;  }
    .bw_popup_input[type="submit"].show__more { width: auto; margin: 0px auto; display: block; }

    .bw_popup_input_register              { border: 1px solid #C4C4C4; color: #727272; background-color: #DFDFDF; font-weight: 700; }
    .bw_popup_input_register:hover        { border: 1px solid #C4C4C4; color: #727272; background-color: #DFDFDF; font-weight: 700; cursor: pointer; }

    .label                      { padding: 10px 0 0 0; font-weight: 700; text-align: left; }

    .optional                   { font-weight: 400;}




     .socialNets            { padding-top: 12px; padding-bottom: 12px; }

    .social_nets_checkbox_1, .social_nets_checkbox_2, .social_nets_checkbox_3, .social_nets_checkbox_4,.social_nets_checkbox_5           { display: block ; width: 35px; float: left; margin: 0 8px 0 0; }
    .social_nets_checkbox_1 input[type=checkbox]{
        	-webkit-appearance: none; -moz-appearance: none; background: url(../img/socialCheckBox_1.png) 0 0 no-repeat; display: inline-block; width: 35px; height: 33px; margin: 0 5px 0 0; padding: 0; vertical-align: top; outline: none; cursor: pointer; }
    .social_nets_checkbox_1 input[type=checkbox]:checked    { background-image: url(../img/socialCheckBox_1+.png); }

    .social_nets_checkbox_2 input[type=checkbox]{
        	-webkit-appearance: none; -moz-appearance: none; background: url(../img/socialCheckBox_2.png) 0 0 no-repeat; display: inline-block; width: 35px; height: 33px; margin: 0 5px 0 0; padding: 0; vertical-align: top; outline: none; cursor: pointer; }
    .social_nets_checkbox_2 input[type=checkbox]:checked    { background-image: url(../img/socialCheckBox_2+.png); }

    .social_nets_checkbox_3 input[type=checkbox]{
        	-webkit-appearance: none; -moz-appearance: none; background: url(../img/socialCheckBox_3.png) 0 0 no-repeat; display: inline-block; width: 35px; height: 33px; margin: 0 5px 0 0; padding: 0; vertical-align: top; outline: none; cursor: pointer; }
    .social_nets_checkbox_3 input[type=checkbox]:checked    { background-image: url(../img/socialCheckBox_3+.png); }

    .social_nets_checkbox_4 input[type=checkbox]{
        	-webkit-appearance: none; -moz-appearance: none; background: url(../img/socialCheckBox_4.png) 0 0 no-repeat; display: inline-block; width: 35px; height: 33px; margin: 0 5px 0 0; padding: 0; vertical-align: top; outline: none; cursor: pointer; }
    .social_nets_checkbox_4 input[type=checkbox]:checked    { background-image: url(../img/socialCheckBox_4+.png); }

    .social_nets_checkbox_5 input[type=checkbox]{
        	-webkit-appearance: none; -moz-appearance: none; background: url(../img/socialCheckBox_5.png) 0 0 no-repeat; display: inline-block; width: 35px; height: 33px; margin: 0 5px 0 0; padding: 0; vertical-align: top; outline: none; cursor: pointer; }
    .social_nets_checkbox_5 input[type=checkbox]:checked    { background-image: url(../img/socialCheckBox_5+.png); }



    .checkbox-other         { display: block; }

    .checkbox-other input[type=checkbox]
        {
        	-webkit-appearance: none; -moz-appearance: none; display: inline-block; width: 12px; height: 13px; margin: 0 5px 0 0; padding: 0; vertical-align: top; outline: none; background: url(../img/checkbox.png) 0 0 no-repeat; cursor: pointer;
        }

    .checkbox-other input[type=checkbox]:checked    { background-image: url(../img/checked.png); }


    .bw_popup_social                        { display: flex;  flex-direction: row; border-left: 1px solid #C4C4C4; border-right: 1px solid #C4C4C4; padding: 0; }
    .bw_popup_social span                   { flex-grow: 1; text-align: center; height: 30px; border-right: 1px solid #C4C4C4; padding: 0; margin: 0;  }
    .bw_popup_social span:last-of-type      { border: none; }

    .bw_popup_social span a                 {   height: 30px; color: #727272; display: flex; justify-content: center; align-items: center; font-size: 14px;}
    .bw_popup_social span a:hover           { cursor: pointer;  }
    .bw_popup_social span a img             { vertical-align: middle;  }


	.user_settings .comment_author { position: relative; }
	.user_settings .comment_author input[type=file] { position: absolute;top: 0px;left: 0px;width: 70px;height: 70px;opacity: 0;}

    .user_profile .bw_popup_close               { margin: 13px -25px 0 0; }
    .user_profile .bw_popup_row                 { text-align: left; padding: 7px 0; }

    .user_profile                               { padding: 0 40px 36px 40px; width: 750px; }


    .user_profile  input                       { font-weight: 700; color: #000000; }

    .user_profile .comment_author               { /*overflow: hidden;*/ padding: 0 0 28px 0; }

    .user_profile .comment_author .comment_time     {  font: 12px/20px 'Roboto', Arial; }
    .user_profile .comment_author .user_name        { font-weight: 400; }
    .user_profile .comment_author .user_name    b   { white-space: nowrap; }

    .user_profile .bw_popup_header              { padding: 40px 0 6px 0; border-bottom: 1px solid #DFDFDF; margin-bottom: 27px; }

    .user_profile .label                      { padding: 7px 0 0 0; font-weight: 700; text-align: left; }
    .user_profile .comment_author .user_pic
    {
        margin-left: 0; width: 70px; height: 70px; margin: 0 12px 0 0; -webkit-filter: none; filter: none;
    }


    .bw_popup_container_50                          { width: 50%; box-sizing: border-box; overflow: hidden; }
    .bw_popup_container_33                          { width: 33.3%; box-sizing: border-box; overflow: hidden; }

    .left               { float: left; padding: 0 16px 0 0;  }
    .center             { float: left; padding: 0 16px 0 0;  }
    .right              { float: right; padding: 0 0 0 16px; }

    .profile_divide     { border-top: 1px solid #DFDFDF; margin-top: 10px; padding-top: 20px !important; text-align: left; }

    .bw_popup_themes_box    {
        border: 1px solid #C4C4C4; overflow-y: scroll; height: 275px;
    }

    .bw_popup_themes_box .bw_popup_row {
        padding: 7px 10px; border-bottom: 1px solid #C4C4C4;
    }

    .bw_popup_themes_box .bw_popup_row:last-of-type {
        border-bottom: none;
    }

    .bw_popup_themes_box::-webkit-scrollbar                { width: 5px; height: 25px; }
    .bw_popup_themes_box::-webkit-scrollbar-button         { background-color: #FFFFFF; }
    .bw_popup_themes_box::-webkit-scrollbar-track          { background-color: #FFFFFF; }
    .bw_popup_themes_box::-webkit-scrollbar-track-piece    { background-color: #FFFFFF; }
    .bw_popup_themes_box::-webkit-scrollbar-thumb          { background-color: #DFDFDF; }
    .bw_popup_themes_box::-webkit-scrollbar-corner         { background-color: #FFFFFF; }
    .bw_popup_themes_box::-webkit-resizer                  { background-color: #FFFFFF; }



    .user_activity                                              { padding: 46px 40px 36px 40px; width: 750px; height: 740px;  }

    .user_activity .bw_popup_close                              { margin: -30px -25px 0 0; }
    .user_activity .comments_header                             {  }
    .user_activity .bw_popup_row                                { padding: 7px 0 !important; }

    .bw_popup_comments_box                                      { overflow-y: scroll; border-bottom: 25px solid #FFFFFF; padding-bottom: 0; }

    .user_activity .comment         { padding: 14px 0 0 0; }
    .user_activity .comment_author  { padding: 0 0 8px 0; }
    .user_activity .reply           { padding: 10px 0 0 42px; border: none; }

    .user_activity .comment_author .user_name                   { font: 18px/21px 'Roboto', Arial; font-weight: 700;  }
    .user_activity .comment_author .comment_time    b           { color: #000000;  }
    .user_activity .comment_author .user_name   b               { font: 18px/21px 'Roboto', Arial; font-weight: 400; color: #727272;  }

    .user_activity .comment .comment_author .user_name          { font: 12px/14px 'Roboto', Arial; font-weight: 700; }

    .user_activity .comment .comment_author .user_pic            { margin-left: 0; width: 40px; height: 40px; margin: 0 12px 0 0; }
    .user_activity .reply .comment_author .user_pic     { margin-left: 0; width: 30px; height: 30px; margin: 0 12px 0 0; }

    .user_activity .share_comment { margin: -0 0 0 0; }

    .bw_popup_comments_box .bw_popup_row    {
        padding: 7px 10px;
    }

    .bw_popup_comments_box .bw_popup_row:last-of-type {
        border-bottom: none;
    }

    .bw_popup_comments_box::-webkit-scrollbar                { width: 5px; height: 25px; }
    .bw_popup_comments_box::-webkit-scrollbar-button         { background-color: #FFFFFF; }
    .bw_popup_comments_box::-webkit-scrollbar-track          { background-color: #FFFFFF; }
    .bw_popup_comments_box::-webkit-scrollbar-track-piece    { background-color: #FFFFFF; }
    .bw_popup_comments_box::-webkit-scrollbar-thumb          { background-color: #DFDFDF; }
    .bw_popup_comments_box::-webkit-scrollbar-corner         { background-color: #FFFFFF; }
    .bw_popup_comments_box::-webkit-resizer                  { background-color: #FFFFFF; }



    @media only screen and (max-device-width : 812px)
    {
        .bw_popup_content                           { width: 100%; overflow: scroll; margin: 0 auto 0 auto; z-index: 96; padding: 20px; }
        
        .bw_popup_close { margin-right: 0px !important; margin-top: 0px !important;}

        .user_profile, .user_registration, .user_activity, .user_login           { height: 100vh; max-height: 100%; }
        .user_login p { margin: 12px 0px; }



        .comments_header    i                       { display: none; }


        .bw_popup_container_50                          { width: 100%; }

        .left               { padding: 0 0 0 0; float: none; }
        .right              { padding: 0 0 0 0; float: none;}

    }

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
.error { color: red; margin-bottom: 15px; display: none;}
.error.show { display: block; }