/* spinner css */
body, table, em, strong, i, b, legend, ul, li, a {
  font-family: 'Segoe UI', 'Roboto', 'Verdana', sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #808b94; }

table {
  font-weight: 400; }

em, i {
  font-style: italic; }

strong, b {
  font-weight: 700; }

h1, h2 {
  font-family: 'Century Gothic', 'Muli', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  letter-spacing: 1px; }

h3, h4, h5, h6 {
  font-family: 'Montserrat', 'Verdana', sans-serif;
  font-weight: 700;
  color: #afb6bd; }

blockquote,
.accent {
  font-family: 'Libre Baskerville', 'Times New Roman', serif;
  font-style: italic; }

a:hover {
  text-decoration: none;
  color: inherit; }

a:active {
  text-decoration: none;
  color: inherit; }

a, a:hover, a:active, a:visited, a:focus {
  text-decoration: none; }

input:not(.form-control) {
  border-radius: 3px;
  border: 1px solid #b2b2b2;
  padding: 3px 8px 4px 8px;
  font-weight: 400;
  margin-top: 4px;
  margin-bottom: 7px; }
  input:not(.form-control):not([type=checkbox]):not([type=radio]) {
    height: 33px; }

.badInput {
  border-color: #F08AA8;
  background-color: #fce4eb;
  box-shadow: 0px 0px 4px 0px #F08AA8; }

.btn {
  font-weight: 700; }
  .btn.disabled, .btn[disabled], .btn.disabled:hover, .btn[disabled]:hover, .btn.disabled:focus, .btn[disabled]:focus, .btn.disabled.focus, .btn[disabled].focus, .btn.disabled:active, .btn[disabled]:active, .btn.disabled.active, .btn[disabled].active {
    background-color: #DCDCDC !important;
    border-color: #DCDCDC !important;
    cursor: not-allowed;
    pointer-events: none; }
  .btn img {
    height: 22px;
    vertical-align: bottom; }

.nav {
  margin-top: 15px; }
  .nav > li > a {
    padding: 10px; }
  .nav > li + li {
    margin-left: 10px; }
  .nav.navbar-right {
    margin-right: 0 !important; }
  .nav .btn, .nav .btn-checkbox, .nav .btn-input {
    font-family: 'Segoe UI', 'Roboto', 'Verdana', sans-serif;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 12px !important; }
  .nav .btn-checkbox {
    padding: 14px 10px;
    border-radius: 3px; }
    .nav .btn-checkbox > label {
      margin-top: 0;
      margin-bottom: 0;
      font-weight: 600 !important;
      font-size: 12px !important;
      cursor: pointer; }
    .nav .btn-checkbox > input {
      margin: 0 !important;
      height: 16px;
      width: 16px;
      vertical-align: bottom; }
  .nav .btn-select {
    padding: 3px 0;
    border-radius: 3px; }
    .nav .btn-select > label, .nav .btn-select > span {
      font-weight: 700 !important;
      font-size: 14px !important;
      margin: 0 !important;
      padding: 0 10px !important; }
    .nav .btn-select > select {
      width: 64px;
      height: 40px; }
  .nav .btn-input {
    padding: 6px 10px;
    border-radius: 3px;
    background-color: #56B8CA;
    border-color: #56B8CA; }
    .nav .btn-input > input {
      margin: 0 0 0 10px !important;
      border: none; }
    .nav .btn-input > i {
      color: white;
      vertical-align: sub;
      font-size: 1.7em; }
    .nav .btn-input > label, .nav .btn-input > span {
      color: white; }

.btn-primary {
  color: white;
  background-color: #56B8CA;
  border-color: #56B8CA; }
  .btn-primary:focus, .btn-primary:hover, .btn-primary.focus, .btn-primary.active, .btn-primary:active, .btn-primary:hover:active, .btn-primary:active:focus {
    color: white;
    background-color: #5bc7d9 !important;
    border-color: #5bc7d9 !important; }
  .btn-primary .fa {
    color: white; }

.btn-default {
  color: white;
  background-color: #b2b2b2;
  border-color: #b2b2b2; }
  .btn-default:focus, .btn-default:hover, .btn-default.focus, .btn-default.active, .btn-default:active, .btn-default:hover:active, .btn-default:active:focus {
    color: white;
    background-color: #9BA1A8;
    border-color: #9BA1A8; }
  .btn-default .fa {
    color: white; }

.btn-green {
  color: white;
  background-color: #DADC3A;
  border-color: #DADC3A; }
  .btn-green:focus, .btn-green:hover, .btn-green.focus, .btn-green.active, .btn-green:active, .btn-green:hover:active, .btn-green:active:focus {
    color: white;
    background-color: #bbbc21;
    border-color: #bbbc21; }
  .btn-green .fa {
    color: white; }

.btn-insight {
  color: #49a8b6;
  background-color: #fff;
  border-color: #49a8b6; }
  .btn-insight:focus, .btn-insight.focus, .btn-insight:hover, .btn-insight:active, .btn-insight.active {
    color: #fff;
    background-color: #48b9c7;
    border-color: #49a8b6; }

.btn-title {
  border-radius: 3px !important;
  margin-right: 7px;
  padding: 7px 8px; }

.modal-header {
  background-color: #DADC3A;
  border-bottom: 1px solid #DADC3A;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px; }
  .modal-header .modal-title {
    color: white; }
  .modal-header .close {
    opacity: 1;
    -moz-opacity: 1;
    color: white;
    text-shadow: none; }
    .modal-header .close .fa {
      color: white; }
      .modal-header .close .fa:hover, .modal-header .close .fa:focus {
        color: #56B8CA; }

.modal-footer {
  border-top: 1px solid white; }

.modal-body {
  position: relative; }
  .modal-body a {
    color: #56B8CA;
    font-weight: bold; }
    .modal-body a:focus, .modal-body a:hover, .modal-body a:active {
      color: #3FA6CA; }
  .modal-body [name="start_date"], .modal-body .start-date {
    width: 100% !important; }
  .modal-body .message {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: white;
    z-index: 2; }
    .modal-body .message-processing {
      display: inline-block;
      width: 37.5px;
      height: 37.5px;
      transform: rotate(45deg);
      animation-duration: 2s;
      animation-name: rotate;
      animation-iteration-count: infinite;
      position: relative;
      top: 5px;
      left: 20px;
      top: 48%;
      left: 48%; }
@keyframes rotate {
  100% {
    transform: rotate(765deg); } }
@keyframes fly {
  0% {
    margin-left: 100vw; }
  95% {
    margin-left: 0%; } }
      .modal-body .message-processing .circle {
        width: 30px;
        height: 30px;
        border-radius: 25px; }
      .modal-body .message-processing #blue {
        background-color: #56b9cb;
        position: absolute;
        top: -15px;
        left: -15px; }
      .modal-body .message-processing #green {
        background-color: #dbdd3b;
        position: absolute;
        top: -15px;
        right: -15px; }
      .modal-body .message-processing #red {
        background-color: #f18ba9;
        position: absolute;
        bottom: -15px;
        right: -15px; }
      .modal-body .message-processing #yellow {
        background-color: #ffde44;
        position: absolute;
        bottom: -15px;
        left: -15px; }
      .modal-body .message-processing #circle-container.spinnerOff {
        display: none; }
      .modal-body .message-processing #spinnerAdd {
        margin-right: 40px; }
    .modal-body .message-success, .modal-body .message-error {
      display: flex;
      padding: 25px;
      flex-grow: 1; }
      .modal-body .message-success > .fa, .modal-body .message-error > .fa {
        font-size: 100px;
        padding: 0 40px 0 18px; }
      .modal-body .message-success > div, .modal-body .message-error > div {
        display: flex;
        flex-direction: column; }
        .modal-body .message-success > div h3, .modal-body .message-error > div h3 {
          margin-top: 10px; }

.form-control {
  border-radius: 3px;
  border: 1px solid #b2b2b2;
  box-shadow: none; }

[name=start_date], .start-date {
  background: transparent url("../images/calendar.png") no-repeat 95% 7px;
  cursor: pointer; }
  [name=start_date][readonly], .start-date[readonly] {
    background-color: white; }

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
  color: #F9F9E1 !important; }

.vertical-padding {
  padding-top: 15px;
  padding-bottom: 15px; }

.text-success {
  color: #DADC3A !important; }
.text-error {
  color: #F08AA8; }
.text-blue {
  color: #56B8CA !important; }
.text-gray {
  color: #b2b2b2 !important; }

body {
  background-color: rgba(10, 10, 40, 0.04); }

header {
  text-align: center;
  padding-top: 8vh; }
  header > div {
    background-color: white;
    width: 400px;
    box-shadow: 0 0 8px 3px #b2b2b2;
    padding: 30px 0 18px 0;
    margin: 0 auto; }
    header > div img {
      width: 350px; }
    header > div p {
      margin-top: 20px;
      font-size: 16px;
      margin-bottom: 8px; }
      header > div p > a:hover {
        color: #56B8CA; }

section > div {
  background-color: white;
  box-shadow: 0 0 8px 3px #b2b2b2;
  width: 400px;
  margin: 40px auto; }
  section > div > div {
    padding: 10px 0 30px 0;
    width: 350px;
    margin: 0 auto; }
  section > div h1 {
    padding-bottom: 8px;
    font-size: 26px;
    border-bottom: 2px solid #F08AA8;
    margin-bottom: 20px; }
  section > div form {
    border-radius: 3px; }
    section > div form label {
      font-weight: 700; }
  section > div ul {
    padding: 0px 20px 0px 40px; }
    section > div ul li {
      color: #F08AA8;
      font-weight: 700; }
  section > div .signInButtonDiv {
    text-align: center; }
    section > div .signInButtonDiv button {
      margin-top: 10px;
      margin-bottom: 10px;
      background-color: #56B8CA;
      width: 100%;
      height: 34px;
      border: none;
      border-radius: 3px;
      padding: 4px 18px;
      font-weight: 700;
      color: white; }
      section > div .signInButtonDiv button:hover {
        background-color: #266d7a; }
  section > div .agentBlock {
    text-align: center; }
    section > div .agentBlock div {
      font-family: 'Montserrat', 'Verdana', sans-serif;
      font-size: 24px;
      color: #F08BA9; }
    section > div .agentBlock p {
      font-family: 'Segoe UI', 'Roboto', 'Verdana', sans-serif;
      font-size: 16px;
      color: #838D93; }
    section > div .agentBlock a {
      background-color: #56B8CA;
      display: inline-block;
      border-radius: 30px;
      padding: 8px 50px;
      font-weight: 700;
      color: white; }
    section > div .agentBlock a:hover {
      background-color: #266d7a; }

footer {
  margin-top: 100px; }
  footer > div {
    width: 70%;
    padding-top: 15px;
    border-top: 1px solid #808b94;
    min-width: 300px;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column; }
    footer > div .icons {
      text-align: right; }
      footer > div .icons img {
        height: 33px;
        padding-left: 4px; }

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