* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
}

object,
embed,
iframe {
  max-width: 100%;
}

progress {
  vertical-align: baseline;
}

html,
body {
  min-height: 100%;
}

a:active,
a:hover {
  outline: 0;
}

blockquote,
blockquote:before,
blockquote:after,
q,
q:before,
q:after {
  content: "";
  content: none;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  font-weight: normal;
  text-align: left;
  vertical-align: bottom;
}

td {
  font-weight: normal;
  vertical-align: top;
}

input,
button,
optgroup,
select,
textarea {
  margin: 0;
}

input:focus,
button:focus,
optgroup:focus,
select:focus,
textarea:focus {
  outline: none;
}

input,
select {
  vertical-align: middle;
}

input[type=checkbox],
input[type=radio] {
  vertical-align: text-top;
}

input[type=search]::-webkit-search-cancel-button {
  display: none;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button,
input[type=button],
input[type=submit] {
  width: auto;
  overflow: visible;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}

img {
  -ms-interpolation-mode: bicubic;
}

a img {
  border: none;
}

ul {
  margin: 0;
  padding-left: 1.1em;
}

/* 
@font-face {
    font-family: 'FuturaStd';
    src: url("fonts/FuturaStdLight.eot");
    src: url("fonts/FuturaStdLight.eot?#iefix") format('embedded-opentype'), url("fonts/FuturaStdLight.woff") format('woff'), url("fonts/FuturaStdLight.woff2") format('woff2'), url("fonts/FuturaStdLight.ttf") format('truetype'), url("fonts/FuturaStdLight.svg#FuturaStd") format('svg');
    font-weight: 'normal';
    font-style: normal;
}

@font-face {
    font-family: 'FuturaStd';
    src: url("fonts/FuturaStdMedium.eot");
    src: url("fonts/FuturaStdMedium.eot?#iefix") format('embedded-opentype'), url("fonts/FuturaStdMedium.woff") format('woff'), url("fonts/FuturaStdMedium.woff2") format('woff2'), url("fonts/FuturaStdMedium.ttf") format('truetype'), url("fonts/FuturaStdMedium.svg#FuturaStd") format('svg');
    font-weight: 'normal';
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'FuturaStd';
        src: url("fonts/FuturaStdMedium.svg#FuturaStd") format('svg');
    }
} */

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

body {
  margin: 0;
  font-family: "Nunito", sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: #73767f;
  background-color: #edf1f5;
}

a {
  text-decoration: none;
  color: steelblue;
}

a:hover,
a:focus {
  text-decoration: none;
  color: steelblue;
}

input,
button,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

hr {
  border: 0;
  border-top: 1px solid #D1D7E4;
  margin-top: 20px;
  margin-bottom: 20px;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 20px;
}

ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

ul.unstyled,
ol.unstyled {
  padding-left: 0;
  list-style: none;
}

ul.inline,
ol.inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}

ul.inline > li,
ol.inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

p {
  margin: 0 0 20px 0;
}

p.light {
  color: #a2a4a9;
}

nav ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

img {
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  line-height: 1.2;
}

h1 {
  color: #454954;
  font-weight: normal;
  font-size: 36px;
  margin: 0 0 20px 0;
  font-size: 28px;
}

@media (min-width: 480px) {
  h1 {
    font-size: calc(28px + strip-unit(8px) * (100vw - 480px) / strip-unit(700px));
  }
}

@media (min-width: 1180px) {
  h1 {
    font-size: 36px;
  }
}

h2 {
  color: #454954;
  font-weight: normal;
  font-size: 32px;
  margin: 0 0 20px 0;
  font-size: 25px;
}

@media (min-width: 480px) {
  h2 {
    font-size: calc(25px + strip-unit(7px) * (100vw - 480px) / strip-unit(700px));
  }
}

@media (min-width: 1180px) {
  h2 {
    font-size: 32px;
  }
}

h3 {
  color: #454954;
  font-weight: bold;
  font-size: 24px;
  margin: 20px 0;
  font-size: 19px;
}

@media (min-width: 480px) {
  h3 {
    font-size: calc(19px + strip-unit(5px) * (100vw - 480px) / strip-unit(700px));
  }
}

@media (min-width: 1180px) {
  h3 {
    font-size: 24px;
  }
}

h4 {
  color: #454954;
  font-weight: bold;
  font-size: 21px;
  margin: 0;
  margin-bottom: 20px;
  font-size: 16px;
}

@media (min-width: 480px) {
  h4 {
    font-size: calc(16px + strip-unit(5px) * (100vw - 480px) / strip-unit(700px));
  }
}

@media (min-width: 1180px) {
  h4 {
    font-size: 21px;
  }
}

label {
  color: #454954;
  font-weight: normal;
  display: block;
}

small {
  font-size: 14px;
  line-height: 1;
}

.container {
  margin-right: auto;
  margin-left: auto;
  max-width: 1160px;
  padding-left: 15px;
  padding-right: 15px;
}

.container:after {
  content: "";
  clear: both;
  display: block;
}

@media (min-width: 769px) {
  .container {
    width: 730px;
  }
}

@media (min-width: 993px) {
  .container {
    width: 960px;
  }
}

@media (min-width: 1181px) {
  .container {
    width: 1160px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid:after {
  content: "";
  clear: both;
  display: block;
}

.columns,
form.horizontal .form-element {
  margin-right: -15px;
  margin-left: -15px;
  display: -moz-flex;
  display: flex;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
}

.columns:after,
form.horizontal .form-element:after {
  content: "";
  clear: both;
  display: block;
}

.columns.reverse,
form.horizontal .form-element.reverse {
  -moz-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.columns.center,
form.horizontal .form-element.center {
  -moz-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  justify-content: center;
}

.columns.center-v,
form.horizontal .form-element.center-v {
  -moz-align-items: center;
  align-items: center;
}

.columns.center-h,
form.horizontal .form-element.center-h {
  -moz-justify-content: center;
  justify-content: center;
}

.columns [class^=sm],
.columns [class*=" sm"],
form.horizontal .form-element [class^=sm],
form.horizontal .form-element [class*=" sm"] {
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex-basis: 100%;
}

.columns [class^=md],
.columns [class*=" md"],
form.horizontal .form-element [class^=md],
form.horizontal .form-element [class*=" md"] {
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex-basis: 100%;
}

.columns [class^=lg],
.columns [class*=" lg"],
form.horizontal .form-element [class^=lg],
form.horizontal .form-element [class*=" lg"] {
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex-basis: 100%;
}

.columns .xs,
form.horizontal .form-element .xs {
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}

.columns .xs-1,
form.horizontal .form-element .xs-1 {
  max-width: 8.3333333333%;
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 8.3333333333%;
}

.columns .xs-2,
form.horizontal .form-element .xs-2 {
  max-width: 16.6666666667%;
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 16.6666666667%;
}

.columns .xs-3,
form.horizontal .form-element .xs-3 {
  max-width: 25%;
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 25%;
}

.columns .xs-4,
form.horizontal .form-element .xs-4 {
  max-width: 33.3333333333%;
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 33.3333333333%;
}

.columns .xs-5,
form.horizontal .form-element .xs-5 {
  max-width: 41.6666666667%;
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 41.6666666667%;
}

.columns .xs-6,
form.horizontal .form-element .xs-6 {
  max-width: 50%;
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 50%;
}

.columns .xs-7,
form.horizontal .form-element .xs-7 {
  max-width: 58.3333333333%;
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 58.3333333333%;
}

.columns .xs-8,
form.horizontal .form-element .xs-8 {
  max-width: 66.6666666667%;
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 66.6666666667%;
}

.columns .xs-9,
form.horizontal .form-element .xs-9 {
  max-width: 75%;
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 75%;
}

.columns .xs-10,
form.horizontal .form-element .xs-10 {
  max-width: 83.3333333333%;
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 83.3333333333%;
}

.columns .xs-11,
form.horizontal .form-element .xs-11 {
  max-width: 91.6666666667%;
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 91.6666666667%;
}

.columns .xs-12,
form.horizontal .form-element .xs-12 {
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;
}

.columns .xs-offset-0,
form.horizontal .form-element .xs-offset-0 {
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 0;
}

.columns .xs-offset-1,
form.horizontal .form-element .xs-offset-1 {
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 8.3333333333%;
}

.columns .xs-offset-2,
form.horizontal .form-element .xs-offset-2 {
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 16.6666666667%;
}

.columns .xs-offset-3,
form.horizontal .form-element .xs-offset-3 {
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 25%;
}

.columns .xs-offset-4,
form.horizontal .form-element .xs-offset-4 {
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 33.3333333333%;
}

.columns .xs-offset-5,
form.horizontal .form-element .xs-offset-5 {
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 41.6666666667%;
}

.columns .xs-offset-6,
form.horizontal .form-element .xs-offset-6 {
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 50%;
}

.columns .xs-offset-7,
form.horizontal .form-element .xs-offset-7 {
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 58.3333333333%;
}

.columns .xs-offset-8,
form.horizontal .form-element .xs-offset-8 {
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 66.6666666667%;
}

.columns .xs-offset-9,
form.horizontal .form-element .xs-offset-9 {
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 75%;
}

.columns .xs-offset-10,
form.horizontal .form-element .xs-offset-10 {
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 83.3333333333%;
}

.columns .xs-offset-11,
form.horizontal .form-element .xs-offset-11 {
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 91.6666666667%;
}

.columns .xs-offset-12,
form.horizontal .form-element .xs-offset-12 {
  padding-right: 15px;
  padding-left: 15px;
  -moz-flex-grow: 0;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 100%;
}

.columns .xs,
form.horizontal .form-element .xs {
  max-width: 100%;
  -moz-flex-grow: 1;
  flex-grow: 1;
  flex-basis: 0;
}

.columns .start-xs,
form.horizontal .form-element .start-xs {
  text-align: left;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

.columns .center-xs,
form.horizontal .form-element .center-xs {
  text-align: center;
  -moz-justify-content: center;
  justify-content: center;
}

.columns .end-xs,
form.horizontal .form-element .end-xs {
  text-align: right;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

.columns .top-xs,
form.horizontal .form-element .top-xs {
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.columns .middle-xs,
form.horizontal .form-element .middle-xs {
  -moz-align-items: center;
  align-items: center;
}

.columns .bottom-xs,
form.horizontal .form-element .bottom-xs {
  -moz-align-items: flex-end;
  align-items: flex-end;
}

.columns .around-xs,
form.horizontal .form-element .around-xs {
  -moz-justify-content: space-around;
  justify-content: space-around;
}

.columns .between-xs,
form.horizontal .form-element .between-xs {
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.columns .first-xs,
form.horizontal .form-element .first-xs {
  order: -1;
}

.columns .last-xs,
form.horizontal .form-element .last-xs {
  order: 1;
}

@media only screen and (min-width: 768px) {
  .columns .sm,
  form.horizontal .form-element .sm {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
  }

  .columns .sm-1,
  form.horizontal .form-element .sm-1 {
    max-width: 8.3333333333%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 8.3333333333%;
  }

  .columns .sm-2,
  form.horizontal .form-element .sm-2 {
    max-width: 16.6666666667%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 16.6666666667%;
  }

  .columns .sm-3,
  form.horizontal .form-element .sm-3 {
    max-width: 25%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 25%;
  }

  .columns .sm-4,
  form.horizontal .form-element .sm-4 {
    max-width: 33.3333333333%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33.3333333333%;
  }

  .columns .sm-5,
  form.horizontal .form-element .sm-5 {
    max-width: 41.6666666667%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 41.6666666667%;
  }

  .columns .sm-6,
  form.horizontal .form-element .sm-6 {
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
  }

  .columns .sm-7,
  form.horizontal .form-element .sm-7 {
    max-width: 58.3333333333%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 58.3333333333%;
  }

  .columns .sm-8,
  form.horizontal .form-element .sm-8 {
    max-width: 66.6666666667%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 66.6666666667%;
  }

  .columns .sm-9,
  form.horizontal .form-element .sm-9 {
    max-width: 75%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 75%;
  }

  .columns .sm-10,
  form.horizontal .form-element .sm-10 {
    max-width: 83.3333333333%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 83.3333333333%;
  }

  .columns .sm-11,
  form.horizontal .form-element .sm-11 {
    max-width: 91.6666666667%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 91.6666666667%;
  }

  .columns .sm-12,
  form.horizontal .form-element .sm-12 {
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
  }

  .columns .sm-offset-0,
  form.horizontal .form-element .sm-offset-0 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 0;
  }

  .columns .sm-offset-1,
  form.horizontal .form-element .sm-offset-1 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 8.3333333333%;
  }

  .columns .sm-offset-2,
  form.horizontal .form-element .sm-offset-2 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 16.6666666667%;
  }

  .columns .sm-offset-3,
  form.horizontal .form-element .sm-offset-3 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 25%;
  }

  .columns .sm-offset-4,
  form.horizontal .form-element .sm-offset-4 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 33.3333333333%;
  }

  .columns .sm-offset-5,
  form.horizontal .form-element .sm-offset-5 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 41.6666666667%;
  }

  .columns .sm-offset-6,
  form.horizontal .form-element .sm-offset-6 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 50%;
  }

  .columns .sm-offset-7,
  form.horizontal .form-element .sm-offset-7 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 58.3333333333%;
  }

  .columns .sm-offset-8,
  form.horizontal .form-element .sm-offset-8 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 66.6666666667%;
  }

  .columns .sm-offset-9,
  form.horizontal .form-element .sm-offset-9 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 75%;
  }

  .columns .sm-offset-10,
  form.horizontal .form-element .sm-offset-10 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 83.3333333333%;
  }

  .columns .sm-offset-11,
  form.horizontal .form-element .sm-offset-11 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 91.6666666667%;
  }

  .columns .sm-offset-12,
  form.horizontal .form-element .sm-offset-12 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 100%;
  }

  .columns .sm,
  form.horizontal .form-element .sm {
    max-width: 100%;
    -moz-flex-grow: 1;
    flex-grow: 1;
    flex-basis: 0;
  }

  .columns .start-sm,
  form.horizontal .form-element .start-sm {
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left;
  }

  .columns .center-sm,
  form.horizontal .form-element .center-sm {
    text-align: center;
    -moz-justify-content: center;
    justify-content: center;
  }

  .columns .end-sm,
  form.horizontal .form-element .end-sm {
    text-align: right;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }

  .columns .top-sm,
  form.horizontal .form-element .top-sm {
    -moz-align-items: flex-start;
    align-items: flex-start;
  }

  .columns .middle-sm,
  form.horizontal .form-element .middle-sm {
    -moz-align-items: center;
    align-items: center;
  }

  .columns .bottom-sm,
  form.horizontal .form-element .bottom-sm {
    -moz-align-items: flex-end;
    align-items: flex-end;
  }

  .columns .around-sm,
  form.horizontal .form-element .around-sm {
    -moz-justify-content: space-around;
    justify-content: space-around;
  }

  .columns .between-sm,
  form.horizontal .form-element .between-sm {
    -moz-justify-content: space-between;
    justify-content: space-between;
  }

  .columns .first-sm,
  form.horizontal .form-element .first-sm {
    order: -1;
  }

  .columns .last-sm,
  form.horizontal .form-element .last-sm {
    order: 1;
  }
}

@media only screen and (min-width: 992px) {
  .columns .md,
  form.horizontal .form-element .md {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
  }

  .columns .md-1,
  form.horizontal .form-element .md-1 {
    max-width: 8.3333333333%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 8.3333333333%;
  }

  .columns .md-2,
  form.horizontal .form-element .md-2 {
    max-width: 16.6666666667%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 16.6666666667%;
  }

  .columns .md-3,
  form.horizontal .form-element .md-3 {
    max-width: 25%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 25%;
  }

  .columns .md-4,
  form.horizontal .form-element .md-4 {
    max-width: 33.3333333333%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33.3333333333%;
  }

  .columns .md-5,
  form.horizontal .form-element .md-5 {
    max-width: 41.6666666667%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 41.6666666667%;
  }

  .columns .md-6,
  form.horizontal .form-element .md-6 {
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
  }

  .columns .md-7,
  form.horizontal .form-element .md-7 {
    max-width: 58.3333333333%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 58.3333333333%;
  }

  .columns .md-8,
  form.horizontal .form-element .md-8 {
    max-width: 66.6666666667%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 66.6666666667%;
  }

  .columns .md-9,
  form.horizontal .form-element .md-9 {
    max-width: 75%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 75%;
  }

  .columns .md-10,
  form.horizontal .form-element .md-10 {
    max-width: 83.3333333333%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 83.3333333333%;
  }

  .columns .md-11,
  form.horizontal .form-element .md-11 {
    max-width: 91.6666666667%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 91.6666666667%;
  }

  .columns .md-12,
  form.horizontal .form-element .md-12 {
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
  }

  .columns .md-offset-0,
  form.horizontal .form-element .md-offset-0 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 0;
  }

  .columns .md-offset-1,
  form.horizontal .form-element .md-offset-1 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 8.3333333333%;
  }

  .columns .md-offset-2,
  form.horizontal .form-element .md-offset-2 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 16.6666666667%;
  }

  .columns .md-offset-3,
  form.horizontal .form-element .md-offset-3 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 25%;
  }

  .columns .md-offset-4,
  form.horizontal .form-element .md-offset-4 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 33.3333333333%;
  }

  .columns .md-offset-5,
  form.horizontal .form-element .md-offset-5 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 41.6666666667%;
  }

  .columns .md-offset-6,
  form.horizontal .form-element .md-offset-6 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 50%;
  }

  .columns .md-offset-7,
  form.horizontal .form-element .md-offset-7 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 58.3333333333%;
  }

  .columns .md-offset-8,
  form.horizontal .form-element .md-offset-8 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 66.6666666667%;
  }

  .columns .md-offset-9,
  form.horizontal .form-element .md-offset-9 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 75%;
  }

  .columns .md-offset-10,
  form.horizontal .form-element .md-offset-10 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 83.3333333333%;
  }

  .columns .md-offset-11,
  form.horizontal .form-element .md-offset-11 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 91.6666666667%;
  }

  .columns .md-offset-12,
  form.horizontal .form-element .md-offset-12 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 100%;
  }

  .columns .md,
  form.horizontal .form-element .md {
    max-width: 100%;
    -moz-flex-grow: 1;
    flex-grow: 1;
    flex-basis: 0;
  }

  .columns .start-md,
  form.horizontal .form-element .start-md {
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left;
  }

  .columns .center-md,
  form.horizontal .form-element .center-md {
    text-align: center;
    -moz-justify-content: center;
    justify-content: center;
  }

  .columns .end-md,
  form.horizontal .form-element .end-md {
    text-align: right;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }

  .columns .top-md,
  form.horizontal .form-element .top-md {
    -moz-align-items: flex-start;
    align-items: flex-start;
  }

  .columns .middle-md,
  form.horizontal .form-element .middle-md {
    -moz-align-items: center;
    align-items: center;
  }

  .columns .bottom-md,
  form.horizontal .form-element .bottom-md {
    -moz-align-items: flex-end;
    align-items: flex-end;
  }

  .columns .around-md,
  form.horizontal .form-element .around-md {
    -moz-justify-content: space-around;
    justify-content: space-around;
  }

  .columns .between-md,
  form.horizontal .form-element .between-md {
    -moz-justify-content: space-between;
    justify-content: space-between;
  }

  .columns .first-md,
  form.horizontal .form-element .first-md {
    order: -1;
  }

  .columns .last-md,
  form.horizontal .form-element .last-md {
    order: 1;
  }
}

@media only screen and (min-width: 1180px) {
  .columns .lg,
  form.horizontal .form-element .lg {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
  }

  .columns .lg-1,
  form.horizontal .form-element .lg-1 {
    max-width: 8.3333333333%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 8.3333333333%;
  }

  .columns .lg-2,
  form.horizontal .form-element .lg-2 {
    max-width: 16.6666666667%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 16.6666666667%;
  }

  .columns .lg-3,
  form.horizontal .form-element .lg-3 {
    max-width: 25%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 25%;
  }

  .columns .lg-4,
  form.horizontal .form-element .lg-4 {
    max-width: 33.3333333333%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33.3333333333%;
  }

  .columns .lg-5,
  form.horizontal .form-element .lg-5 {
    max-width: 41.6666666667%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 41.6666666667%;
  }

  .columns .lg-6,
  form.horizontal .form-element .lg-6 {
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
  }

  .columns .lg-7,
  form.horizontal .form-element .lg-7 {
    max-width: 58.3333333333%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 58.3333333333%;
  }

  .columns .lg-8,
  form.horizontal .form-element .lg-8 {
    max-width: 66.6666666667%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 66.6666666667%;
  }

  .columns .lg-9,
  form.horizontal .form-element .lg-9 {
    max-width: 75%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 75%;
  }

  .columns .lg-10,
  form.horizontal .form-element .lg-10 {
    max-width: 83.3333333333%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 83.3333333333%;
  }

  .columns .lg-11,
  form.horizontal .form-element .lg-11 {
    max-width: 91.6666666667%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 91.6666666667%;
  }

  .columns .lg-12,
  form.horizontal .form-element .lg-12 {
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
  }

  .columns .lg-offset-0,
  form.horizontal .form-element .lg-offset-0 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 0;
  }

  .columns .lg-offset-1,
  form.horizontal .form-element .lg-offset-1 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 8.3333333333%;
  }

  .columns .lg-offset-2,
  form.horizontal .form-element .lg-offset-2 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 16.6666666667%;
  }

  .columns .lg-offset-3,
  form.horizontal .form-element .lg-offset-3 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 25%;
  }

  .columns .lg-offset-4,
  form.horizontal .form-element .lg-offset-4 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 33.3333333333%;
  }

  .columns .lg-offset-5,
  form.horizontal .form-element .lg-offset-5 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 41.6666666667%;
  }

  .columns .lg-offset-6,
  form.horizontal .form-element .lg-offset-6 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 50%;
  }

  .columns .lg-offset-7,
  form.horizontal .form-element .lg-offset-7 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 58.3333333333%;
  }

  .columns .lg-offset-8,
  form.horizontal .form-element .lg-offset-8 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 66.6666666667%;
  }

  .columns .lg-offset-9,
  form.horizontal .form-element .lg-offset-9 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 75%;
  }

  .columns .lg-offset-10,
  form.horizontal .form-element .lg-offset-10 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 83.3333333333%;
  }

  .columns .lg-offset-11,
  form.horizontal .form-element .lg-offset-11 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 91.6666666667%;
  }

  .columns .lg-offset-12,
  form.horizontal .form-element .lg-offset-12 {
    padding-right: 15px;
    padding-left: 15px;
    -moz-flex-grow: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 100%;
  }

  .columns .lg,
  form.horizontal .form-element .lg {
    max-width: 100%;
    -moz-flex-grow: 1;
    flex-grow: 1;
    flex-basis: 0;
  }

  .columns .start-lg,
  form.horizontal .form-element .start-lg {
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left;
  }

  .columns .center-lg,
  form.horizontal .form-element .center-lg {
    text-align: center;
    -moz-justify-content: center;
    justify-content: center;
  }

  .columns .end-lg,
  form.horizontal .form-element .end-lg {
    text-align: right;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }

  .columns .top-lg,
  form.horizontal .form-element .top-lg {
    -moz-align-items: flex-start;
    align-items: flex-start;
  }

  .columns .middle-lg,
  form.horizontal .form-element .middle-lg {
    -moz-align-items: center;
    align-items: center;
  }

  .columns .bottom-lg,
  form.horizontal .form-element .bottom-lg {
    -moz-align-items: flex-end;
    align-items: flex-end;
  }

  .columns .around-lg,
  form.horizontal .form-element .around-lg {
    -moz-justify-content: space-around;
    justify-content: space-around;
  }

  .columns .between-lg,
  form.horizontal .form-element .between-lg {
    -moz-justify-content: space-between;
    justify-content: space-between;
  }

  .columns .first-lg,
  form.horizontal .form-element .first-lg {
    order: -1;
  }

  .columns .last-lg,
  form.horizontal .form-element .last-lg {
    order: 1;
  }
}

.form-field,
.dataTables_wrapper .dataTables_filter input {
  outline: none;
  display: block;
  width: 100%;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #D1D7E4;
  padding: 5px 15px;
  color: #73767f;
  border-radius: 4px;
  transition: all 0.3s ease 0s;
}

.form-field::-webkit-input-placeholder,
.dataTables_wrapper .dataTables_filter input::-webkit-input-placeholder,
.form-field::-moz-placeholder,
.dataTables_wrapper .dataTables_filter input::-moz-placeholder,
.form-field:-ms-input-placeholder,
.dataTables_wrapper .dataTables_filter input:-ms-input-placeholder,
.form-field:-moz-placeholder,
.dataTables_wrapper .dataTables_filter input:-moz-placeholder,
.form-field::-webkit-input-placeholder,
.dataTables_wrapper .dataTables_filter input::-webkit-input-placeholder {
  color: #73767f;
}

.form-field::-webkit-input-placeholder,
.dataTables_wrapper .dataTables_filter input::-webkit-input-placeholder,
.form-field::-moz-placeholder,
.dataTables_wrapper .dataTables_filter input::-moz-placeholder,
.form-field:-ms-input-placeholder,
.dataTables_wrapper .dataTables_filter input:-ms-input-placeholder,
.form-field:-moz-placeholder,
.dataTables_wrapper .dataTables_filter input:-moz-placeholder,
.form-field::placeholder,
.dataTables_wrapper .dataTables_filter input::placeholder {
  color: #73767f;
}

.form-field[disabled],
.dataTables_wrapper .dataTables_filter input[disabled],
.form-field[readonly],
.dataTables_wrapper .dataTables_filter input[readonly],
fieldset[disabled] .form-field,
fieldset[disabled] .dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_filter fieldset[disabled] input {
  opacity: 1;
  background: #F5F6FA;
}

.form-field[disabled],
.dataTables_wrapper .dataTables_filter input[disabled],
fieldset[disabled] .form-field,
fieldset[disabled] .dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_filter fieldset[disabled] input {
  cursor: not-allowed;
}

.form-field.success,
.dataTables_wrapper .dataTables_filter input.success {
  border-color: #27ae60;
}

.form-field.error,
.dataTables_wrapper .dataTables_filter input.error {
  border-color: #F26175;
}

.form-field.error.filled,
.dataTables_wrapper .dataTables_filter input.error.filled {
  background: rgba(242, 97, 117, 0.1);
}

.form-field:focus,
.dataTables_wrapper .dataTables_filter input:focus {
  outline: none;
  border-color: steelblue;
}

.form-field:focus.filled,
.dataTables_wrapper .dataTables_filter input:focus.filled {
  background: none;
}

.form-field--sm {
  width: 80px;
}

.form-field:-webkit-autofill,
.dataTables_wrapper .dataTables_filter input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-text-fill-color: #73767f !important;
}

.form-file-field {
  outline: none;
  display: block;
  width: 100%;
  -webkit-appearance: none;
  position: relative;
  background: #fff;
  border: 1px solid #D1D7E4;
  padding: 10px 15px;
  border-radius: 4px;
  white-space: nowrap;
  overflow: hidden;
  transition: all 0.3s ease 0s;
}

.form-file-field:after {
  content: "";
  clear: both;
  display: block;
}

.form-file-field.focus {
  border-color: steelblue;
}

.form-file-field .file-btn {
  display: inline-block;
  vertical-align: top;
  padding: 0 8px;
  border-radius: 4px;
  background: #D1D7E4;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  left: -5px;
}

.form-file-field .file-msg {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  font-weight: 500;
  color: #c5c6ca;
}

.form-file-field.active .file-msg {
  color: #73767f;
}

.form-file-field input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}

.form-file-field input:focus {
  outline: none;
}

textarea.form-field {
  resize: vertical;
}

.form-error {
  color: #F26175;
  font-size: 0.97em;
}

.form-element {
  margin-bottom: 20px;
}

.form-element label {
  color: #454954;
  margin-bottom: 5px;
  font-weight: normal;
  max-width: 100%;
}

.form-group {
  position: relative;
  width: 100%;
  display: -moz-flex;
  display: flex;
}

.form-group > span,
.form-group .form-field,
.form-group .dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_filter .form-group input,
.form-group .btn {
  white-space: nowrap;
  display: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: center;
}

.form-group > span:not(:first-child):not(:last-child),
.form-group .form-field:not(:first-child):not(:last-child),
.form-group .dataTables_wrapper .dataTables_filter input:not(:first-child):not(:last-child),
.dataTables_wrapper .dataTables_filter .form-group input:not(:first-child):not(:last-child),
.form-group .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.form-group > span:first-child,
.form-group .form-field:first-child,
.form-group .dataTables_wrapper .dataTables_filter input:first-child,
.dataTables_wrapper .dataTables_filter .form-group input:first-child,
.form-group .btn:first-child {
  border-radius: 4px 0 0 4px;
}

.form-group > span:last-child,
.form-group .form-field:last-child,
.form-group .dataTables_wrapper .dataTables_filter input:last-child,
.dataTables_wrapper .dataTables_filter .form-group input:last-child,
.form-group .btn:last-child {
  border-radius: 0 4px 4px 0;
}

.form-group > span:not(:first-child),
.form-group .form-field:not(:first-child),
.form-group .dataTables_wrapper .dataTables_filter input:not(:first-child),
.dataTables_wrapper .dataTables_filter .form-group input:not(:first-child),
.form-group .btn:not(:first-child) {
  margin-left: -1px;
}

.form-group .form-field,
.form-group .dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_filter .form-group input {
  position: relative;
  z-index: 1;
  width: 1%;
  margin-bottom: 0;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}

.form-group > span {
  margin-bottom: 0;
  text-align: center;
  border: 1px solid #D1D7E4;
  padding: 10px;
  background: #F5F6FA;
  transition: all 0.3s ease 0s;
}

.form-group.focus > span {
  color: #fff;
  background: #90b4d2;
  border-color: steelblue;
}

.password {
  position: relative;
}

.password .icon-view {
  position: absolute;
  z-index: 1;
  display: block;
  width: 32px;
  top: 50%;
  text-align: center;
  cursor: pointer;
  background: #fff;
  padding: 5px;
  font-size: 18px;
  margin: -16px 0 0 0;
  color: #D1D7E4;
  right: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.password .icon-view:before {
  line-height: 22px;
  display: block;
}

.password .icon-view.active {
  color: steelblue;
}

@media (min-width: 768px) {
  form.horizontal .form-element > label {
    margin-bottom: 0;
    padding: 10px 0;
  }
}

form.horizontal .form-element .static {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  form.horizontal .form-element .static {
    padding: 10px 0;
  }
}

form.horizontal .checkbox:first-child,
form.horizontal .checkbox.inline,
form.horizontal .radio:first-child,
form.horizontal .radio.inline,
form.horizontal .switch:first-child,
form.horizontal .switch.inline {
  padding-top: 12px;
}

@-webkit-keyframes confetti {
  60% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
  }
}

@keyframes confetti {
  60% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
  }
}

.checkbox,
.radio,
.switch {
  margin: 0;
}

.checkbox.inline,
.radio.inline,
.switch.inline {
  margin: 0 12px 0 0;
  display: inline-block;
}

.checkbox > span,
.radio > span,
.switch > span {
  margin: 0 0 0 6px;
  vertical-align: top;
}

.checkbox input,
.radio input,
.switch input {
  display: none;
}

.checkbox input + div,
.radio input + div,
.switch input + div {
  cursor: pointer;
  vertical-align: top;
  position: relative;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.3s ease 0s;
}

.checkbox input + div:before,
.radio input + div:before,
.switch input + div:before {
  content: "";
}

.checkbox.fancy input + div:after,
.radio.fancy input + div:after,
.switch.fancy input + div:after {
  content: "";
  width: 3px;
  height: 3px;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  border-radius: 50%;
  -webkit-transform: scale(0) translate(-50%, -50%);
  transform: scale(0) translate(-50%, -50%);
}

.checkbox.fancy input:checked + div:after,
.radio.fancy input:checked + div:after,
.switch.fancy input:checked + div:after {
  -webkit-animation: confetti 0.4s cubic-bezier(0.17, 0.67, 0.82, 1.25) forwards;
          animation: confetti 0.4s cubic-bezier(0.17, 0.67, 0.82, 1.25) forwards;
}

.checkbox > span {
  line-height: 24px;
}

.checkbox input + div {
  height: 22px;
  width: 22px;
  background: #fff;
  border: 1px solid #D1D7E4;
  border-radius: 4px;
}

.checkbox input + div:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 11px;
  margin: -7px 0 0 -3px;
  opacity: 0;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(0deg) scale(0);
  transform: rotate(0deg) scale(0);
  transition: all 0.3s ease 0.15s;
}

.checkbox input:checked + div {
  background: #90b4d2;
  border-color: steelblue;
}

.checkbox input:checked + div:before {
  opacity: 1;
  -webkit-transform: rotate(42deg) scale(1);
  transform: rotate(42deg) scale(1);
  transition: all 0.15s cubic-bezier(0.17, 0.67, 0.82, 1.25) 0.1s;
}

.checkbox input:disabled + div {
  cursor: not-allowed;
}

.checkbox input:disabled:checked + div {
  background: #F5F6FA;
  border-color: #D1D7E4;
}

.checkbox input:disabled:checked + div:before {
  border-color: #D1D7E4;
}

.checkbox input:disabled:not(:checked) + div {
  background: #F5F6FA;
  border-color: #D1D7E4;
}

.checkbox:hover input + div {
  border-color: steelblue;
}

.checkbox:hover input:checked + div {
  background: steelblue;
}

.checkbox:hover input:disabled:checked + div {
  background: #F5F6FA;
}

.checkbox.fancy input + div:after {
  box-shadow: 0 18px 0 steelblue, 0 -18px 0 steelblue, -18px 0 0 steelblue, 18px 0 0 steelblue, 12px 12px 0 steelblue, -12px 12px 0 steelblue, 12px -12px 0 steelblue, -12px -12px 0 steelblue;
}

.radio > span {
  line-height: 24px;
}

.radio input + div {
  width: 22px;
  height: 22px;
  background: #fff;
  border: 1px solid #D1D7E4;
  border-radius: 50%;
}

.radio input + div:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
  opacity: 0;
  background: #fff;
  border-radius: inherit;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: all 0.3s ease 0s;
}

.radio input:checked + div {
  background: #90b4d2;
  border-color: steelblue;
}

.radio input:checked + div:before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.radio input:disabled + div {
  cursor: not-allowed;
  background: #F5F6FA;
  border-color: #D1D7E4;
}

.radio input:disabled:checked + div:before {
  background: #D1D7E4;
}

.radio:hover input + div {
  border-color: steelblue;
}

.radio:hover input:disabled + div {
  border-color: #D1D7E4;
}

.radio:hover input:checked + div {
  background: steelblue;
}

.radio:hover input:disabled:checked + div {
  background: #F5F6FA;
  border-color: #D1D7E4;
}

.radio.fancy input + div:after {
  box-shadow: 0 18px 0 steelblue, 0 -18px 0 steelblue, -18px 0 0 steelblue, 18px 0 0 steelblue, 12px 12px 0 steelblue, -12px 12px 0 steelblue, 12px -12px 0 steelblue, -12px -12px 0 steelblue;
}

.switch > span {
  line-height: 22px;
}

.switch input + div {
  width: 44px;
  height: 22px;
  border: 1px solid #D1D7E4;
  background: #D1D7E4;
  border-radius: 11px;
}

.switch input + div:before {
  float: left;
  width: 16px;
  height: 16px;
  background: #fff;
  pointer-events: none;
  margin-top: 2px;
  margin-left: 2px;
  border-radius: inherit;
  transition: all 0.25s cubic-bezier(0.54, 1.85, 0.5, 1);
}

.switch input:checked + div {
  background: #90b4d2;
  border: 1px solid steelblue;
}

.switch input:checked + div:before {
  -webkit-transform: translate(22px, 0);
  transform: translate(22px, 0);
}

.switch input:disabled + div {
  cursor: not-allowed;
  background: #F5F6FA;
  border-color: #D1D7E4;
}

.switch input:disabled + div:before {
  background: #D1D7E4;
}

.switch.fancy input + div:after {
  box-shadow: 0 18px 0 steelblue, 0 -18px 0 steelblue, -28px 0 0 steelblue, 28px 0 0 steelblue, 19px 15px 0 steelblue, -19px 15px 0 steelblue, 19px -15px 0 steelblue, -19px -15px 0 steelblue;
}

.switch:hover input:disabled + div {
  border-color: #D1D7E4;
}

.switch:hover input:checked + div {
  background: steelblue;
}

.switch:hover input:disabled:checked + div {
  background: #F5F6FA;
  border-color: #D1D7E4;
}

.btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  position: relative;
  white-space: nowrap;
  border: none;
  color: #fff;
  line-height: 26px;
  padding: 10px 25px;
  font-size: 16px;
  font-weight: 500;
  background: steelblue;
  border-radius: 4px;
  transition: all 0.3s ease 0s;
}

.btn:link,
.btn:active,
.btn:visited,
.btn:focus {
  color: #fff;
}

.btn [class*=icon-] {
  position: relative;
  left: -5px;
  font-size: 18px;
  display: inline-block;
  vertical-align: top;
  font-weight: normal;
}

.btn [class*=icon-]:before {
  display: inline-block;
  vertical-align: top;
  line-height: 26px;
}

.btn [class*=icon-].right {
  left: auto;
  right: -5px;
}

.btn.icon {
  padding: 10px;
}

.btn.icon [class*=icon-] {
  left: auto;
  right: auto;
  display: block;
  min-width: 26px;
}

.btn.sm {
  font-size: 14px;
  border-radius: 3px;
  padding: 5px 20px;
}

.btn.sm.icon {
  padding: 5px;
}

.btn.sm [class*=icon-] {
  font-size: 16px;
}

.btn.sm.border:before {
  border-radius: 3px;
}

.btn.lg {
  font-size: 18px;
  border-radius: 5px;
  padding: 15px 30px;
}

.btn.lg.icon {
  padding: 15px;
}

.btn.lg [class*=icon-] {
  font-size: 20px;
}

.btn.lg.border:before {
  border-radius: 5px;
}

.btn.block {
  width: 100%;
}

.btn:hover {
  color: #fff;
  background: #3d729e;
}

.btn.border {
  background: #fff;
  color: #73767f;
}

.btn.border:link,
.btn.border:active,
.btn.border:visited,
.btn.border:focus {
  color: #73767f;
}

.btn.border:before {
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 0;
  border: 1px solid #D1D7E4;
  border-radius: 4px;
}

.btn.border:hover {
  background: #F5F6FA;
}

.btn.dark {
  background: #3d729e;
}

.btn.dark:hover {
  box-shadow: 0 3px 7px 1px rgba(22, 27, 53, 0.1);
}

.btn.gradient {
  position: relative;
  background: none;
}

.btn.gradient:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: -1;
  border-radius: inherit;
  background: steelblue;
  background: linear-gradient(135deg, steelblue, steelblue);
  transition: all 0.3s ease 0s;
}

.btn.gradient:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: -2;
  border-radius: inherit;
  background: #3d729e;
  background: linear-gradient(135deg, #3d729e, #3d729e);
}

.btn.gradient:hover:after {
  opacity: 0;
}

.btn.success {
  background: #27ae60;
}

.btn.success:hover {
  background: #219552;
}

.btn.danger {
  background: #F26175;
}

.btn.danger:hover {
  background: #f0455c;
}

.btn.none {
  background: none;
}

.btn.none:hover {
  background: none;
}

.btn.center {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.btn.block {
  display: block;
}

.btn:hover {
  -webkit-transform: none;
  transform: none;
}

.btn:active {
  -webkit-transform: scale(0.99);
  transform: scale(0.99);
}

.btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-group .btn {
  float: left;
}

.btn-group .btn:hover,
.btn-group .btn:focus,
.btn-group .btn:active {
  z-index: 2;
}

.btn-group .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group .btn:not(:first-child):not(:last-child):before {
  border-radius: 0;
}

.btn-group .btn:last-child:not(:first-child) {
  border-radius: 0 4px 4px 0;
}

.btn-group .btn:last-child:not(:first-child):before,
.btn-group .btn:last-child:not(:first-child):after {
  border-radius: 0 4px 4px 0;
}

.btn-group .btn:first-child:not(:last-child) {
  border-radius: 4px 0 0 4px;
}

.btn-group .btn:first-child:not(:last-child):before,
.btn-group .btn:first-child:not(:last-child):after {
  border-radius: 4px 0 0 4px;
}

.btn-group .btn.sm:last-child:not(:first-child) {
  border-radius: 0 3px 3px 0;
}

.btn-group .btn.sm:last-child:not(:first-child):before,
.btn-group .btn.sm:last-child:not(:first-child):after {
  border-radius: 0 3px 3px 0;
}

.btn-group .btn.sm:first-child:not(:last-child) {
  border-radius: 3px 0 0 3px;
}

.btn-group .btn.sm:first-child:not(:last-child):before,
.btn-group .btn.sm:first-child:not(:last-child):after {
  border-radius: 3px 0 0 3px;
}

.btn-group .btn.lg:last-child:not(:first-child) {
  border-radius: 0 5px 5px 0;
}

.btn-group .btn.lg:last-child:not(:first-child):before,
.btn-group .btn.lg:last-child:not(:first-child):after {
  border-radius: 0 5px 5px 0;
}

.btn-group .btn.lg:first-child:not(:last-child) {
  border-radius: 5px 0 0 5px;
}

.btn-group .btn.lg:first-child:not(:last-child):before,
.btn-group .btn.lg:first-child:not(:last-child):after {
  border-radius: 5px 0 0 5px;
}

.btn-group .btn:first-child {
  margin-left: 0;
}

.btn-group .btn:hover,
.btn-group .btn:active {
  -webkit-transform: none;
  transform: none;
}

.btn-group:after {
  content: "";
  clear: both;
  display: block;
}

.pagination:after {
  content: "";
  clear: both;
  display: block;
}

.pagination .prev,
.pagination .next {
  float: left;
  display: block;
  cursor: pointer;
  font-size: 18px;
  border: 1px solid #D1D7E4;
  color: #a2a4a9;
  padding: 6px 8px;
}

.pagination .prev:before,
.pagination .next:before {
  font-family: "icons";
  display: block;
}

.pagination .prev:hover,
.pagination .next:hover {
  color: #73767f;
}

.pagination .prev {
  border-radius: 4px 0 0 4px;
}

.pagination .prev:before {
  content: "\F10A";
}

.pagination .next {
  border-radius: 0 4px 4px 0;
}

.pagination .next:before {
  content: "\F10B";
}

.pagination div {
  float: left;
  border-top: 1px solid #D1D7E4;
  border-bottom: 1px solid #D1D7E4;
  padding: 6px 14px;
  color: #a2a4a9;
}

.pagination div strong {
  color: steelblue;
}

.pagination ul {
  margin: 0;
  padding: 0;
  float: left;
  border-top: 1px solid #D1D7E4;
  border-bottom: 1px solid #D1D7E4;
}

.pagination ul:after {
  content: "";
  clear: both;
  display: block;
}

.pagination ul li {
  float: left;
  list-style: none;
  position: relative;
  border-right: 1px solid #D1D7E4;
  padding: 6px 10px;
  color: #a2a4a9;
}

.pagination ul li:last-child {
  border-right: 0;
}

.pagination ul li.active {
  color: #fff;
  position: relative;
  z-index: 1;
  background: steelblue;
}

.pagination ul li.active:before {
  content: "";
  display: block;
  z-index: -1;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  position: absolute;
  background: steelblue;
}

.alert {
  border: 1px solid transparent;
  color: #fff;
  position: relative;
  text-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  font-weight: 500;
  margin: 0 0 20px 0;
  padding: 10px 14px 10px 44px;
}

.alert:before {
  content: "";
  font-family: "icons";
  font-weight: normal;
  display: block;
  vertical-align: top;
  position: absolute;
  left: 14px;
  top: 10px;
}

.alert.success {
  border-color: #27ae60;
  background: rgba(39, 174, 96, 0.8);
}

.alert.success:before {
  font-family: "Font Awesome 5 Free";
  content: "\F058";
  font-weight: 900;
}

.alert.error {
  border-color: #F26175;
  background: rgba(242, 97, 117, 0.8);
}

.alert.error:before {
  content: "\F144";
}

.alert.warning {
  border-color: #F8C93F;
  background: rgba(248, 201, 63, 0.8);
}

.alert.warning:before {
  content: "\F226";
}

.alert.info {
  border-color: steelblue;
  background: rgba(70, 130, 180, 0.8);
}

.alert.info:before {
  font-family: "Font Awesome 5 Free";
  content: "\F05A";
  font-weight: 900;
}

.alert.light {
  background: none;
  text-shadow: none;
  font-weight: normal;
  color: #a2a4a9;
  text-shadow: none;
}

.alert.light.success:before {
  color: #27ae60;
}

.alert.light.error:before {
  color: #F26175;
}

.alert.light.warning:before {
  color: #F8C93F;
}

.alert.light.info:before {
  color: steelblue;
}

select.form-select {
  width: 100%;
  padding: 5px 15px;
  background: #fff;
  cursor: pointer;
  border: 1px solid #D1D7E4;
  border-radius: 4px;
  line-height: 26px;
}

.form-select {
  position: relative;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
}

.form-select > span {
  position: relative;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: #fff;
  cursor: pointer;
  border: 1px solid #D1D7E4;
  border-radius: 4px;
  line-height: 26px;
  padding: 10px 35px 10px 15px;
  transition: all 0.3s ease 0s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.form-select > span:after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  right: 15px;
  border-color: #a2a4a9 transparent transparent transparent;
}

.form-select.disabled > span {
  cursor: not-allowed;
  background: #F5F6FA;
  color: #a2a4a9;
}

.form-select.disabled > span:after {
  border-color: #D1D7E4 transparent transparent transparent;
}

.form-select.open > span {
  border-color: steelblue;
}

.form-select.open > span:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.form-select.open > div {
  display: block;
}

.form-select > div {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  padding: 10px 0;
  min-width: 100%;
  background: #fff;
  display: none;
  z-index: 1;
  margin: 8px 0 0 0;
  border-radius: 4px;
  box-shadow: 0 1px 4px 1px rgba(22, 27, 53, 0.14);
}

.form-select > div span {
  line-height: 32px;
  position: relative;
  font-weight: 500;
  display: block;
  padding: 0 16px;
  white-space: nowrap;
  font-size: 14px;
  cursor: pointer;
  color: #a2a4a9;
  transition: all 0.3s ease 0s;
}

.form-select > div span:hover {
  background: #F5F6FA;
}

.form-select > div span.active {
  color: #fff;
  background: steelblue;
}

.container-scroll-table {
  overflow-y: scroll;
}

table.table {
  line-height: 26px;
  width: 100%;
  margin-bottom: 20px;
  background-color: #fff;
}

table.table thead {
  background-color: steelblue;
}

table.table thead tr th {
  color: #fff;
}

table.table .td__action .form-select {
  max-width: 200px;
  min-width: 200px;
}

table.table .td__highlighted {
  background-color: #E8EBF4 !important;
}

table.table.border {
  border: 1px solid #D1D7E4;
}

table.table.stripe tbody tr:nth-child(2n+1) td {
  background: rgba(245, 246, 250, 0.6);
}

table.table.hover tbody tr:hover td,
table.table.hover tbody tr:hover th {
  background: #F5F6FA;
}

table.table.fullwiidh {
  width: 100% !important;
}

@media (max-width: 768px) {
  table.table.responsive {
    border-top: 0;
  }
}

table.table.responsive tr th {
  display: table-cell;
}

@media (max-width: 768px) {
  table.table.responsive tr th {
    display: none;
  }
}

table.table.responsive tr td {
  display: table-cell;
}

@media (max-width: 768px) {
  table.table.responsive tr td {
    display: block;
    padding-left: 42%;
    padding-bottom: 0;
    padding-right: 15px;
    position: relative;
    border: 0;
  }
}

table.table.responsive tr td:first-child {
  border-top: 1px solid #D1D7E4;
}

table.table.responsive tr td:last-child {
  padding-bottom: 10px;
}

table.table.responsive tr td:before {
  content: attr(data-th) ": ";
  color: #454954;
  font-weight: normal;
  display: none;
  position: absolute;
  left: 15px;
  top: 10px;
  width: 42%;
}

@media (max-width: 768px) {
  table.table.responsive tr td:before {
    display: block;
  }
}

table.table tr th {
  color: #454954;
  font-weight: normal;
  padding: 10px 15px;
  background: none;
}

table.table tr td {
  padding: 10px 15px;
  border-top: 1px solid #D1D7E4;
  background: none;
  color: #161b21;
}

.thead-filter {
  background-color: transparent !important;
}

.thead-filter th {
  border: 0 !important;
  padding-left: 0 !important;
}

.thead-filter tr th:last-child {
  /* Column accion */
  display: none;
}

.thead-filter tr th:nth-child(5) {
  /* Column accion */
  display: none;
}

.thead-filter .form-select {
  min-width: 100px;
}

.td-accent {
  font-weight: bold;
}

.td-hide {
  display: none;
}

.td__action {
  display: flex;
}

.clear:after {
  content: "";
  clear: both;
  display: block;
}

.f-l {
  float: left !important;
}

.f-r {
  float: right !important;
}

.wrap-lines {
  align-items: center;
  text-align: center;
  display: -moz-flex;
  display: flex;
  -moz-justify-content: center;
  justify-content: center;
}

.wrap-lines:before,
.wrap-lines:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: #ccc;
  min-width: 80px;
  display: inline-block;
  vertical-align: middle;
  -moz-flex-grow: 1;
  flex-grow: 1;
}

.wrap-lines:before {
  margin-right: 30px;
}

.wrap-lines:after {
  margin-left: 30px;
}

.m-t-5 {
  margin-top: 5px !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.p-l-5 {
  padding-left: 5px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.p-r-5 {
  padding-right: 5px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.m-l-25 {
  margin-left: 25px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.m-r-25 {
  margin-right: 25px !important;
}

.p-r-25 {
  padding-right: 25px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.m-t-35 {
  margin-top: 35px !important;
}

.p-t-35 {
  padding-top: 35px !important;
}

.m-b-35 {
  margin-bottom: 35px !important;
}

.p-b-35 {
  padding-bottom: 35px !important;
}

.m-l-35 {
  margin-left: 35px !important;
}

.p-l-35 {
  padding-left: 35px !important;
}

.m-r-35 {
  margin-right: 35px !important;
}

.p-r-35 {
  padding-right: 35px !important;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  cursor: pointer;
  border: none;
  outline: none;
  color: white;
  padding: 17px 0;
  background-color: inherit;
  margin: 0;
  display: flex;
  align-items: center;
}

.navbar a:hover,
.dropdown:hover .dropbtn,
.dropbtn:focus {
  color: ligth(#fff, 25%);
}

.dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: #454954;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.show {
  display: block;
}

.tag {
  padding: 0.25em 0.5em;
  border-radius: 4px;
}

.tag--convention {
  width: 10px;
  height: 10px;
  border-radius: 4px;
}

.tag--1 {
  /* Estado no Disponible */
  background-color: #ffca28;
}

.tag--2 {
  /* Estado Vendido */
  background-color: #ffca28;
}

.tag--2--avanzza {
  background-color: #355782;
}

.tag--3 {
  /*Estado Reservado*/
  background-color: rgba(127, 140, 141, 0.6);
}

.tag--3--avanzza {
  background-color: #D66D51;
}

.tag--4 {
  /* Estado Disponible */
  background-color: rgba(63, 147, 255, 0.6);
}

.header {
  width: 100%;
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}

.main {
  padding-top: 60px;
}

@media (max-width: 768px) {
  .main {
    padding-left: 0;
    padding-top: 60px;
  }
}

.main__content {
  padding: 2em;
}

.header {
  background-color: steelblue;
  padding: 0 2em;
  display: flex;
  align-items: center;
  height: 80px;
  box-shadow: 0 3px 7px 1px rgba(22, 27, 53, 0.1);
}

.header__brand {
  width: 35%;
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  .header__brand {
    display: none;
  }
}

.header__logo {
  min-width: 70px;
  width: 70px;
  height: 70px;
  flex-wrap: nowrap;
  background-color: #fff;
}

@media (max-width: 768px) {
  .header__logo {
    display: none;
  }
}

.header__title {
  margin-left: 1em;
  width: 30%;
  text-align: center;
}

@media (max-width: 768px) {
  .header__title {
    width: 30%;
  }
}

.header__title h4 {
  color: #fff;
  margin: 0;
}

.header__menu {
  display: flex;
  align-items: center;
  margin-left: 1em;
  width: 35%;
  justify-content: flex-end;
}

@media (max-width: 768px) {
  .header__menu {
    width: 70%;
  }
}

.header__menu .btn {
  margin-right: 1.5em;
}

.header__user {
  display: flex;
  align-items: center;
  margin-left: 2em;
}

.header__user__name {
  color: #fff;
  font-weight: bold;
}

/*
 * Table styles
 */

table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
  * Header and footer styles
  */
  /*
  * Body styles
  */
}

table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}

table.dataTable thead th,
table.dataTable thead td {
  border-bottom: 1px solid steelblue;
}

table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid steelblue;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
}

table.dataTable tbody tr {
  background-color: #ffffff;
}

table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border-top: 1px solid #ddd;
}

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}

table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd;
}

table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}

table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}

table.dataTable.hover tbody tr:hover.selected,
table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}

table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3,
table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}

table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3,
table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}

table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}

table.dataTable.display tbody tr.odd > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}

table.dataTable.display tbody tr.odd > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}

table.dataTable.display tbody tr.odd.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}

table.dataTable.display tbody tr.odd.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}

table.dataTable.display tbody tr.odd.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}

table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}

table.dataTable.display tbody tr.even > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}

table.dataTable.display tbody tr.even > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}

table.dataTable.display tbody tr.even.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}

table.dataTable.display tbody tr.even.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}

table.dataTable.display tbody tr.even.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}

table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}

table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}

table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}

table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}

table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}

table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}

table.dataTable.no-footer {
  border-bottom: 1px solid #b2cce1;
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}

table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}

table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}

table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}

/*
* Control feature layout
*/

.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}

.dataTables_wrapper .dataTables_length {
  float: left;
}

.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
  margin-bottom: 2em;
}

.dataTables_wrapper .dataTables_filter label {
  text-align: left;
}

.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}

.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 2em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 5px 20px;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background-color: #ccc;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #666;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  bcolor: #666;
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}

.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}

.dataTables_wrapper .dataTables_scroll {
  clear: both;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111;
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none;
}

.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }

  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}

@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }

  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}

/*  */

.auth {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  /* background-image: url("/img/banner-test.jpg"), linear-gradient($primary, #d13531);  */
  /* background-color: $primary; */
}

@media (max-width: 768px) {
  .auth {
    align-items: flex-start;
  }
}

.auth__form {
  height: auto;
  width: 35%;
  background-color: #fff;
  padding: 4em 3em;
  border-radius: 4px;
  box-shadow: 0 3px 7px 1px rgba(22, 27, 53, 0.1);
}

@media (max-width: 768px) {
  .auth__form {
    width: 100%;
  }
}

.auth__form__logo {
  margin-bottom: 1em;
  margin: 1em auto;
  margin-bottom: 2em;
  display: block;
  max-width: 140px;
}

.conventions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media (max-width: 768px) {
  .conventions {
    justify-content: flex-start;
  }
}

.convention {
  display: flex;
  align-items: center;
  margin-left: 1em;
}

@media (max-width: 768px) {
  .convention {
    margin-left: 0.5em;
  }
}

.convention span {
  margin-left: 0.5em;
}

@media (max-width: 768px) {
  .convention span {
    font-size: 0.9em;
  }
}

.project-logo {
  max-width: 90px;
}

.stadistics {
  justify-content: space-between;
  display: flex;
}

.stadistics__item {
  padding: 2em;
  color: #fff;
  box-shadow: 0 3px 7px 1px rgba(22, 27, 53, 0.1);
  transition: all 0.3s ease 0s;
}

.stadistics__item:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.stadistics__item h2,
.stadistics__item h3 {
  color: #fff;
  font-weight: bold;
}

.stadistics__item--1 {
  background-color: rgba(127, 140, 141, 0.7) !important;
}

.stadistics__item--2 {
  background-color: rgba(186, 74, 0, 0.7) !important;
}

.stadistics__item--3 {
  background-color: rgba(229, 173, 6, 0.7) !important;
}

.stadistics__item--4 {
  background-color: rgba(63, 147, 255, 0.7) !important;
}