/*body {
    background: #393530;
    color: #ffffff;
}
a {
    color: #ffffff;
}
a:focus, a:hover{
    color: darkorange;
}
body .main-sidebar {
    background: #101519;
}*/
body {
    font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
    font-size: 14px;
}
.mt-5 {
    margin-top: 5px;
}
.bg-ghostwhite {
    background-color: ghostwhite !important;
}
.btn {
    max-width: 100%;
}
.text-highlight {
    text-shadow: 1px 0 0 #ffff00, -1px 0 0 #ffff00, 0 1px 0 #ffff00, 0 -1px 0 #ffff00, 1px 1px #ffff00, -1px -1px 0 #ffff00, 1px -1px 0 #ffff00, -1px 1px 0 #ffff00;
}
.web-page-header {
    font-size: 24px;
    margin-top: 0px;
}
.content-wrapper {
    background-color: #d9dce0;
}
.loading-div {
    position: fixed;
    width: 100%;
    height: 100%;
    background: transparent url('/img/ajax-loader.gif') no-repeat center center;
    background-size: 70px 70px;
    bottom: 0;
    left: 0;
    z-index: 999;
}
.top-page-welcome {
    position: fixed;
    width: 100%;
    height: 50%;
    background: transparent url('/img/heart.gif') no-repeat center center;
    background-size: 150px 150px;
    top: 25%;
    left: 0;
}
.sidebar-mini .main-sidebar {
    width: 50px !important;
}
.sidebar-open .content-wrapper, .sidebar-open .main-footer {
    -webkit-transform: translate(50px, 0);
    -ms-transform: translate(50px, 0);
    -o-transform: translate(50px, 0);
    transform: translate(50px, 0);
}
.content-wrapper,
.main-footer {
    /*margin-left: 50px;*/
}
.dropdown-menu>li>a {
    color: #ffffff;
}
.skin-red .sidebar-menu>li>a {
    border: 0px;
}
.sidebar-menu>li {
    padding-top: 10px;
}
.sidebar-menu>li>a {
    padding: 0px;
    text-align: center;
}
.main-header span.logo-mini i,
.main-header span.logo-lg i {
    font-size: 30px;
}
.main-header #messages-msg-notice-list .alert a {
    color: inherit;
    background: transparent;
}
.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu>li.header {
    white-space: normal;
}
.sidebar-menu>li>a>.fa, .sidebar-menu>li>a>.glyphicon, .sidebar-menu>li>a>.ion {
    width: auto;
    font-size: 25px;
    text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}
.sidebar-menu>li>a>p {
    font-size: 10px;
}
.users-list .list-group-unbordered > .list-group-item {
    text-align: left;
}
footer {
    background: #393530;
}
.alert-dropdown-menu {
    margin: 0px;
}
.login-box.extra {
    width: 90% !important;
}
.loginBtn {
    box-sizing: border-box;
    position: relative;
    margin: 0.2em;
    padding: 10px 15px 10px 46px;
    border: none;
    text-align: left;
    line-height: 34px;
    white-space: nowrap;
    border-radius: 0.2em;
    font-size: 16px;
    color: #FFF;
}
.loginBtn:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 100%;
}
.loginBtn:focus {
    outline: none;
}
.loginBtn:active {
    box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}

/* Facebook */
.loginBtn--facebook {
    background-color: #4C69BA;
    background-image: linear-gradient(#4C69BA, #3B55A0);
    text-shadow: 0 -1px 0 #354C8C;
}
.loginBtn--facebook:before {
    border-right: #364e92 1px solid;
    background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png') 6px 6px no-repeat;
}
.loginBtn--facebook:hover,
.loginBtn--facebook:focus {
    background-color: #5B7BD5;
    background-image: linear-gradient(#5B7BD5, #4864B1);
}

/* Google */
.loginBtn--google {
    background: #DD4B39;
}
.loginBtn--google:before {
    border-right: #BB3F30 1px solid;
    background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png') 6px 6px no-repeat;
}
.loginBtn--google:hover,
.loginBtn--google:focus {
    background: #E74B37;
}

#back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 1px solid #999;
    border-radius: 50%;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    font-size: x-large;
    color: red;
}
#back-to-top:hover {
    background: #e9ebec;
}
#back-to-top.show {
    opacity: 0.5;
}
.page-title {
    float: left;
}
.page-title .title_left {
    width: auto;
}
.slidingDiv {
    display: none;
}
.swiper-container {
    width: 100%;
    margin-bottom: 1px;
    display: none;
}
.swiper-container .swiper-wrapper{
    margin-left: 0px;
    margin-right: 0px;
}
.swiper-slide.contest-lv.highlight::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30%;
    right: 0;
    display: block;
    background-color: rgba(0, 0, 0, 0.2);
}
.contest-lv, .handbook-lv {
    text-align: center;
    background: #161616;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 180px;
    margin-left: 0px;
    margin-right: 1px;
    height: 55px;
    color: #fff;
    float: left;
}
.list-greeting-section,
.list-handbook-section {
    overflow: hidden;
}
.contest-lv .logo {
    width: 30%;
    float: left;
    padding: 0px;
}
.contest-lv .title{
    width: 70%;
    float: right;
    padding: 0px;
}
.contest-lv .logo img {
    margin: 1px;
    background: transparent;
    opacity: 1;
    animation: notice_2 2s 0s ease-out infinite;
    border: none;
    padding: 0px;
    width: 80%;
}
ul.top_profiles {
    height: auto;
    float: left;
    width: 100%
}
ul.top_profiles li {
    position: relative;
    margin: 0;
    padding: 3px 5px
}
ul.top_profiles li:nth-child(odd) {
    background-color: #f7f7f7;
}
.media .profile_thumb {
    border: 1px solid;
    width: 50px;
    height: 50px;
    margin: 0px 10px 5px 0;
    border-radius: 50%;
    padding: 9px 12px;
    text-align: center;
}
.media .profile_thumb i {
    font-size: 30px
}
.media .date {
    background: #ccc;
    width: 52px;
    margin-right: 10px;
    border-radius: 10px;
    padding: 5px
}
.media .date .month {
    margin: 0;
    text-align: center;
    color: #fff
}
.media .date .day {
    text-align: center;
    color: #fff;
    font-size: 27px;
    margin: 0;
    line-height: 27px;
    font-weight: bold
}
.media-body p.context-greeting-content,
.media-body p.context-handbook-content {
    margin: 5px 0px;
}
.media-body p.context-greeting-item-detail,
.media-body p.context-handbook-item-detail {
    margin: 0px;
}
small.extra-below-info {
    margin-right: 20px;
    display: inline-block;
}
.media-body .opengif {
    position: absolute;
    top: 5px;
    right: 5px;
}
.info-number .badge {
    opacity: 1;
    animation: notice_4 1.5s 0s ease-out infinite;
    position: absolute;
    top: 5px;
    right: 5px;
}
.checkbox .col-md-8 {
    display: none;
}
.profile-user-img {
    height: 100px !important;
}
.panel .slidedown .glyphicon, .chat .glyphicon {
    margin-right: 5px;
}
/*end chat*/
.users-list > li .square-img {
    width: 100%;
    text-align: center;
    position: relative;
    padding-bottom: 100%;
    border-radius: 50%;
    overflow: hidden;
    background-color: #00acd6;
}
.users-list > li .square-img.sex-2 {
    background-color: hotpink !important;
}
.users-list > li .square-img.sex-3 {
    background-color: none !important;
}
.users-list > li .square-img img {
    position: absolute;
    width: 96%;
    height: 96%;
    top: 2%;
    left: 2%;
    object-fit: cover;
}
.img-res {
    max-width: 100%;
}
.direct-chat-text.photo {
    overflow: hidden;
}
.right .user_message_photo {
    float: right;
}
.user_message_photo {
    width: 10%;
    margin: 5px;
}
.alert-warning {
    background-color: #fcf8e3 !important;
    color: #8a6d3b !important;
    border-color: #faebcc;
}
@keyframes notice_4 {
    0% {
        box-shadow:
            0 0 4px 0px rgba(255, 255, 255, 0),
            0 0 0px 0px rgba(255, 255, 255, 0);
    }
    10% {
        box-shadow:
            0 0 4px 2px rgba(255, 255, 255, 1),
            0 0 0px 2px rgba(255, 255, 255, 1);
    }
    100% {
        box-shadow:
            0 0 4px 4px rgba(255, 255, 255, 0),
            0 0 0px 8px rgba(255, 255, 255, 0);
    }
}
@keyframes notice_2 {
    0% {
        box-shadow:
            0 0 2px 0px rgba(255, 255, 255, 0),
            0 0 0px 0px rgba(255, 255, 255, 0);
    }
    10% {
        box-shadow:
            0 0 2px 1px rgba(255, 255, 255, 0.5),
            0 0 0px 1px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow:
            0 0 2px 2px rgba(255, 255, 255, 0),
            0 0 0px 4px rgba(255, 255, 255, 0);
    }
}
@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.blinking-text {
    animation: blink 1s infinite;
}


.widget-user-username {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.widget-user-2 .widget-user-username-sm, .widget-user-2 .widget-user-desc-sm {
    display: none;
}
.greeting-detail .direct-chat-messages {
    height: auto;
}
.greeting-detail .direct-chat-msg {
    margin-bottom: 20px;
}
.direct-chat-msg .direct-chat-button {
    position: absolute;
    bottom: -15px;
    right: 5px;
}
.direct-chat-msg.right .direct-chat-button {
    left: 5px;
}
.direct-chat-button form {
    float: left;
    margin: 0 2px;
}
.chat.direct-chat-contacts {
    min-height: 50px;
    height: auto;
    bottom: unset;
}
.confession-list .user-block .username, .confession-list .user-block .description {
    display: inline;
    margin-left: 0px;
}
.timeline > li > .timeline-item > .timeline-footer > .btn {
    margin-right: 5px;
}
.user-simple-block .btn {
    margin-right: 2px;
    margin-left: 2px;
}
.find_key_child {
    width: 100%;
    float: left;
    display: none;
}
.locationCondition label {
    width: 100%;
}
.locationCondition label input{
    margin-top: 9px;
}
.locationCondition label a.btn {
    width: 100%;
    overflow: hidden;
    text-align: left;
}
.locationRadios {
    height: 30px;
}
.handbook-content h3, .handbook-content h4, .handbook-content h5, .handbook-content h6 {
    font-weight: bold;
}
.attachment-news .attachment-img {
    width: 100px;
    height: 59px;
    float: left;
}
img.blur {
    -webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
    filter: blur(5px);
}
img.blur-sm {
    -webkit-filter: blur(2px); /* Safari 6.0 - 9.0 */
    filter: blur(2px);
}
.direct-chat-messages {
    height: 500px !important;
}
.users-list>li {
    position: relative;
}
.users-list>li.detail-block {
    width: 100%;
    text-align: left;
    padding: 5px;
}
.row.ct-a {
    border: 1px solid #ccc;
    margin-right: 0px;
    margin-left: 0px;
    padding: 5px 0px;
    border-radius: 5px;
    text-align: left;
}
.float-left {
    float: left;
}
.heading-inherit {
    font-size: inherit;
    margin: 0px;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
}
#list-handbook-title {
    font-size: 24px;
}
.text-break{
    word-break: break-word;
}
.avatar_bg_female {
    width: 30%;
    height: 0;
    background-image: url("/img/bg10.png");
    position: absolute;
    bottom: 0px;
    background-size: 100% 100%;
    padding-bottom: 30%;
}
.avatar_bg_female_2 {
    width: 30%;
    height: 0;
    background-image: url("/img/bg10.png");
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 10px;
    background-size: 100% 100%;
    padding-bottom: 30%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.avatar_bg_female_2_9 {
    width: 30%;
    height: 0;
    background-image: url("/img/bg9.png");
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 10px;
    background-size: 100% 100%;
    padding-bottom: 30%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.post {
    margin-bottom: 10px;
    padding-bottom: 0px;
}
.post .user-block {
    margin-bottom: 10px;
}
.notifications-menu>a, .user-menu>a, .messages-menu>a {
    text-align: center;
    border-right: 1px solid #d76658;
    border-left: 1px solid #cf4635;
}
.notifications-menu>a>p, .user-menu p, .messages-menu>a>p {
    font-size: small;
    margin: 0px;
}
.navbar-custom-menu .navbar-nav > li > a {
    padding: 10px 7px 5px 7px;
}
.navbar-nav > .user-menu .user-image {
    float: none;
    margin-right: 0px;
}
.navbar-nav>.user-menu .user-image {
    margin-top: -7px;
}
.widget-user-2 .btn {
    padding: 6px;
    font-size: 12px;
}
.btn-outline-warning {
    border-color: #ffc107;
}
.margin5 {
    margin: 5px;
}
.center {
    text-align: center;
}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.photos .card-title a {
    width: auto;
}
.photos a, .photos img {
    width: 100%;
    color: #fff;
}
.photos .add-photo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
}
.photos .albums.control {
    border: 1px solid #d9dce0;
}
.photos .albums .album_del {
    float: right;
}
.photos .albums .album_del, .photos .albums .album_status {
    margin: 5px;
}
.mask-img {
    -webkit-mask-image:
        linear-gradient(45deg, #000000 25%, rgba(0,0,0,0.2) 25%),
        linear-gradient(-45deg, #000000 25%, rgba(0,0,0,0.2) 25%),
        linear-gradient(45deg, rgba(0,0,0,0.2) 75%, #000000 75%),
        linear-gradient(-45deg, rgba(0,0,0,0.2) 75%, #000000 75%);
    -webkit-mask-size:20px 20px;
    -webkit-mask-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}
.masked-img{
    -webkit-mask-image: radial-gradient(ellipse 75% 75% at 50% 50%, black 30%, transparent 70%);
    mask-image: radial-gradient(ellipse 75% 75% at 50% 50%, black 30%, transparent 70%);
}
.f-white {
    color: #ffffff;
}
a.f-c-female {
    color: hotpink !important;
}
#back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 1px solid #999;
    border-radius: 50%;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    font-size: x-large;
    color: red;
}
#back-to-top:hover {
    background: #e9ebec;
}
#back-to-top.show {
    opacity: 0.5;
}
@media only screen and (max-width: 600px) {
    body {
        font-size: 16px !important;
    }
    .widget-user-2 .widget-user-image > img {
        width: 100%;
    }
    .widget-user-2 .widget-user-username, .widget-user-2 .widget-user-desc {
        display: none;
    }
    .widget-user-2 .widget-user-username-sm, .widget-user-2 .widget-user-desc-sm {
        display: block;
        text-align: center;
        height: 130px;
        max-height: 130px;
    }
    .full-width-sm {
        width: 100%;
        margin-bottom: 2px;
    }
    /*.navbar-nav>li>a {
        padding: 10px 14px;
    }*/
}
@media (max-width: 767px) {
    body {
        font-size: 16px !important;
    }
    .control-sidebar {
        padding-top: 50px;
    }
    .btn-response {
        padding: 3px 6px;
        font-size: 10px;
    }
    /*.navbar-nav>li>a {
        padding: 10px 14px;
    }*/
}
@media screen and (min-width: 1200px) {
    .users-list>li {
        width: 20%;
    }
    .users-list>li.extra-wide {
        width: 10%;
        height: 250px;
    }
    .users-list>li.extra-wide>div.row.ct-a {
        height: 100%;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .users-list>li {
        width: 20%;
    }
    .users-list>li.extra-wide {
        width: 10%;
    }
    /*.navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 5px;
    }*/
}