.img_button_20 img{
    vertical-align: middle;
    width: 20px;
}

.file_butt_cli{
	border: 1px solid #e0e0e0; 
	text-align: left; 
	margin: 6px; 
	width: 100%; 
	color: #4f5050; 
	/*height: 35px;*/
	text-transform: none;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px;
}


.file_butt_cli img{
    vertical-align: middle;
    width: 100%;
    /*padding: 4px;*/
    display: flex;
}

.file_butt_cli img:hover{
	-webkit-filter: grayscale(100%) 
          brightness(135%)
          contrast(120%);
  filter: grayscale(100%) 
          brightness(135%)
          contrast(120%);
}

.file_butt_cli div.text{
    color: black;
    display: block;
    border-top: 1px solid #e0e0e0;
    background: #eee;
    margin: 0px;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.img_button_25 img{
    vertical-align: middle;
    width: 25px;
}

.img_button_18 img {
	vertical-align: middle;
    width: 18px;
}

.files_but_folder{
	border: 1px solid #e0e0e0; 
	text-align: left; 
	margin: 0px; 
	width: 100%; 
	color: #4f5050; 
	height: 40px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.files_but_recurso{
	border: 1px solid #e0e0e0; 
	text-align: left; 
	margin: 0px; 
	width: 100%; 
	color: #4f5050; 
	height: 35px;
	text-transform: none;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
}

.files_img_50{
	width: 50px; 
}

.img_button_15 img{
    vertical-align: middle;
    width: 15px;
}

.files_div_img img{
    vertical-align: middle;
    width: 18px;
}


.files_but_recurso_small {
	border: 1px solid #9E9E9E; 
	text-align: left; 
	margin: 0px; 
	color: #4f5050; 
	height: 35px;
	min-height: 15px;
}

.files_input_file{
	margin-top: 6px;
	margin-bottom: 12px;
}

.files_td_img img{
	vertical-align: middle;
    width: 18px;
}

.files_recur_frame{
	width: 100%;
	height: 480px;
}

.files_recur_frame_mp3{
	width: 100%;
	height: 150px;
}

.files_click_r{
	/*background: red; */
	height: 60px; 
	margin-bottom: -60px;
}

.files_i_comp{
	font-size: 16px;
	color: #9E9E9E;
}

.files_btn_s_men{
	border: 1px solid;
}

.file_btn_dd_icon{
	margin: 0px !important;
    padding: 0px !important;
    line-height: 14px !important;
    height: 30px !important;
    min-height: 30px !important;
}

.files_icon_dd i{
	font-size: 18px; 
	margin-right: 12px;
}

.files_sel_fuen{
	width: 100%;
}
.files_sel_fuen md-menu-item{
	border-bottom: 1px solid #e6e6e6;
}

.files_sel_rec{
	background: #2196F3;
	color: white;
}

.files_sel_rec .custom-css-class{
	color: #212121;
}

.files_sel_rec:hover{
	background: #3F51B5 !important;
	color: white !important;
}

.web_rec_to_conten{
	/*padding: 4px;*/
	border: 1px solid #eee;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*@media screen and (max-width: 600px) {
	.embed-container {
	    position: relative;
	    padding-bottom: 56.25%;
	    height: 0;
	    overflow: hidden;
	}
}*/

.embed-container_cli {
    position: relative;
    padding-bottom: 100%;
    height: 0;
    overflow: hidden;
}
.embed-container_cli iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}