/*********Container style************************/
.ax-main-container{
	margin-bottom:2px;
	font-size:15px;
    text-align: center;
    width: 100%;
}
.line{
height:15px;
}
/*****************Button base style********************/
	.ax-button
	{
		margin-bottom:8px;
	    margin-right: 0.3em;
		cursor: pointer;
        min-width: 100px;
		line-height: 20px;
        padding: 4px 8px;
	    overflow: hidden;
        background: #f2f2f2;
        border:1px solid #dfdfdf;
	    position: relative;
        font-size: 1em;
        vertical-align: middle;
	    display: inline-block;
		outline:none;
	    text-align: center;
	    color: #3f4752;
		box-shadow:none;
        text-decoration: none;
	}
	.ax-button:hover {
    background-color: #349791;
	 border: solid 1px #2e8782;
    transition-duration: 0.40s;
    color: white;
}
/****************************************************************************************/
/***************************Browse********************************************/
	.ax-browse-c
	{
		float:left;	
	}
	.ax-browse-c:hover {
		
	}
/****************************************************************************/
/***************************Upload all***************************************/
	.ax-upload-all
	{
		float:left;
	}
	.ax-upload-all:hover {
		
    }
/****************************************************************************/
/***************************Clear all****************************************/
	.ax-clear{
		float:right;
	}
	.ax-clear:hover{
	background: #DA4F49;
	transition-duration:0.4s;
	border:1px solid #c44741;
    }
/****************************************************************************/
.ax-remove, .ax-ask-no {
	
}
	.ax-remove:hover, .ax-ask-no:hover{
	background: #DA4F49;
	transition-duration:0.4s;
	border:1px solid #c44741;
    }
.ax-upload, .ax-ask-yes
{
}
.ax-disabled
{
}
.ax-remove:hover, .ax-upload:hover, .ax-abort:hover
{
}
.ax-ask-yes:hover, .ax-ask-no:hover{
	color:black;
}
.ax-preview
{
	max-height:100%;
	max-width:100%;
}
.ax-prev-container
{
	float:left;
    width: 64px;
	height:64px;
    display: inline-block;
	background: url(icon-file.png)no-repeat;
}
/************************List files styles******************************/
	.ax-file-list
	{
		overflow:hidden;
	    list-style: none outside none;
		width: 100%;
	}
	
	.ax-file-list li
	{	vertical-align:middle;
		border-bottom: 1px dashed #D2D2D2;
	    height: 100px;
	    margin: 10px;
		
	    text-align: center;
	    width: 100%;
	}
	.ax-file-list li:hover
	{	
	
	}
	
	.ax-edit-fn
	{
		border:1px solid gray;
		background-color:#fff;
	}
/***********************************************************************/
/********************************* FILE DETAILS STYLE*****************************/
.ax-file-size, .ax-file-name
{
	text-align:left;
	font: 0.8em 'Helvetica Neue',Helvetica,Arial,sans-serif;
	color: #000;
    overflow: hidden;
	padding:0;
	margin:0;
	width:100%;
}
.ax-file-name input
{
	width:80%;
}
.ax-progress
{
	background-color:#f7f7f7;
	border-radius:0px;
    padding: 0;
    float:left;
    height:20px;
    width: 20%;
    position:relative;
    text-align:center;
}
.ax-progress-bar
{
    height: 100%;
	width: 0; 
	background-image: url(images/fileupload/continuous.png);
}
.ax-progress-info
{
	font: 1em 'Helvetica Neue',Helvetica,Arial,sans-serif;
    height: 100%;
    width: 100%;
    position:absolute;
    top:0;
	left:0;
	overflow:hidden;
}
.ax-toolbar
{
	float:right;
	display: inline-block;
	overflow:hidden;
}
.ax-browse
{
	opacity: 0;
	filter:alpha(opacity=0);
	cursor:pointer;
	height:20;
	position: absolute;
	top: 0;
	right: 0;
	background: #f2f2f2;
    border:1px solid #dfdfdf;
}
.ax-details
{
 	float: left;
    padding-left: 2px;
    width: 50%;
}
/*************************************Light Box CSS***************************************/
#ax-box 
{
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 1001;
	display: none;	
}
#ax-box-shadow 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	z-index: 1000;
	display: none;
}
#ax-box-close
{
	text-align:center;
	cursor: pointer;
	line-height: 20px;
    padding: 4px 8px;
	overflow: hidden;
    background: black;
	color:white;
	opacity:0.8;
	top:0;
	right:0;
	position:absolute;
	cursor:pointer;
}
#ax-box-close:hover{
	background: #DA4F49;
	transition-duration:0.4s;
}
#ax-box-fn
{
    background: none repeat scroll 0 0 black;
    bottom: 0;
    color: white;
    height: 38px;
    left: 0;
    opacity: 0.8;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 15;
}
#ax-box-fn span
{
    display: block;
    font-family: 'Volkhov',Georgia,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 38px;
	padding: 0px 2px;
	text-align:center;
		
}
/*****************************************************************************************************/
/*************************************File Type Icons*************************************************/
.ax-filetype-pdf{
	background: url(images/fileupload/icon-pdf.png)no-repeat;
}
.ax-filetype-zip{
	background: url(images/fileupload/icon-zip.png)no-repeat;
}
.ax-filetype-doc{
	background: url(images/fileupload/icon-doc.png)no-repeat;
}
.ax-filetype-docx{
	background: url(images/fileupload/icon-docx.png)no-repeat;
}
.ax-filetype-rar{
	background: url(images/fileupload/icon-rar.png)no-repeat;
}
.ax-filetype-exe{
	background: url(images/fileupload/icon-exe.png)no-repeat;
}
.ax-filetype-xls{
	background: url(images/fileupload/icon-xls.png)no-repeat;
}
.ax-filetype-xml{
	background: url(images/fileupload/icon-xml.png)no-repeat;
}
.ax-filetype-mp4{
	background: url(images/fileupload/icon-mp4.png)no-repeat;
}
.ax-filetype-avi{
	background: url(images/fileupload/icon-avi.png)no-repeat;
}
.ax-filetype-mkv{
	background: url(images/fileupload/icon-mkv.png)no-repeat;
}
.ax-filetype-gif{
	background: url(images/fileupload/icon-gif.png)no-repeat;
}
.ax-filetype-bmp{
	background: url(images/fileupload/icon-bmp.png)no-repeat;
}
.ax-filetype-mp3{
	background: url(images/fileupload/icon-mp3.png)no-repeat;
}
.ax-filetype-ppt, .ax-filetype-pptx{
	background: url(images/fileupload/icon-ppt.png)no-repeat;
}
.ax-filetype-tiff{
	background: url(images/fileupload/icon-tiff.png)no-repeat;
}
.ax-filetype-txt{
	background: url(images/fileupload/icon-txt.png)no-repeat;
}
.ax-filetype-html{
	background: url(images/fileupload/icon-html.png)no-repeat;
}
.ax-filetype-psd{
	background: url(images/fileupload/icon-psd.png)no-repeat;
}
.ax-filetype-csv{
	background: url(images/fileupload/icon-csv.png)no-repeat;
}
.ax-filetype-iso{
	background: url(images/fileupload/icon-iso.png)no-repeat;
}
.ax-filetype-rtf{
	background: url(images/fileupload/icon-rtf.png)no-repeat;
}
.ax-filetype-js{
	background: url(images/fileupload/icon-js.png)no-repeat;
}
.ax-filetype-css{
	background: url(images/fileupload/icon-css.png)no-repeat;
}
.ax-filetype-ai{
	background: url(images/fileupload/icon-ai.png)no-repeat;
}
.ax-filetype-json{
	background: url(images/fileupload/icon-json.png)no-repeat;
}
.ax-filetype-svg{
	background: url(images/fileupload/icon-svg.png)no-repeat;
}
/*****************************************************************************************************/
/*********************Drop Over Class*******************************************************************/
.ax-drop{
	border:2px solid blue;
	border-radius:4px;
}
/*************************************ASK DIV***************************************/
.ax-ask-div{
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	text-align:center;
	float:left;
	color:white;
	background-color:rgba(0,0,0,0.7);
	display: table;
}
.ax-ask-div .ax-ask-inner{
	display: table-cell; 
	vertical-align: middle;
}
.ax-ask-div .ax-ask-quest{
	width:100%;
}
/***********************************************************************************************/
.drag-drop-style {
border:2px dashed #D2D2D2;
border-radius:0px;
height:150px;
background:#F8F8F8;	
}
.spacer {
height:8px;
}