


.hide		{ display: none !important; }
.no-border	{ border: 0px !important; }
.no-padding { padding: 0px !important; }
.no-margin	{ margin: 0px !important; }
.no-cursor	{ cursor: default !important; }
.no-shadow	{ box-shadow: none!important; }

.bd1	{ border: 0px dotted red; }
.bd2	{ padding:3px 0; border: 0px dotted orange; }
.bd3	{ padding:3px 0; border: 0px dotted green; }
.bd4	{ padding:3px 0; border: 0px dotted blue; }
.mg		{ margin: 0px 6px; margin-bottom: 5px; }


#drop{
    background-color: #E1E1E1;
    padding: 40px 50px;
    margin-bottom: 15px;
    border: 5px solid #D8D8D8;
    border-radius: 3px;
    /*border-image: url('../img/border-image.png') 25 repeat;*/
    text-align: center;
    text-transform: uppercase;

    font-size:16px;
    font-weight:bold;
    color:#7f858a;

	cursor:pointer;
}
#drop div{ text-align:center; font-size: 20px; }

#drop a{
    background-color:#007a96;
    padding:12px 26px;
    color:#fff;
    font-size:14px;
    border-radius:2px;
    cursor:pointer;
    display:inline-block;
    margin-top:12px;
    line-height:1;
}

#drop a:hover{
    background-color:#0986a3;
}
#upload #uplFile {
    display: none;
}

#box-init-upload{
	display:none;
}
.init-upload-text{
    text-align: center;
    text-transform: uppercase;
	font-size: 20px;
    font-weight:bold;
    color:#7f858a;
	cursor:pointer;
	
    border: 5px solid #379300;
    border-radius: 3px;
    background-color: #9BD683;
	padding: 25px 50px;
    margin-bottom: 15px;
}

#upload ul{
    list-style:none;
    margin:0px;
	padding:0px;
}
#upload ul li{
	padding:0px;
	height: auto;
	position:relative;
	margin: 0px 0;
	/*border:1px solid #D8D8D8;
	border-radius: 3px;*/
	float:left;
}
#upload ul li input{
    /*display: none;*/
}


.upl-thumbs{ 
    width: 140px;
    height: 133px;
	position: relative; 
}
.upl-thumbs .box-icones {
    /*
	background: #fff;
    background: rgba(255, 255, 255, 0.6);
	*/
	width: 100%;
    position: absolute;
    left: 3px;
    bottom: 8px;
    right: 3px;
	height: 30px;
	/*
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);*/
    opacity: 0;
    /*
	-webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
	*/
	border:1px dotted: orange;
}
.upl-thumbs:hover .box-icones {
	opacity: 1;
}
/*
.upl-thumbs:hover a {
    color: #428bca;
    text-decoration: none;
}
*/

/*
.box-icones .btnSM{
	background-color:#fff;
	border:1px solid #ccc;
	padding:3px;
	border-radius: 3px;
	margin: 0 auto;
}
.box-icones a.btnSM:hover{
	border:1px solid #0986a3;
}
*/



/*
 * style : tab arquivos
**/
#list_files{ width: 100%; }
#list_files ul{
    list-style:none;
    margin:0px;
	padding:0px;
}
#list_files ul li{
	padding:0px;
	height: auto;
	position:relative;
	margin: 0px 3px;
	margin-bottom: 15px;
	/*border:1px solid #D8D8D8;
	border-radius: 3px;*/
	float:left;
	/*opacity: .6 !important;*/
}
#list_files ul li:hover,
#list_files ul li.item-active{ opacity: 1 !important; }
#list_files ul li:hover .thumbnail,
#list_files ul li.item-active .thumbnail{ border: 1px solid #3c8dbc; }

#list_files ul li .icon2-legend{ 
	font-size:12px;
	text-align:center;
}
#list_files ul li .upl-thumbs{
	/*height: 165px;*/
	/*padding-bottom:25px !important;*/
	border:0px dotted red !important;
	cursor: pointer !important;
}
#list_files ul li .upl-thumbs .box-icones {
    /*
	background: #fff;
    background: rgba(255, 255, 255, 0.6);
	*/
	width: 100%;
    position: absolute;
    left: 3px;
    bottom: 8px;
    right: 3px;
	height: 30px;
	/*
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);*/
    opacity: 1;
    /*
	-webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
	*/
	border:1px dotted: orange;
}
#list_files ul li .upl-thumbs:hover .box-icones {
	opacity: 1;
}







.box-icones a{ color:black; display:inline-block; }
.box-icones a:hover{
	color:blue;
}

.upl-thumbs .image{ 
	width: 100%; width: 118px; height: 118px; background-color: #E6E6E6;
	/*background: #E6E6E6 url('../icons/bg_image.png') center center no-repeat;*/
	background-color: '#E6E6E6';
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../icons/bg_image.png");
}
.upl-thumbs .image.bgContain{
	background-size: contain;
	background-size: cover;
}
.loader{
	position: absolute;
	border:0px dotted red;
	width: 90px;
	height: 90px;
	top: 50%;
	left: 50%;
	margin-top: -45px;
	margin-left: -45px;
}
.icon-close{ position: absolute; right:10px; top:5px; width: 26px !important; height: 26px !important; cursor:pointer; z-index:99; }
.icon-sucess{ position: absolute; right:10px; top:5px; width: 26px !important; height: 26px !important; cursor:pointer; z-index:99; display:none; }
.icon-legend{ 
	display:none;
	position: absolute; left:0; bottom:5px; width: 100%; height: 26px; cursor:pointer; z-index:99;
	font-size:12px;
	text-align:center;
}
.icon-close img{ width: 26px !important; height: 26px !important; }

.prompt-legend{ 
	position: absolute;  
	display:none;
	z-index:999; 
	border:1px dotted red; 
	width: 200px;
	height: auto;
	left: 0;
	/*left: 50%;*/

	/*top: 50%;*/
	/*left: 50%;*/
	/*margin-top: -20px;*/
	/*margin-left: -75px;*/
	border-radius: 3px;
	/* padding:10px;*/
	background-color: #FFF;
	border: 1px solid #ddd;
	margin: 0px 6px;
}
.prompt-legend .lbl_file{ 
	font-size:12px; 
	display:table; 
	width: 90%; 
	margin:5px 10px; 
	max-height: 40px;
    overflow: hidden;

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-height: 16px;     /* fallback */
	max-height: 32px;      /* fallback */
	-webkit-line-clamp: 2; /* number of lines to show */
	-webkit-box-orient: vertical;

-ms-word-break: break-all;

     /* Be VERY careful with this, breaks normal words wh_erever */
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
} 
.prompt-legend textarea{ display:table; width: 90%; margin:10px; margin-top:0px; } 

