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

#view_images ._buttons ._upload_2 textarea[class^='maines_']:not(:first-of-type) {display: none}
#view_images textarea[class^='maines_']:not(:first-of-type) {display: none}
img[src$="config.png"]{margin-left: 10px !important}
.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}





#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;}
/*.upload_avatar_div{cursor: pointer;z-index: 999999;}*/
._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%;cursor: auto}
._insert_url{width: 260px;position: relative}

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

#view_images{text-align: center;margin-top: 40px;margin-left: 10px;margin-bottom: 30px;margin: 10px;height: 750px}
#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;height: 60px}
._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: 30px;bottom: 49px;width: 100px;right: -700px;}
#alboum_name textarea[name^="alboum_name"]{
    position: absolute;
    top:0;left:0;
    width: 300px;
    height: 40px
}



.youtube_keywords_css{
    width: 250px !important;
    position: absolute;
    top: 30px;left: 0;
    background: red;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #FEFEFE;
    border: 1px solid #D5D5D5;
    border-radius: 5px;
    padding: 5px;
    z-index: 9999
}

#view_images .youtube_keywords_css{
    width: 110px !important;
    position: absolute;
    top: 20px;left: 23px;
    background: red;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #FEFEFE;
    border: 1px solid #D5D5D5;
    border-radius: 5px;
    padding: 5px;
    z-index: 9999;
    font-size: 9px
}

.youtube_keywords_css li{
    list-style-type: none;
    margin: 5px;
}
#view_images .youtube_keywords_css li{
    list-style-type: none;
    margin: 1px !important;
    text-align: left;
    margin-left: 3px
}
.youtube_keywords_css li:not(:last-child){border-bottom: 1px dotted #ccc}
.before_videos{
    background:url(/img/ajax-loader.gif) no-repeat !important;
    background-position: 50% 30% !important;
    background-size: 200px 200px !important;
}
#more_videos{
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #FEFEFE;
    border: 1px solid #D5D5D5;
    border-radius: 5px;
    padding: 5px;
    margin: 3px;
    margin-top: -3px !important;
    
}
#more_videos .image{
    display: inline-block;
    margin: 3px;
    padding: 4px;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #FEFEFE;
    border: 1px solid #D5D5D5;
    border-radius: 5px;
    position: relative
}
#more_videos .image img{
   width: 120px
}
.img_container img{
   width: 120px;
   cursor: pointer
}
.img_container:hover{
    background:url(/img/play.gif) no-repeat;
    background-position: 50% 30%;
    background-size: 100px 100px;
}

#video_list .img_container:hover{
    background-size: 80px 80px;
}

.img_container img:hover{
   opacity: 0.5;
}
#more_videos .image .entry{
   width: 110px;
   height: 15px;
   overflow: hidden
}
#more_videos .image small{float: right}
#more_videos ._title{color: #999;font-size: 11px;margin-bottom: 3px;position: absolute;right: -670px;top: 0}
#more_videos .monishnulia{margin-bottom: 3px;position: absolute;right: -200px;top: 0}
#more_videos ._insert_url{margin-bottom: 5px}
#more_videos .image ._checkbox{
    width: 12px;
    height: 12px;
    border: 1px solid black;
    position: absolute;
    bottom: 3px;
    border-radius: 3px;
    cursor: pointer;
}

#more_videos .image .cheched{
    background: rgb(169,3,41);
    background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 100%, rgba(109,0,25,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(100%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1)));
    background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 100%,rgba(109,0,25,1) 100%); 
    background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 100%,rgba(109,0,25,1) 100%); 
    background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 100%,rgba(109,0,25,1) 100%);
    background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 100%,rgba(109,0,25,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); 
}

#play_all{position: absolute;right: 50px;top: 30px;}
.table #play_all{position: static}