.custom-file-inputs {
		
		 
	
         
        
   
        
   	
 
 

	}
		 
	 	.custom-file-inputs:before {
	 content: 'Click here to select file(s)';
    
		display: block;
		/*background-color:#218737)  !important;*/
		background:#1564AC; /*linear-gradient(to bottom, rgba(27, 108, 181, 0.98) 0%, transparent 100%);*/
        color:#fff;
		outline: none;
		
        
		cursor: pointer;
		 
		text-align: center;
		 
      line-height:40px;
		position: absolute;
		left: 0;
		right: 0;
		/*background: -webkit-linear-gradient( -180deg, #ffdc73, #febf01);
		background: -o-linear-gradient( -180deg, #ffdc73, #febf01);
		background: -moz-linear-gradient( -180deg, #ffdc73, #febf01);
		background: linear-gradient( -180deg, #ffdc73, #febf01);*/

          /*border: 5px dashed #fff;*/
       border-radius:5px;
          vertical-align:middle ;
         
     
 
font-weight:normal !important;
clear:both !important;
 /*box-shadow: 0 5px #666;*/
	}
	.custom-file-inputs:hover:before {
		background: black !important;
 
	}
    #Upload,#file {display:none;}
      #box
{
	display: block;
	font-weight: bold;
	text-align: center;
	padding: 1em 0;
	margin: 1em 0;
	color: #555;
   
	/*border: 2px dashed #555;*/
    border:1px solid #555;
	border-radius: 7px;
	cursor: default;
    padding:15px;
	Line-height:25px;
    height:300px;
	font-size:20px;
	vertical-align:text-bottom;
   

}

#box.hover
{
	color: #f00;
	border-color: #f00;
	border-style: solid;
	box-shadow: inset 0 3px 4px #888;
}
 .custom-file-inputs:before 
{
 
     vertical-align:top !important;
} 
        #uploads,#upload,#file {display:none;}
        legend {margin-bottom:5px; display:none;}

        ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #f8f9fa;
}

li {
  float: left;
}

li a {
  display: block;
   text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover:not(.active) {
  background-color: #333;color:#fff;
}
 .modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 50%;
	max-height: 80vh;
	overflow-y: auto;
}
.uploadHeader {
	font-size: larger;
	color: #218737;
}
/* The Close Button */
.verticaltop {vertical-align:top !important;}
.paddingBottom5 {
	padding-bottom:5%;
}
 
.width100 {width:100%;}
.colorwhite {color:#fff;}
.displaynone {display:none;}
.colorblue {
	color: #1a4a7f
}
.cursorpointer { cursor:pointer;}
.verticalmiddle {
	vertical-align: middle;
	
}
.clearboth {clear:both}
.backgroundgray {
	background-color: gray
}
table.dataTable thead .dt-ordering-desc {
	background-image: url('../images/sort_desc.png');
	background-repeat: no-repeat;
	background-position: center right;
	background-color: green;
	color: White;
}

table.dataTable thead .dt-ordering-asc {
	background-image: url('../images/sort_asc.png');
	background-repeat: no-repeat;
	background-position: center right;
	background-color: rgba(247, 247, 247, 1);
	color: black;
}
.marginbottom10px {
	margin-bottom: 10px !important;
	clear: both !important;
}
.failure 
{
	background:#fff !important;
	color:red !important;
}