.bg-danger, .bg-success {
	padding: 0 5px;
}

a {
	color: #EF1F2F;
	text-decoration: none;
}

body
    {
     margin:0;
     padding:0;
     background-color:#f1f1f1;
    }
    .box
    {
     width:1270px;
     padding:20px;
     background-color:#fff;
     border:1px solid #ccc;
     border-radius:5px;
     margin-top:25px;
     box-sizing:border-box;
    }
    .navbar-default {
        background-color: #ecf0f1;
      }
    .navbar-default .navbar-brand {
        font-size: 24px;
        line-height: 1.042;
        color: #34495e;
        font-family: arvo;
        letter-spacing: 3px;
        font-weight: 400 !important;
        float: left;
        height: 50px;
        padding: 15px 15px;
    }
    .navbar-default .navbar-brand:hover,
    .navbar-default .navbar-brand:focus {
      color: #1abc9c;
      background-color: transparent;
    }
    .navbar-default .navbar-toggle:before {
      color: #34495e;
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
      background-color: transparent;
    }
    .navbar-default .navbar-toggle:hover:before,
    .navbar-default .navbar-toggle:focus:before {
      color: #1abc9c;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
      border-color: #e5e9ea;
      border-width: 2px;
    }
    .navbar-default .navbar-nav > li > a {
      color: #34495e;
    }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
      color: #1abc9c;
      background-color: transparent;
    }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
      color: #1abc9c;
      background-color: transparent;
    }
    .navbar-default .navbar-nav > .disabled > a,
    .navbar-default .navbar-nav > .disabled > a:hover,
    .navbar-default .navbar-nav > .disabled > a:focus {
      color: #cccccc;
      background-color: transparent;
    }
    .navbar-default .navbar-nav > .dropdown > a .caret {
      border-top-color: #34495e;
      border-bottom-color: #34495e;
    }
    .navbar-default .navbar-nav > .active > a .caret {
      border-top-color: #1abc9c;
      border-bottom-color: #1abc9c;
    }
    .navbar-default .navbar-nav > .dropdown > a:hover .caret,
    .navbar-default .navbar-nav > .dropdown > a:focus .caret {
      border-top-color: #1abc9c;
      border-bottom-color: #1abc9c;
    }
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
      background-color: transparent;
      color: #1abc9c;
    }
    .navbar-default .navbar-nav > .open > a .caret,
    .navbar-default .navbar-nav > .open > a:hover .caret,
    .navbar-default .navbar-nav > .open > a:focus .caret {
      border-top-color: #1abc9c;
      border-bottom-color: #1abc9c;
    }
    @media (max-width: 767px) {
      .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #34495e;
      }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #1abc9c;
        background-color: transparent;
      }
      .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
      .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
      .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #1abc9c;
        background-color: transparent;
      }
      .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
      .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
      .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
      }
    }
    .navbar-default .navbar-form .form-control {
      border-color: transparent;
    }
    .navbar-default .navbar-form .form-control:-moz-placeholder {
      color: #aeb6bf;
    }
    .navbar-default .navbar-form .form-control::-moz-placeholder {
      color: #aeb6bf;
      opacity: 1;
    }
    .navbar-default .navbar-form .form-control:-ms-input-placeholder {
      color: #aeb6bf;
    }
    .navbar-default .navbar-form .form-control::-webkit-input-placeholder {
      color: #aeb6bf;
    }
    .navbar-default .navbar-form .form-control.placeholder {
      color: #aeb6bf;
    }
    .navbar-default .navbar-form .form-control:focus {
      border-color: #1abc9c;
      color: #1abc9c;
    }
    .navbar-default .navbar-form .input-group-btn .btn {
      border-color: transparent;
      color: #919ba4;
    }
    .navbar-default .navbar-form .input-group.focus .form-control,
    .navbar-default .navbar-form .input-group.focus .input-group-btn .btn {
      border-color: #1abc9c;
      color: #1abc9c;
    }
    .navbar-default .navbar-text {
      color: #34495e;
    }
    .navbar-default .navbar-text a {
      color: #34495e;
    }
    .navbar-default .navbar-text a:hover,
    .navbar-default .navbar-text a:focus {
      color: #1abc9c;
    }
    
    
    
    
    /* Shared */
.loginBtn {
  box-sizing: border-box;
  position: relative;
  /* width: 13em;  - apply for fixed size */
  margin: 0.2em;
  padding: 0 15px 0 46px;
  border: none;
  text-align: left;
  line-height: 34px;
  white-space: nowrap;
  border-radius: 0.2em;
  font-size: 16px;
  color: #FFF;
}
.loginBtn:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 100%;
}
.loginBtn:focus {
  outline: none;
}
.loginBtn:active {
  box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}

/* Google */
.loginBtn--google {
  /*font-family: "Roboto", Roboto, arial, sans-serif;*/
  background: #DD4B39;
}
.loginBtn--google:before {
  border-right: #BB3F30 1px solid;
  background: url('icon_google.png') 6px 6px no-repeat;
}
.loginBtn--google:hover,
.loginBtn--google:focus {
  background: #E74B37;
}