/*
                       _______              _     _      
                      |__   __|            | |   | |     
      _ __   _____      _| |_   _ _ __ ___ | |__ | |
     | '_ \ / _ \ \ /\ / / | | | | '_ ` _ \| '_ \| |
     | | | |  __/\ V  V /| | |_| | | | | | | |_) | |
     |_| |_|\___| \_/\_/ |_|\__,_|_| |_| |_|_.__/|_|


     Copyright © 2018-2020 8-P, LLC. All rights reserved.
*/

/*******************************************************************************************************************************
**                                                          Site Wide                                                         **
*******************************************************************************************************************************/

* {
   font-family: interstate, sans-serif;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   list-style: none;
}

p + p {
   margin: 4px 0 0 0;
}

body {
   line-height: 1;
   padding: 0;
   margin: 0;
}

body.modal_open {
   overflow: hidden !important;
   /* padding: 0 24px 0 0; */
}

.scroll_area {
   height: 100%;
   overflow-x: hidden;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
}

.clearfix::after {
   content: "";
   clear: both;
   display: table;
}

a, a:visited {
   cursor: pointer;
   color: #fff;
}

   a:link {
      text-decoration: none;
   }

   a:hover {
      text-decoration: underline;
   }

.mobile .nomobile {
   display: none !important;
}

.popup_menu {
   position: absolute;
   background: #fff;
   display: none;
   box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
   border-radius: 4px;
   overflow: hidden;
   z-index: 20;
   width: min-content;
 /*min-width: fit-content;
   min-width: -moz-fit-content;*/
   max-height: 400px;
   overflow: auto;
}

.share_panel {
   bottom: 34px;
}

   .share_panel span.social {
      margin: -8px 8px 0 0px;
      top: 8px;
   }

   .share_panel li.click_share {
      padding: 16px 10px 10px 10px !important;
   }

.queue_settings .popup_menu {
   max-width: 120px;
}

.search_info.popup_menu {
   z-index: 20;
   line-height: 1.3;
   padding: 10px;
   width: 150px;
}

.show > .popup_menu, .popup_menu.show {
   display: block;
}




.views_selector .popup_menu ul li {
   height: 42px !important;
   /* vertical-align: middle; */
   text-align: left;
   display: block;
   display: flex;
   align-items: center;
}




.f32 .flag {
   margin: -6px 8px 0 0;
}

.popup_menu ul.f32 li {
   height: 32px;
}

.popup_menu.country {
   width: 400px;
}

.popup_menu ul li a {
   color: unset;
}

   .popup_menu ul li a:hover {
      text-decoration: none;
   }

.blog_drop.popup_menu .newblog span {
   width: 100%;
   text-align: center;
   font-weight: 400;
}

.popup_menu ul li.newblog {
   /* border-top: 1px solid #c4c8cf; */
   /* width: 100%; */
   /* text-align: center; */
}

li.click_settings_blog, li.click_logout {
   border-top: 1px solid #c4c8cf;
}

.popup_menu ul li i {
   margin: 0 6px 0 5px;
   color: #000 !important;
   /* float: left; */
   width: 22px;
}

.popup_menu ul li:hover {
   background: #f7f7f7;
}

.drop li.divider {
   height: 1px !important;
   padding: 0 !important;
   margin: 0 !important;
   border-bottom: 1px solid #a5adb8;
   width: 100%;
   min-height: unset;
}

.blog_icon {
   width: 32px;
   height: 32px;
   border-radius: 4px;
   overflow: hidden;
}

   .blog_icon.round {
      border-radius: 100% !important;
      margin: 0 0 0 -6px;
      /* width: calc(100% + 12px) !important; */
      /* height: calc(100% + 12px) !important; */
      transform: scale(1.1);
      transform-origin: 50% 50%;
   }

   .online.round + .online_icon {
        /* right: -12px; */
    }

   .blog_icon img {
      /* max-width: 100%; */
      width: 100%;
      height: 100%;
      object-fit: cover;
   }

   .blog_icon:empty {
      background: url("../img/user_image_fpo.jpg") no-repeat center top;
      background-size: contain;
   }

/*******************************************************************************************************************************
**                                                         Gross Layout                                                       **
*******************************************************************************************************************************/
.center_wide {
   padding: 0 16px;
}

body.layout_info, body.page_blog, body.layout_tabbed, body.layout_settings, body.page_logout, body.page_reset, body.page_verify, body.page_reactivate, body.page_unsubscribe {
   background: #ececec;
}

.page_dash {
   background: #36465d;
   background: linear-gradient(
      to bottom right,
      #36465d,
      #36465d 80%
    );
}

.arrange_section .arrange_separator {
   color: #fff;
}

.page_blog .arrange_section .arrange_separator {
   color: #000;
}

.page_dash_home {
   background: #36465d;
}

.page_search,
.page_tagged {
   background: #36465d;
   padding: 0;
}

.layout_archive {
   /* padding: 20px 0 0 0; */
}

.page_home {
   background: url("../img/woman_back.jpg") no-repeat center top;
   background-size: cover;
}

.center_tall {
   width: 540px;
   position: relative;
   left: 0;
   margin: 0 auto;
   min-height: calc(100vh - 100px);
}

.center_center {
   width: 400px;
   position: absolute;
   top: 40%;
   left: 50%;
   margin: -200px 0 0 -200px;
}

.follow span.follow, span.unfollow {
   display: none;
}

.follow span.unfollow, span.follow {
   display: inline-block;
   vertical-align: top;
}

.layout_settings .full_back .ratings_group {
   /* float: left; */
   display: flex;
   justify-content: unset;
   margin: 0 0 16px 0;
}

footer {
   height: 25px;
   width: 100%;
   position: absolute;
   bottom: 0;
   margin: -25px 0 0 0;
}

.footer_links li {
   float: left;
   /* margin: 0 10px; */
   cursor: pointer;
   color: #2a2b2a;
   width: 33%;
   text-align: center;
   margin: 0;
}

.footer_links a {
   color: #2a2b2a;
}

.footer_links li:hover {
   text-decoration: underline;
}

.logo {
   font-size: 56px;
   letter-spacing: -2px;
   font-weight: 600;
   text-align: center;
   color: #2a2b2a;
}

   .logo .the_t {
      margin: 0 -7px 0 -6px;
   }

.sub-head {
   text-align: center;
   color: #2a2b2a;
   padding: 8px 0 16px 0;
}

.logo .sub-head {
    font-size: 24px;
    font-weight: 400;
}

/*******************************************************************************************************************************
**                                                           Tooltips                                                         **
*******************************************************************************************************************************/
[data-has-tooltip] {
   display: block;
   width: 100%;
   /* height: 100%; */
   cursor: pointer;
}

[data-tooltip], [data-tooltip]:after {
   visibility: hidden;
   position: absolute;
   left: 50%;
   box-sizing: inherit;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
}

[data-tooltip] {
   padding: 0.5rem;
   border: 1px solid #706c61;
   background-color: #706c61;
   color: #fff !important;
   font-size: 0.75rem;
   white-space: nowrap;
   box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
   border-radius: 4px;
   position: absolute;
   z-index: 9999;
   pointer-events: none;
   bottom: -32px;
}

.icon_rating [data-tooltip] {
   letter-spacing: 0px;
   font-weight: normal;
}

[data-tooltip]:after {
   content: "";
   top: -10px;
   border: 0.278rem solid transparent;
   border-bottom: 0.278rem solid #706c61;
   margin-bottom: 0;
}

.head_action.head_dash [data-tooltip]:after, .head_action.head_blog [data-tooltip]:after {
   content: "";
   top: 29px;
   border: 0.278rem solid transparent;
   border-top: 0.278rem solid #706c61;
   margin-bottom: 0;
}

.ios [data-has-tooltip]:hover [data-tooltip],
.ios [data-has-tooltip]:hover [data-tooltip]:after,
.ios [data-has-tooltip]:active [data-tooltip],
.ios [data-has-tooltip]:active [data-tooltip]:after {
   visibility: hidden !important;
}

[data-has-tooltip]:hover [data-tooltip],
[data-has-tooltip]:hover [data-tooltip]:after,
[data-has-tooltip]:active [data-tooltip],
[data-has-tooltip]:active [data-tooltip]:after {
   visibility: visible;
}

.block_date [data-tooltip] {
   top: 28px;
}

.blogs [data-tooltip]:after {
   left: 77%;
}

.head_action.head_dash [data-tooltip], .head_action.head_blog [data-tooltip] {
   left: 6px;
   top: -65px;
}

   .head_action.head_dash [data-tooltip]:after, .head_action.head_blog [data-tooltip]:after {
      left: 80%;
   }

/*******************************************************************************************************************************
**                                                           Login/Out                                                        **
*******************************************************************************************************************************/
a .link_button {
   background: #e5446d;
   padding: 8px;
   position: relative;
   color: #f8f4e3;
   text-align: center;
   width: 100%;
   text-decoration: none;
   margin: 0 auto;
}

.wrong_place a:hover {
   text-decoration: none;
}

.NTHOME___inputGroup a:hover {
   text-decoration: none;
}

.NTHOME___centerGroup {
   width: 250px;
   margin: 0 auto;
}

.access_form {
   margin: 20px auto;
}

.section_continue p {
   margin: 0 0 10px 0;
   line-height: 1.1;
   text-align: center;
}

.state_continue .section_processing, .state_processing .section_continue {
   display: none;
}

.form-input {
   position: relative;
}

.page_home .center_center {
   width: 250px;
   margin: -125px;
}

.immigration .sub_head {
   font-weight: 700;
   color: #2a2b2a;
   font-size: 26px;
}

.immigration .link {
   font-weight: 700;
   text-align: right;
}

.immigration .message {
   margin: 10px 0;
}

.immigration {
   margin: 30px 0 0 0;
}

   .immigration a, .immigration a:hover {
      color: #000;
   }

.text .form-input_label {
   display: none;
}

.form-input.error {
   height: auto !important;
   padding: 0 0 8px 0;
}

.field-error-wrap p {
   color: #9c0000;
   text-align: right;
   font-size: 14px;
   cursor: pointer;
   background: rgba(255, 255, 255, 0.4);
   padding: 7px 5px 5px 5px;
   margin: -2px 0 0 1%;
   width: 98%;
   max-height: 100px;
   transition: max-height 0.5s ease-out;
}

   .field-error-wrap p:empty {
      max-height: 0;
      margin: 0;
   }

i.form-input_icon.fa {
   display: none;
}

.state_login .click_reset {
   bottom: -15px;
   height: 15px;
}

.NTHOME___inputGroup > div {
   position: relative;
}

.click_reset {
   position: absolute;
   bottom: 10px;
   right: 0;
   transition: all .5s ease;
   color: #2a2b2a;
   font-size: 14px;
   cursor: pointer;
   overflow: hidden;
   height: 0px;
}

   .click_reset:hover {
      text-decoration: underline;
   }

.state_login .section_buttons {
   margin: 30px 0 10px 0;
}

.state_reset .section_buttons {
   margin: 10px 0 10px 0;
   height: 174px;
}

.section_buttons {
   margin: 10px 0;
   position: relative;
   height: 110px;
   transition: all .5s ease;
}

.input_field .error .fields-wrap {
   animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

@keyframes shake-horizontal {
   0%, 100% {
      transform: translateX(0);
   }

   10%, 30%, 50%, 70% {
      transform: translateX(-10px);
   }

   20%, 40%, 60% {
      transform: translateX(10px);
   }

   80% {
      transform: translateX(8px);
   }

   90% {
      transform: translateX(-8px);
   }
}

.section_buttons button, .link_button {
   width: 100%;
   height: 40px;
   position: absolute;
   top: 0;
   left: 0;
   border: none;
   cursor: pointer;
   outline: none;
   color: #f8f4e3;
   font-weight: 700;
   font-size: 24px;
   background: #e5446d;
}

.input_login.login .form-input_control {
   background: #2a2b2a;
}

.input_reset .form-input_control {
   background: #FF8966;
}

.NTHOME___inputGroup.state_login .section_buttons .input_login, 
.NTHOME___inputGroup.state_login .section_buttons .input_reset, 
.NTHOME___inputGroup.state_signup .section_buttons .input_signup, 
.NTHOME___inputGroup.state_reset .section_buttons .input_reset {
   top: 0px;
}

.NTHOME___inputGroup.state_login .section_buttons .input_signup, 
.NTHOME___inputGroup.state_signup .section_buttons .input_login, 
.NTHOME___inputGroup.state_signup .section_buttons .input_reset, 
.NTHOME___inputGroup.state_reset .section_buttons .input_signup {
   top: 70px;
}

.NTHOME___inputGroup.state_reset .section_buttons .input_login {
   top: 120px;
}

.NTHOME___inputGroup.state_reset .click_reset button {
   display: none;
}

.section_buttons > div {
   width: 250px;
   text-align: center;
   font-size: 24px;
   font-weight: 600;
   height: 40px;
   cursor: pointer;
   position: absolute;
   transition: all .5s ease;
}

mark {
   background: none;
}

.access_form .form-input_control[type="checkbox"] {
   display: none;
}

.access_form .form-input_control[type="checkbox"] + mark:before {
   font-family: "Font Awesome 5 Pro";
   background: none;
   font-size: 18px;
   display: inline-block;
   position: relative;
   color: #757575;
   width: 20px;
   height: 20px;
   content: "\f0c8";
   top: 10px;
   cursor: pointer;
}

.access_form .form-input_control[type="checkbox"]:checked + mark:before {
   content: "\f14a";
}

.checkbox .form-input_label {
   display: block;
   position: absolute;
   top: 13px;
   left: 33px;
   font-size: 14px;
   color: #757575;
}

.input_tos a.tos_toggle {
   text-decoration: underline;
   color: #000;
}

.checkbox .fields-wrap, .fields-wrap.text input {
   width: 100%;
   height: 40px;
   padding: 0 10px;
   outline: none;
   border: 1px solid #918e86;
   background: #eee;
   margin: 2px 0;
}

.state_login .input_email .field-error-wrap {
   display: none;
}

/*******************************************************************************************************************************
**                                                          New Checks                                                        **
*******************************************************************************************************************************/

.unhide_check span.mark {
    left: 0;
    top: 4px;
    width: 22px;
    height: 22px;
    position: relative;
}

.unhide_check {
    position: relative;
    color: #757575;
}

.unhide_check .label {
    vertical-align: text-top;
    user-select: none;
}

.unhide_check span.mark {
    display: inline-block;
    background: url("/media/newtumbl/img/checkbox_blank.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

.unhide_check.asterisk span.mark {
    background: url("/media/newtumbl/img/checkbox_asterisk.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

.unhide_check.times span.mark {
    background: url("/media/newtumbl/img/checkbox_times.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

.unhide_check.check span.mark {
    background: url("/media/newtumbl/img/checkbox_check.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

.unhide_check.multiple span.mark {
    background: url("/media/newtumbl/img/checkbox_multiple.svg");
    background-repeat: no-repeat;
    background-position: center center;
}


/*******************************************************************************************************************************
**                                                          Info Pages                                                        **
*******************************************************************************************************************************/

.layout_info .post_headline {
   font-size: 32px;
   font-weight: 600;
   margin: 0 0 15px 0;
   color: #ff8966;
   padding: 0;
   width: calc(100% - 70px);
}

.message_body + .post_headline {
   padding: 16px 0 0 0;
}

.page_faq.layout_info .post,
.page_terms.layout_info .post,
.page_monitor_details.layout_info .post,
.page_ratings.layout_info .post {
   padding: 16px 16px 0 16px;
   margin: 0 0 8px 0;
}

.page_ratings .description {
   padding: 0 0 16px 0;
   font-weight: 700;
}

.layout_info .post h3, .layout_tabbed .post h3 {
   margin: 16px 0;
}

.layout_info .post_article, .layout_tabbed .post_article {
   padding: 0 0 16px 0;
}

.page_follows .center_tall {
}

.page_dash .tabs li {
   width: 33%;
   float: left;
   /* background: #f5f5f5; */
   padding: 6px 16px 6px 4px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.page_dash .tabs a, 
.page_dash .tabs a:hover, 
.page_dash .tabs a:visited, 
.page_follows .tabs a, 
.page_follows .tabs a:hover, 
.page_follows tabs a:visited {
   color: #000;
}

.page_dash tabs > div {
   font-weight: 700;
   width: 100%;
   text-align: center;
   margin: 8px 0;
}

.img {
   width: 320px;
   height: 156px;
   /* float: left; */
   margin: 0 8px 8px 16px;
   overflow: hidden;
   border-radius: 4px;
   border: 1px solid #eee;
   box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
}

.img1 {
   background: url("../img/rage2.jpg") no-repeat center top;
   background-size: cover;
   float: right;
}

.img2 {
   background: url("../img/censored.jpg") no-repeat center top;
   background-size: cover;
   float: left;
}

.img3 {
   background: url("../img/watcher.jpg") no-repeat center top;
   background-size: cover;
   float: right;
}

.img4 {
   background: url("../img/ourbad.jpg") no-repeat center top;
   background-size: cover;
   float: left;
}

.img5 {
   width: 410px;
   height: 180px;
   background: url("../img/ratingsinfo1.jpg") no-repeat center top;
   background-size: cover;
   float: right;
   border: none;
   box-shadow: none;
}

.page_monitor_enroll .center_tall {
    width: 750px;
}

.page_monitor_enroll .post_article input[type="text"] {
   height: 40px;
   padding: 0 10px;
   outline: none;
   border: 1px solid #918e86;
   background: #eee;
   margin: 2px 0;
   width: 250px;
}

.page_monitor_enroll .terms_agree {
    margin: 0 0 16px 0;
}

.page_monitor_enroll .fine_print {
    font-size: 14px;
    margin: 30px 0 0 0;
}

.page_monitor_enroll .fine_print + .fine_print {
    font-size: 14px;
    margin: 16px 0 0 0;
}

.page_monitor_enroll .fine_print:first-of-type {
    font-size: 14px;
    margin: 24px 0 0 0;
}

.page_monitor_enroll .levels .title {
    font-weight: 500;
    width: 130px;
    display: inline-block;
}

.page_monitor_enroll .sign_up {
    border: none;
    cursor: pointer;
    outline: none;
    background: #e5446d;
    padding: 11px 12px;
    color: #f8f4e3;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    height: 40px;
    margin: 0 0 16px 0;
    display: block;
    min-width: unset;
    width: fit-content;
    width: -moz-fit-content;
    left: 50%;
    position: relative;
    margin: 0 0 16px 0;
    transform: translateX(-50%);
}

/*******************************************************************************************************************************
**                                                           Dialogs                                                          **
*******************************************************************************************************************************/
.dialog {
   /* display: none; */
}

   .dialog.show {
      display: block;
   }

.dialog_box {
   background: #fff;
   width: 540px;
   position: relative;
   top: 80px;
   left: 50%;
   margin: 0 0 50px -270px;
   border-radius: 4px;
   box-shadow: 0 5px 10px rgba(0, 0, 0, .25);
   -webkit-overflow-scrolling: touch;
}

.dialog_close {
   cursor: pointer;
}

.viewer_photo img {
   width: auto;
   height: auto;
   max-width: 100%;
   max-height: 95%;
   margin: 0 auto;
   display: block;
   position: relative;
   top: 5%;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
   transform: scale(1.5);
}

.pswp__button--arrow--left:before {
   transform-origin: 0 50%;
}

.pswp__button--arrow--right:before {
   transform-origin: 100% 50%;
}

.viewer_photo {
   width: 100%;
   height: 100%;
   margin: 0;
}

.dialog.dialog_viewer {
   overflow-y: hidden;
   z-index: 1001;
   display: block;
   width: unset;
   height: 0;
   position: fixed;
   background: none;
   top: unset;
   overflow: unset;
}

/* Dialog Post */

.dialog {
   width: 100vw;
   height: 100vh;
   position: fixed;
   background: rgba(48, 59, 75, 0.9);
   z-index: 1000;
   display: none;
   overflow-y: auto;
   top: 0;
   overflow-x: hidden;
}

.dialog .close {
   position: absolute;
   right: 0;
   top: 0;
   padding: 11px;
   cursor: pointer;
   font-size: 22px;
   z-index: 10;
}

.dialog_viewer .pswp__bg {
   background: rgb(48, 59, 75);
}

.dialog.show {
   display: block;
}

.dialog.dialog_lazyloading {
   overflow: hidden;
   background: none;
   display: none;
   pointer-events: none;
}

.dialog.dialog_lazyloading .mid_stripe {
   width: 10%;
   color: #ffffff;
   text-align: center;
   padding: 8px;
   font-size: 20px;
   bottom: 0;
   left: 50%;
   border-radius: 4px 4px 0 0;
   box-shadow: 0 0 5px rgba(0, 0, 0, .5);
   margin: 0 0 0 -5%;
   position: absolute;
   background: rgba(75, 91, 113, .8);
   border-top: 1px solid rgba(255, 255, 255, .2);
   transition: transform .25s ease;
   transform: translate(0, 50px);
}

.dialog.dialog_busy .mid_stripe {
   width: 100%;
   color: #ffffff;
   text-align: center;
   padding: 8px 0;
   font-size: 50px;
   top: 30%;
   left: 0;
   /* box-shadow: 0 0 5px rgba(0, 0, 0, .5); */
   margin: -20px 0 0 0;
   position: absolute;
   /* background: rgba(75, 91, 113, .8); */
   /* border-top: 1px solid rgba(255, 255, 255, .2); */
}

.dialog.dialog_lazyloading.show .mid_stripe {
   transform: translate(0, 0px);
}

.dialog .mid_stripe > div {
   font-size: 16px;
   margin: 10px 0 0 0;
   cursor: pointer;
}

.dialog .mid_stripe > div a {
   text-decoration: underline;
}

/* Compose */
.block .top {
   width: 100%;
   height: 48px;
}

.part_link input[type="text"] {
   border: none;
   outline: none;
   font-size: 16px;
   padding: 8px 16px;
   width: 100%;
   overflow: hidden;
   text-align: left;
   word-break: break-word;
   overflow-wrap: break-word;
   display: block;
}

.upload_header .settings {
   float: right;
   display: none;
}

.dialog .dialog_box > .blog_icon {
   top: 0;
   left: -100px;
   width: 80px;
   height: 80px;
   position: absolute;
}

.dialog_xyz .click_follow {
   display: none;
}

.upload_header div {
   padding: 10px;
   height: 16px;
   color: #343434;
   cursor: pointer;
}

.media_upload > div {
   /* float: left; */
   width: 50%;
   height: 150px;
   text-align: center;
   padding: 52px 0 0 0;
   color: #969696;
   z-index: 2;
   cursor: pointer;
   display: inline-block;
}

.media_upload {
   position: relative;
   background: #f4f4f4;
   width: 100%;
   height: 150px;
   /* float: left; */
   border-top: 1px dashed #c2c2c2;
   border-bottom: 1px dashed #c2c2c2;
}

.media_upload .upload {
   border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.part_holder:empty + .part_controls {
   display: none;
}

.dialog .media_upload div.from_web_input {
   position: absolute;
   z-index: 10;
   width: 100%;
   background: #f4f4f4;
   height: 100%;
   display: none;
   border-top: 1px dashed #c2c2c2;
   border-bottom: 1px dashed #c2c2c2;
   float: unset;
   padding: 0;
}

.dialog .media_upload div.from_web_input.show {
   display: block;
}

.from_web_input .input_form {
   position: absolute;
   top: calc(50% - 16px);
   width: calc(100% - 32px);
   margin: -16px 16px 0 16px;
}

.from_web_input span.post_url {
   background: #529ecc;
   font-size: 14px;
   font-weight: 700;
   color: #fff;
   border: solid 1px #55839f;
   border-radius: 2px;
   height: 24px;
   padding: 4px;
   width: 110px;
   text-align: center;
   top: 19px;
   right: 0px;
   cursor: pointer;
   position: absolute;
   display: block;
}

.from_web_input input[type="text"] {
   display: block;
   padding: 0;
   top: 20px;
   background: none;
   border: none;
   box-shadow: none;
   font-size: 100%;
   outline: none;
   border-bottom: 1px solid #a5acb8 !important;
   width: calc(100% - 130px);
   position: relative;
   font-size: 14px;
}

.from_web_input .click_close {
   position: absolute;
   right: 16px;
   top: 16px;
   font-size: 22px;
   color: #6d6d6d;
}

   .from_web_input .click_close i {
      font-size: 22px;
      color: #6d6d6d;
   }

.media_upload div > i {
   font-size: 36px;
   width: 100%;
   margin: 0 0 10px 0;
}

.media_upload.another > div {
   /* position: relative; */
   background: #f4f4f4;
   /* width: 100%; */
   height: 100%;
   /* float: left; */
   text-align: center;
   padding: 6px;
   border-top: 1px dashed #c2c2c2;
   border-bottom: 1px dashed #c2c2c2;
   color: #969696;
   display: inline-grid;
}

.video_upload.another {
   display: none;
}

.media_upload div.progress {
   position: absolute;
   pointer-events: none;
   z-index: 1;
   background: linear-gradient(90deg, rgba(48, 60, 77, .25), rgba(48, 60, 77, .5), rgba(48, 60, 77, .25));
   background-size: 200%;
   -webkit-animation: AnimationName 3s linear infinite;
   -moz-animation: AnimationName 3s linear infinite;
   animation: AnimationName 3s linear infinite;
   padding: 0;
   top: 0;
}

@-webkit-keyframes AnimationName {
   0% {
      background-position: 200% 0%
   }

   100% {
      background-position: 0% 0%
   }
}

@-moz-keyframes AnimationName {
   0% {
      background-position: 200% 0%
   }

   100% {
      background-position: 0% 0%
   }
}

@keyframes AnimationName {
   0% {
      background-position: 200% 0%
   }

   100% {
      background-position: 0% 0%
   }
}

.another .from_web_input input[type="text"] {
   width: calc(100% - 170px);
}

.another .from_web_input span.post_url {
   right: 40px;
}

.another .from_web_input .click_close {
   right: 6px;
   top: 4px;
}

.media_upload.another div i {
   margin: 0 8px;
   width: unset;
   font-size: 26px;
   padding: 6px 1px 0px 0;
}

.media_upload.another {
   height: 72px;
   margin: 0 0 1px 0;
}

.upload_header .reblog_label {
   color: #9c9d9c;
   font-size: 14px;
   float: left;
   padding: 12px 0 0 2px;
}

.media_caption {
   /* position: relative; */
   width: 100%;
   /* float: left; */
   overflow: visible;
   border-bottom: 1px solid #eaeaea;
   /* z-index: 10; */
   display: flex;
   flex-direction: column;
}

.input_body .ql-editor {
   overflow: visible;
   padding: 10px 16px;
}

.ql-editor.ql-blank::before {
   font-size: 16px;
   left: 16px;
}

.ql-bubble .ql-tooltip {
   z-index: 10;
}

.media_caption textarea {
   width: 100%;
   /* height: 80px; */
   border: none;
   outline: none;
   padding: 10px;
   vertical-align: top;
   font-size: 16px;
   overflow-y: hidden;
   min-height: 40px;
}

.upload_header {
   width: 100%;
   height: 40px;
}

.compose_footer div.button_close {
   float: left;
   background: #969696;
   border: 1px solid #787878;
   margin: 16px 0px 16px 16px;
}

.guidelines {
   text-align: center;
   text-decoration: underline;
   font-weight: 700;
   color: #969696;
   cursor: pointer;
   width: 100px;
   text-align: center;
}

.compose_footer {
   position: relative;
   float: left;
   width: 100%;
}

.compose_footer .post_button, .dialog_box .button {
   float: right;
   background: #529ecc;
   font-size: 14px;
   font-weight: 700;
   color: #fff;
   border: solid 1px #55839f;
   border-radius: 2px;
   height: 24px;
   /* padding: 4px; */
   width: 110px;
   text-align: center;
   margin: 16px 0 0 0;
   cursor: pointer;
   position: relative;
   /* display: block; */
   display: flex;
   justify-content: center;
   align-items: center;
}

.button_delete {
   float: left;
   margin: 20px 0 0 0;
   cursor: pointer;
}

.compose_footer .button_box {
    display: flex;
    width: 100%;
    justify-content: space-around;
    flex-wrap: wrap;
}

.dialog .button_box .block.rights_block {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-flow: column wrap;
    height: 140px;
    padding: 0 16px;
}

.dialog .button_box .block.rights_block > .check {
    width: 33%;
    height: 40px;
    padding: 6px 0;
}

.compose_footer .button_box .block.tier_block {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 16px;
}

.post_button.publish span.click_postdrop {
   border-left: 1px solid rgba(0, 0, 0, .25);
   height: 100%;
   padding: 4px 0 0 9px;
   width: 30%;
   display: flex;
}

.post_button.publish > span {
   display: block;
   vertical-align: middle;
   padding: 0;
   /* height: 23px; */
   width: 70%;
   float: left;
   padding: 0;
}

.post_button {
   vertical-align: middle;
   width: 110px;
}

.post_drop.popup_menu {
   bottom: 30px;
   right: 0;
}

.dialog_xyz .compose_footer li.click_complete {
   font-weight: 400;
}

.input_body textarea {
   outline: none;
   border: none;
   width: 100%;
   /* height: 100%; */
   background: none;
   padding: 8px 16px;
   resize: none;
   font-size: 16px;
   line-height: 1.3;
   min-height: 34px;
   display: block;
   position: relative;
}

.input_sub textarea {
   outline: none;
   border: none;
   width: 100%;
   height: 100%;
   background: none;
   padding: 7px;
   resize: none;
   font-size: 16px;
   line-height: 1.3;
   min-height: 34px;
}

.input_body textarea::placeholder {
   font-size: 16px;
   position: absolute;
   left: 15px;
   font-style: italic;
   color: rgba(0,0,0,.6);
   top: 9px;
}

.message_field .count {
   text-align: right;
   padding: 8px 4px 0 0;
   font-size: 14px;
   color: #c3c3c3;
   display: block;
   margin: -2px 4px 0 0;
   vertical-align: bottom;
}

.dialog_xyz .compose_footer {
   float: unset;
   display: flex;
   justify-content: space-around;
   /* flex-wrap: wrap; */
   align-items: center;
   flex-wrap: wrap;
}

.dialog_xyz .compose_footer .warning {
   color: #7f7f7f;
   display: block;
   text-align: center;
   padding: 8px;
}

span.icon_rating {
   vertical-align: top;
   margin: -2px 4px 4px 0;
}

.dialog_xyz .compose_footer .warning a {
   color: #7f7f7f;
   text-decoration: underline;
   cursor: pointer;
}

.dialog_xyz .message_compose .compose_footer {
   /* float: left; */
   display: block;
   text-align: right;
}

.dialog_xyz .compose_footer .post_button {
   margin: 16px;
}

.button_busy:after {
   content: " ";
   width: 100%;
   height: 100%;
   background: rgba(75, 91, 113, .75);
   position: absolute;
   left: 0;
   top: 0;
}

.button_busy:before {
   position: relative;
   width: 100%;
   /* height: 18px; */
   margin: 0px auto;
   -webkit-animation: fa-spin 2s infinite linear;
   animation: fa-spin 2s infinite linear;
   content: "\f110";
   font-family: "Font Awesome 5 Pro";
   position: absolute;
   /* top: 0; */
   z-index: 10;
   display: block;
}

.message_compose .compose_footer div.button_post {
   margin: 8px 0;
   /* display: inline-block; */
   /* float: unset; */
}

.dialog .alert_holder {
   width: 200px;
   background: #fff;
   left: 50%;
   position: relative;
   top: 50%;
   padding: 16px;
   border-radius: 4px;
}

.dialog_box .headline {
   width: 100%;
   text-align: center;
   padding: 16px;
   font-weight: 700;
   font-size: 24px;
   border-bottom: 1px solid #dedede;
   color: #ff8966;
}


.dialog_box .headline:empty,
.dialog_box .button_holder:empty {
   display: none;
}

.dialog_box .message_holder {
   padding: 16px;
}

.dialog_box .button_holder {
   /* padding: 16px; */
   text-align: center;
   display: flex;
   justify-content: space-around;
   flex-wrap: wrap;
   /* height: 52px; */
   padding: 0 8px 16px 8px;
   border-top: 1px solid #dedede;
}

.dialog_box .button {
   float: unset;
   /* display: block; */
}

/*
.dialog_box .button.yes {
    background: #4caf50;
    border: solid 1px #206d24
}

.dialog_box .button.no {
    background: #e54444;
    border: solid 1px #961717
}
*/

.guidelines:hover .popup_menu {
   display: block;
}

.click_preview.post_button {
   float: left;
}

.compose_footer .popup_guidelines {
   bottom: 30px;
   margin: 0 0 0 -100px;
   width: 200px;
   width: 200px;
   padding: 10px;
   left: 50%;
}

.dialog_xyz .post .part_remark {
   margin: 0;
}

.tag_block .tags_input {
   display: inline-block;
   padding: 8px;
   /* background: #FFF; */
   width: 100%;
}

.tags-input .tag {
   display: inline-block;
   background: #EEE;
   color: #444;
   padding: 4px 4px;
   margin: 0px 2px 4px 2px;
   border: 1px solid #CCC;
   border-radius: 2px;
   /* font: inherit; */
   user-select: none;
   cursor: pointer;
   transition: all .1s ease;
}

.input_genre_tags {
    padding: 0 8px;
}

   .tags-input .tag.selected {
      background-color: #777;
      border-color: #777;
      color: #EEE;
   }

   .input_suggestions .add_icon {
    color: #cccccc;
}

.input_suggestions, .input_genre {
    padding: 6px 0 0 0;
}

.settings_holder.genre_drops {
    margin-top: -6px;
}

.tags-input .dupe {
   transform: scale3d(1.2,1.2,1.2);
   background-color: #FCC;
   border-color: #700;
}

.tags-input input {
   appearance: none !important;
   display: inline-block;
   padding: 3px 0 0 0;
   margin: 0 !important;
   background: none !important;
   border: none !important;
   box-shadow: none !important;
   font: inherit !important;
   font-size: 100% !important;
   outline: none !important;
   /* height: 30px; */
}

.dialog.dialog_xyz .tags_input {
   padding: 12px 0 4px 12px;
}

.tag_block .selected ~ input {
   opacity: 0.3;
}

.block + .block {
   border-top: 1px solid #eaeaea;
   margin: 8px 0 0 0;
}

.compose_body div.post {
   border-radius: 4px 4px 0px 0px;
   border: none;
   position: relative;
   overflow: visible;
}

.dialog_xyz .dialog_box {
   border: 1px solid #d6d6d6;
   /* max-height: calc(99vh - 120px); */
   /* overflow: auto; */
}

/* Guidance */
.dialog.guidance > .container {
   width: 550px;
   height: 710px;
   border-radius: 8px;
   position: absolute;
   left: 50%;
   margin: 0 0 0 -275px;
   top: 16px;
   box-shadow: 0 5px 10px rgba(0, 0, 0, .25);
   max-height: calc(100vh - 32px);
}

.guidance > .container {
   background: #fff;
   overflow: hidden;
   border-radius: 4px;
   padding: 0;
   /* border: 1px solid #d6d6d6; */
   /* display: flex; */
   /* flex-direction: column; */
   /* min-height: 600px; */
   position: relative;
}

.guidance .image.logo {
   /* min-height: 100px; */
   padding: 0 0 8px 0;
}

.welcome_content .guidance.message_welcome {
   height: unset;
   overflow: visible;
}

.guidance.collapse > .container {
   /* height: unset; */
   min-height: unset;
}

.guidance.message_welcome .container {
   padding: 16px 0 0 0;
}

.guidance .content .container {
   display: flex;
   flex-direction: column;
   min-height: 100%;
}

.guidance .info {
   text-align: center;
   margin: 8px 0 0 0;
   padding: 0 8px 16px 8px;
   line-height: 1.3;
   display: block;
}

.guidance .info p {
   padding: 0 16px;
}

.guidance .info + .info {
   margin: 0;
}

.guidance .info.minor {
   color: #36465d;
   font-weight: 700;
}

.pages span.page_link {
   cursor: pointer;
   text-decoration: underline;
}

.guidance .info a {
   color: #000;
   text-decoration: underline;
   cursor: pointer;
}

.guidance span.new_line {
   display: block;
}

.guidance .grid div.group {
   width: 90%;
   text-align: center;
   margin: 8px 0 4px 0;
   border-bottom: 1px solid #ababab;
}

.guidance .focused_tile {
   display: flex;
   justify-content: center;
}

.guidance .header {
   border-bottom: 1px solid #c7c7c7;
   display: block;
   width: 100%;
}

.guidance .footer {
   display: flex;
   min-height: 48px;
   height: 48px;
   border-top: 1px solid #c7c7c7;
   justify-content: space-around;
   text-align: center;
   /* position: absolute; */
   bottom: 0;
   width: 100%;
}

.guidance .footer a:hover {
   text-decoration: none;
}

.guidance .pagination .dots {
   position: absolute;
   bottom: 4px;
   /* left: 0; */
   display: flex;
   width: 100%;
   justify-content: center;
}

.guidance .tag_block .tags {
   position: relative;
}

.guidance .tag_block .tags-input {
   margin: 0 16px;
   width: calc(100% - 32px);
   /* max-height: 176px; */
   overflow: hidden;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}

.guidance .category_head {
   display: flex;
   justify-content: center;
   padding: 8px;
}

.guidance .category_button span {
   padding: 8px 16px;
   margin: 0 8px 0 0;
}

.guidance .delete_button {
   cursor: pointer;
}

.guidance .cat_group {
   margin: 16px 2% 16px 2%;
   padding: 16px 0 0 0;
   width: 96%;
}

.guidance .cat_group + .cat_group {
   border-top: 1px solid #c7c7c7;
}

.guidance .tag_block .tags-input > * {
   margin: 0 8px 8px 4px;
}

.guidance .tags-input input[type="text"] {
   min-width: 200px;
   max-width: 200px;
   border-bottom: 1px solid #959595 !important;
   padding: 4px 4px 4px 4px;
   display: block;
   width: 50%;
   margin: 8px 25% !important;
}

.guidance .pagination span {
   padding: 8px;
   color: #dadada;
   cursor: pointer;
   transition: color .25s ease;
}

   .guidance .pagination span.active {
      color: #529ecc;
   }

.guidance .pages {
   width: 100%;
   /* height: calc(100% - 150px); */
   /* position: relative; */
   /* overflow: hidden; */
   /* padding: 0 16px; */
   /* padding: 32px; */
   /* white-space: nowrap; */
   /* margin: 0; */
   /* background: pink; */
   /* flex: 2; */
   /* display: block; */
   /* position: relative; */
}

.guidance h1 {
   font-size: 28px;
   text-align: center;
   width: 100%;
   padding: 8px;
   color: #36465d;
}

.guidance h2 {
   font-size: 20px;
   font-weight: 700;
   text-align: center;
   width: 100%;
   padding: 8px 8px 8px 8px;
   color: #36465d;
   display: block;
}

.welcome_content .guidance {
   overflow: hidden;
   height: 36px;
   border-radius: 4px;
}

.welcome_content .guidance.expanded {
   overflow: visible;
   height: unset;
   border-radius: 4px;
}

.expand_button {
   position: absolute;
   font-size: 28px;
   padding: 4px;
   width: 32px;
   text-align: center;
   color: #529ecc;
   transition: transform .25s ease;
   cursor: pointer;
   z-index: 10;
   /* display: none; */
}

.expanded .expand_button {
   position: absolute;
   font-size: 28px;
   padding: 4px;
   width: 32px;
   text-align: center;
   color: #529ecc;
   transform: rotate(90deg);
   z-index: 10;
   margin: 0 0 0 1px;
}

.guidance .navigation {
   bottom: 0;
   /* left: 0; */
   position: absolute;
   width: 100%;
   display: flex;
   justify-content: space-between;
   font-size: 26px;
   pointer-events: none;
}

.guidance .navigation > div {
   padding: 8px;
   cursor: pointer;
   color: #dadada;
   transition: color .25s ease;
   pointer-events: auto;
}

.guidance .navigation > div:hover {
   color: #4b5a71;
   transition: color .25s ease;
}

.guidance .grid {
   width: 100%;
   /* height: 100%; */
   /* flex: 2; */
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
}

.guidance .grid > div {
   display: inline-block;
}

.guidance.dialog .slide_page {
   position: absolute;
}

.guidance .slide_page .tile {
   background: #dadada;
   max-width: 166px;
   width: 31%;
   height: 160px;
   margin: 4px;
   border: 2px solid #ababab;
   border-radius: 8px;
   overflow: hidden;
   cursor: pointer;
   transition: border .25s ease, box-shadow .25s ease;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: 50% 50%;
}

.guidance .image {
   display: flex;
   justify-content: center;
   align-items: center;
   overflow: hidden;
   width: 100%;
   height: 100%;
   flex FONT-WEIGHT: 200;
}

.guidance .image img {
   /* min-width: 100%; */
   /* min-height: 100%; */
   /* flex-shrink: 0; */
   object-fit: contain;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.slide_page .content {
   height: 100%;
   overflow: hidden;
   display: flex;
   /* flex: 2; */
   flex-direction: column;
}

.guidance .pagination {
   /* position: absolute; */
   /* width: calc(100% - 16px); */
   /* bottom: 0; */
   height: 42px;
   position: relative;
}

.guidance .footer .text_button {
   color: #36465d;
   font-weight: 700;
   padding: 12px;
   cursor: pointer;
}

.guidance .footer .button {
   border: none;
   cursor: pointer;
   outline: none;
   color: #f8f4e3;
   font-weight: 700;
   background: #e5446d;
   padding: 10px 14px 8px 14px;
   margin: 6px;
}

.guidance .slide_page .tile .title {
   border: none;
   background: #ababab;
   color: #ffffff;
   position: absolute;
   bottom: 0px;
   font-size: 14px;
   padding: 4px;
   margin: 0px 0 -1px -1px;
   width: calc(100% + 2px);
   text-align: center;
   font-weight: 400;
   height: 24px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   transition: background .25s ease;
}

.guidance .slide_page .tile:hover .title {
   background: #4b5a71;
}

.guidance .slide_page .tile.selected .title {
   background: #4caf50;
}

.guidance .slide_page .tile {
   position: relative;
}

.guidance .slide_page {
   transform: translateX(0);
   position: relative;
   /* width: 100%; */
   /* height: 100%; */
   /* top: 0; */
   /* left: 0; */
   display: flex;
   flex-direction: column;
   transition: transform .5s ease;
   /* overflow: auto; */
   height: calc(100% - 48px);
}

.guidance .slide_page .scroll_area {
   width: 100%;
   height: 100%;
   left: 0;
   display: flex;
   flex: 2;
   flex-direction: column;
   transition: transform .5s ease;
   /* padding: 8px; */
   overflow: unset;
   /* max-height: 618px; */
}

.guidance .slide_page .tile:hover {
   border: 2px solid #4b5a71;
   box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

.guidance .slide_page .tile.selected {
   border: 2px solid #4caf50;
}

.guidance .slide_page .focused_tile .tile.selected {
   border: 2px solid #4b5a71;
}


.guidance .slide_page .focused_tile .tile {
   width: 50%;
}


.guidance .slide_page .focused_tile .tile.selected .title {
   background: #4b5a71;
}


.guidance .slide_page.right {
   transform: translateX(100%);
}

.guidance .slide_page.left {
   transform: translateX(-100%);
}


.welcome_content.show {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
   justify-content: center;
   margin: 0 0 16px 0;
}

.welcome_content > div {
   margin: 0 8px 8px 8px;
   width: 380px;
}

.welcome_content .container {
   height: 310px;
   display: flex;
   flex-direction: column;
}


.slide_page .scroll_area::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
   border-radius: 6px;
   background-color: #fff;
   height: 12px;
}

.slide_page .scroll_area::-webkit-scrollbar {
   width: 12px;
   background-color: #fff;
   height: 12px;
}

.slide_page .scroll_area::-webkit-scrollbar-thumb {
   border-radius: 6px;
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
   background-color: #36465d;
}

@media (max-width: 600px) {
   .guidance .info br {
      display: none;
   }

   .guidance > .container {
      /* width: calc(100% - 32px); */
      margin: 0;
      /* top: 16px; */
      /* left: 16px; */
      /* height: 95vh; */
      max-height: 98vh;
   }

   .dialog.guidance > .container {
      width: calc(100% - 32px);
      left: 16px;
      margin: 0;
      top: 16px;
      margin: 0;
      height: 710px;
      max-height: calc(100vh - 32px);
   }

   .guidance .slide_page .tile {
      width: 30%;
      /* height: unset; */
      /* padding-top: 31%; */
      /* margin: 1%; */
   }

   .guidance .grid .tile .title {
      font-size: 14px;
   }
}

/* Attribution Bits */
.attrib_group {
   padding: 12px 0 0 12px;
}

.attrib_block input {
   border: none;
   outline: none;
   margin: 0 0 0 12px;
   max-width: calc(100% - 200px);
   width: 100%;
   font-size: 14px;
   display: inline-block;
   /* background: red; */
}

.attrib_block .label_url {
   font-size: 14px;
   color: #828282;
   margin: 0 -11px 0 10px;
}

.attrib_group .label {
   width: 100px;
   /* float: left; */
   display: inline-block;
}

.attrib_group.tier .tier_group.input_tier {
    display: inline-block;
}

.tier_group.input_tier {
    padding: 4px 0 6px 12px;
}

.post .input_sub p {
   font-size: 28px;
   font-weight: 700;
}

.post .ql-editor p {
   font-size: 16px;
   line-height: 1.3;
   padding: 0;
}

.post_part .input_body p + p {
   margin: 12px 0 0 0;
}

.attrib_block {
   height: 60px;
}

.rating_block .ratings_group {
   margin: 0px auto;
   width: 370px;
   text-align: center;
   padding: 2px;
}

.rating_block .ratings_group a {
   text-decoration: underline;
   color: #000;
}

.rating_block .ratings_group {
   margin: 0px auto;
   width: 100%;
   text-align: center;
   padding: 2px;
   float: left;
}

.ratings_group.input_rating {
   margin: 0 auto 6px auto;
   /* width: 270px; */
   float: unset;
   padding: 20px 0;
}

.block.rating_block {
   width: 100%;
   position: relative;
}

.compose_body > p {
   padding: 16px;
}

.rating_description {
   width: 100%;
   margin: 16px 0;
   padding: 0 16px;
}

.rating_group {
   width: 180px;
   margin: 0 auto;
}

.part_controls {
   position: absolute;
   top: 0;
   right: 0;
   /* width: 10%; */
   height: 40%;
}

.part_group {
   position: relative;
   width: 100%;
   height: 100%;
}

.part_controls .close {
   position: absolute;
   top: 8px;
   right: 8px;
   font-size: 20px;
   background: #fff;
   padding: 4px;
   border-radius: 20px;
   color: #F44336;
   box-shadow: 0 0 6px #2a2b2a;
   text-shadow: 0 0 1px rgba(42, 43, 42, 0.2);
   cursor: pointer;
}

.part_controls .up_down {
   position: absolute;
   right: 10px;
   top: 100%;
   font-size: 20px;
   color: #fff;
}

.part_controls .up_down li {
   margin: 8px 0;
   box-shadow: 0 0 6px 2px #2a2b2a;
   cursor: pointer;
}

.page_notfound .wrong_place {
   color: #000;
   margin: 19px auto;
   text-align: center;
   width: 250px;
   background: #f7f4e3;
   padding: 10px 10px 10px 10px;
   font-weight: 700;
}

.page_notfound .logo, .page_notfound .sub-head {
   color: #f8f4e3;
}

/*******************************************************************************************************************************
**                                                         Home Elements                                                      **
*******************************************************************************************************************************/
.page_home.suspended .suspended, 
.page_home.suspended .deactivated {
   display: block;
}

.page_home.loggedout .nt_holder_of_promoish_content,
.page_home.loggedout .nt_message_holder.footer,
.section_processing, .section_reset, .section_continue {
   display: none;
}

.state_processing .section_processing, 
.state_reset .section_reset, 
.state_login .section_login, 
.state_signup .section_signup, 
.state_continue .section_continue {
   display: block;
}

.sent_message {
   position: absolute;
   top: 14px;
   left: 0;
   width: 100%;
   text-align: center;
   font-weight: 700;
}

.NTHOME___inputGroup > div {
   position: relative;
}

.input_field {
   /* overflow: hidden; */
   margin: 0;
   padding: 0;
   position: relative;
}

.NTHOME___inputGroup .form-input {
   transition: all 0.5s ease;
   height: 0;
   overflow: hidden;
}

.NTHOME___inputGroup .button .form-input, .state_login .section_login .form-input, .state_signup .section_signup .form-input, .state_reset .section_reset .form-input {
   height: 44px;
}

.form-input.error {
   height: 64px !important;
}

.state_login .input_email .form-input.error {
   height: 44px !important;
}

/*******************************************************************************************************************************
**                                                             Search                                                         **
*******************************************************************************************************************************/

/*.page_search .center_wide {     Dean: only three non-admin pages use the default margins that this style overrides. It's likely these should just be the default, and then we can get rid of .nomargin */
.center_wide.nomargin {
   width: 100% !important;
   margin: 0 !important;
   padding: 0;
}

.post_container.arrange { /* Dean: Posts were being added to .posts_holder which had extra code causing it not to center. The class was changed to .post_container, which only has styles pertaining to admin pages, however it lacked padding to account for the bottom menu button. */
   padding-bottom: 230px;
}

.filter_tools {
   height: 40px;
   padding: 11px 20px 0 20px;
   width: 100%;
   /* position: fixed; */
   background: hsl(215, 20%, 37%);
   /* z-index: 10; */
   /* top: 50px; */
   border-bottom: 1px solid rgba(255, 255, 255, .2);
   color: #fff;
}

   .filter_tools .drop {
      /* position: relative; */
      cursor: pointer;
      /* float: left; */
      margin: 0;
      display: inline-block;
      vertical-align: top;
      z-index: 75;
   }

.arrange_view .click_select > i {
   display: none;
}

.arrange_menu_open, .arrange_menu_close {
   display: inline-block;
   width: 30px;
   text-align: center;
   font-size: 22px;
   margin: -2px 0 0 0;
   cursor: pointer;
}

.arrange_menu_open {
   margin: -4px 20px 0 -1px;
}

.filter_tools .tool {
   display: inline-block;
}

   .filter_tools .tool.tool_filter {
      flex: 2;
   }

.views_buttons {
   /* right: 0; */
   display: none;
   /* position: absolute; */
}

.full_back .filter_tools > .group {
   display: flex;
   width: 100%;
}

.full_back .docked_filter .filter_tools {
   padding-left: 266px;
}

.full_back .docked_detail .filter_tools {
   padding-right: 536px;
}

.docked_filter .tool_filter .sub_nav .pin,
.docked_detail .tool_detail .sub_nav .pin {
   visibility: hidden;
}

.arrange_menu_close {
   display: none;
}

.docked_filter .arrange_menu_open {
   /* visibility: hidden; */
   display: none;
}

.docked_filter .arrange_menu_close {
   display: inline-block;
}

.arrange_body {
   position: relative;
   left: 0;
   margin: 0px auto 0 auto;
}

.page_follow .filter_button {
   top: 0;
   left: 0;
   position: absolute;
   background: none;
   color: #fff;
   display: block;
   width: 40px;
   height: 40px;
   min-height: unset;
   padding: 9px 8px 8px 20px;
}

.layout_archive .click_follows, .layout_archive .click_hidex {
   color: #4b5a71;
}

.page_follow .filter_tools {
   padding: 11px 20px 0 70px;
}

.search_term {
   /* width: 100%; */
   color: #fff;
   font-weight: 700;
   font-size: 30px;
   margin: 0;
   text-align: center;
   text-transform: uppercase;
   position: relative;
   height: 40px;
   padding: 4px 8px 2px 8px;
   /* background: rgb(54, 70, 93); */
   /* z-index: 100; */
   /* margin-left: 100px; */
}

.term_group .tag_follow {
    display: flex;
    align-items: center;
    width: 100px;
    position: relative;
    cursor: pointer;
}

.term_group .follow_button {
    color: rgb(255, 255, 255);
    margin-top: 0px;
    background: #4b5b71;
    padding: 0;
    white-space: nowrap;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
}

.search_holder_term .term_group {
   padding: 12px 0 0 0;
}

.term_group .follow_button span.click_followdrop {
    border-left: 1px solid #36465d;
    width: 40px;
    text-align: center;
}

.term_group .follow_button > span {
    padding-left: 10px;
    padding-right: 10px;
    height: 100%;
    padding-top: 6px;
}

.page_follow .center_wide .search_term {
   color: #4b5a71;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
}

.center_wide .search_term:empty {
   display: none;
}

.page_blog .search_term {
   color: #000;
}

.page_blog .term_group .click_hidex, .page_blog .term_group .click_follows {
   color: rgba(0, 0, 0, .5);
}

.page_blog .term_group .click_hidex, .page_blog .term_group .click_follows {
   color: rgba(0, 0, 0, .5);
}

.page_follow.layout_archive .term_group .click_hidex, .page_follow.layout_archive .term_group .click_follows {
   color: rgba(255, 255, 255, .6);
}

   .page_follow.layout_archive .term_group .click_hidex:hover, .page_follow.layout_archive .term_group .click_follows:hover {
      color: #fff;
   }

.page_follow.layout_archive .center_wide .search_term {
   color: #fff;
}

.page_blog .term_group .click_hidex:hover, .page_blog .term_group .click_follows:hover {
   color: rgb(0, 0, 0);
}

.search_empty {
   display: none;
   color: #6f7c8d;
   text-transform: none;
   font-size: 18px;
   /* display: block; */
   margin: 8px 0 0 0;
   font-weight: 700;
   padding: 8px 0 18px 0;
}

.empty .search_empty {
   display: block;
}

.term_group.blank,
.page_search .term_group {
   margin: 0;
}

.term_group {
   display: flex;
   justify-content: center;
   margin: 16px 0 16px 0;
}

   .term_group .click_hidex .unhide, .term_group.hide .click_hidex .hide {
      display: none;
   }

   .term_group.hide .click_hidex .unhide {
      display: block;
   }

   .term_group.blank .search_empty {
      display: block;
   }

   .term_group.blank,
   .page_dash .term_group.blank .search_empty,
   .page_blog .term_group.blank .search_empty,
   .page_follow .term_group.blank .search_empty {
      display: none;
   }

      .term_group.blank .click_hidex, .term_group.blank .click_follows {
         display: none;
      }

   .term_group .click_settings_user {
      text-align: right;
      width: 80px;
   }

   .term_group .click_hidex, .term_group .click_follows {
      padding: 12px;
      color: rgba(255, 255, 255, .5);
      font-size: 14px;
      cursor: pointer;
      transition: .25s ease;
   }

.layout_archive .term_group .click_hidex, .layout_archive .term_group .click_follows {
   color: #4b5a71;
}

.term_group .click_hidex:hover, .term_group .click_follows:hover {
   color: rgba(255, 255, 255, 1);
}

.term_group .click_hidex i, .click_follows i {
   margin: 0 6px 0 0;
}

.term_group .click_follows {
   text-align: left;
}

.term_group .click_hidex {
   text-align: right;
}

.full_back .filter_tools {
   height: 40px;
   padding: 12px 16px 0 16px;
   width: 100%;
   display: flex;
   position: -webkit-sticky;
   position: sticky;
   top: 49px;
   background: hsl(215, 20%, 37%);
   border-top: 1px solid rgba(255, 255, 255, .2);
   border-bottom: 1px solid rgba(255, 255, 255, .2);
   margin: -1px auto 0 auto;
   z-index: 100;
}

.header_message .full_back .filter_tools {
    top: 89px;
}

.filter_tools .menu_holder .popup_menu {
    position: relative;
}

.page_dash_blog_settings .full_back .filter_tools {
    border-top: none;
}

.page_dash_home .full_back .filter_tools {
   display: none !important;
}

.alert_banner div {
   /* background: url("../img/sitebanner.gif") no-repeat center top; */
   /* width: 100%; */
   /* height: 100%; */
   /* background-size: cover; */
   text-align: center;
   font-weight: 500;
   padding: 8px;
   font-size: 20px;
   cursor: pointer;
}

.alert_banner {
   position: relative;
   width: 360px;
   max-width: 100%;
   margin: 0 auto 30px auto;
   /* height: 120px; */
   cursor: pointer;
   top: 8px;
   display: block;
}

.page_dash_home .full_back .alert_banner {
   width: 100%;
   min-height: 194px;
   margin: -4px 0 16px 0;
}

.page_dash_home .posts_holder .post_post {
   margin: 0;
}

.alert_banner img {
   width: 100%;
}

.alert_banner_banner {
    display: none;
}

.alert_banner_banner.show {
    display: block;
}

@media (max-width: 750px) {
   .page_dash_home .full_back .alert_banner {
      min-height: unset;
   }
   
    .layout_tabbed .full_back .tags-input {
        width: 100%;
        order: 3;
    }

    .settings_holder.genre_drops > div {
        display: flex;
        justify-content: space-between;
    }

    .input_suggestions {
        order: 1;
    }

    .input_genre {
        order: 1;
    }

    .input_genre_tags {
        order: 2;
        margin-top: 8px;
    }

    .input_suggestions .popup_menu {
        left: unset;
        right: 10px;
        margin-top: 7px;
    }


}

.full_back .search_blogs .filter_tools {
   position: relative;
   top: 0 !important;
}

.search_holder_blog .scroll_container {
   white-space: nowrap;
   padding: 0 50px 0 0;
   margin: 0;
   /* background: #ff0; */
   position: relative;
   width: fit-content;
   width: -moz-fit-content;
}

.scroll_container .marquee_container {
   display: inline-block;
}

.scroll_container .dialog_catcher {
   display: none;
}

.page_search .search_blogs {
   padding-bottom: 20px;
   display: none;
}

.page_search .full_back.blogs .search_blogs {
   display: block;
   position: relative;
   z-index: 1;
}

.search_holder_term {
    z-index: 10;
    position: relative;
}

.search_holder_blog::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
   border-radius: 6px;
   background-color: #36465d;
   height: 12px;
}

.search_holder_blog::-webkit-scrollbar {
   width: 12px;
   background-color: #36465d;
   height: 12px;
}

.search_holder_blog::-webkit-scrollbar-thumb {
   border-radius: 6px;
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
   background-color: #ffffff;
}

.arrange_message {
   display: none;
   width: 100%;
   text-align: center;
   color: rgba(255, 255, 255, 0.4);
   font-size: 20px;
   margin: 20px 0 0 0;
   position: fixed;
   bottom: 0;
   min-height: 28px;
   left: 0;
}

.banner .arrange_message, .banner .arrange_message.arrange_loading {
    margin-bottom: 90px;
}

.footer_message .arrange_message {
    margin-bottom: 40px;
}

.banner.footer_message .arrange_message {
    margin-bottom: 120px;
}

.mobile.banner .arrange_message {
    margin-bottom: 60px;
}

.mobile.footer_message .arrange_message {
    margin-bottom: 40px;
}

.mobile.banner.footer_message .arrange_message {
    margin-bottom: 100px;
}

.page_blog_home .arrange_message.arrange_empty {
   color: #4b5b71;
   font-size: 16px;
}

.arrange_message.arrange_empty {
   bottom: unset;
}


.mobile .arrange_message {
   margin-bottom: 50px !important;
}

.search_holder_blog .scroll_container:after {
   position: absolute;
   right: 0;
   top: 140px;
   content: "END";
   width: 50px;
   text-align: center;
   color: rgba(255, 255, 255, 0.4);
   font-size: 20px;
   margin: 0;
}

/*******************************************************************************************************************************
**                                                            Loading                                                         **
*******************************************************************************************************************************/

.arrange_loading .arrange_message.arrange_loading {
   bottom: 0;
   height: 32px;
}

.arrange_message.arrange_loading {
   display: block;
   position: fixed;
   bottom: 0px;
   height: 0px;
   color: #a5adb8;
   font-weight: 700;
   left: 0;
   margin: 0;
   width: 100%;
   transition: 2.4s ease;
   min-height: unset;
}


.banner .arrange_message.arrange_loading {
   /* bottom: 60px; */
}


.docked_filter .arrange_message {
   padding-left: 250px;
}


.docked_detail .arrange_message {
   padding-right: 520px;
}

.arrange_message.arrange_loading .bar_group > div {
   position: relative;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   display: inline-block;
   float: none;
   background-color: #a5adb8;
   border: 0 solid currentColor;
   /* box-shadow: inset 0 -10px 20px rgba(0, 0, 0, 0.19), inset 0 6px 6px rgba(0, 0, 0, 0.23); */
}

.arrange_message.arrange_loading .bar_group {
   height: 100%;
   width: 64px;
   /* background: red; */
   display: flex;
   justify-content: space-around;
   left: 50%;
   margin: 0 0 0 -32px;
   position: relative;
}

   .arrange_message.arrange_loading .bar_group > div {
      width: 5%;
      height: 100%;
      transform-origin: 0 100%;
   }

   .arrange_message.arrange_loading .bar_group > div {
      -webkit-animation: line-scale 1.2s infinite ease;
      -moz-animation: line-scale 1.2s infinite ease;
      -o-animation: line-scale 1.2s infinite ease;
      animation: line-scale 1.2s infinite ease;
   }

      .arrange_message.arrange_loading .bar_group > div:nth-child(1) {
         -webkit-animation-delay: -1.2s;
         -moz-animation-delay: -1.2s;
         -o-animation-delay: -1.2s;
         animation-delay: -1.2s;
      }

      .arrange_message.arrange_loading .bar_group > div:nth-child(2) {
         -webkit-animation-delay: -1.1s;
         -moz-animation-delay: -1.1s;
         -o-animation-delay: -1.1s;
         animation-delay: -1.1s;
      }

      .arrange_message.arrange_loading .bar_group > div:nth-child(3) {
         -webkit-animation-delay: -1s;
         -moz-animation-delay: -1s;
         -o-animation-delay: -1s;
         animation-delay: -1s;
      }

      .arrange_message.arrange_loading .bar_group > div:nth-child(4) {
         -webkit-animation-delay: -.9s;
         -moz-animation-delay: -.9s;
         -o-animation-delay: -.9s;
         animation-delay: -.9s;
      }

      .arrange_message.arrange_loading .bar_group > div:nth-child(5) {
         -webkit-animation-delay: -.8s;
         -moz-animation-delay: -.8s;
         -o-animation-delay: -.8s;
         animation-delay: -.8s;
      }

@-webkit-keyframes line-scale {
   0%, 40%, 100% {
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
   }

   20% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
   }
}

@-moz-keyframes line-scale {
   0%, 40%, 100% {
      -webkit-transform: scaleY(0);
      -moz-transform: scaleY(0);
      transform: scaleY(0);
   }

   20% {
      -webkit-transform: scaleY(1);
      -moz-transform: scaleY(1);
      transform: scaleY(1);
   }
}

@-o-keyframes line-scale {
   0%, 40%, 100% {
      -webkit-transform: scaleY(0);
      -o-transform: scaleY(0);
      transform: scaleY(0);
   }

   20% {
      -webkit-transform: scaleY(1);
      -o-transform: scaleY(1);
      transform: scaleY(1);
   }
}

@keyframes line-scale {
   0%, 40%, 100% {
      -webkit-transform: scaleY(0);
      -moz-transform: scaleY(0);
      -o-transform: scaleY(0);
      transform: scaleY(0);
   }

   20% {
      -webkit-transform: scaleY(1);
      -moz-transform: scaleY(1);
      -o-transform: scaleY(1);
      transform: scaleY(1);
   }
}

.arrange_message.arrange_error, .arrange_message.arrange_expired {
   display: block;
   background: #ffffff;
   color: #36465d;
   padding: 12px 0 10px 0;
   font-size: 13px;
   box-shadow: inset 0 4px 20px rgba(0, 0, 0, 0.19), inset 1px 3px 6px rgba(0, 0, 0, 0.23);
   transition: bottom 1s ease;
   bottom: -50px;
   border-top: 2px solid #4b5b71;
   left: 0;
   z-index: 3;
}

.arrange_error .arrange_message.arrange_error, .arrange_expired .arrange_message.arrange_expired {
   bottom: 0;
}


/*******************************************************************************************************************************
**                                                            Rating                                                          **
*******************************************************************************************************************************/

.icon_rating {
   background: rgb(255, 255, 255);
   /* font-weight: 700 !important; */
   padding: 1px 8px 5px 6px !important;
   height: 18px !important;
   border-radius: 2px !important;
   text-align: center !important;
   width: unset;
   letter-spacing: -2px !important;
   color: rgb(0, 0, 0);
   border: 1px solid rgb(128, 128, 128);
   font-size: 15px !important;
   cursor: pointer;
   line-height: .95 !important;
   outline: none !important;
   /* float: left; */
   margin: -2px 4px;
   display: inline-block;
}

.post_actions .click_mark {
   background: rgb(255, 255, 255);
   font-weight: 700;
   padding: 1px 8px 5px 6px;
   height: 18px;
   border-radius: 2px;
   text-align: center;
   width: unset;
   letter-spacing: -2px;
   color: rgba(0, 0, 0, .5);
   border: 1px solid rgba(0, 0, 0, .5);
   font-size: 15px;
   cursor: pointer;
   line-height: .95;
   outline: none;
   margin: -2px 4px;
   display: inline-block;
}

.arrange_filter_item_mark .icon_rating.selected,
.page_admin_review .icon_rating.click_mark.selected {
   background: #ff3e05;
}
                
.icon_rating:hover {
   color: rgba(0, 0, 0, 0.7);
   border: 1px solid rgba(0, 0, 0, 0.6);
}

.icon_rating.selected {
   background: #4caf50;
   font-weight: 700;
   border: 1px solid #918e86;
   /* height: 20px; */
   color: #fff;
   /* padding: 1px 8px 5px 6px; */
}

.ratings_group {
   /* <------- should be under some compose section */
   /* width: 100%; */
   /* float: left; */
   /* margin: 10px 0; */
}

.icon_rating.disabled {
   cursor: default;
   color: #b7b7b7;
   border: 1px solid #dadada;
}

   .icon_rating.disabled.selected {
      cursor: default;
      color: #ffffff;
      border: 1px solid #dadada;
      background: #83b185;
   }

/*******************************************************************************************************************************
**                                                           NEW SLOP                                                         **
*******************************************************************************************************************************/
/*******************************************************************************************************************************
**                                                           Settings                                                         **
*******************************************************************************************************************************/
/*  This should be broken out so that UI elements can be universal  */
.layout_settings .full_back .center_tall {
   /* background: #fff; */
   /* border-radius: 4px; */
   /* padding: 16px 16px 0 16px; */
   /* margin: 20px auto 50px auto; */
   min-height: unset;
   /* margin: 0; */
}

.click_select {
   cursor: pointer;
}

   .click_select img {
      display: inline-block;
      margin: -5px 0px -5px 16px;
   }

.settings_group.option_birthdate .settings_holder > div {
   display: inline-block;
   padding: 0 4px 8px 4px;
}

.layout_settings .full_back .title {
   width: 100%;
   margin: 0 auto;
   border-bottom: 2px solid #c1c1c1;
   font-size: 24px;
   padding: 10px 0 20px 0;
   color: #000000;
}

.page_dash_blog_settings.layout_settings .full_back .center_tall {
   background: none;
   padding: 0;
}

.page_dash_blog_settings .tab_content {
   padding: 0 16px 16px 16px;
}

.layout_settings .full_back .close_button {
   position: absolute;
   top: 20px;
   right: 20px;
   font-size: 24px;
   color: #c1c1c1;
   cursor: pointer;
}

.layout_settings .full_back .settings_group > div {
   /* float: left; */
   /* min-height: 20px; */
   /* margin: 0; */
   /* display: flex; */
   /* justify-content: space-around; */
   padding: 0;
   /* margin: 0 0 16px 0; */
}

.settings_group.option_gifs .selector.drop {
   display: inline-block;
}

   .settings_group.option_gifs .selector.drop .selected {
      font-weight: 700;
   }

.settings_group.option_gifs .gif_settings {
   margin: 0 0 8px 0;
}

.input_field.banner_holder.empty img {
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -40px 0 0 -40px;
}

.settings_subhead {
   /* float: left; */
   margin: 0 0 16px 0;
   width: 100%;
}

.settings_group.title .blog_name {
   white-space: nowrap;
   overflow: hidden;
   width: 100%;
   text-overflow: ellipsis;
}

.layout_settings .full_back a {
   color: #000;
   text-decoration: underline;
}

.layout_settings .full_back .settings_group .group_title {
   width: 22%;
   /* margin: 0 2% 0 0; */
   /* position: relative; */
   font-weight: 700;
   /* float: left; */
   text-align: right;
   vertical-align: top;
   display: inline-block;
   padding: 0 16px 0 0;
}

.layout_settings .full_back input.jscolor {
   height: 38px;
   outline: none;
   border-radius: 4px;
   padding: 0 0 0 8px;
   font-size: 14px;
   border: 1px solid darkgrey;
}


.assoc_list {
    font-size: 16px;
}

.assoc_list .assoc_list_item {
    margin-bottom: 16px;
}

.assoc_list .assoc_list_item i {
    max-height: 18px;
    width: 32px;
}


.assoc_list .assoc_list_item img {
    max-height: 18px;
    width: 18px;
    margin-right: 14px;
    background: #529ecc;
}

.click_assoc img {
    max-height: 20px;
    background: #529ecc;
    margin: 0 8px -5px 4px;
}

span.assoc_list_name {
    width: 220px;
    display: inline-block;
    white-space: nowrap;
}

.layout_settings .full_back .assoc_list .assoc_list_item a {
    color: #a0a0a0;
    transition: .25s ease;
}

.layout_settings .full_back .assoc_list .assoc_list_item a:hover {
    color: #000000;
}

.layout_settings .full_back .color_picker {
   margin: -14px 0 0 0;
   display: inline-block;
}

.input_age_min .selector.drop, .input_age_max .selector.drop {
   display: inline-block;
   /* font-weight: bold; */
}

.input_age_min, .input_age_max {
   padding: 8px 0 0 0;
}

.settings_holder.disabled:after {
   background: rgba(255, 255, 255, .5);
   width: 100%;
   height: 100%;
   z-index: 10;
   content: " ";
   top: 0;
   left: 0;
   position: absolute;
}

.layout_settings .full_back .settings_group.blog_save {
   padding: 16px 0 16px 0;
   /* border-bottom: 1px solid #dadada; */
   /* width: 100%; */
   /* margin: 0 0 16px 0; */
   position: relative;
   /* min-height: 76px; */
   display: flex;
   justify-content: space-around;
   flex-wrap: wrap;
}

.layout_settings .full_back .settings_group {
   padding: 16px 0 16px 0;
   /* border-bottom: 1px solid #dadada; */
   /* width: 100%; */
   /* margin: 0 0 16px 0; */
   position: relative;
   /* min-height: 76px; */
}

.layout_settings .full_back .icon_shape {
   width: 64px;
   height: 64px;
   overflow: hidden;
   border: 1px solid #fff;
   margin: 0 16px 0 0;
   cursor: pointer;
   border: 2px solid #cacaca;
   background: url("../img/user_image_fpo.jpg") no-repeat center top;
   background-size: contain;
}

   .layout_settings .full_back .icon_shape > img {
      width: 100%;
      cursor: pointer;
   }

   .layout_settings .full_back .icon_shape.icon_round {
      border-radius: 100px;
      width: 72px;
      height: 72px;
      margin: -4px 16px 0 -4px;
   }

.icon_shape.active {
   border: 2px solid #4b5b71;
}

.layout_settings .full_back .icon_shape.icon_square {
   border-radius: 4px;
}

.layout_settings .full_back .blog_icon_shape .container {
   display: flex;
}

.layout_settings .full_back .settings_group:last-of-type {
   border-bottom: 0;
}

.layout_settings .full_back .settings_group.blog_save > div:empty {
    display: none;
}

.settings_group.input_location {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}

.layout_settings .full_back .sub {
   /* padding: 16px 0; */
   border-bottom: none;
   /* width: 90%; */
   /* margin: 0 auto; */
   /* position: relative; */
   /* min-height: 76px; */
   /* margin: 8px 0; */
}

   .layout_settings .full_back .sub + .sub {
      /* padding: 15px 0; */
      border-bottom: none;
      /* width: 90%; */
      /* margin: 0 auto; */
      /* position: relative; */
      /* min-height: 76px; */
   }

.layout_settings .full_back .settings_group.sub:first-of-type {
   /* padding: 30px 0 15px 0; */
}

.layout_settings .full_back .verified .verified_state .verified {
   display: block;
}

.layout_settings .full_back .unverified .resend {
   text-decoration: underline;
   cursor: pointer;
}

.layout_settings .full_back .settings_holder .edit_icon {
   position: absolute;
   right: 0;
   top: 0;
   padding: 10px;
   color: #c1c1c1;
   cursor: pointer;
}

.settings_group.blog_bannerx .settings_holder, .settings_group.blog_iconx .settings_holder {
   float: right;
   width: 78%;
   height: 400px;
   /* border: 1px solid red; */
}

.layout_settings .full_back .tools span, .layout_settings .full_back span.click_color {
   width: 100%;
   display: block;
   background: #d6d6d6;
   border-radius: 4px;
   border: 1px solid #c5c5c5;
   /* margin: 0 0 8px 0; */
   padding: 4px 20px;
   cursor: pointer;
   color: #000;
}

.layout_settings .full_back span.click_color {
   width: unset;
   display: inline-block;
   padding: 4px 12px;
   margin: 0 0 0 6px;
}

.layout_settings .full_back .tools {
   width: calc(100% - 416px);
   float: right;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: space-around;
   height: 100%;
}

.layout_settings .full_back .tools span {
    margin-bottom: 12px;
    text-align: center;
}

.layout_settings .full_back .half span.click_cropper {
   width: 48%;
   padding: 7px 0;
}

.layout_settings .full_back .half {
   display: flex;
   justify-content: space-between;
}

.layout_settings .full_back .input_switch label:after {
   content: '';
   position: absolute;
   top: 0px;
   left: 0px;
   width: 20px;
   height: 20px;
   background: #ffffff;
   border-radius: 90px;
   transition: 0.3s;
}

.layout_settings .full_back .input_switch input:checked + label {
   background: #4CAF50;
}

   .layout_settings .full_back .input_switch input:checked + label:after {
      left: calc(100% - 1px);
      transform: translateX(-100%);
   }

.layout_settings .full_back .input_switch label:active:after {
   width: 28px;
}

.layout_settings .full_back .input_switch {
   float: left;
   margin: -4px 8px 0 0;
   height: 22px;
}

.input_geolocation .results {
    background: #ffffff;
    border-radius: 0 0 4px 4px;
    border: 1px solid #c3c8cf;
    border-top: none;
    position: relative;
    width: 100%;
}

.input_geolocation .results > div {
    padding: 4px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0);
    transition: .25s ease;
}

.input_geolocation .results > div span {
    color: #a0a0a0;
}

.input_geolocation .results > div span.geolocation_city {
    color: #000000;
}

.input_geolocation .results span.typed {
    color: #000000;
    font-weight: 500;
}

.input_geolocation .results > div.selected {
    background: #dde0e4;
}


.input_geolocation .results:empty {
    display: none;
}

.input_geolocation  .results > div:hover {
    background: #eaecee;
}

.input_geolocation {
    position: relative;
}

   .layout_settings .full_back .input_switch input[type=checkbox] {
      height: 0;
      width: 0;
      visibility: hidden;
   }

   .layout_settings .full_back .input_switch label {
      cursor: pointer;
      text-indent: -9999px;
      width: 40px;
      height: 22px;
      background: #eaeaea;
      display: block;
      border-radius: 100px;
      position: relative;
      top: -15px;
      border: 1px solid #918e86;
   }

.layout_settings .full_back input.form-input_control, .layout_settings .full_back textarea.form-input_control {
   background: #f7f7f7;
}

.layout_settings .full_back .settings_holder {
   /* float: right; */
   max-width: 75%;
   min-width: 75%;
   /* margin: 0px 0 0 0; */
   display: inline-block;
   height: fit-content;
   height: -moz-fit-content;
}

.layout_settings .full_back .tab_group.account .settings_holder,
.layout_settings .full_back .tab_group.experience .settings_holder {
   min-width: 25%;
}

   .layout_settings .full_back .settings_holder + .settings_holder {
      margin: 16px 0 0 0;
   }

.layout_settings .full_back .verified_state {
   font-size: 12px;
   padding: 8px 0 0 0;
   font-weight: 700;
   color: #d80000;
}

   .layout_settings .full_back .verified_state .verified {
      color: #4caf50;
   }

.layout_settings .full_back .input_field {
   /* overflow: hidden; */
   margin: 0;
   padding: 0;
   position: relative;
   /* margin: -16px 0 0 0; */
   /* top: -16px; */
}

.layout_settings .full_back .form-input {
   position: relative;
   /* min-height: 3px; */
}

.layout_settings .full_back i.form-input_icon.fa {
   display: none;
}

.layout_settings .full_back .checkbox .fields-wrap, .fields-wrap.text input {
   width: 100%;
   height: 40px;
   padding: 0 10px;
   outline: none;
   border: 1px solid #918e86;
   background: #eee;
   margin: 2px 0;
}

.layout_settings .full_back input.form-input_control, .layout_settings .full_back textarea.form-input_control {
   background: #f7f7f7;
   padding: 8px 8px;
   margin: -10px 0 0 0;
}

.page_dash_blog .full_back .tab_content input[type="text"] {
    margin: -10px 0 0 0;
}

.layout_settings .full_back .settings_holder.social_links > div {
   display: flex;
   width: 100%;
}

.layout_settings .full_back .input_link {
   width: 64px;
   position: relative;
   margin: 0 16px 0 0;
}

   .layout_settings .full_back .input_link i {
      position: absolute;
      right: 0;
   }

.layout_settings .full_back .input_field.input_location {
   display: block;
   /* top: -16px; */
   width: 250px;
}

.layout_settings .full_back .input_field.input_name {
   max-width: 250px;
}

.input_country .click_select i {
   /* position: absolute; */
   /* right: 0px; */
   /* top: 6px; */
}

.layout_settings .full_back .input_country .click_select .selected {
   /* width: 165px; */
   /* display: inline-block; */
   /* overflow: hidden; */
}

.layout_settings .full_back .input_country {
   display: inline-block;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   width: calc(100% - 270px);
   height: 30px;
   margin: 0 0 0 8px;
   width: 100%;
}

   .layout_settings .full_back .input_country .click_select {
      /* width: 190px; */
      position: relative;
   }

   .layout_settings .full_back .input_country span.selected > span:last-of-type {
      max-width: calc(100% - 72px);
      text-overflow: ellipsis;
      overflow: hidden;
      display: inline-block;
      top: 5px;
      position: relative;
      margin: 0 8px 0 0;
   }

.layout_settings .full_back .settings_group span.social {
   margin: -8px 8px 0 0px;
}

.layout_settings .full_back .input_field.link_url {
   width: 100%;
}

.layout_settings .full_back .settings_group.shrink.clearfix {
   height: 52px;
}

.pw-type-toggle, .layout_settings .full_back button.pw-type-toggle {
   position: absolute;
   right: 10px;
   top: 0px;
   background: none;
   border: none;
   outline: none;
   color: #918e86;
   font-size: 18px;
   height: unset;
   padding: 0;
}

.pw-type-toggle {
   top: 10px;
}

.form-input.error {
   height: auto !important;
   padding: 0 0 8px 0;
}

.layout_settings .full_back .text .form-input_label {
   display: none;
}

.layout_settings .full_back button {
   height: 40px;
   border: none;
   cursor: pointer;
   outline: none;
   padding: 6px 12px;
   color: #f8f4e3;
   background: #e5446d;
}

   .layout_settings .full_back button .form-input_label {
      user-select: none;
      pointer-events: none;
   }

.layout_settings .full_back .settings_holder .button button {
   /* float: left; */
   margin: 0;
   padding: 0;
   /* height: 32px; */
}

.layout_settings .full_back .input_button.input_unsubscribe button div,
.layout_settings .full_back .input_button.input_deactivate button div {
   padding: 0;
}

.layout_settings .full_back button .form-input_label {
   font-size: 16px;
   font-weight: 700;
   margin: -2px 0 0 0px;
   padding: 0 16px;
}

.settings_holder .input_button {
   display: inline-block;
}

.layout_settings .full_back .settings_holder .blog_icon {
   box-shadow: none;
   border-radius: 0;
   width: 400px;
   height: 400px;
   float: left;
   background: #f7f7f7;
}

.layout_settings .full_back .settings_holder .banner_holder {
   width: 400px;
   height: 400px;
   float: left;
   background: #f7f7f7;
   /* max-width: 400px; */
   /* max-height: 400px; */
}

.input_field.blog_icon.empty img {
   max-width: 100%;
   height: auto;
   width: unset;
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -40px 0 0 -40px;
}

.layout_settings .full_back .settings_detail {
   margin: 10px 0 0 0;
   text-align: left;
   display: block;
}

.layout_settings .full_back textarea.form-input_control {
   width: 100%;
}

.settings_group.blog_save .group_title {
   display: none;
}

.layout_settings .full_back .blog_save button {
   height: 40px;
   /* position: absolute; */
   /* top: 0; */
   /* left: 50%; */
   border: none;
   cursor: pointer;
   outline: none;
   /* background: #e5446d; */
   padding: 6px 16px;
   /* margin: 0 0 0 -120px; */
   position: relative;
   color: #f8f4e3;
   /* width: 240px; */
   /* margin: 0 10%; */
}

.settings_group.blog_save .form-input {
   /* display: flex; */
   /* justify-content: space-around; */
   /* width: 100%; */
}

.settings_group.blog_save .input_blog_save button {
   background: #e5446d;
}

.settings_group.blog_save .input_blog_reset button {
   background: #d6d6d6;
   color: #888;
}

.layout_settings .full_back .group_title:empty {
   height: 0 !important;
   padding: 0 !important;
   margin: 0 !important;
}

.settings_group.blog_edit .group_title {
   display: none;
}

.settings_group.blog_edit > div {
   font-size: 16px;
   text-align: center;
   width: 100%;
}

   .settings_group.blog_edit > div + div {
      margin: 16px 0 0 0;
   }

   .settings_group.blog_edit > div:empty + div {
      margin: 0 0 0 0;
   }

.settings_group.blog_edit div span {
   width: 100%;
   display: block;
}

.compose_body .post.owner .blog_button {
   display: none;
}

.layout_settings .full_back .account_unsubscribe button,
.layout_settings .full_back .account_deactivate button {
   background: none;
   width: unset;
   height: unset;
   color: #f00;
   padding: 0;
   text-decoration: underline;
   margin: -2px 0 0 0;
}

/*******************************************************************************************************************************
**                                                            Media                                                           **
*******************************************************************************************************************************/
@media (max-width: 1024px) {



   .page_dash_home .full_back .filter_tools {
      display: block !important;
      margin: -9px 0 8px 0;
      padding: 6px 16px 0 16px !important;
   }

   .page_dash_home .side_bar.left {
      display: block;
      position: absolute;
      left: 0;
      margin: 0;
      z-index: 10000;
      float: unset;
      padding: 0;
   }

   .side_bar.left .blog_cats {
      left: -330px;
      background: rgb(75, 91, 113);
      padding: 16px;
      border-radius: 0px 4px 4px 0px;
      box-shadow: 0 0 10px rgba(0, 0, 0, .5);
      transition: 0.25s ease;
      margin: 0;
      padding: 16px;
      width: 300px;
      max-height: 80vh;
      top: 50%;
      overflow-x: hidden;
      overflow-y: auto;
      position: fixed;
      margin: -175px 0 0 0;
   }

   .side_bar .monitor_links {
      margin: 0;
      border-radius: 4px 4px 0px 0px;
   }

   .page_dash_home .full_back .side_bar .monitor_links {
      display: none;
   }

   .side_bar .bizops_links {
      border-radius: 0 0 4px 4px;
      border-top: 1px solid rgba(54, 70, 93, 0.5);
   }


   .posts_holder > div, .side_bar > div {
      margin: 0 0 8px 0;
      /* float: right; */
      /* width: 84%; */
   }

   .side_bar.left .blog_cats.show {
      left: -8px;
      /* margin: 0; */
   }

   .blog_cats .cat_holder div {
      font-size: 20px;
      height: 40px;
   }

   .side_bar .section_head {
      font-size: 18px;
   }

   .blog_cats.show:after {
      background: rgba(54, 70, 93, .5);
      display: block;
   }

   .blog_cats.show .dialog_catcher {
      width: 100vw;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      background: rgba(54, 70, 93, .5);
      z-index: -1;
   }

   .blog_cats .section_head i {
      right: 16px;
      font-size: 18px;
      top: 12px;
   }

   .posts_holder > div, .side_bar > div {
      margin: 0 0 8px 0;
      /* float: right; */
      /* width: 84%; */
   }

   .dash_tabs {
      /* float: right; */
      width: 100%;
      top: 100px;
      margin: 0;
      /* display: inline-block; */
   }

   .mobile .dash_tabs {
      top: 50px;
   }
}

.dialog:after {
   content: " ";
   width: 100%;
   height: 100px;
   position: relative;
   bottom: -32px;
   /* background: #00ff4e57; */
   /* position: relative; */
   display: block;
   /* padding: 0 0 100px 0; */
   pointer-events: none;
   z-index: -1;
}

@media (max-width: 750px) {


    .page_monitor_enroll .levels .title {
        margin: 8px 0 6px;
    }

    .page_monitor_enroll .levels .title.wide {
        display: block;
    }

    .page_monitor_enroll .post_article input[type="text"] {
        width: 100%;
    }

    .page_monitor_enroll.layout_info .post {
        margin: 0 0 100px 0;
    }

   .page_follow .filter_button {
      /* top: unset; */
      /* position: relative; */
      /* left: unset; */
      /* width: unset; */
   }

   .arrange_menu_open {
      margin: 0px 0 0 -1px;
   }

   .settings_group.blog_bannerx .settings_holder,
   .settings_group.blog_iconx .settings_holder {
      width: 100%;
      margin: 0;
      float: unset;
      height: unset;
      padding: 100% 0 0 0;
      top: 0;
      /* overflow: hidden; */
      position: relative;
      margin: 0 !important;
   }

   .page_dash_blog_settings .tab_content {
      padding: 0 8px 8px 8px;
   }

   .layout_settings .full_back .tools {
      width: 100%;
      flex-direction: row;
      height: unset;
      flex-wrap: wrap;
      margin: 8px 0 0 0;
      justify-content: center;
      /* position: absolute; */
      /* bottom: -120px; */
      /* top: unset; */
   }

   .dialog .post_body {
      position: unset;
      overflow: unset;
      max-height: unset;
   }

   .dialog .ratings_group .icon_rating {
      transform: scale(1.5);
   }

   .rating_group {
      width: 100%;
      display: flex;
      justify-content: space-around;
   }

   .layout_settings .full_back .tools > span, .layout_settings .full_back .tools > div {
      width: unset;
      width: 48%;
      margin: 1%;
      min-height: 36px;
      /* padding: 9px 4px 4px 4px; */
      height: fit-content;
      height: -moz-fit-content;
   }

   .layout_settings .full_back .tools span {
      padding: 9px 4px 4px 4px;
   }

   .layout_settings .full_back .button_edit {
      width: 24px;
      height: 24px;
   }

      .layout_settings .full_back .button_edit i {
         font-size: 16px;
         margin: 0 0 8px;
      }

      .layout_settings .full_back .button_edit.edit_colors {
         bottom: -52px;
         height: fit-content;
         height: -moz-fit-content;
         width: 60px;
      }

   .layout_settings .full_back .ratings_group {
      float: unset;
      display: flex;
      justify-content: space-between;
      margin: 24px 0 24px 0;
      padding: 0 21px;
   }

   .settings_holder .icon_rating {
      width: 48px !important;
      height: 48px !important;
      font-size: 24px !important;
      padding: 12px !important;
   }

   .full_back .filter_tools {
      top: 99px;
      margin: -1px 0 0 0;
   }

   .mobile .full_back .filter_tools {
      top: 49px;
   }

   .center_wide {
      width: 96% !important;
      padding: 0;
      max-width: unset;
      margin: 0 2% 100px 2%;
   }

   .full_back .center_center {
      /* position: relative; */
      /* padding: 10px 0 30px 0; */
      /* margin: 0 0 0 0; */
      /* top: 0; */
      /* left: 0; */
      /* width: 100%; */
   }

   .full_back .center_tall {
      max-width: 540px;
      width: 96%;
      position: relative;
      left: 0;
      /* margin: 0 auto; */
      /* padding: 0 0 40px 0; */
      display: block;
      /* overflow: hidden; */
   }

   .post_tools li {
      width: 16.5%;
      float: left;
      border-right: 1px solid #e1e1e1;
      margin: 4px 0 6px 0;
      cursor: pointer;
      font-size: 14px;
   }

      .post_tools li i {
         float: left;
         padding: 10px 8px 10px 8px;
         width: 100%;
         text-align: center;
         transition: all .5s ease;
      }

   .dialog .post_post {
      /* display: block; */
   }

   .dialog .post_tools li {
      width: 50%;
      display: block;
      height: 33%;
      padding: 5% 0;
      border-right: none;
   }

      .dialog .post_tools li:last-of-type {
         /* width: 100% */
      }

      .dialog .post_tools li i {
         font-size: 40px;
      }

   .dialog .post_post {
      /* height: 75%; */
      /* width: 92%; */
   }

   ul.post_tools {
      height: 100%;
      flex-wrap: wrap;
   }

   .posts_holder {
      margin: 0 auto;
      position: relative;
      padding: 0px 0px 0 0px;
      position: relative;
      float: unset;
   }

   body.mobile {
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      /* position: fixed; */
      /* width: 100%; */
   }

   .post_post .blog_icon {
      display: none;
   }

   .blog_masthead {
      /* height: 120px; */
      /* width: 100%; */
   }

      .blog_masthead .blog_banner {
         height: 100px !important;
         max-width: 100%;
      }

   .masthead_holder.blog_banner_holder {
      min-height: 100px;
      top: 0;
   }

   .blog_links {
      /* width: 100%; */
      overflow-x: auto;
      overflow-y: hidden;
   }

      .blog_links ul {
         /* width: 600px; */
      }
   /*
    .side_menu {
        background: #36465d;
        width: calc(100vw - 50px);
        height: calc(100% - 50px);
        border-radius: 0;
        position: absolute;
        top: 50px;
        transition: all .15s ease;
        left: -100vw;
    }

    .side_menu li {
        width: 100%;
        float: left;
        margin: 10px;
        text-shadow: none;
        color: #fff;
        font-weight: 400;
        font-size: 19px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.07);
        padding: 0 0 8px 0;
    }

    .side_menu li i {
        margin: 0 10px;
    }

    .side_menu:after {
        width: 100vw;
        height: 100%;
        background: rgba(0, 0, 0, 0);
        content: " ";
        position: absolute;
        z-index: -1;
        left: -100px;
        top: 0;
        transition: all .15s ease;
    }
*/
   .layout_archive .arrange_separator {
      margin: 20px 0;
   }

   .dialog_box {
      width: calc(100% - 240px);
      left: unset;
      margin: 2% auto 70px auto;
      max-width: 700px;
      position: relative;
      /* background: #ff002d; */
      /* padding: 0 0 100px 0; */
   }




   .dialog {
      /* width: 100vw; */
   }

   .group_title {
      width: 100%;
      text-align: center;
      margin: 0 0 10px 0;
   }

   .settings_holder {
      width: 100%;
   }

   .dialog_box {
      top: 90px;
   }

   .block.attrib_block {
      /* height: 90px; */
   }

   .guidelines {
      /* width: 100px; */
      /* margin: 0px 0 10px 0; */
      /* float: left; */
      /* position: unset; */
      /* left: 0; */
      width: 100%;
      /* display: block; */
      order: 1;
      margin: 16px;
   }

   ul.post_tools li {
      /* width: 36px; */
   }

   .NTHOME___centerGroup {
      /* width: 90%; */
   }

   .section_buttons > div {
      width: 100%;
   }

   .page_search .drop,
   .page_tagged .drop {
      position: relative;
      cursor: pointer;
      float: left;
      width: auto;
      text-align: left;
      /* margin: 0 20px 0 0; */
   }

   .filter_tools {
      left: 0;
      padding: 0 16px !important;
      display: flex !important;
      justify-content: space-between;
      align-items: center;
   }

   .page_follow .filter_tools {
      /* padding: 0 16px 0 20% !important; */
   }

   .search_blogs .filter_tools {
      justify-content: start;
   }

   body.loggedout .filter_tools {
      top: 50px;
   }

   .layout_settings .full_back .input_field.input_location {
      display: block;
      top: unset;
      width: 250px;
   }

   .blog_title {
      font-size: 30px;
   }

   .posts_holder:last-child {
      padding: 0;
   }

   span.nomobile {
      display: none;
   }

   .layout_settings .full_back .settings_group .group_title {
      width: 100%;
      display: block;
      text-align: left;
      /* height: 36px; */
   }

   .layout_settings .full_back .settings_holder {max-width: unset;}

   .layout_settings .full_back .settings_group.shrink.clearfix {
      height: auto;
   }

   .layout_settings .full_back .input_country {
      display: block;
      width: 94%;
   }

   .input_language {
      width: 96%;
      position: relative;
   }

      .input_language i {
         /* position: absolute; */
         /* right: 0; */
      }

   .layout_settings .full_back .settings_holder {
      width: 100%;
      /* padding-left: 4%; */
      display: block;
   }

      .layout_settings .full_back .settings_holder .banner_holder, .layout_settings .full_back .settings_holder .blog_icon {
         /* width: 100%; */
         /* overflow: hidden; */
         /* position: absolute; */
         /* padding-top: 100%; */
         /* top: 0; */
         /* float: unset; */
         /* height: 100%; */
         /* border: 2px solid red; */
         max-width: calc(90vw - 50px);
         max-height: calc(90vw - 50px);
      }

      .layout_settings .full_back .settings_holder .edit_icon {
         right: -13px;
      }

   .layout_settings .full_back .input_field.input_name, .layout_settings .full_back .input_field.input_location {
      max-width: unset;
      width: 100%;
   }

   .layout_settings .full_back .title {
      width: 96%;
   }

   .input_button {
      padding-left: 4%;
      margin: 0 0 16px;
   }

   .body.page_home .full_back {
      background: #f1f1f1 url("../img/woman_back_mbl.jpg") center top;
      background-size: cover;
   }

   .page_home .center_center {
      width: 96%;
      margin: 0 0 0 -125px;
      left: 50%;
      top: 0;
      max-width: 250px;
      padding: 0 0 40px 0;
      position: relative;
   }

   .masthead_holder.blog_name_holder .blog_name {
      /* font-size: 34px; */
      /* height: 36px; */
   }

   .blog_links {
      /* display: none; */
   }

   .page_blog .blog_masthead {
      /* margin: 0 0 20px 0; */
      /* height: 100px; */
   }

   .page_home .footer_links {
      position: relative;
      margin: 30px 0 0 0;
   }

   .footer_links li {
      width: 33%;
      margin: 0;
      text-align: center;
   }

   .footer_links a {
      width: 100%;
      text-align: center;
   }

   .page_search .full_back,
   .page_tagged .full_back {
      padding: 0;
   }

   .post_button.publish {
      vertical-align: middle;
      width: 160px;
   }

   .compose_footer .post_button {
      height: 36px;
      display: inline-block;
      width: 33%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
   }

   .message_compose .compose_footer div.button_post {
      padding: 10px 0 0 0;
   }

   .compose_footer .post_button > span {
      /* padding: 7px; */
      /* display: block; */
      display: inline-block;
      float: unset;
   }

   .post_button.publish span.click_postdrop {
      width: 40px;
      padding: 8px 0 0 13px;
      text-align: center;
   }

   .post_button.publish > span {
      width: 60%;
   }

   .settings_subhead {
      /* float: left; */
      margin: 16px 0 0 0;
      width: 100%;
   }

   .layout_settings .full_back .settings_detail, .settings_subhead {
      text-align: center;
   }
}

@media (max-width: 640px) {
   .media_upload.another {
      height: 70px;
   }

   .dialog .dialog_box > .blog_icon {
      /* display: none; */
      left: 50%;
      margin: 0 0 0 -40px;
      top: -90px;
   }

   .dialog_abc .dialog_box > .blog_icon {
      display: none;
   }

   .dialog_abc .dialog_box {
      top: 10px;
   }

   .dialog_box {
      width: 95%;
   }
}

.arrange_separator {
   display: block;
   font-size: 16px;
   font-weight: 700;
   padding: 0 0 0 16px;
   margin: 0 0 16px 0;
   width: 100%;
   text-align: left;
}

.arrange_section + .arrange_section {
   padding-top: 16px;
}

.arrange_section {
   display: block;
   margin: 0 auto;
   padding: 0;
}

.filter_tools + .container_holder {
   margin-top: 16px;
}

.page_label {
   width: 100%;
   text-align: center;
   font-size: 28px;
   font-weight: 700;
   color: #ffffff;
   margin: 17px 0;
}

.page_follow .side_bar.left {
   left: 0;
   top: 90px;
   position: fixed;
   left: 0;
   margin: 0;
   z-index: 10000;
   float: unset;
   padding: 0;
}

.page_follow .side_bar.left .blog_cats {
   left: -330px;
   background: rgb(75, 91, 113);
   padding: 16px;
   border-radius: 0px 4px 4px 0px;
   box-shadow: 0 0 10px rgba(0, 0, 0, .5);
   transition: 0.25s ease;
   margin: 0;
   padding: 16px;
   width: 300px;
   max-height: 80vh;
   top: 66px;
   overflow-x: hidden;
   overflow-y: auto;
   position: fixed;
}

.page_follow .side_bar.left .blog_cats.show {
   left: -8px;
   margin: 0;
}

.page_follow .blog_cats .section_head i {
   right: 16px;
   font-size: 18px;
   top: 8px;
}

@media screen and (max-width: 1100px) {
   .page_monitor .right {
      float: none;
      width: 100%;
      margin: 24px 0;
   }

   .page_monitor .messages_holder {
      width: 100%;
      float: none;
   }
}



.tform {
    max-width: 640px;
    margin: 0 auto;
    /* background: #36465d; */
    padding: 8px;
}

.tform input[type="text"] {
    width: 100%;
    border: none;
    font-size: 14px;
    padding: 8px 0 4px 4px;
    outline: none;
    background: none;
    caret-color: #b7b7b7;
    color: #fff;
    border-bottom: 1px solid #5e6b7d;
    background: #eff0f2;
}

.tform input[type="text"]::placeholder {
    font-size: 14px;
}

.tform .required input[type="text"]::placeholder {
    font-style: italic;
    text-transform: capitalize;
    font-weight: 700;
    color: #e5446d;
}

.tform .tform_section_title {
    font-weight: 700;
    border-bottom: 1px solid #a5adb8;
    text-transform: uppercase;
    position: relative;
    font-size: 14px;
    margin: 0;
    color: #36465d;
    background: #dddddd;
    border: none;
    padding: 4px 0;
    display: flex;
    text-align: left;
    cursor: pointer;
    padding: 4px 0 4px 4px;
}

.tform .tform_section .expand {
    width: 18px;
    text-align: center;
    height: 18px;
    position: absolute;
    left: 0px;
    top: 1px;
    transform: rotateZ(180deg);
    transition: transform .25s ease;
    transform-origin: 50% 50%;
    display: none;
    justify-content: center;
    vertical-align: middle;
    /* background: red; */
}

.tform .tform_group.collapse .expand {
    left: -2px;
    top: -4px;
}

.tform .tform_section.collapse.open .expand,
.tform .tform_group.collapse.open .expand {
    transform: rotateZ(270deg);
}

.tform .tform_section .expand i {
    position: absolute;
    top: 3px;
    /* left: 6px; */
    /* display: flex; */
    width: 16px;
    height: 10px;
    text-align: center;
    /* background: #0000ff85; */
    /* display: inline-block; */
}

.tform .tform_section.collapse .expand,
.tform .tform_group.collapse .expand {
    display: flex;
}

.tform .collapse .tform_section_title,
.tform_group.collapse .tform_group_title {
    padding-left: 16px;
}

.tform .tform_section.collapse .tform_section_groups {
    height: 0;
    overflow: hidden;
}

.tform .tform_section.collapse.open .tform_section_groups {
    height: fit-content;
    height: -moz-fit-content;
    overflow: hidden;
    background: #47566a;
    margin: 0 0 16px 0;
    padding: 8px;
}

.tform .tform_group_title {
    font-size: 12px;
    font-weight: 700;
    border-bottom: 1px solid #a5adb8;
    text-transform: uppercase;
    cursor: default;
    margin: 8px 0;
    color: #a5adb8;
    position: relative;
}

.tform .tform_group.collapse .tform_group_title {
    margin: 0 0 8px 0;
    cursor: pointer;
}

.tform .tform_item .results  {
    background: #ffffff;
    border-radius: 0 0 4px 4px;
    border: 1px solid #c3c8cf;
    border-top: none;
    position: relative;
    width: 100%;
}

.tform .tform_item .results:empty  {
    display: none;
}

.tform .tform_item .results > div > div {
    padding: 4px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0);
    transition: .25s ease;
}

.tform .tform_item ..results > div span {
    color: #a0a0a0;
}

.tform .tform_item .results > div span.geolocation_city {
    color: #000000;
}

.tform .tform_item .results > div span.typed {
    color: #000000;
    font-weight: 500;
}

.tform .tform_item .results > div .selected {
    background: #dde0e4;
}

.tform .tform_item .results > div .results:empty {
    display: none;
}

.tform .tform_item .results > div:hover {
    background: #eaecee;
}

.tform .tform_item .results > div {
    position: relative;
    padding: 4px 0 2px 4px;
    cursor: pointer;
    color: #81868e;
}

.tform .tform_item .results > div.selected {
    background: #dde0e4;
}


.tform .tform_item {
    color: #fff;
    padding: 4px;
}

.tform .tform_item .video_scrubber {
    width: 100%;
    margin: 0;
    height: unset;
    min-height: 40px;
    padding: 0 0 24px 0;
}

.tform .tform_item .track {
    top: 14px;
}

.tform .tform_item .progress {
    top: 10px;
}

.tform .tform_item .clear {
    margin: 0 0 0 6px;
    font-size: 14px;
    cursor: pointer;
    color: #a5adb8;
    position: absolute;
    right: 0;
    top: 2px;
}

.tform .tform_section {
    margin: 0 0 16px 0;
}

.tform .tform_section:last-of-type {
    margin: 0 0 0 0;
}

.tform .tform_group_sub {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin-bottom: 16px;
}

.tform .tform_group_sub:last-of-type {
    margin-bottom: 0;
}

.tform span.assoc_page_sub {
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
}

.tform_group_sub > div {
    flex: 2;
}

.dialog.dialog_assoc_card .checker.undefined > .unhide_check .mark {
    /* display: flex; */
    flex-wrap: wrap;
    justify-content: space-between;
    /* flex-direction: column; */
    /* flex-flow: column wrap; */
    column-count: 3;
}


.tform_item .checker {
    column-count: 3;
}

.tform_item .checker > div {
    /* width: 33%; */
}

.tform span.label {
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    color: #529ecc;
}

.tform .value {
    color: #36465d;
    font-size: 14px;
    /* font-weight: 500; */
}

.tform .tform_group.collapse {
    overflow: hidden;
    min-height: 26px;
    position: relative;
}

.tform .tform_group.collapse.open {
    overflow: visible;
    /* height: unset; */
}

.tform .tform_info {
    font-size: 14px;
    color: white;
}

.tform .tform_group.collapse.open .tform_group_items {
    /* background: #e9ebed; */
    /* margin-top: -8px; */
    /* padding: 8px; */
}

.tform .tform_group.collapse .tform_section_groups,
.tform .tform_group.collapse .tform_group_items {
    display: none;
}

.tform .tform_group.collapse.open .tform_group_items,
.tform .tform_group.collapse.open .tform_section_groups {
    display: block;
}

.required .notset .value, .required .drop.notset .selected {
    /* background: #ffffff; */
    font-style: italic;
    text-transform: capitalize;
    font-weight: 700;
    color: #e5446d;
}

.tform_button_group {
    width: 440px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}

.tform_button_group > div {
    background: #e5446d;
    color: white;
    border: none;
    cursor: pointer;
    padding: 12px 16px;
    position: relative;
    color: #f8f4e3;
    font-weight: 700;
    margin-bottom: 16px;
}

.tform .tform_item .video_scrubber {
    padding: 4px 8px;
}

.tform .tform_section_groups {
    padding: 0 4px;
}

.tform_group_items {
    margin-bottom: 16px;
}

.tform_section:last-of-type .tform_group .tform_group_items:last-of-type {
    margin-bottom: 0;
}


@media (max-width: 500px) {
    
    .tform_button_group {
        flex-wrap: wrap;
    }

    .tform_item .checker > div{
        margin-right: 4px;
    }
    
    .tform_group_sub {
        flex-direction: column;
    }

    .tform_item .checker {
        column-count: 2;
    }
    
}

.page_assoc_settings .tform {
    background: #fff;
    margin: 16px auto;
    border-radius: 5px;
}

.page_assoc_settings .tform .tform_group_title {
    color: #36465d;
}

.page_assoc_settings .tform .tform_section_title {
    color: white;
    background: #529ecc;
}

.page_assoc_settings .tform .video_button.scrubber {
    color: #36465d;
}

.page_assoc_settings .tform .track {
    background: #a5adb8;
}

.page_assoc_settings .tform .tform_item {
    color: #36465d;
    padding: 4px;
    font-size: 14px;
}

.page_assoc_settings .tform .tform_section.collapse.open .tform_section_groups {
    background: #e9ebed;
}


.page_assoc_settings .tform .tform_info {
    font-size: 14px;
    color: #36465d;
}

.page_assoc_settings .tform input[type="text"] {
    color: #36465d;
}




.assoc_message {
    background: white;
    padding: 8px;
    border-radius: 4px;
    max-width: 450px;
    margin: 16px auto;
}

.assoc_page_sub {
    margin: 0px auto;
    width: fit-content;
    width: -moz-fit-content;
    background: #529ecc;
    color: #fff;
    padding: 0 7px;
    font-weight: 500;
    position: relative;
    font-size: 15px;
    text-transform: uppercase;
    height: 20px;
    max-height: 20px;
    min-height: 20px;
}

.assoc_page_sub:before,
.assoc_page_sub:after {
    display: block;
    content:" ";
    width: 46px;
    height: 22px;
    top: -2px;
    background-color: #529ecc;
    position: absolute;
    z-index: -1;
}

.assoc_page_sub:before {
    left: -16px;
    transform: skewX(45deg);
    -ms-transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
}

.assoc_page_sub:after {
    right: -16px;
    transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
}



.assoc_message .assoc_message_icon {
    display: inline-block;
    padding: 0 16px 0 8px;
    font-size: 28px;
    color: #529ecc;
}

.assoc_message > div {
    display: inline-block;
}

.assoc_message {
    display: flex;
    align-items: center;
}


/* - Block Buttons - */

.block_button {
    background: #a5adb8;
    color: white;
    border: none;
    cursor: pointer;
    padding: 6px 8px;
    position: relative;
    font-weight: 700;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    width: -moz-fit-content;
}

.block_button.shadow {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.block_button.shadow:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.block_button.pop {
    background: #e5446d;
    color: #f8f4e3;
}

.block_button.danger {
    /* color: #ff0000; */
    /* color: #eee; */
}

.block_button.blue {
    background: #529ecc;
    
}

.assoc_message .button_group {
    display: flex;
    justify-content: space-around;
    margin: 8px 0 0 0;
}



/* --- Association Card --- */

.dialog.dialog_assoc_card .assoc_header div.blog_icon {
    width: 92px;
    height: 92px;
    position: absolute;
    top: 7px;
    left: 8px;
    padding: 0;
    border: 4px solid #529ecc;
    z-index: 1;
}

.dialog.dialog_assoc_card .assoc_page_sub {
    z-index: 0;
}

.dialog.dialog_assoc_card .assoc_header {
    background: #529ecc;
    padding: 8px;
    border-radius: 6px 6px 0 0;
    height: 80px;
    padding-left: 106px;
    color: #fff;
}

.dialog.dialog_assoc_card .dialog_box {
    border-radius: 10px 10px 4px 4px;
}

.dialog.dialog_assoc_card .close {
    color: #fff;
}

.dialog.dialog_assoc_card .blog_title {
    font-size: 24px;
    font-weight: 700;
}

.dialog.dialog_assoc_card .persona_info > span {
    text-align: left;
    margin: 0;
    padding: 0 0 0 8px;
}

.dialog.dialog_assoc_card .persona_info > span:first-of-type {
    padding: 0;
}

.dialog.dialog_assoc_card .persona_info > span + span:before {
    content: "| ";
    font-weight: 500;
}

.dialog.dialog_assoc_card .assoc_header > div {
    padding: 1px 0 3px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 32px;
}

.dialog.dialog_assoc_card .assoc_header div.blog_icon.round {
    margin: -2px 0 0 0;
}

.dialog.dialog_assoc_card input[type="text"] {
    color: #000;
    background: none;
    pointer-events: none;
    border-bottom: none;
    font-size: 17px;
    font-weight: 500;
    padding: 0;
    margin: -4px 0 0 0;
    height: unset;
}

.dialog.dialog_assoc_card .tform_group_items {
    font-size: 16px;
    font-weight: 500;
}

.dialog.dialog_assoc_card .tform .tform_item {
    padding: 0;
    color: black;
}

.dialog.dialog_assoc_card .tform_item .selected {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.dialog.dialog_assoc_card .checker.undefined > .unhide_check .mark {
    display: none;
}

.dialog.dialog_assoc_card .checker.undefined > .unhide_check .label {
    font-size: 16px;
    color: #000;
    font-weight: 500;
}

.dialog.dialog_assoc_card .assoc_header .assoc_type img {
    font-size: 22px;
    max-height: 22px;
    margin: 0 8px -5px 0px;
}

.dialog.dialog_assoc_card .assoc_header .assoc_type i {
    max-width: 22px;
    max-height: 22px;
    margin: 0 8px -5px 0px;
}

.dialog.dialog_assoc_card .assoc_header .blog_title {
    margin-top: 10px;
}


/* - Genre Input - */

.settings_holder.genre_drops > div {
    min-height: 32px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 16px 0;
}

.settings_holder .information {
    border-top: 1px solid #d0d3d9;
    padding-top: 8px;
}

.layout_tabbed .full_back .settings_holder.genre_drops .input_genre span.selected {
    min-width: 110px;
    display: inline-block;
}

.layout_tabbed .full_back .settings_holder.genre_drops .tags_input {
    margin: -4px 0 0 10px;
}

.layout_tabbed .full_back .settings_holder.genre_drops input[type="text"] {
    display: inline-block;
    padding: 0;
}

.layout_tabbed .full_back .settings_holder.genre_drops .genre_suggestions {
    display: flex;
    max-width: 100%;
    width: 100%;
    margin: 2px 0 22px 0;
    flex-wrap: wrap;
    padding: 0 0 0 12px;
    display: none;
    border-bottom: 1px solid #c4c8cf;
}

.layout_tabbed .full_back .settings_holder.genre_drops .genre_suggestions.show {
    display: block;
}

.layout_tabbed .full_back .settings_holder.genre_drops .tag_block.genre_suggestions .tag {
    max-width: unset;
    white-space: nowrap;
    margin: 0px 8px 4px 0px;
}

.layout_tabbed .full_back .settings_holder.genre_drops .tag_block.genre_suggestions .tag:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f0fe";
    margin: 8px 0px 0px 4px;
    font-size: 12px;
    color: #848484;
    display: inline-block;
    vertical-align: top;
    line-height: 0;
    transition: color .25s ease;
}

.layout_tabbed .full_back .settings_holder.genre_drops .tag_block.genre_suggestions .tag:hover:after {
    color: #525252;
}

.layout_tabbed .full_back .settings_holder.genre_drops  .tag_block.genre_suggestions .label {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 8px 0;
    color: #848484;
}

.layout_tabbed .full_back .settings_holder.genre_drops .tags_input {
    max-width: calc(100% - 136px);
}

.layout_tabbed .full_back .settings_holder.genre_drops .tags_input span.tag {
    margin: 0 5px 5px 0;
}

/* Genre Alert */

.genre_intro {
    max-width: 728px;
    margin: 10px auto 30px auto;
    color: #36465d;
    padding: 16px;
    box-sizing: border-box;
    background: #dfffa0;
    background-repeat: repeat;
    border: 2px solid #ffffff;    
	-webkit-animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 10s 2 both;
	        animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 10s 2 both;
}

.genre_intro.open { 
	-webkit-animation: none;
	        animation: none;
}

@-webkit-keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}
@keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}


.genre_intro_learn {
    text-align: right;
    margin: 10px 0;
    cursor: pointer;
}


.genre_intro.open .genre_intro_content {
    max-height: unset;
}

.genre_intro_content {
    overflow: hidden;
    line-height: 1.2;
    max-height: 0;
    /* transition: .5s ease; */
}

.genre_click, 
a.genre_click {
    display: inline-block;
    font-weight: 600;
    font-size: 18px;
    margin-left: 18px;
    background: #36465d;
    color: #ffffff;
    padding: 6px 12px;
    border-radius: 9px;
    text-decoration: none;
    margin: 12px 12px 0 12px;
    box-shadow: 0 5px 5px rgba(54, 70, 93, .25), 0 2px 2px rgba(54, 70, 93, .5);
    transition: .25s ease;
}

.genre_click:hover, 
a.genre_click:hover {
    margin: 6px 12px 6px 12px;
    box-shadow: 0 12px 10px rgba(54, 70, 93, .25), 0 4px 4px rgba(54, 70, 93, .5);
}

.genre_intro h2 {
    font-weight: 500;
    font-size: 20px;
    margin: 0px 0 12px 6px;
}

.genre_intro p + h2 {
    margin-top: 12px;
}

.genre_intro h1 {
    -webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

.genre_intro.open .genre_intro_learn {
    display: none;
}

.genre_intro p + h1 {
   margin-top: 16px;
   margin-bottom: 8px;
}