﻿.users_board {
    /*height: 74px;*/
    /*background-color: #D6D7D8;*/
    /*border: thin solid #000;*/
    /*overflow:auto;*/
    /*margin:10px 0 30px 0;*/
    /*width:100%;*/
}

.btn_gray_add_pos {
    z-index: 999;
    /*margin: 2px 5px 0 0;*/
    float: none;
    clear:both;
    display: block;
    margin: 0 auto 10px auto;
}

.dush_line {
    width: 1px;
    height: 11px;
    border-left: 2px dotted #f37f4b;
    display: block;
    margin: 0 auto;
}

.dush_line2 {
    width: 1px;
    height: 11px;
    border-left: 2px dotted #f37f4b;
    display: block;
    margin: 0 auto;
}

.dush_line3 {
    width: 100%;
    height: 1px;
    border-bottom: 2px dotted #ccc;
    display: block;
    padding: 0 0 10px 0;
    margin: 10px auto;
}

.users_board .ddl {
    margin: 4px 0 0 0;
}

.users_board .input_board {
    width: 100%;
    min-height: 35px;
    height: 35px;
    max-height: 400px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: thin solid #ccc;
    text-indent: 5px;
    font-size: 17px;
    z-index: 10 !important;
    float: none;
    overflow-wrap: break-word;
    resize: none;
    vertical-align: middle;
    padding: 4px 10px 2px 33px;
    direction: rtl;
    display: block;
    margin: 20px auto 5px auto !important;
    resize: vertical;
    overflow-x: hidden;
    position:relative;
}


/*address stop public board*/

.add_general_board {
    position: relative;
    float: left;
    width: 36px;
    margin: -38px 0 0 4px;
    display: block;
    width:auto;
}

    .add_general_board .ico_general_board {
        background: url('../files/images1/icons/ico_board.png') no-repeat;
    }

    .add_general_board .ico_general_board_c {
        background: url('../files/images1/icons/ico_board_c.png') no-repeat;
    }

    .add_general_board .ico_general_board_pos {
        float: left;
        width: 25px;
        height: 21px;
    }

.cbox_general_board {
    float: right;
    padding-left:6px;
}

/*.lbl_general_board {
    float: right;
}*/

/* end address stop public board*/

.col_board_1 {
    width: auto;
    float: right;
    margin-bottom: 10px;
}

.col_board_2 {
    width: auto;
    float: left;
}

/*padding for albom*/
.profile_board {
    /*border:thin solid #000;*/
    width: 100%;
    margin-top: 0;
    float:right;
    /*float: none;*/
}

    .profile_board li {
        list-style-type: none;
    }

    .profile_board .board_post {
        margin:15px auto;
        background-color: none;
        /*width: 12%;*/
        /*width:100px;*/
        text-align: center;
        /*padding: 8px;*/
        width: auto;
    }

    .profile_board .board_post_frame {
        margin: 0 auto;
        color: #000;
        background-color: #fff9ed;
        /*width: 12%;*/
        /*width:100px;*/
        text-align: center;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(105,105,105,0.51);
        -moz-box-shadow: 0px 2px 5px 0px rgba(105,105,105,0.51);
        box-shadow: 0px 2px 4px 0px rgba(105,105,105,0.51);
        padding: 8px;
        overflow: hidden;
        display: inline-block;
        min-width: 100px;
        /*max-width: 600px;*/
        /*object-fit: cover;*/
        /*width: auto;*/
    }

    .profile_board .albom_img {
        width: auto;
        margin: 0 auto;
        max-width: 750px;
        object-fit: cover;
    }

    .profile_board .albom_msg {
        /*background-color: #fff3dc;*/
        width: auto;
        margin: 0 auto;
        max-width: 750px;
    }

/*red arrow - add*/
.photo_to_added_wrapper {
    /*display: none;*/
    margin: -3px 0 0 0;
    float: left;
}

/*icons on photo*/
/*.profile_board .ico6 {
    position: absolute;
    width: 16px;
    height: 16px;
    margin: 10px -38px 0 0 !important;
    z-index:999;
}*/

/*icons on photo*/
/*.profile_board .ico7 {
    position: absolute;
    width: 16px;
    height: 16px;
    margin: 10px 0 0 0;
    z-index: 999;
}*/

.profile_board .board_remove {
    position: relative;
    float: none;
    display: block;
    margin: 10px auto;
    padding:0 80px 0 0;
    width: 16px;
}

/*icons on photo*/
.profile_board .ico7 {
    position: absolute;
    width: 16px;
    height: 16px;
    z-index: 200;
    margin:0;
}

.profile_board .ico_delete_photo_board {
    background: url('../files/images1/user_profile/delete.png') no-repeat;
}

    .profile_board .ico_delete_photo_board:hover {
        background: url('../files/images1/user_profile/delete_h.png') no-repeat;
    }

/*green arrow - added*/
.photo_to_add_wrapper {
    /*display: none;*/
    margin: -3px 0 0 0;
    float: left;
}

    /*inner image add + added*/
    .photo_to_add_wrapper .photo_to_add, .photo_to_added_wrapper .photo_to_add {
        width: 62px;
        margin: 5px 0 0 -109px;
        float: left;
    }

/*added*/
.photo_to_added_wrapper .ico_added label {
    /*width: 62px;*/
    margin: 5px 55px 0 0;
    color: #fff;
    position: absolute;
    font-weight: normal;
    text-shadow: -1px 1px 0px #000;
}

.profile_board .lbl_access_status {
}

.profile_board .private_photo_bg {
    background: url(../files/images1/user_profile/private_photo_bg.png) 0 0;
}

/*icons*/

.profile_board .ico {
    height: 16px;
    width: 13px;
    margin: 4px 0 0 0;
    position: absolute;
    /*border: thin solid #000;*/
}

.profile_board .private_ico {
    background: url(../files/images1/user_profile/profile_ico.png) 0 -1865px no-repeat;
}

.profile_board .ico_add {
    background: url(../files/images1/search/ico_add.png) -3px 0 no-repeat;
}

.profile_board .ico_added {
    background: url(../files/images1/search/ico_added.png) -3px 0 no-repeat;
}

.profile_board .ico_nav_prev {
    background: url(../files/images1/prev_next.png) 0 0 no-repeat;
    width: 88px;
    height: 25px;
}

.profile_board .ico_nav_next {
    background: url(../files/images1/prev_next.png) -14px 0 no-repeat;
    width: 16px;
    height: 70px;
    float: right;
    margin: 2px 0 0 2px;
    /*border:thin solid #000;*/
}

    .profile_board .ico_nav_next:hover {
        background: url(../files/images1/prev_next.png) -14px -70px no-repeat;
    }

.owner_photo {
    width: 96px;
    height: 96px;
    -moz-border-radius: 96px;
    -webkit-border-radius: 96px;
    border-radius: 96px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    -o-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    /*border: 2px solid #dadada;*/
    background-color: #fff;
    padding: 2px;
    /*object-fit: cover;*/
}

.users_board .message_position {
    margin: 10px auto;
    float: none;
    position: relative;
    width: auto;
    display: block;
    text-align: center;
    /*border: thin solid;*/
}

.posted_details {
    background-color: #ebebeb;
    border: thin solid #d8d8d8;
    margin: 0 auto;
    display: inline-block;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    padding: 1px 7px 3px 7px;
}

.ico_add_media_holder {
    position: relative;
    float: left;
    width: 100%;
    width: 36px;
    margin: 20px 0 0 0;
    /*border:thin solid;*/
}

.ico_add_media {
    background: url('../files/images1/icons_status/icon_media_board.png') no-repeat;
    width: 36px;
    height: 36px;
    position: absolute;
    z-index: 100 !important;
    cursor: pointer;
    float: left;
    margin: 0 -6px 0 0;
    display: block;
}

    .ico_add_media:hover {
    }

.message_validator {
    position: relative;
    width: 50%;
    float: right;
    margin: 0 auto;
    /*border: thin solid;*/
}

@media screen and (max-width: 1200px) {
  
    .profile_board .albom_img {
        width: auto;
        margin: 0 auto;
        max-width: 600px;
        object-fit: cover;
    }

    .profile_board .albom_msg {
        /*background-color: #fff3dc;*/
        width: auto;
        margin: 0 auto;
        max-width: 600px;
    }
}

@media screen and (max-width: 992px) {
   

    .users_board .ddl {
        margin: 0 auto 11px auto;
    }



    .col_board_1 {
        width: auto;
        float: none;
        margin: 15px auto 5px auto;
        text-align: center;
        padding: 0;
        /*border: thin solid;*/
    }

    .col_board_2 {
        width: auto;
        float: none;
        text-align: center;
        margin: 0 auto;
        /*border: thin solid;*/
    }

    .profile_board .albom_img {
        width: auto;
        margin: 0 auto;
        max-width: 600px;
        object-fit: cover;
    }

    .profile_board .albom_msg {
        /*background-color: #fff3dc;*/
        width: auto;
        margin: 0 auto;
        max-width: 600px;
    }
}

@media screen and (max-width: 768px) {
  

    .profile_board .albom_img {
        width: auto;
        margin: 0 auto;
        max-width: 510px;
        object-fit: cover;
    }

    .profile_board .albom_msg {
        /*background-color: #fff3dc;*/
        width: auto;
        margin: 0 auto;
        max-width: 510px;
    }
}

@media screen and (max-width: 640px) {
    .message_validator {
        position: relative;
        width: 100%;
        float: right;
        margin: 0 auto;
        /*border: thin solid;*/
    }

    .add_general_board {
        position: relative;
        float: left;
        width: 36px;
        margin: -36px 0 0 4px;
        display: block;
        width: auto;
    }

    .users_board .ddl {
        margin: 4px auto 11px auto;
    }

    .profile_board .albom_img {
        width: 100%;
        margin: 0 auto;
        object-fit: cover;
    }

    .profile_board .albom_msg {
        /*background-color: #fff3dc;*/
        width: 100%;
        margin: 0 auto;
    }

    .col_board_1 {
        width: 100%;
        float: none;
        clear: both;
        margin: 0 auto 5px auto;
        text-align: center;
        max-width:270px;
        padding:0;
    }

    .col_board_2 {
        width: 100%;
        clear: both;
        float: none;
        text-align: center;
        margin: 0 auto;
    }
}

@media screen and (max-width: 452px) {
}

@media screen and (max-width: 350px) {
}
