/* start of send_item */
.sender-header_img{
    width:50px;
    margin-right:2%;
    float: right;
    margin-left: 2%;

}
.sender-header_title{
    float: right;
    text-align: right;
    direction: rtl;
    font-weight: bold;
    font-size: 21px;
}
.sender_messages_link{
    text-decoration: none;
    color: #000000;
}
.img_title_td{
    min-width: 100px;
    max-width: 200px;
    height: auto;
    word-break: break-all;
}
.send_img_date_td{
    min-width: 50px;

}
/* start of filtering image in send item css part */
.send_item_serch_input{
    border-radius: 15px;
    border: solid;
    border-color: #dddddd;
    direction: rtl;
    margin-top: 20px;
    margin-right: 0.5%;
    padding: 5px 5px 5px 5px;
    text-align: center;


}
.send_item_serch_input_div{
    direction: rtl;
    text-align: right;
    clear: both;
}
.send_item_serch_label{
    margin-right: 1%;
}
/* end of filtering image in send item css part */

/* end of send_item */

/* start of receive_item */
.receiver-header_img{
    width:60px;
    margin-right:2%;
    float: right;
    margin-bottom: 2%;
    margin-left: 2%;
}
.receiver-header_title{
    float: right;
    text-align: right;
    direction: rtl;
    font-weight: bold;
    font-size: 21px;
}
/* For unreviewed messages*/
.unreview{
    /* this class is for different showing unreviewed messages */
    /*color: #ff0000;*/
    font-weight: bold;
    font-size: 18px;

}
.receive_messages_link{
    text-decoration: none;
    color: #000000;
}

.receive_item_serch_input{
    border-radius: 15px;
    border: solid;
    border-color: #dddddd;
    direction: rtl;
    text-align: right;
    margin-top: 20px;
    margin-right: 0.5%;
    padding: 5px 5px 5px 5px;
    text-align: center;


}
.receive_item_serch_input_div{
    direction: rtl;
    text-align: right;
clear: both;
}
.receive_item_serch_label{
    margin-right: 6%;
}
/* end of receive_item */



.btn-hover.color-1 {
    background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673);
    box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
}

.btn-hover.color-2 {
    background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19);
    box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
}

.btn-hover.color-3 {
    background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7);
    box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
}

.btn-hover.color-4 {
    background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);
    box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
}

.btn-hover.color-5 {
    background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673);
    box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75);
}

.btn-hover.color-6 {
    background-image: linear-gradient(to right, #009245, #FCEE21, #00A8C5, #D9E021);
    box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75);
}

.btn-hover.color-7 {
    background-image: linear-gradient(to right, #6253e1, #852D91, #A3A1FF, #F24645);
    box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75);
}

.btn-hover.color-8 {
    background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376);
    box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
}

.btn-hover.color-9 {
    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
    box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
}

.btn-hover.color-10 {
    background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #FBB03B);
    box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75);
}

.btn-hover.color-11 {
    background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f);
    box-shadow: 0 5px 15px rgba(242, 97, 103, .4);
}

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    text-align: right;
    direction: rtl;

}

/* Style the buttons that are used to open the tab content */
.tab a {
    background-color: inherit;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    text-decoration: none;
    color: #323232;
    float: right;
    margin-top: 1%;

}

/* Change background color of buttons on hover */
.tab a:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

/* send.blade */
.block_button{
    border: none;
    background-color: #FFFFFF;
}




/* image editor part */
#image-editor-container{
    background-color: #1c1c1c;

}
#saveButton{
    float: right;
    background-color:#0ba360;
    color: #FFFFFF;
    padding: 0.5%;
    margin: 0.5% 0.5%;
    border-radius: 50px;
    width: 200px;

}
.image_editor_main_container_div{

}

/* start of my_picture*/
.image_edit_link_div{
    text-align: center;

}
.image_edit_link_span{
    border: solid;
    display: inline-block;
    margin: 2%;
    border-color: #cccccc;

    padding: 1%;
}
.my_picture_td{
    /*border: solid;*/
    text-align: center;
}
/* end of my_picture*/

/* start of  group_send_item */
.td_a_group_send_item{
    color: black;
    font-weight: bold;
}

.my_pic_serch_input{
    border-radius: 20px;
    clear: both;
    direction: rtl;
    text-align: right;
    margin-top: 20px;
    margin-right: 0.5%;
    padding: 5px 5px 5px 5px;
    text-align: center;


}
.my_pic_serch_input_div{


}
.my_pic_serch_label{
    margin-right: 6%;
}
/* end of my_picture  */

/* make checkbox bigger */
.del_check_div {
    text-align: center;
    vertical-align: middle;
    zoom: 1.4;
    transform: scale(1.4);
    -ms-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    -moz-transform: scale(1.4);
}
.del_all_check_div{
    text-align: center;
    vertical-align: middle;
    zoom: 1.8;
    transform: scale(1.4);
    -ms-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    -moz-transform: scale(1.4);
}
/* for sidebar bckground color */
.sidebar_background_color{
    background-color: #c78a0f;
}
.sidebar_background_color a{
    color: white;
}

/*
start of choose picture for Gallery
 */
.delete_checkbox_choose_pic{
    text-align: center;
    zoom: 1.6;
    transform: scale(1.4);
    -ms-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    -moz-transform: scale(1.4);
}
/*
end of choose picture for Gallery
 */

/*
Register Buttons
 */
.register_role_button{
    padding: 1% 2%;
}
/*
Register Container Images Div
 */
.reg_img_role_container{
    text-align: center;
    direction: rtl;

}
.reg_img_role{
    padding: 0.5% 5%;
}
.reg_img_role_div{
    display: inline-block;
    padding: 0.5% 5%;
}
.gthp{
    margin: 10%;
}