@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");


body{	margin: 0;	padding: 0; color: #000000; font-family: sans-serif, Arial, Helvetica ;}
a:link, a:visited {color:#000080;text-decoration: underline;font-weight:400}
a:hover {text-decoration: none;font-weight: normal;}
fieldset{margin:2px;padding:10px;border:1px solid #E1E1E1;clear:both}





code{
  border-left:5px solid #EFEFEF; border-right:1px solid #EFEFEF; border-top:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF; margin:5px; padding:10px; text-align: left;
  display: block;
  overflow: auto;  
	white-space: pre;    
  background: #FAFAFA;
  font-style:normal; font-variant:normal; line-height:1.5em; font-size:1em; font-family:'Lucida Console', 'courier new', monospace; list-style-type:decimal;
}

.button22 {padding-left: 5px;padding-right: 5px;background-image: url('images/button_bg.gif');background-color: #fff;background-position: left bottom;background-repeat: repeat-x;}
.button22:hover{color:#808080; cursor: pointer;}
.button22:active{color:#e1e1e1; cursor: pointer;}
input, textarea, form select {padding:9px;background:#FFFFFF url('images/bg_input.png') repeat-x bottom;border: solid 1px #E5E5E5; color: #000000; border-radius:3px;	margin-bottom:3px; outline: 0;}
.error_form{border:1px dashed #ff0000;}
/*.input, .textarea, .select,.checkbox {padding:4px 5px 4px 5px;color:#363636;font:14px Arial, Helvetica, sans-serif;  background:#FFFFFF url('images/input.png') repeat-x bottom center;border: 1px solid #e8e8e8;border-radius:3px;	margin-bottom:3px;}*/


#header{background:#ffffff url('images/bg_form_header.gif') repeat-x top;  

	border-bottom: 1px solid #EAEAEA;
	color:#000000;padding:2px 6px;margin:0px;}
	
#content{text-align:left;   margin:20px 0; color:#000000;}


#loading{position:fixed;top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -50px;text-align:center;height:100px; width:100px; box-shadow: 0px 0px 20px 20px rgba(255,255,255,1); background: #ffffff url('images/loading-big.gif') no-repeat top center;}

.loading-small{display:block;width:25px;height:16px; background:url('images/loading-small.gif') no-repeat top left;}




.fileslist{padding:5px;margin:5px; border:1px dashed #dbdbdb; text-align:left; }

.left{float: left;}
.right{float: right;}
.center{text-align:center;}
.centerbox{margin:0 auto;}
.clear{clear:both;}
.b{border:1px solid red;}
   
input:hover, textarea:hover, input:focus, textarea:focus {border-color: #C9C9C9;box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;}


.button {
    background-color: #ffffff;
    border: 1px solid #d9d9d9;
    color: #262626;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em;
    text-shadow: 1px 1px #333;
    line-height: 1;
    margin: 1px;
    outline: medium none;
    padding: 10px 18px;
   border-radius:0px;
    text-align: center;
    vertical-align: middle;
}


.button.blue{background: #00ccff none repeat scroll 0 0;border-color:#00ccff;color: #ffffff;}
.button.orange{background: #fa6800 none repeat scroll 0 0;border-color:#fa6800;color: #ffffff;}
.button.green{background: #60a917 none repeat scroll 0 0;border-color:#60a917;color: #ffffff;}
 
 
 
 
.button:hover{color:#e1e1e1;}.button:active{color:#408080;}





.pagination{ font-size:14px; clear:both; text-align:center;}

.pagination ul, .pagination ul li{list-style: none;	margin: 0;padding: 0;}

.pagination ul {width:auto;	padding: 1px 0px 0px 0px;}

.pagination ul li {display:inline-block; border:0px solid #f3f3f3;  box-shadow:0 1px 1px rgba(0, 0, 0, 0.1); margin-left:10px; background-color:#f3f3f3;}

.pagination ul a:link,.pagination ul a:visited ,.pagination span {display: block; text-decoration: none;color: #000000;	 padding:4px 10px;}

.pagination ul a:hover {color: #CCCCCC; }
.pagination span {color: #FF0000;  }



/*
.btn {
    border: none;
    color: white;
    padding: 14px 28px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
}//https://www.w3schools.com/howto/howto_css_alert_buttons.asp   https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_danger

.alert {background-color: #4CAF50;} 
.alert:hover {background-color: #46a049;}

.info {background-color: #2196F3;}
.info:hover {background: #0b7dda;}

.warning {background-color: #ff9800;}
.warning:hover {background: #e68a00;}

.danger {background-color: #f44336;} 
.danger:hover {background: #da190b;}

.default {background-color: #e7e7e7; color: black;} 
.default:hover {background: #ddd;}
*/





.btn {
    border: none; /* Remove borders */
    color: white; /* Add a text color */
    border-radius:0px;
    cursor: pointer; /* Add a pointer cursor on mouse-over */
    
	}

.btn-success {background-color: #4CAF50;} /* Green */
.btn-success:hover {background-color: #46a049;}

.btn-info {background-color: #2196F3;} /* Blue */
.btn-info:hover {background: #0b7dda;}

.btn-warning {background-color: #ff9800;} /* Orange */
.btn-warning:hover {background: #e68a00;}

.btn-danger {background-color: #f44336;} /* Red */
.btn-danger:hover {background: #da190b;}

.btn-default {background-color: #e7e7e7; color: black;} /* Gray */
.btn-default:hover {background: #ddd;}


.alert-danger {
    background-color: #ffdddd;
    border-left: 6px solid #f44336;
}

.alert-success {
    background-color: #ddffdd;
    border-left: 6px solid #4CAF50;
}

.alert-info {
    background-color: #e7f3fe;
    border-left: 6px solid #2196F3;
}


.alert-warning {
    background-color: #ffffcc;
    border-left: 6px solid #ffeb3b;
}

.alert{color:#000000; border-radius:0px;border:none;}

.alert-danger {
    background-color: #ffdddd;
    border-left: 6px solid #f44336;
}

.alert-success {
    background-color: #ddffdd;
    border-left: 6px solid #4CAF50;
}

.alert-info {
    background-color: #e7f3fe;
    border-left: 6px solid #2196F3;
}


.alert-warning {
    background-color: #ffffcc;
    border-left: 6px solid #ffeb3b;
}




.form-control{
background: white none repeat scroll 0 0;
border: 1px solid #ddd;
border-radius:0px !important;
box-shadow:none;
height:auto;
color:#000000;
padding:8px; font-weight:200;

}
.input-group-addon{border-radius:0px;}


/*
input:focus:invalid,  textarea:focus:invalid {
    
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}
*/




 .progress-steps {
    width: 100%;
    list-style: none;
    list-style-image: none;
    margin: 5px 0 5px 0;
    padding: 0;
}

.progress-steps li {
    
    text-align: center;
    position: relative;
	display: inline-block;
}


.progress-steps > li > .step {
    color: black;
display: block;
    border-radius: 50%;
    
    min-width: 10px;
    min-height: 10px;
    
   
	
}
.progress-steps > li.active {background-color:green;}
.progress-steps > li.done {background-color:silver;}