/**********************************/

.message {
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  background-size: 40px 40px;
  background-image: -webkit-gradient(linear, left top, right bottom,  color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent),  color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),  color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent),  to(transparent));
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,  transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,  transparent 75%, transparent);
  background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,  transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,  transparent 75%, transparent);
  background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,  transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,  transparent 75%, transparent);
  background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,  transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,  transparent 75%, transparent);
  background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,  transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,  transparent 75%, transparent);
  -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
  -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
  width: 100%;
  border: 1px solid;
  color: #fff;
  padding: 15px;
  position: fixed;
  _position: absolute;
  text-shadow: 0 1px 0 rgba(0,0,0,.5);
  -webkit-animation: animate-bg 5s linear infinite;
  -moz-animation: animate-bg 5s linear infinite;
  z-index: 5000;
  cursor: pointer;
}

.info {
  background-color: #4ea5cd;
  border-color: #3b8eb5;
}

.error {
  background-color: #de4343;
  border-color: #c43d3d;
}

.warning {
  background-color: #eaaf51;
  border-color: #d99a36;
}

.success {
  background-color: #61b832;
  border-color: #55a12c;
}



.message h3 { margin: 0 0 5px 0; }

.message p { margin: 0; }

.message span.icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 7px;
  top: 50%;
  margin-top: -8px;
}

.message, .message h3, .message p, .message i{
    text-align:left;
    color: #fff;
}

.message.success span.icon { background: url(success.png); }

.message.error span.icon { background: url(error.png); }

.message.warning span.icon { background: url(warning.png); }

.message.info span.icon { background: url(info.png); }
 @-webkit-keyframes 
animate-bg {  from {
 background-position: 0 0;
}

to { background-position: -80px 0; }
}
 @-moz-keyframes 
animate-bg {  from {
 background-position: 0 0;
}

to { background-position: -80px 0; }
}

#trigger-list {
  text-align: center;
  margin: 100px 0;
  padding: 0;
}

#trigger-list li {
  display: inline-block;
 *display: inline;
  zoom: 1;
}

#trigger-list a {
  display: inline-block;
  background: #ddd;
  border: 1px solid #777;
  padding: 10px 20px;
  margin: 0 5px;
  font: bold 12px Arial, Helvetica;
  text-decoration: none;
  color: #333;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

#trigger-list a:hover { background: #f5f5f5; }


/*********************************/



.modal-content .modal-primary {
    background: #428bca;
    border-radius: 5px 5px 0 0;
}

.modal-content .modal-success {
    background: #5CB85C;
    border-radius: 5px 5px 0 0;
}

.modal-content .modal-primary h4, .modal-content .modal-success h4 {
    color: #ffffff;
}



/******************************/


.alert-secondary {
    color: #464a4e;
    background-color: #e7e8ea;
    border-color: #dddfe2;
}

.top-margin{
    margin-top: 15px;
}

.top-section-question{
    background: rgba(206, 206, 206, 0.38);
    padding: 15px;
    border-radius: 15px;
}

.red-head{
    background: #d9534f;
    text-align: -webkit-center;
    color: white;
}

.avatar-tumbaild {
    max-width: 40px;
    border-radius: 100%;
    position: relative;
    float: left;
    border: 2px solid #4c4c4c;
}