.A3-gumel{
padding:10px 5px;margin:10px;background-color:#f5f5f5;color:#696969;
}
.A3-gumel,.A3-container,.A3-container-fill h1,h2,h3,h4,h5,h6{
text-shadow:1px 2px 2px 1px;
color:#696969;
}
.A3-gumel a{
font-weight:bold;color:#696969;
}
.A3-container a{
font-weight:bold;color:#696969;
}
.A3-container-fill a{
font-weight:bold;color:#696969;
}
.A3-container{
padding:5px 5px;margin:10px 5px;background-color:#f5f5f5;color:#696969;
}
.A3-container-fill{
padding:5px 5px;margin:10px 0px;background-color:#f5f5f5;
width:100%;color:#696969;
}





.A3-alert{
padding:10px;margin:10px 0px;background-color:#f5f5f5;
}
.A3-alert-warning{
border:1px solid #fffacd;
background-color:#fffacd;
color:#d2691e;opacity:1;}
.A3-alert-info{
border:1px solid #e6e6fa;
background-color:#e6e6fa;
color:#000080;opacity:1;}
.A3-alert-danger{
border:1px solid red;
background-color:red;
color:#ff6347;opacity:0.1;}
.A3-alert-success{
border:1px solid green;
background-color:green;
color:#228b22;opacity:0.2;}
 .A3-alert-primary{
border:1px solid blue;
background-color:blue;
color:#191970;opacity:0.2;}
.A3-alert-secondry{
border:1px solid #696969;
background-color:#D3D3D3;color:#696969;
}
.A3-alert-secondry a{
color:#696969;font-weight:bold;
}


.A3-alert-warning a{
font-weight:bold;color:#d2691e;
}
.A3-alert-primary a{
font-weight:bold;color:#191970;
}
.A3-alert-danger a{
font-weight:bold;color:#ff6347;
}
.A3-alert-info a{
font-weight:bold;color:#000080;
}
.A3-alert-success a{
font-weight:bold;color:#228b22;
}
.A3-panel{
padding:7px;margin:2px 3px 10px 3px;background-color:#101010;color:#ffffff;
}

.A3-tag{
padding:5px 5px;margin:10px;background-color:#ffffff;color:#696969;
border:1px solid #c0c0c0;
}
.A3-tag a{
padding:1px;margin:2px;background-color:#f5f5f5;color:#101010;
}


.A3-myProgress {
  width: 100%;
  background-color: #ddd;
}

.A3-myBar {
  width: 10%;
  height:20px;
  background-color: #4CAF50;
  text-align:right;
  line-height: 30px;
  color: white;
}
.A3-Bar20 {
  width:20%;
}
.A3-Bar30{
  width:30%;
}
.A3-Bar40{
  width:40%;
}
.A3-Bar50{
  width:50%;
}
.A3-Bar60{
  width:60%;
}
.A3-Bar70{
  width:70%;
}
.A3-Bar80{
  width:80%;
}
.A3-Bar90{
  width:90%;
}
.A3-Bar100{
  width:100%;
}