.skelton{
    opacity:.7;
    animation:skelton-loading 1s linear infinite alternate;
}

@keyframes skelton-loading {
    0%{
        background-color:hsl(200,20%,70%);
    }
    100%{
        background-color:hsl(200,20%,95%);
    }
}

.mybox_part1_inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.mybox_part2_inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.box_inner_img1 {
    position: absolute;
    left: 10px;
    top: 15px;
    cursor: pointer;
}

.box_inner_img2 {
    position: absolute;
    right: 10px;
    top: 15px;
    cursor: pointer;
}

#text{
    display:none;
}

.moov {
    cursor: pointer;
}

.box_img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid transparent;
}

.long_coo1 {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.long_coo {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.extra_col {
    text-decoration: none;
    padding: 5px 20px;
    border: 2px solid #1C87C7;
    background: #fff;
    color: #1C87C7;
    border-radius: 30px;
    margin-right: 10px;
}

.active_011 {
    background: #1C87C7 !important;
    color: #fff !important;
}

.extra_col:hover {
    background: #1C87C7;
    color: #fff;
}

.home_logo {
    width: 300px;
}

@media(max-width:1100px) {
    .home_logo {
        width: 270px;
    }

}


@media(max-width:1200px){
    .profile-image{
        position:relative;
        right: -170px;
        width: 180px;
        height: 180px;
        display: block;
        top: 0px;
        z-index: 2;
    }
}

@media(max-width:992px){
    .profile-image{
        position:relative;
        left:0px;
        width: 180px;
        height: 180px;
        display: block;
        top: 0px;
        z-index: 2;
    }
}

input[name=value_active_checking_it]:checked + label{
        border:2px solid #1C87C7;
        border-radius:50%;
    }

    input[name=value_active_checking_it_value]:checked + label{
        border:2px solid #1C87C7;
        border-radius:50%;
    }

input[name=send_radio]:checked + label{
        border:2px solid #1C87C7;
        border-radius:50%;
}


input[name=received_radio]:checked + label{
        border:2px solid #1C87C7;
        border-radius:50%;
}

    

@media(max-width:576px) {
    .availabl-backpacker-button {
        border-bottom-left-radius: 0px !important;
        border-top-left-radius: 0px !important;
    }
}

@media(max-width:650px) {
    .extra_col {
        font-size: 13px;
        padding: 3px 10px;
        margin-right: 5px;
    }

    .banner-text-content .btn-outline-warning {
        padding: 7px 15px;
        font-size: 14px;
        margin-top: 10px;
    }

    .tag_line_web {
        font-size: 28px !important;
    }

    .title_h1 {
        font-size: 14px !important;
    }

    .title_h2 {
        font-size: 12px !important;
    }

    .box_img {
        width: 45px;
        height: 45px;
    }

    .box_inner_img1 {
        position: absolute;
        left: 0px;
        top: 10px;
        width: 20px;
        cursor: pointer;
    }

    .box_inner_img2 {
        position: absolute;
        right: 0px;
        top: 10px;
        width: 20px;
        cursor: pointer;
    }

    .mybox_part2_inner {
        font-size: 12px;
    }

    .mybox_part1_inner {
        font-size: 12px;
    }
}

    .live_001 {
        position: absolute;
        top: -25px;
        left: 50%;
        transform: translate(-50%);
        z-index: +1 !important;
    }

    .hover_me_modal1 {
        background: #1C87C7;
        color: #fff;
    }

    .registration-container {
        max-width: 700px;
        width: 100%;
        margin: 0 auto;
        box-shadow: 0px -1px 6px 2px rgb(92 80 80 / 44%);
        -webkit-box-shadow: 0px -1px 6px 2px rgb(92 80 80 / 44%);
        -moz-box-shadow: 0px -1px 6px 2px rgba(92, 80, 80, 0.44);
        padding-top: 25px;
        padding-bottom: 10px;
        background-color: #fff;
        min-height: 430px !important;
    }

    #nav-tabContent .upload-file-btn {
        position: relative;
        overflow: hidden;
        background: #ffc000;
        color: #f6f6f6;
        padding: 10px 20px;
        font-size: 14px;
        font-weight: 700;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        text-align: center;
        display: inline-block;
    }

    #nav-tabContent .upload-file-btn input[type=file] {
        position: absolute;
        width: 100%;
        height: 165%;
        top: -25px;
        left: 0;
        opacity: 0;
        cursor: pointer;
    }

    .modal-busy {
        position: fixed;
        z-index: 999;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-color: Black;
        filter: alpha(opacity=60);
        opacity: 0.6;
        -moz-opacity: 0.8;
    }

    .center-busy {
        z-index: 1000;
        margin: 50px auto;
        padding: 0px;
        width: 602px;
        filter: alpha(opacity=100);
        opacity: 1;
        -moz-opacity: 1;
    }

    .center-busy img {
        height: 600px;
        width: 600px;
    }

    /* #nav_sub001 input[type=checkbox]:checked + label{
    background-color: #1c87c7!important;
    color: #fff!important;
    } */

    #nav_sub001 input[type=radio]:checked+label {
        background-color: #1c87c7 !important;
        color: #fff !important;
        border-radius: 20px;
    }

    /* #nav001 input[type=radio]:checked + label .tabs-icon-contaier{
    background-color: #1c87c7!important;
    color: #fff!important;
    } */

    #mapsConainer,
    #pano {
        float: left;
        height: 100%;
        width: 50%;
    }

    .pull-left001 {
        position: absolute;
        left: 7px;
        top: 8px;
        font-size: 20px;
        border: 0;
        background: transparent;
        z-index: +10;
        cursor: pointer;
    }

    .pull-right001 {
        position: absolute;
        right: 7px;
        top: 8px;
        font-size: 20px;
        border: 0;
        background: transparent;
        z-index: +10;
        cursor: pointer;
    }

    .pull-left001 i {
        padding: 10px 12px;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        background: #F9D342;
        color: #000;
    }

    .pull-right001 i {
        padding: 10px 15px;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        background: #F9D342;
        color: #000;
    }

    .pay001 {
        font-weight: 800;
        font-size: 20px;
        color: #fff;
        padding: 5px 15px !important;
        border-radius: 30px;
        margin-top: 4px;
    }

    @media(max-width:768px) {
        .pay001 {
            margin-top: -10px;
        }
    }

    .pay001:hover {
        background: #F9D342;
        color: #000;
    }

    #checkpay001 input[type=radio]:checked+label {
        /* background: #F9D342; */
        color: #000;
    }

    .live_001 {
        position: absolute;
        top: -25px;
        left: 50%;
        transform: translate(-50%);
        z-index: +1 !important;
    }

    .list-scroll {
        height: 449px !important;
        overflow-y: auto !important;
    }

    .chat_time_left{
            font-size:12px; float:left; clear:both; padding-top:5px; margin-left:7px;
         }
         .chat_time_right{
            font-size:12px; float:right; clear:both; padding-top:5px; margin-right:7px;
         }
         .get_date_know_it{
            font-size:14px; font-weight:bold; text-align:center; float:left; position:relative; left:50%; clear:both;
                                      border: 1px solid silver; border-radius: 30px; text-transform: uppercase; background: silver;
                                      transform: translate(-50%);
         }

                                                                        .pac-container {
                                                                            z-index: 10000 !important;
                                                                        }
                                                                        .paying_rate{
                                                                            border-radius: 30px; background: #1C87C7; padding:0px 22px;
                                                                        }
                                                                        .paying_left{
                                                                            position: absolute;left:5px; top:6px; width:45px; height:45px; background:#F9D342; border-radius: 50%;
                                                                        }
                                                                        .paying_right{
                                                                            position: absolute;right:5px; top:6px; width:45px; height:45px; background:#F9D342; border-radius: 50%;
                                                                        }

                                                                        .paying_left i{
                                                                            padding-left:15px; padding-top:12px; font-size: 22px;
                                                                        }
                                                                        .paying_right i{
                                                                            padding-left:15px; padding-top:12px; font-size: 22px;
                                                                        }

                                                                        .paying_001 {
                                                                            font-weight: 800;
                                                                            font-size: 20px;
                                                                            color: #fff;
                                                                            padding: 5px 15px !important;
                                                                            border-radius: 30px;
                                                                            margin-top: 4px;
                                                                            background:#F9D342;
                                                                        }

                                                                        @media(max-width:768px){
                                                                            .paying_rate{
                                                                            border-radius: 30px; background: #1C87C7; padding:0px 18px;
                                                                            }
                                                                            .paying_left{
                                                                                position: absolute;left:5px; top:6px; width:30px; height:30px; background:#F9D342; border-radius: 50%;
                                                                            }
                                                                            .paying_right{
                                                                                position: absolute;right:5px; top:6px; width:30px; height:30px; background:#F9D342; border-radius: 50%;
                                                                            }

                                                                            .paying_left i{
                                                                                padding-left:7px; padding-top:9px; font-size: 15px;
                                                                            }
                                                                            .paying_right i{
                                                                                padding-left:12px; padding-top:9px; font-size: 15px;
                                                                            }

                                                                            .paying_001 {
                                                                                padding: 3px 10px !important;
                                                                                font-size:14px;
                                                                            }

                                                                            .paying_001 b{
                                                                                font-size:14px;
                                                                            }

                                                                        }

                                                                        .search_parameter input[type=radio]:checked + label{
                                                                            font-weight: 800;
                                                                            font-size: 20px;
                                                                            color: #fff;
                                                                            padding: 5px 15px !important;
                                                                            border-radius: 30px;
                                                                            margin-top: 4px;
                                                                            background-color: #F9D342!important;
                                                                            color: #000!important;
                                                                        }
    .form-switch .form-check-input{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")!important;
    background-color:#1CA74F;
    border-color:#1CA74F;
    }
    .fw-small{
        font-weight:400!important;
    }
          
    

    .emojionearea .emojionearea-button>div, .emojionearea .emojionearea-picker .emojionearea-wrapper:after {
        background-image:url('smile.png')!important;
        width:35px; 
        height:35px;
    }
    .emojionearea .emojionearea-button>div{
        background-image:url('smile.png')!important;
        width:35px; 
        height:35px;
    }
    .emojionearea .emojionearea-button>div {
        left:0!important;
    }
    .emojionearea .emojionearea-button {
        left:0!important;
    }
    .emojionearea .emojionearea-picker.emojionearea-picker-position-top {
        left:0!important;
    }

    .emojionearea.emojionearea-inline {
       height:auto!important;
       font-size:16px;
       margin-top:5px;
    }
    .emojionearea{
        border:1px solid #1C87C7!important;
        border-radius:30px;
    }

    .emojionearea.emojionearea-inline>.emojionearea-editor {
        height:45px;
        left:40px;

    }
    .emojionearea .emojionearea-editor:empty:before {
        height:40px; 
        padding-top:-3px;
       
    }

    .inpu_angle_right{
      top:7px;
    }
    .inpu_angle_left{
        top:8px;
        z-index: +1;
    }

    @media(max-width:410px){
        .pt_chat{
            padding:12px 0px;
        }

        .pt_chat1{
            padding:3px 0px;
        }
    }

    #chat_send_02,
             #chat_matched_02{
                height: 100%;
                width:100%;
            }

            .chat_height{
                    height: 500px;  
            }

            .poi{
              width:100%; height:60px;
            }

            @media(max-width:992px) {
                .chat_height{
                    height: 525px!important;  
                }
                #chat_send_02,
                #chat_matched_02{
                    height: 600px;
                } 

                .poi{
                    position:absolute; bottom:0px; left:0; top: 33rem; width:100%; height:60px; 
                }
            }