.my-font-12{
    font-family: "Vazir";
    font-weight: bold;
    font-size: 12px;
}
.my-font-14{
    font-family: "Vazir";
    font-size: 14px;
}
.my-font-16{
    font-family: "Vazir";
    font-weight: bold;
    font-size: 16px;
}
.my-font-20{
    font-family: "Vazir";
    font-weight: bold;
    font-size: 20px;
}
.unreview{
    font-family: "Vazir";
    font-weight: bold;
    font-size: 16px;
    background-color:#e8e8e8;
}
.cursor_pointer{
    cursor:pointer;
}
/*
 for register and login in app3
 */
.reg-input {
    border-radius: 5px;
    border: solid;
    border-color: #b8b8b8;
    border-width: 2px!important;
    -webkit-box-shadow: 0px 3px 12px 0px rgb(218, 215, 239);
    -moz-box-shadow: 0px 3px 12px 0px rgb(218, 215, 239);
    box-shadow: 0px 3px 12px 0px rgb(218, 215, 239);
    padding: 4% 0;
}
.reg-button{
    direction: rtl;
    border-radius: 50px;
    border: solid #b8b8b8;
}
.reg-select{
    direction: rtl;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    border: solid #b8b8b8;
    -webkit-box-shadow: 0px 3px 12px 0px rgb(218, 215, 239);
    -moz-box-shadow: 0px 3px 12px 0px rgb(218, 215, 239);
    box-shadow: 0px 3px 12px 0px rgb(218, 215, 239);
    height: auto;
    width: 96%;
    padding: 4px 50px;
}
.log-input {
    direction: rtl;
    border-radius: 5px;
    border: solid #b8b8b8;
    border-width: 2px!important;
    -webkit-box-shadow: 0px 3px 12px 0px rgb(218, 215, 239);
    -moz-box-shadow: 0px 3px 12px 0px rgb(218, 215, 239);
    box-shadow: 0px 3px 12px 0px rgb(218, 215, 239);
    padding: 4% 2% 4% 0;
    font-size: 20px;
    font-weight: bold;
}
.log-button{
    direction: rtl;
    border-radius: 50px;
    border: solid #b8b8b8;
    font-size: 20px;
    font-weight: bold;
}
.log-button2{
    direction: rtl;
    border: solid #b8b8b8;
    font-size: 20px;
    font-weight: bold;
}

.profile-input {
    direction: rtl;
    border-radius: 50px;
    border: solid #b8b8b8;
    -webkit-box-shadow: 0px 3px 12px 0px rgb(218, 215, 239);
    -moz-box-shadow: 0px 3px 12px 0px rgb(218, 215, 239);
    box-shadow: 0px 3px 12px 0px rgb(218, 215, 239);
    padding: 4% 2% 4% 0;
}
.profile-input-lang {
    border-radius: 50px;
    border: solid #b8b8b8;
    -webkit-box-shadow: 0px 3px 12px 0px rgb(218, 215, 239);
    -moz-box-shadow: 0px 3px 12px 0px rgb(218, 215, 239);
    box-shadow: 0px 3px 12px 0px rgb(218, 215, 239);
    padding: 4% 0;
}
.profile-button{
    direction: rtl;
    border-radius: 50px;
    border: solid #b8b8b8;;
}
.profile-select{
    direction: rtl;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    border-radius: 50px;
    border: solid #b8b8b8;
    -webkit-box-shadow: 0px 3px 12px 0px rgb(218, 215, 239);
    -moz-box-shadow: 0px 3px 12px 0px rgb(218, 215, 239);
    box-shadow: 0px 3px 12px 0px rgb(218, 215, 239);
    height: auto;
}


/* send item view */
.send-item-table {
    margin-top: 2%;
    margin-right: 2%;
    padding-right: 2%;
}


.send-item-table thead th {
    vertical-align: middle;
}


.send-item-table tbody tr td {
    vertical-align: middle;
}

.send-item-table tbody tr {
    cursor: pointer;
}

.send-td-index{
    width: 6%;
}
.send-th-index{
    width: 65%;
}
.send-td-del{
    width: 9%;
    vertical-align: middle;
    text-align: right;
}
.send-th-del{
    width: 9%;
    vertical-align: middle;
    text-align: right;
}
.send-th-length .send-td-length{
    width:17%;
    vertical-align: middle;
}

/** receive item view */
.receive-td-index{
    width: 7%;
}
.receive-th-index{
    width: 7%;
}
.receive-td-del{
    width:8%;
}
.receive-th-del{
    width:8%;

}
.receive-th-length .receive-td-length{
    width:17%;
    vertical-align: middle;
    min-width: 120px!important;
}
.receive_item_table
{
    width:100%;
}

.my-picture-td-index{
    width: 7%;
}
.my-picture-th-index{
    width: 7%;
}
.my-picture-td-del{
    width: 9%;
    vertical-align: middle;
    text-align: right;
}
.my-picture-th-del{
    width: 9%;
    vertical-align: middle;
    text-align: right;
}
.my-picture-th-length .my-picture-td-length{
    width:28%;
    vertical-align: middle;
    min-width: 120px!important;
}


.my-forum-messages-th-index{
    width: 7%;
    vertical-align: middle;
    text-align: center;
}
.my-forum-messages-th-length{
    vertical-align: middle;
    min-width: 120px;
}
.my-forum-messages-th-del{
    width: 8%;
    vertical-align: middle;
    text-align: center;
}


.my-forum-groups-th-index{
    width: 7%;
    vertical-align: middle;
    text-align: center;
}
.my-forum-groups-th-length{
    width: 17%;
    vertical-align: middle;
    min-width: 120px!important;
}

.my-forum-group-messages-th-index{
    width: 8%;
    vertical-align: middle;
    text-align: center;
}
.my-forum-group-messages-th-length{
    width: 23%;
    vertical-align: middle;
    min-width: 120px!important;
}

.send-button{
    direction: rtl;
    border-radius: 50px;
    border: solid #b8b8b8;
}
.send-button2{
    direction: rtl;
    border: solid #b8b8b8;
}

.add_group-button{
    direction: rtl;
    border-radius: 50px;
    border: solid #b8b8b8;
    font-size: 20px;
    font-weight: bold;
}

/** these classes are in message $comments_ajax view **/
.forum-message-comment-author-img
{
    width: 50px;
    height:50px;
    float: right;
}
.forum-message-comment-div-for-author
{
    margin: 8px auto;
    border: solid #013f70;
    padding: 4px 0;
    background-color: #fbfbfb;
    color:#002745;
}
.forum-message-comment-div-for-other
{
    margin: 8px auto;
    border: solid #c8c8c8;
    padding: 4px 0;
    background-color: #f3f3f3;
}
.forum-message-comment-img-div
{
    float: right;
    margin: 10px auto;
    padding: 10px 0;
}
/** end of message&comments_ajax view classes **/

/** this part is for send item details view **/
#message_response_button
{
    background-color: white;
    border: none;
}
#message_response_button:hover
{
    background-color: #e8e8e8;
    border: none;
}
/** end of send item details view part **/