/*
 *  Document   : custom.css
 *  Author     : Dev GB
 *  Description: The custom stylesheet of the template
 *
 */


.alert-dangerAlt {
    color: #ffffff;
    background-color: #F32013;
    border-color: #F32013;
}

.alertAlt {
    padding: 0px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
body {
  font-family: sans-serif;
  transform: translate3d(0, 0, 0);
  transition: all 0.3s ease-in-out;
}
body .controls {
  font-size: 12px;
  background: #efefef;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 15px;
}
body .controls label {
  display: block;
}
.note {
  background: #eee;
  border: 0.05em solid #c8c8c8;
  border-left-width: 0.2em;
  border-radius: 0.2em;
  color: #333;
  font-family: sans-serif;
  font-size: 1em;
  margin: 1em;
  padding: 1.2em 2.04em;
  position: relative;
}
.note:before,
.note:after {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  margin-left: -0.1em;
}
.note:before {
  border-radius: 50%;
  content: "";
  width: 2.04em;
  height: 2.04em;
}
.note:after {
  color: #fff;
  font: normal normal normal 0.9em/1 "FontAwesome";
  z-index: 50;
}
.note-default:before {
  background: #c8c8c8;
}
.note-default:after {
  content: "\f0f3";
}
.note-info {
  background: #d4e8f6;
  border-color: #a9d2ee;
  border-left-color: #54a6dd;
  color: #2273a9;
}
.note-info:before {
  background: #54a6dd;
}
.note-info:after {
  content: "\f129";
}
.note-success {
  background: #7fff8e;
  border-color: #4cff60;
  border-left-color: #00e51a;
  color: #007f0e;
}
.note-success:before {
  background: #00e51a;
}
.note-success:after {
  content: "\f00c";
}
.note-success.alt:after {
  content: "\f164";
}
.note-warning {
  background: #fee9b0;
  border-color: #fddb7e;
  border-left-color: #fcbf19;
  color: #ad7f02;
}

.note-warning:before {
  background: #fcbf19;
}
.note-warning:after {
  content: "\f071";
}
.note-emergency {
  background: #ff9999;
  border-color: #ff6666;
  border-left-color: #ff0000;
  color: #990000;
}
.note-emergency:before {
  background: #ff0000;
}
.note-emergency:after {
  content: "\f0f9";
}
.note-coffee {
  background: #c09a7f;
  border-color: #af7f5d;
  border-left-color: #6f4e37;
  color: #2b1e15;
}
.note-coffee:before {
  background: #6f4e37;
}
.note-coffee:after {
  content: "\f0f4";
}
.note-low-vision {
  background: #1a1a1a;
  border-color: #333333;
  border-left-color: #000;
  color: #fff;
}
.note-low-vision:before {
  background: #000;
}
.note-low-vision:after {
  content: "\f2a8";
}
.note-emergency {
  background: #ff9999;
  border-color: #ff6666;
  border-left-color: #ff0000;
  color: #990000;
}
.note-emergency:before {
  background: #ff0000;
}
.note-emergency:after {
  content: "\f0f9";
}
#WSCFree a:link { color: #70DB93; }
#WSCFree a:visited { color: #70DB93; }
#WSCFree a:hover { color: #70DB93; }
#WSCFree a:active { color: #70DB93; }