/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.674f50d287a8c48d.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.674f50d287a8c48d.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.af7ae505a9eed503.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.fee66e712a8a08ee.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.b06871f281fee6b2.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.912ec66d7572ff82.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@font-face {
  font-family: 'simple-line-icons';
  src: url('../fonts/Simple-Line-Icons.f33df365d6d0255b.eot?v=2.4.0');
  src: url('../fonts/Simple-Line-Icons.f33df365d6d0255b.eot?v=2.4.0#iefix') format('embedded-opentype'), url('../fonts/Simple-Line-Icons.0cb0b9c589c0624c.woff2?v=2.4.0') format('woff2'), url('../fonts/Simple-Line-Icons.d2285965fe34b054.ttf?v=2.4.0') format('truetype'), url('../fonts/Simple-Line-Icons.78f07e2c2a535c26.woff?v=2.4.0') format('woff'), url('../fonts/Simple-Line-Icons.2fe2efe63441d830.svg?v=2.4.0#simple-line-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*
 Use the following CSS code if you want to have a class per icon.
 Instead of a list of all class selectors, you can use the generic [class*="icon-"] selector, but it's slower:
*/

.icon-user,.icon-login,.icon-like,.icon-control-end,.icon-info,.icon-link,.icon-target,.icon-social-twitter,.icon-social-facebook,.icon-social-google,.icon-social-youtube {
  font-family: 'simple-line-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-user:before {
  content: "\e005";
}

.icon-login:before {
  content: "\e066";
}

.icon-like:before {
  content: "\e068";
}

.icon-control-end:before {
  content: "\e074";
}

.icon-info:before {
  content: "\e08b";
}

.icon-link:before {
  content: "\e08d";
}

.icon-target:before {
  content: "\e09e";
}

.icon-social-twitter:before {
  content: "\e009";
}

.icon-social-facebook:before {
  content: "\e00b";
}

.icon-social-google:before {
  content: "\e60d";
}

.icon-social-youtube:before {
  content: "\e008";
}

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

footer,main {
  display: block;
}

[hidden] {
  display: none;
}

a {
  background-color: transparent;
}

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

h1 {
  margin: .67em 0;
  font-size: 2em;
}

img {
  border: 0;
}

button,input {
  margin: 0;
  font: inherit;
  color: inherit;
}

button {
  overflow: visible;
}

button {
  text-transform: none;
}

button,html input[type=button],input[type=reset],input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],html input[disabled] {
  cursor: default;
}

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

input {
  line-height: normal;
}

input[type=checkbox],input[type=radio] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
  *,  :after,  :before {
    color: #000!important;
    text-shadow: none!important;
    background: 0 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
  }

  a,  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  a[href^="javascript:"]:after,  a[href^="#"]:after {
    content: "";
  }

  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100%!important;
  }

  h2,  h3,  p {
    orphans: 3;
    widows: 3;
  }

  h2,  h3 {
    page-break-after: avoid;
  }
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(../fonts/glyphicons-halflings-regular.f4769f9bdb7466be.eot);
  src: url(../fonts/glyphicons-halflings-regular.f4769f9bdb7466be.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.448c34a56d699c29.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.fa2772327f55d819.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.e18bbf611f2a2e43.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.89889688147bd757.svg#glyphicons_halflingsregular) format('svg');
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

:after,:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}

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

a {
  color: #337ab7;
  text-decoration: none;
}

a:focus,a:hover {
  color: #23527c;
  text-decoration: underline;
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

img {
  vertical-align: middle;
}

[role=button] {
  cursor: pointer;
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

.h1,.h2,.h3,h1,h2,h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.h4,.h5,.h6,h4,h5,h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.h1,h1 {
  font-size: 36px;
}

.h2,h2 {
  font-size: 30px;
}

.h3,h3 {
  font-size: 24px;
}

.h4,h4 {
  font-size: 18px;
}

.h5,h5 {
  font-size: 14px;
}

.h6,h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

.text-right {
  text-align: right;
}

.text-primary {
  color: #337ab7;
}

a.text-primary:focus,a.text-primary:hover {
  color: #286090;
}

.text-info {
  color: #31708f;
}

a.text-info:focus,a.text-info:hover {
  color: #245269;
}

.text-danger {
  color: #a94442;
}

a.text-danger:focus,a.text-danger:hover {
  color: #843534;
}

.bg-primary {
  color: #fff;
  background-color: #337ab7;
}

a.bg-primary:focus,a.bg-primary:hover {
  background-color: #286090;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:focus,a.bg-info:hover {
  background-color: #afd9ee;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:focus,a.bg-danger:hover {
  background-color: #e4b9b9;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
}

ul ul {
  margin-bottom: 0;
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}

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

@media (min-width:768px) {
  .container {
    width: 750px;
  }
}

@media (min-width:992px) {
  .container {
    width: 970px;
  }
}

@media (min-width:1200px) {
  .container {
    width: 1170px;
  }
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

@media (min-width:768px) {
  .col-sm-1,  .col-sm-10,  .col-sm-11,  .col-sm-12,  .col-sm-2,  .col-sm-3,  .col-sm-4,  .col-sm-5,  .col-sm-6,  .col-sm-7,  .col-sm-8,  .col-sm-9 {
    float: left;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-push-11 {
    left: 91.66666667%;
  }

  .col-sm-push-10 {
    left: 83.33333333%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-8 {
    left: 66.66666667%;
  }

  .col-sm-push-7 {
    left: 58.33333333%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-5 {
    left: 41.66666667%;
  }

  .col-sm-push-4 {
    left: 33.33333333%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-2 {
    left: 16.66666667%;
  }

  .col-sm-push-1 {
    left: 8.33333333%;
  }

  .col-sm-push-0 {
    left: auto;
  }
}

@media (min-width:992px) {
  .col-md-1,  .col-md-10,  .col-md-11,  .col-md-12,  .col-md-2,  .col-md-3,  .col-md-4,  .col-md-5,  .col-md-6,  .col-md-7,  .col-md-8,  .col-md-9 {
    float: left;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-push-11 {
    left: 91.66666667%;
  }

  .col-md-push-10 {
    left: 83.33333333%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-8 {
    left: 66.66666667%;
  }

  .col-md-push-7 {
    left: 58.33333333%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-5 {
    left: 41.66666667%;
  }

  .col-md-push-4 {
    left: 33.33333333%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-2 {
    left: 16.66666667%;
  }

  .col-md-push-1 {
    left: 8.33333333%;
  }

  .col-md-push-0 {
    left: auto;
  }
}

input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=checkbox],input[type=radio] {
  margin: 4px 0 0;
  margin-top: 1px\9;
  line-height: normal;
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999;
}

.form-control::-webkit-input-placeholder {
  color: #999;
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control[disabled],.form-control[readonly] {
  background-color: #eee;
  opacity: 1;
}

.form-control[disabled] {
  cursor: not-allowed;
}

input[type=search] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  input[type=date].form-control,  input[type=time].form-control,  input[type=datetime-local].form-control,  input[type=month].form-control {
    line-height: 34px;
  }

  input[type=date].input-sm,  input[type=time].input-sm,  input[type=datetime-local].input-sm,  input[type=month].input-sm {
    line-height: 30px;
  }
}

input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
  cursor: not-allowed;
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.btn:active:focus,.btn:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:focus,.btn:hover {
  color: #333;
  text-decoration: none;
}

.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.btn.disabled,.btn[disabled] {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}

a.btn.disabled {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary:focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}

.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-primary:active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-primary:active:focus,.btn-primary:active:hover {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}

.btn-primary:active {
  background-image: none;
}

.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}

.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info:active {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info:active:focus,.btn-info:active:hover {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}

.btn-info:active {
  background-image: none;
}

.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled]:focus,.btn-info[disabled]:hover {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger:focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger:active {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger:active:focus,.btn-danger:active:hover {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}

.btn-danger:active {
  background-image: none;
}

.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-link {
  font-weight: 400;
  color: #337ab7;
  border-radius: 0;
}

.btn-link,.btn-link:active,.btn-link[disabled] {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover {
  border-color: transparent;
}

.btn-link:focus,.btn-link:hover {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:focus,.btn-link[disabled]:hover {
  color: #777;
  text-decoration: none;
}

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio] {
  position: absolute;
  clip: rect(0,0,0,0);
  pointer-events: none;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: 700;
}

.alert>p,.alert>ul {
  margin-bottom: 0;
}

.alert>p+p {
  margin-top: 5px;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-danger .alert-link {
  color: #843534;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

.container:after,.container:before,.row:after,.row:before {
  display: table;
  content: " ";
}

.container:after,.row:after {
  clear: both;
}

.show {
  display: block!important;
}

/*# sourceMappingURL=bootstrap.min.css.map */

/*****************************************
 MATERIAL DESIGN STYLE COMPONENTS
******************************************/

/* Cubic Bezier Transition */

/***
General reset
***/

/* Set default body */

body {
  color: #333333;
  font-family: "Montserrat", sans-serif;
  padding: 0px !important;
  margin: 0px !important;
  direction: "ltr";
  font-size: 14px;
}

/*
 Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't
 properly apply the media queries in Bootstrap's CSS. To address this, you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.
*/

@-o-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

/*
 Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied
*/

.alert,.icon-btn {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
}

.icon-btn:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.26);
}

@-webkit-keyframes mdClickEffect {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
  }

  100% {
    opacity: 0 !important;
    -webkit-transform: scale(2.5);
  }
}

@-moz-keyframes mdClickEffect {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
  }

  100% {
    opacity: 0 !important;
    -moz-transform: scale(2.5);
  }
}

@keyframes mdClickEffect {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
  }

  100% {
    opacity: 0 !important;
    transform: scale(2.5);
  }
}

/* bubble animation */

@-webkit-keyframes growCircle {
  0%, 100% {
    -webkit-transform: scale(0);
    opacity: 1;
  }

  70% {
    background: #eee;
    -webkit-transform: scale(1.25);
  }
}

@-moz-keyframes growCircle {
  0%, 100% {
    -moz-transform: scale(0);
    opacity: 1;
  }

  70% {
    background: #eee;
    -moz-transform: scale(1.25);
  }
}

@keyframes growCircle {
  0%, 100% {
    transform: scale(0);
    opacity: 1;
  }

  70% {
    background: #eee;
    transform: scale(1.25);
  }
}

/* bubble animation */

@-webkit-keyframes growCircleRadio {
  0%, 100% {
    -webkit-transform: scale(0);
    opacity: 1;
  }

  70% {
    background: #eee;
    -webkit-transform: scale(1.25);
  }
}

@-moz-keyframes growCircleRadio {
  0%, 100% {
    -moz-transform: scale(0);
    opacity: 1;
  }

  70% {
    background: #eee;
    -moz-transform: scale(1.25);
  }
}

@keyframes growCircleRadio {
  0%, 100% {
    transform: scale(0);
    opacity: 1;
  }

  70% {
    background: #eee;
    transform: scale(1.25);
  }
}

/***
General typography
***/

/* Links */

a:hover {
  cursor: pointer;
}

/* Primary Link */

.primary-link {
  color: #65A0D0;
  font-weight: 600;
}

.primary-link:hover {
  color: #5194ca;
}

p {
  margin: 20px 0;
}

/* Headings */

h1,h2,h3,h4,h5,h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

/* Headings helper text */

/* Block headings */

/* Links */

a {
  text-shadow: none;
  color: #337ab7;
}

a:hover {
  color: #23527c;
}

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

/* Horizontal break */

/* Unstyled List */

/* Code */

/* Disabled Navigation Link */

.disabled-link:hover {
  cursor: not-allowed !important;
}

/***
Utilities
***/

/* Rounded Element */

/* Circle Element */

/* General utilities */

/* Margin and padding utilities */

/* IE8 & IE9 mode utilities */

/***
Responsive Utils
***/

/***
Demo Utils
***/

/***
Users
***/

.user-info {
  margin-bottom: 10px !important;
}

.user-info img {
  float: left;
  margin-right: 5px;
}

/***
Custom vertical inline menu
***/

/***
Separated List
***/

/***
Number & Chart Stats
***/

/***
General User Record Listing
***/

/***
File dropzone
***/

/***
Fontawesome Icons
***/

[class^="glyphicon-"],[class^="icon-"],[class*=" glyphicon-"],[class*=" icon-"] {
  display: inline-block;
  *margin-right: .3em;
  line-height: 14px;
  -webkit-font-smoothing: antialiased;
}

/* Make font awesome icons fixed width */

li [class^="fa-"],li [class^="glyphicon-"],li [class^="icon-"],li [class*=" fa-"],li [class*=" glyphicon-"],li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}

li [class^="glyphicon-"],li [class*=" glyphicon-"] {
  top: 2px;
}

li [class^="icon-"],li [class*=" icon-"] {
  top: 1px;
  position: relative;
}

/* Icon states */

/***
Font Awesome 4.x Demo
***/

/***
Simple Line Icons Demo
***/

/***
Glyphicons Demo
***/

/***
Customized Bootstrap Alerts
***/

.alert {
  border-width: 1px;
}

.alert > p {
  margin: 0;
}

.alert {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border-width: 0;
}

/***
Custom Bootstrap Badges
***/

/* Badge variants */

/* Fix badge position for navs */

/***
Dropdown Menu Badges
***/

/***
Custom buttons based on bootstrap SASS
***/

.btn {
  outline: none !important;
}

.btn:hover {
  transition: all 0.3s;
}

/***
Custom color buttons
***/

/* Circle Buttons */

/***
Image Carousel
***/

/***
Charts and statistics
***/

/***
Statistic lists
***/

/***
Chart tooltips
***/

/***
Mini chart containers
***/

/***
Chats
***/

/***
Customized Bootstrap Close Icon
***/

/***
Customized Bootstrap Dropdowns
***/

/***
Dropdowns
***/

/***
Dropdown Menu
***/

/* Dropdown submenu support for Bootsrap 3 */

@media (max-width: 767px) {
  /* 767px */
}

/***
Dropdown Checkboxes
***/

/*rtl:ignore*/

/*--------------------------------------------------
    [Dropdown Menu v2]
----------------------------------------------------*/

/***
System feeds
***/

/***
Form Layouts
****/

/* Static info */

/* Help blocks */

/* Control Label */

.form {
  padding: 0 !important;
}

.form .form-body {
  padding: 20px;
}

/* Checkboxes */

/* Radio buttons */

/* Radio buttons in horizontal forms */

/* Rows seperated form layout */

/* Form bordered */

/* Horizontal bordered form */

/* Horizontal form small input issue */

/***
Forms
***/

.form-control {
  outline: none !important;
  box-shadow: none !important;
}

/***
Custom color buttons
***/

/* Form uneditable input */

/* Form input sizing */

@media (max-width: 768px) {
  /* 768px */
}

@media (max-width: 768px) {
  /* 768px */
}

/* Circle Inputs */

/***
Custom icon buttons
***/

.icon-btn {
  height: 60px;
  min-width: 80px;
  margin: 5px 5px 0 0;
  border: 1px solid #ddd;
  padding: 12px 0px 0px 0px;
  background-color: #fafafa;
  background-image: none;
  filter: none;
  display: inline-block;
  color: #646464;
  text-shadow: none;
  text-align: center;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.icon-btn:hover {
  text-decoration: none;
  border-color: #999;
  color: #444;
  text-shadow: 0 1px 0px white;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.icon-btn > div {
  margin-top: 5px;
  margin-bottom: 20px;
  color: #3f444a;
  font-size: 12px;
  font-weight: 300;
}

.icon-btn > i {
  font-size: 18px;
}

.ie8 .icon-btn:hover {
  filter: none;
}

.icon-btn {
  border: 0;
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.icon-btn > div {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 11px;
  color: #565d66;
}

.icon-btn:hover {
  text-decoration: none;
}

/***
Input icons
***/

.input-icon {
  position: relative;
  left: 0;
}

.input-icon > .form-control {
  padding-left: 33px;
}

.input-icon > i {
  color: #ccc;
  display: block;
  position: absolute;
  margin: 11px 2px 4px 10px;
  z-index: 3;
  width: 16px;
  font-size: 16px;
  text-align: center;
  left: 0;
}

.input-icon.right {
  left: auto;
  right: 0;
}

.input-icon.right > .form-control {
  padding-right: 33px;
  padding-left: 12px;
}

.input-icon.right > i {
  left: auto;
  right: 8px;
  float: right;
}

.input-icon.input-icon-sm > i {
  margin-top: 8px;
  font-size: 13px;
}

/***
Customized Bootstrap Labels
***/

/* Labels variants */

/***
Iconic labels
***/

/***
Text states
***/

.text-primary {
  color: #337ab7;
}

.text-info {
  color: #659be0;
}

.text-danger {
  color: #ed6b75;
}

/***
Customized List Group
***/

/* Contextual variants */

/***
UI Loading
***/

/***
Metro icons
***/

[class^="m-icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  line-height: 14px;
  vertical-align: top;
  background-image: url(../img/syncfusion-icons.042b217245953944.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}

[class^="m-icon-big-"] {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 6px;
  vertical-align: middle;
  background-image: url(../img/syncfusion-icons.042b217245953944.png);
  background-position: 0 0px;
  background-repeat: no-repeat;
}

/* large icons */

.btn.m-icon-big {
  padding: 9px 16px 8px 16px;
}

.btn.m-icon-big [class^="m-icon-big-"] {
  margin: 0 0 0 10px;
}

/* default icons */

.btn.m-icon {
  padding: 7px 14px 7px 14px;
}

.btn.m-icon [class^="m-icon-"] {
  margin: 4px 0 0 5px;
}

/* white icon */

/*  Misc */

/***
Customized Bootstrap Modal
***/

/* Full width modal */

/***
Notes
***/

/***
Customized Bootstrap Pagination
***/

/***
Customized Bootstrap Panels
***/

/***
Accordions
***/

/***
Customized Bootstrap Popover
***/

/*rtl:ignore*/

/*rtl:ignore*/

/***
Portlets
***/

/* Full Screen portlet mode */

/* Basic portlet */

/* Portlet background colors */

/* Side bordered portlet */

/* Solid colored portlet */

/* Solid bordered portlet */

/* Box portlet */

/* Light Portlet */

/* Reverse aligned tabs */

/* jQuery UI Draggable Portlets */

@media (max-width: 991px) {
  /* 991px */
}

/***
Custom colored portlets
***/

/***
Customized Progress Bars
***/

/* Custom colors */

/***
Dashboard Stats
***/

/***
Dashboard Stats 2
***/

/***
Text Stats
***/

@media (max-width: 767px) {
  /* 767px */
}

/***
Social Icons
***/

/***
Inline Social Icons
***/

.social-icon {
  display: inline-block !important;
  width: 28px;
  height: 28px;
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.social-icon.facebook {
  background: url(../img/social/facebook.f9ccb1c160910aaf.png) no-repeat;
}

.social-icon.twitter {
  background: url(../img/social/twitter.e9782d40024e13e9.png) no-repeat;
}

.social-icon.youtube {
  background: url(../img/social/youtube.3ce194ec10f055b0.png) no-repeat;
}

.social-icon:hover {
  background-position: 0 -38px;
}

/***
Scrollable Tables
***/

/***
Customized Bootstrap Tables
***/

/***
Responsive Flip Scroll Tables
***/

@media only screen and (max-width: 768px) {
  /* 768px */

  /* sort out borders */
}

/***
Custom tables
***/

@media (max-width: 767px) {
  /* 767px */
}

/***
Light Table
***/

/***
Customized Bootstrap Tabs
***/

/* Tabs and pills */

/* Left and right tabs */

/* Left tabs */

/* Right tabs */

/* Below tabs */

/***
Custom tabs
***/

/* In BS3.0.0 tabbable class was removed. We had to added it back */

/***
Tiles(new in v1.1.1)
***/

/***
Custimized Bootstrap Wells
***/

/*--------------------------------------------------
	[Widgets]
----------------------------------------------------*/

/*** Widget Background Colors ***/

/*** Widget Title Colors ***/

/*** Widget Carousel ***/

/*** Widget Gradient ***/

/*** Widget Gradient ***/

/*** Widget Tab ***/

/*** Widget News ***/

/*** Widget Thumb ***/

/*** Widget Socials ***/

/*** Widget Comments ***/

/*** Widget Media ***/

/*** Widget Blog ***/

/*** Widget Progress ***/

/*** Widget Gradient ***/

/* Widget Map for max-width 480px */

@media (max-width: 480px) {
  /* 480px */
}

/*** Widget Subscribe ***/

/* Widget Subscribe for media queries */

@media (max-width: 767px) {
  /* 767px */
}

@media (min-width: 768px) {
  /* 768px */
}

@media (min-width: 767px) and (max-width: 991px) {
  /* 767px & 991px */
}

/*--------------------------------------------------
    [Material Design]
----------------------------------------------------*/

/***
AngularJS Basic Animations
***/

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(15px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(15px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(15px);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(15px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes bounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes bounceDelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@keyframes input-focus {
  0% {
    left: 20%;
    width: 20%;
  }

  99% {
    width: 0;
    left: 0;
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@media (max-width: 991px) {
  /* 991px */
}

/***
Timeline
***/

/***
Timeline 2
***/

@media (max-width: 991px) {
  /* 991px */
}

/***
Horizontal Timeline
***/

/* PLUGIN CSS */

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}

@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}

@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}

@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}

@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}

/* METRONIC EXTENDED CSS */

/***
Tasks Widget
***/

@media (max-width: 767px) {
  /* 767px */
}

@media (max-width: 991px) {
  /* 991px */
}

/***
Custom color buttons
***/

/***
Color library demo
***/

@charset "UTF-8";

/******************************
 3RD PARTY PLUGIN CUSTOMIZATION 
******************************/

/* Cubic Bezier Transition */

/***
Bootstrap Colorpicker
***/

/* change z-index when opened in modal */

/***
Bootstrap Datepaginator
***/

/***
Bootstrap Datepicker
***/

/* change z-index when opened in modal */

/***
Bootstrap Daterangepicker
***/

/***
Bootstrap  Datetimepicker
***/

/* change z-index when opened in modal */

/***
Bootstrap Editable
***/

/***
Jansy File Input plugin css changes
***/

/***
Bootstrap Markdown
***/

/*.md-input {*/

/*padding: 5px !important;*/

/*border-bottom: 0 !important;*/

/*-webkit-border-radius: 0 0 2px 2px;*/

/*-moz-border-radius: 0 0 2px 2px;*/

/*-ms-border-radius: 0 0 2px 2px;*/

/*-o-border-radius: 0 0 2px 2px;*/

/*border-radius: 0 0 2px 2px; }*/

/***
Error state for WYSIWYG Editors
***/

/***
Bootstrap Modal
***/

/* fix: content shifting to the right on modal open */

/* BS 3.3.1 fix */

/***
Bootstrap Select
***/

/***
Bootstrap Switch
***/

/***
Color variants
***/

/* Bootstrap switch on portlet headers */

/***
Bootstrap Time Picker
***/

/***
Toastr Notifications
***/

/***
Bootstrap Wizard
***/

@media (min-width: 768px) and (max-width: 1200px) {
  /* 768px & 1200px */
}

@media (max-width: 768px) {
  /* 768px */
}

/*!
 * Tab drop for Bootstrap
 */

/***
wysihtml5
***/

/***
Error state for WYSIWYG Editors
***/

/***
Error state for WYSIWYG Editors
***/

/***
Bootstrap GtreeTable
***/

/***
Modify bootstrap-tagsinput plugin's css
***/

/***
Bootbox
***/

/*--------------------------------------------------
    [CSS Animation Amchart]
----------------------------------------------------*/

@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}

@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}

@-webkit-keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }

  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}

@keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }

  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}

@-webkit-keyframes am-draw {
  0% {
    stroke-dashoffset: 500%;
  }

  100% {
    stroke-dashoffset: 0px;
  }
}

@keyframes am-draw {
  0% {
    stroke-dashoffset: 500%;
  }

  100% {
    stroke-dashoffset: 0px;
  }
}

/*--------------------------------------------------
    [Mao Amchart]
----------------------------------------------------*/

/*--------------------------------------------------
    [Column Line]
----------------------------------------------------*/

@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -28px;
  }
}

@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -28px;
  }
}

/*--------------------------------------------------
    [Animated Pie Chart]
----------------------------------------------------*/

/***
CKEditor css changes
***/

/***
Error state for WYSIWYG Editors
***/

/***
Clockface
***/

/***
Datatables general customization
***/

/***
Extended pagination
***/

/***
Scroller Extension
***/

/***
Datatables processing
***/

/***
Tool Buttons
***/

/***
Rot Details
***/

/***
Sorting
***/

/***
Fixed Header
***/

/***
Responsive Datatables
***/

@-moz-document url-prefix()  {
  .portlet-datatable .dataTables_wrapper .table-responsive {
    padding: 0 2px !important;
  }
}

@media (max-width: 767px) {
  /* 767px */
}

/***
Dropzone css changes(new in v1.1.1)
***/

@media (max-width: 768px) {
  /* 768px */
}

/***
Fancy box fix overlay fix
***/

/***
FuelUX Spinners
***/

/***
Fullcalendar
***/

/* External events */

/***
Google Maps
***/

/***
Gritter notification modify
***/

/***
Dashboard Charts(new in v1.2.1)
***/

/***
jQuery File Upload
***/

/***
jQuery Multi Select
***/

/***
jQuery Notific8 Plugin
***/

[class*="jquery-notific8"],[class*="jquery-notific8"]:after,[class*="jquery-notific8"]:before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/***
Password Strength(in v1.4)
***/

/***
jQuery Slimscroll
***/

/***
jQuery Sparkline
***/

/***
jQuery UI Sliders(new in v1.1.1)
***/

/***
JQVMAP Plugin
***/

/***
Jstree
***/

/***
NoUIRangeSlider
***/

/***
Color variants
***/

/* Conect slider */

/* For this slider, disable the 'origin' size. */

/* Position the bar and color it. */

/* When the slider is moved by tap,   transition the connect bar like the handle. */

/**
noUI Tooltips
**/

/***
Google reCaptcha
***/

/***
Morris Charts
***/

/***
iCheck
***/

div[class*='icheckbox_'],div[class*='iradio_'] {
  margin-right: 5px;
  top: -1px !important;
}

/***
AngularJS UI-select
***/

/***
Codemirror Plugin
***/

/***
Prism Plugin
***/

/* Cubic Bezier Transition */

.user-login-5 {
  min-height: 100vh;
}

.user-login-5 .bs-reset {
  margin: 0;
  padding: 0;
}

.user-login-5 .text-right {
  text-align: right;
}

.user-login-5 .login-bg {
  transition: background-image 2s ease-in-out;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 100vh;
}

.user-login-5 .login-logo {
  position: absolute;
  height: 20px;
  top: 2.5em;
  left: 2.5em;
}

.user-login-5 .login-logo.login-6 {
  top: 80px;
  left: 80px;
}

.user-login-5 .login-container {
  position: relative;
  min-height: 100vh;
}

.user-login-5 .login-container > .login-content,.user-login-5 .login-container .login-social,.user-login-5 .login-container .login-copyright {
  padding: 0 80px;
}

.user-login-5 .login-container > .login-content {
  margin-top: 15%;
}

.user-login-5 .login-container > .login-content > h1 {
  font-size: 30px;
  font-weight: 300;
  color: #4e5a64;
}

.user-login-5 .login-container > .login-content p {
  color: #a0a9b4;
  font-size: 15px;
  line-height: 22px;
}

.user-login-5 .login-container > .login-content > .login-form {
  margin-top: 80px;
  color: #a4aab2;
  font-size: 13px;
}

.user-login-5 .login-container > .login-content > .login-form .form-control {
  width: 100%;
  padding: 10px 0;
  border: none;
  border-bottom: 1px solid;
  border-color: #a0a9b4;
  color: #868e97;
  font-size: 14px;
  margin-bottom: 30px;
}

.user-login-5 .login-container > .login-content > .login-form .form-control:focus {
  outline: 0;
}

.user-login-5 .login-container > .login-content > .login-form .forgot-password,.user-login-5 .login-container > .login-content > .login-form .login-button {
  display: inline-block;
}

.user-login-5 .login-container > .login-content > .login-form .forgot-password {
  margin-right: 1em;
}

.user-login-5 .login-container > .login-content > .login-form .forgot-password > a {
  color: #a4aab2;
}

.user-login-5 .login-container > .login-content > .login-form .forgot-password > a:hover {
  color: #337ab7;
  text-decoration: none;
}

.user-login-5 .login-container > .login-content > .login-form .forgot-password > a:focus {
  color: #a4aab2;
  text-decoration: none;
}

.user-login-5 .login-container > .login-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-bottom: 10px;
}

.user-login-5 .login-container > .login-footer .login-social {
  padding-right: 0;
}

.user-login-5 .login-container > .login-footer .login-social li {
  display: inline-block;
  list-style: none;
  margin-right: 1em;
}

.user-login-5 .login-container > .login-footer .login-social a {
  color: #a9b5be;
  font-size: 18px;
}

.user-login-5 .login-container > .login-footer .login-social a:hover {
  color: #337ab7;
  text-decoration: none;
}

.user-login-5 .login-container > .login-footer .login-social a:focus {
  color: #a9b5be;
}

.user-login-5 .login-container > .login-footer .login-copyright {
  padding-left: 0;
  margin-top: 6px;
}

.user-login-5 .login-container > .login-footer .login-copyright > p {
  margin: 0;
  font-size: 13px;
  color: #a9b5be;
}

.user-login-5 .alert {
  margin-top: -60px;
}

@media (max-width: 1365px) {
  .user-login-5 .login-logo.login-6 {
    top: 40px;
    left: 40px;
  }

  .user-login-5 .login-container > .login-content,  .user-login-5 .login-container .login-social,  .user-login-5 .login-container .login-copyright {
    padding: 0 40px;
  }

  .user-login-5 .login-container .login-social {
    padding-right: 0;
  }

  .user-login-5 .login-container .login-copyright {
    padding-left: 0;
  }
}

@media (max-width: 1023px) {
  .user-login-5 {
    min-height: 50vh;
  }

  .user-login-5 .login-bg {
    min-height: 50vh;
  }

  .user-login-5 .login-logo.login-6 {
    position: relative;
    margin: 0 0 40px 0;
  }

  .user-login-5 .login-container {
    min-height: 50vh;
  }

  .user-login-5 .login-container > .login-content {
    margin-top: 60px;
  }

  .user-login-5 .login-container > .login-content .login-form {
    margin-top: 40px;
  }

  .user-login-5 .login-container > .login-footer {
    position: relative;
    margin-top: 40px;
    padding-bottom: 0;
  }

  .user-login-5 .login-container > .login-footer .login-social li {
    margin-right: 0.5em;
  }

  .user-login-5 .alert {
    margin-top: -20px;
  }
}

@media (max-width: 640px) {
  .user-login-5 .login-container > .login-content .text-right {
    text-align: left;
  }
}

/* Extras */

body {
  background-color: white !important;
}

.user-login-5 .login-bg {
  transition: background-image 2s ease-in-out;
}