/*
@author suxoza <suxoza@gmail.com>
*/

.button{margin-top: 10px;}
.control_buttons{position: relative;float: right;bottom: 25px;height: 30px;}
.control_buttons ul li{display: inline;cursor: pointer}
.control_buttons ul li._addded{width:20px;height: 20px;background: url(/img/add.gif) no-repeat;background-size: 20px 20px;position: absolute;right: 22px}
.control_buttons ul li._sort{position: absolute;right: 60px;top:-4px}
.control_buttons ul li._sort select{width: 150px;}
.control_buttons ul li._count select{width: 100px;}
.control_buttons ul li._count{position: absolute;right: 220px;top:-4px}

.control_buttons ul.param_ul li._addded{width:20px;height: 20px;background: url(/img/i_folder_edit.gif) no-repeat;background-size: 16px 16px;position: absolute;right: 17px;top:30px}
.control_buttons ul.param_ul li._removed{width:20px;height: 20px;background: url(/img/delete_01.png) no-repeat;background-size: 16px 16px;position: absolute;right: -6px;top:31px}

.header_tr{font-size: 14px;font-weight: bold}
.header_tr img{width: 20px;margin-left: 5px;opacity: 0.5}




#view_images textarea[class^='maines_']:not(:first-of-type) {display: none}
#text_content{margin-top: 20px}
#text_content .names_inputs{margin: 5px}
._display_none{display: none !important}
._display_block{display: block !important}
.first_date{margin-left: 47px}

#lang_select_textarea{margin-top: 20px;margin-left: 10px}
#lang_select_textarea button.change_lang{
    width: 70px;
    padding: 10px;
    margin: 0px;
    display: inline;
    cursor: pointer
}
#lang_select_textarea button.active{
    background: linear-gradient(to top, rgba(30,87,153,0), rgba(30,87,153,0.8), rgba(30,87,153,1),
    rgba(30,87,153,1), rgba(41,137,216,1), rgba(30,87,153,1), rgba(30,87,153,1),
    rgba(30,87,153,0.8),rgba(30,87,153,0));
    color: #ccc; padding: 10px;
}






.button_5 {cursor:pointer;margin-top: -10px;background: url(/img/Button-Upload-icon.png) no-repeat;width: 50px;height: 50px;background-size: 45px 45px;}
.button_5 input[type="file"]{opacity: 0.0;height: 50px;cursor: pointer;width: 40px;}
._insert_url input[type="text"]{width: 250px;height: 30px;padding: 5px;border-radius: 5px;background: url(/img/add.gif) no-repeat;background-size: 15px 15px;background-position: 97%}

#add_new_image div{display: inline-table;}
.button{margin-top: 30px;float: right}

/*.well{border: none}*/

#view_images{text-align: center;margin-top: 40px;margin-left: 10px;margin-bottom: 30px;margin: 10px;height: 850px}
#view_images .demo_for_clone{display: none}
#view_images .view_images_child{float: left;padding: 3px;width: 150px;height: 200px;margin: 2px;position: relative;border: 1px dotted black;}
#view_images .view_images_child img{width: 136px;height: 80px}
._upload_2 .button_5{width: 20px;height: 20px;background-size: 20px 20px;margin: 5px 10px;position: relative}
._upload_2 .button_5 input[type="file"]{width: 20px;height: 20px;position: absolute;left:0}
._upload_2 .button_5 input[type="text"]{width: 110px;height: 20px;position: absolute;left: 25px;padding: 0;background: url(/img/add.gif) no-repeat;background-size: 10px 10px;background-position: 97%}
._buttons textarea{width: 135px;margin-left: 8px;}
._buttons ._delete{
    margin-top: 3px;
    padding: 3px;
    border-radius: 5px;
    cursor: pointer;
    background: rgb(204,0,0);
    background: -moz-linear-gradient(top,  rgba(204,0,0,1) 0%, rgba(244,141,141,1) 97%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,0,0,1)), color-stop(97%,rgba(244,141,141,1))); 
    background: -webkit-linear-gradient(top,  rgba(204,0,0,1) 0%,rgba(244,141,141,1) 97%); 
    background: -o-linear-gradient(top,  rgba(204,0,0,1) 0%,rgba(244,141,141,1) 97%); 
    background: -ms-linear-gradient(top,  rgba(204,0,0,1) 0%,rgba(244,141,141,1) 97%); 
    background: linear-gradient(to bottom,  rgba(204,0,0,1) 0%,rgba(244,141,141,1) 97%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#f48d8d',GradientType=0 );

    color: white
}
#send_button{position: absolute;bottom: 5px;right: 5px}

.control-group #navigation{padding: 10px;text-align: center;position: absolute;bottom: 0}
.control-group #navigation a{background:#ccc linear-gradient(#fcfff4 0%, #dfe5d7 40%, #b3bead 100%);color: black; padding: 10px;}
.control-group #navigation a.active{
    background: linear-gradient(to top, rgba(30,87,153,0), rgba(30,87,153,0.8), rgba(30,87,153,1),
    rgba(30,87,153,1), rgba(41,137,216,1), rgba(30,87,153,1), rgba(30,87,153,1),
    rgba(30,87,153,0.8),rgba(30,87,153,0));
    color:red
}

.table-overflow #navigation{padding: 10px;text-align: center}
.table-overflow #navigation a{background:#ccc linear-gradient(#fcfff4 0%, #dfe5d7 40%, #b3bead 100%);color: black; padding: 10px;}
.table-overflow #navigation a.active{
    background: linear-gradient(to top, rgba(30,87,153,0), rgba(30,87,153,0.8), rgba(30,87,153,1),
    rgba(30,87,153,1), rgba(41,137,216,1), rgba(30,87,153,1), rgba(30,87,153,1),
    rgba(30,87,153,0.8),rgba(30,87,153,0));
    color:red
}

#alboum_name{position: relative;height: 100px;bottom: 49px;width: 100px;right: -700px;}
#alboum_name textarea[name^="alboum_name"]{
    position: absolute;
    top:0;left:0;
    width: 300px;
    height: 40px
}