@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
body {
  font-family: "Roboto" !important;
  height: 100%;
  letter-spacing: 1.5px;
  height: 100%;
  margin: 0px;
  padding: 0px;
  font-size: 14px; }

.btn {
  letter-spacing: 1px;
  font-size: 14px; }

a:hover, a:active, a:focus {
  outline: 0 !important; }

.navbar {
  background-color: #212121 !important;
  opacity: 0.9;
  border-color: #212121 !important;
  color: #ffffff !important;
  padding: 5px !important;
  margin-bottom: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s; }

.navbar-brand {
  color: #FFFFFF !important;
  text-transform: uppercase; }

.navbar-nav li a {
  color: #7b7b7b !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.navbar-nav li a:hover {
  color: #FFFFFF !important; }

.navbar-nav > .open > a {
  background-color: #616161 !important;
  color: #FFFFFF !important; }

.dropdown-menu {
  background-color: #ffffff !important;
  color: #000000 !important; }

/* Dropdown links */
.dropdown-menu li a {
  color: #000 !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.dropdown-menu li a:hover {
  background-color: #7b7b7b;
  color: #FFFFFF; }

#companyName {
  font-size: 15px;
  text-transform: uppercase; }

/*Show the dropdown menu when over over the li parent */
li.dropdown:hover > ul.dropdown-menu {
  display: block; }

/*Icons Colors */
.is-green-icon {
  color: #4CAF50; }

.is-red-icon {
  color: #E6200E; }

.panel-heading {
  background-color: #616161 !important;
  color: #fff !important; }

.panel-body {
  background-color: #FFFFFF; }

.required {
  color: #F44336;
  font-size: 1.5em; }

.degree {
  font-size: 1em; }

.text-muted {
  opacity: 0.8;
  font-weight: bold; }

.is-no-option {
  text-decoration: line-through;
  pointer-events: none;
  opacity: 0.6; }

label {
  color: #444 !important; }

.modal-title {
  color: #000 !important; }

#notes {
  max-width: 100%; }

.datepicker {
  color: #000 !important; }

#confirmada {
  color: green !important;
  background-color: #000; }

.plans-body {
  padding: 0; }

.plan-price {
  font-size: 3em; }

.list-group li {
  border: none !important; }

.delete-task {
  cursor: pointer; }

.remind-before {
  color: #000;
  font-weight: bold; }

input:focus {
  border: 1px solid #01B1B3 !important; }

textarea:focus {
  border: 1px solid #01B1B3 !important; }

#left-side {
  padding: 0px; }

#right-side {
  padding: 0px; }

.is-service {
  border-radius: 4px;
  padding: 4px;
  color: #FFFFFF;
  height: 20px;
  margin-left: 3px;
  background-color: #7b7b7b;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.is-service:hover {
  background-color: #01B1B3;
  color: #FFFFFF; }

.is-primary {
  background-color: #fff;
  color: #01B1B3 !important;
  border: 1px solid #01B1B3 !important;
  -webkit-transition: background-color 0.4s, color 0.4s;
  transition: background-color 0.4s, color 0.4s; }

.is-primary:hover {
  background-color: #01B1B3 !important;
  color: #fff !important; }

.is-warning {
  background-color: #fff;
  color: #ED6C63 !important;
  border: 1px solid #ED6C63 !important;
  -webkit-transition: background-color 0.4s, color 0.4s;
  transition: background-color 0.4s, color 0.4s; }

.is-warning:hover {
  background-color: #ED6C63 !important;
  color: #fff !important; }

.load-bar {
  position: relative;
  margin-top: 0px;
  width: 100%;
  height: 6px !important;
  background-color: #616161; }

.bar {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 100%;
  left: 50%;
  text-align: center; }

.bar:nth-child(1) {
  background-color: #3F51B5;
  -webkit-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite; }

.bar:nth-child(2) {
  background-color: #017f80;
  -webkit-animation: loading 2s linear 1s infinite;
  animation: loading 2s linear 1s infinite; }

.bar:nth-child(3) {
  background-color: #01B1B3;
  -webkit-animation: loading 2s linear 1s infinite;
  animation: loading 2s linear 1s infinite; }

@-webkit-keyframes loading {
  from {
    left: 50%;
    width: 0;
    z-index: 100; }
  33.3333% {
    left: 0;
    width: 100%;
    z-index: 10; }
  to {
    left: 0;
    width: 100%; } }

@keyframes loading {
  from {
    left: 50%;
    width: 0;
    z-index: 100; }
  33.3333% {
    left: 0;
    width: 100%;
    z-index: 10; }
  to {
    left: 0;
    width: 100%; } }

.form-error {
  font-size: 11px;
  color: #B71C1C; }

/*# sourceMappingURL=app.css.map */