@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto");
.inline-block {
  display: inline-block; }

.m-0 {
  margin: 0 !important; }

.p-0 {
  padding: 0 !important; }

.pb-0 {
  padding-bottom: 0 !important; }

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

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

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

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

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

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

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

.mb-0 {
  margin-bottom: 0px !important; }

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

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

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

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

.text-green {
  color: #1abb9c; }

.text-orange {
  color: #ffc927; }

.text-cyan {
  color: #4bd3ff; }

.text-black {
  color: #000; }

.text-red {
  color: #d63b3b; }

.text-grey {
  color: #999999; }

/*
  Spinner mixin
  (foreground border color, background border color)
*/
.slideInRight.ng-enter,
.slideInRight.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  backface-visibility: hidden;
  transform: translateX(-100%); }
  .slideInRight.ng-enter.enterWithFade,
  .slideInRight.ng-hide-remove.enterWithFade {
    opacity: 0; }

.slideInRight.ng-enter.ng-enter-active,
.slideInRight.ng-hide-remove.ng-hide-remove-active {
  transform: translateX(0) translateY(0); }
  .slideInRight.ng-enter.ng-enter-active.enterWithFade,
  .slideInRight.ng-hide-remove.ng-hide-remove-active.enterWithFade {
    opacity: 1; }

.slideOutRight.ng-leave,
.slideOutRight.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  backface-visibility: hidden;
  transform: translateX(0) translateY(0); }
  .slideOutRight.ng-leave.leaveWithFade,
  .slideOutRight.ng-hide-add.leaveWithFade {
    opacity: 1; }

.slideOutRight.ng-leave.ng-leave-active,
.slideOutRight.ng-hide-add.ng-hide-add-active {
  transform: translateX(100%); }
  .slideOutRight.ng-leave.ng-leave-active.leaveWithFade,
  .slideOutRight.ng-hide-add.ng-hide-add-active.leaveWithFade {
    opacity: 0; }

.slideInLeft.ng-enter,
.slideInLeft.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  backface-visibility: hidden;
  transform: translateX(100%); }
  .slideInLeft.ng-enter.enterWithFade,
  .slideInLeft.ng-hide-remove.enterWithFade {
    opacity: 0; }

.slideInLeft.ng-enter.ng-enter-active,
.slideInLeft.ng-hide-remove.ng-hide-remove-active {
  transform: translateX(0) translateY(0); }
  .slideInLeft.ng-enter.ng-enter-active.enterWithFade,
  .slideInLeft.ng-hide-remove.ng-hide-remove-active.enterWithFade {
    opacity: 1; }

.slideOutLeft.ng-leave,
.slideOutLeft.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: transform, opacity;
  backface-visibility: hidden;
  transform: translateX(0) translateY(0); }

.slideOutLeft.ng-leave.ng-leave-active,
.slideOutLeft.ng-hide-add.ng-hide-add-active {
  transform: translateX(-100%); }

.fadeIn.ng-enter,
.fadeIn.ng-hide-remove {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: opacity;
  opacity: 0; }

.fadeIn.ng-enter.ng-enter-active,
.fadeIn.ng-hide-remove.ng-hide-remove-active {
  opacity: 1; }

.fadeOut.ng-leave,
.fadeOut.ng-hide-add {
  transition-duration: 500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  transition-property: opacity;
  opacity: 1; }

.fadeOut.ng-leave.ng-leave-active,
.fadeOut.ng-hide-add.ng-hide-add-active {
  opacity: 0; }

.ng-leave,
.ng-hide-add {
  position: absolute;
  top: 0;
  transition-delay: 0; }
  .ng-leave.leaveWithFade,
  .ng-hide-add.leaveWithFade {
    transition-duration: 300ms;
    opacity: 1; }

.ng-leave.ng-leave-active.leaveWithFade,
.ng-hide-add.ng-hide-add-active.leaveWithFade {
  opacity: 0; }

.slideInRight.ng-enter,
.slideInRight.ng-hide-remove {
  transition-delay: 100ms; }

#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/ }
  #toast-container * {
    box-sizing: border-box; }
  #toast-container .toast {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    box-shadow: 0 0 12px #999999;
    color: #FFFFFF;
    opacity: 0.8; }
    #toast-container .toast:hover {
      box-shadow: 0 0 12px #000000;
      opacity: 1;
      cursor: pointer; }
    #toast-container .toast.toast-info {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; }
    #toast-container .toast.toast-error {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; }
    #toast-container .toast.toast-success {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; }
    #toast-container .toast.toast-warning {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; }
    #toast-container .toast.toast-large {
      width: 600px;
      background-position: 10px 20px; }
    #toast-container .toast.no-icon {
      background-image: none !important;
      padding-left: 20px !important; }
    #toast-container .toast.toast-chat {
      background: #32465a;
      padding-left: 15px;
      position: fixed;
      right: 15px;
      bottom: 30px; }
      #toast-container .toast.toast-chat .toast-title {
        margin-bottom: 5px; }
      #toast-container .toast.toast-chat figure {
        float: left;
        margin-right: 10px;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        overflow: hidden;
        background: url(../img/user.png);
        background-size: cover; }
        #toast-container .toast.toast-chat figure img {
          object-fit: cover;
          height: 100%;
          width: 100%; }
        #toast-container .toast.toast-chat figure #alttext-image {
          height: 0; }
      #toast-container .toast.toast-chat .toast-message {
        text-overflow: ellipsis;
        width: 200px;
        line-height: 1;
        white-space: nowrap;
        overflow: hidden; }
        #toast-container .toast.toast-chat .toast-message i {
          font-size: 10px; }
  #toast-container.toast-top-center .toast, #toast-container.toast-bottom-center .toast {
    width: 300px;
    margin-left: auto;
    margin-right: auto; }
  #toast-container.toast-top-full-width .toast, #toast-container.toast-bottom-full-width .toast {
    width: 96%;
    margin-left: auto;
    margin-right: auto; }
  #toast-container .toast {
    background-color: #030303; }
  #toast-container .toast-success {
    background-color: #51A351; }
  #toast-container .toast-error {
    background-color: #BD362F; }
  #toast-container .toast-info {
    background-color: #2F96B4; }
  #toast-container .toast-warning {
    background-color: #F89406; }

.toast-title {
  font-weight: bold;
  margin-bottom: 10px; }

.toast-message {
  word-wrap: break-word; }
  .toast-message a, .toast-message label {
    color: #FFFFFF; }
  .toast-message a:hover {
    color: #CCCCCC;
    text-decoration: none; }

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8; }
  .toast-close-button:hover, .toast-close-button:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4; }

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%; }

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%; }

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%; }

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%; }

.toast-top-left {
  top: 12px;
  left: 12px; }

.toast-top-right {
  top: 12px;
  right: 12px; }

.toast-bottom-right {
  right: 12px;
  bottom: 12px; }

.toast-bottom-left {
  bottom: 12px;
  left: 12px; }

@media all and (max-width: 240px) {
  #toast-container .toast.div {
    padding: 8px 8px 8px 50px;
    width: 11em; }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }

@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container .toast.div {
    padding: 8px 8px 8px 50px;
    width: 18em; }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }

@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container .toast.div {
    padding: 15px 15px 15px 50px;
    width: 25em; } }

div[toast] {
  opacity: 1 !important; }
  div[toast].ng-enter {
    opacity: 0 !important;
    transition: opacity .3s linear; }
    div[toast].ng-enter.ng-enter-active {
      opacity: 1 !important; }
  div[toast].ng-leave {
    opacity: 1;
    transition: opacity .3s linear; }
    div[toast].ng-leave.ng-leave-active {
      opacity: 0 !important; }

/* Text Angular */
.ta-hidden-input {
  width: 1px;
  height: 1px;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -10000px;
  left: -10000px;
  opacity: 0;
  overflow: hidden; }

.ta-scroll-window > .ta-bind {
  font-family: 'Arial', Sans-serif;
  font-size: 14px; }

/* add generic styling for the editor */
.ta-root.focussed > .ta-scroll-window.form-control {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.ta-editor.ta-html, .ta-scroll-window.form-control {
  min-height: 300px;
  height: auto;
  overflow: auto;
  font-family: inherit;
  font-size: 100%; }

.ta-scroll-window.form-control {
  position: relative;
  padding: 0; }

.ta-scroll-window > .ta-bind {
  height: auto;
  min-height: 300px;
  padding: 6px 12px; }

.ta-editor:focus {
  -webkit-user-select: text;
      -ms-user-select: text;
          user-select: text; }

/* add the styling for the awesomness of the resizer */
.ta-resizer-handle-overlay {
  z-index: 100;
  position: absolute;
  display: none; }

.ta-resizer-handle-overlay > .ta-resizer-handle-info {
  position: absolute;
  bottom: 16px;
  right: 16px;
  border: 1px solid black;
  background-color: #FFF;
  padding: 0 4px;
  opacity: 0.7; }

.ta-resizer-handle-overlay > .ta-resizer-handle-background {
  position: absolute;
  bottom: 5px;
  right: 5px;
  left: 5px;
  top: 5px;
  border: 1px solid black;
  background-color: rgba(0, 0, 0, 0.2); }

.ta-resizer-handle-overlay > .ta-resizer-handle-corner {
  width: 10px;
  height: 10px;
  position: absolute; }

.ta-resizer-handle-overlay > .ta-resizer-handle-corner-tl {
  top: 0;
  left: 0;
  border-left: 1px solid black;
  border-top: 1px solid black; }

.ta-resizer-handle-overlay > .ta-resizer-handle-corner-tr {
  top: 0;
  right: 0;
  border-right: 1px solid black;
  border-top: 1px solid black; }

.ta-resizer-handle-overlay > .ta-resizer-handle-corner-bl {
  bottom: 0;
  left: 0;
  border-left: 1px solid black;
  border-bottom: 1px solid black; }

.ta-resizer-handle-overlay > .ta-resizer-handle-corner-br {
  bottom: 0;
  right: 0;
  border: 1px solid black;
  cursor: se-resize;
  background-color: white; }

.floating-footer .popover {
  max-width: 100%; }

/* copy the popover code from bootstrap so this will work even without it */
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.popover.top {
  margin-top: -10px; }

.popover.bottom {
  margin-top: 10px; }

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  content: "";
  border-width: 10px; }

.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0; }

.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0; }

.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25); }

.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff; }

.ta-toolbar.btn-toolbar {
  margin: 0;
  padding: 6px;
  border: 1px solid #cbcbcb;
  border-bottom: 0; }
  .ta-toolbar.btn-toolbar .btn-group:first-of-type {
    margin-left: 0; }

/*
Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or http://ckeditor.com/license
*/
.cke_editable {
  /* Font */
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  /* Text color */
  color: #333;
  /* Remove the background color to make it transparent */
  background-color: #fff;
  margin: 20px;
  font-size: 13px;
  line-height: 1.6;
  /* Fix for missing scrollbars with RTL texts. (#10488) */
  word-wrap: break-word;
  /* Widget Styles */ }
  .cke_editable blockquote {
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0; }
  .cke_editable .cke_contents_ltr blockquote {
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 5px; }
  .cke_editable .cke_contents_rtl blockquote {
    padding-left: 8px;
    padding-right: 20px;
    border-right-width: 5px; }
  .cke_editable a {
    color: #0782C1; }
  .cke_editable ol,
  .cke_editable ul,
  .cke_editable dl {
    /* IE7: reset rtl list margin. (#7334) */
    *margin-right: 0px;
    /* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
    padding: 0 40px; }
  .cke_editable h1,
  .cke_editable h2,
  .cke_editable h3,
  .cke_editable h4,
  .cke_editable h5,
  .cke_editable h6 {
    font-weight: normal;
    line-height: 1.2; }
  .cke_editable hr {
    border: 0px;
    border-top: 1px solid #ccc; }
  .cke_editable img.right {
    border: 1px solid #ccc;
    float: right;
    margin-left: 15px;
    padding: 5px; }
  .cke_editable img.left {
    border: 1px solid #ccc;
    float: left;
    margin-right: 15px;
    padding: 5px; }
  .cke_editable pre {
    white-space: pre-wrap;
    /* CSS 2.1 */
    word-wrap: break-word;
    /* IE7 */
    tab-size: 4; }
  .cke_editable .marker {
    background-color: Yellow; }
  .cke_editable span[lang] {
    font-style: italic; }
  .cke_editable figure {
    text-align: center;
    border: solid 1px #ccc;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.05);
    padding: 10px;
    margin: 10px 20px;
    display: inline-block; }
  .cke_editable figure > figcaption {
    text-align: center;
    display: block;
    /* For IE8 */ }
  .cke_editable a > img {
    padding: 1px;
    margin: 1px;
    border: none;
    outline: 1px solid #0782C1; }
  .cke_editable .code-featured {
    border: 5px solid red; }
  .cke_editable .math-featured {
    padding: 20px;
    box-shadow: 0 0 2px #c80000;
    background-color: rgba(255, 0, 0, 0.05);
    margin: 10px; }
  .cke_editable .image-clean {
    border: 0;
    background: none;
    padding: 0; }
  .cke_editable .image-clean > figcaption {
    font-size: .9em;
    text-align: right; }
  .cke_editable .image-grayscale {
    background-color: white;
    color: #666; }
  .cke_editable .image-grayscale img,
  .cke_editable img.image-grayscale {
    filter: grayscale(100%); }
  .cke_editable .embed-240p {
    max-width: 426px;
    max-height: 240px;
    margin: 0 auto; }
  .cke_editable .embed-360p {
    max-width: 640px;
    max-height: 360px;
    margin: 0 auto; }
  .cke_editable .embed-480p {
    max-width: 854px;
    max-height: 480px;
    margin: 0 auto; }
  .cke_editable .embed-720p {
    max-width: 1280px;
    max-height: 720px;
    margin: 0 auto; }
  .cke_editable .embed-1080p {
    max-width: 1920px;
    max-height: 1080px;
    margin: 0 auto; }

.nya-bs-select .has-icon a .peity {
  position: absolute;
  left: 10px; }

.nya-bs-select li:disabled {
  opacity: 0.5; }

.nya-bs-select.btn-group.right .dropdown-menu {
  left: unset;
  right: 0; }

.nya-bs-select.btn-group.left .dropdown-menu {
  left: 0;
  right: unset; }

.nya-bs-select.btn-group .dropdown-menu li a {
  border-top: white; }

.nya-bs-select.btn-group .dropdown-menu li.selected, .nya-bs-select.btn-group .dropdown-menu li.selected:focus {
  border-top: 1px solid #869ab0;
  background-color: #6d86a0; }
  .nya-bs-select.btn-group .dropdown-menu li.selected a, .nya-bs-select.btn-group .dropdown-menu li.selected a:focus, .nya-bs-select.btn-group .dropdown-menu li.selected:focus a, .nya-bs-select.btn-group .dropdown-menu li.selected:focus a:focus {
    background: transparent;
    color: white;
    padding-right: 30px !important; }
    .nya-bs-select.btn-group .dropdown-menu li.selected a .check-mark, .nya-bs-select.btn-group .dropdown-menu li.selected a:focus .check-mark, .nya-bs-select.btn-group .dropdown-menu li.selected:focus a .check-mark, .nya-bs-select.btn-group .dropdown-menu li.selected:focus a:focus .check-mark {
      right: 7px !important;
      margin-top: 7px !important; }

.nya-bs-select.btn-group .dropdown-menu li.active:not(.selected) a {
  background: white;
  color: #6d86a0 !important;
  border-color: white !important; }

.nya-bs-select .bs-searchbox input {
  border: 1px solid #ccc !important; }

.nya-bs-select.no-width .dropdown-menu {
  max-width: unset !important;
  width: auto !important; }

[uib-datepicker-popup-wrap] > ul {
  margin-top: 2px !important; }

.uib-daypicker {
  padding: 10px; }
  .uib-daypicker:before, .uib-daypicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: #0003;
    content: ''; }
  .uib-daypicker:before {
    top: -7px;
    left: 9px;
    border-right: 7px solid #0000;
    border-left: 7px solid #0000;
    border-bottom: 7px solid #ccc; }
  .uib-daypicker:after {
    left: 10px;
    top: -6px;
    border-right: 6px solid #0000;
    border-bottom: 6px solid #fff;
    border-left: 6px solid #0000; }
  .uib-daypicker td {
    min-width: 25px;
    padding: 2px 4px; }
  .uib-daypicker thead button, .uib-daypicker thead .btn.btn-default {
    background: transparent;
    border: none;
    color: #6d86a0;
    font-size: 12px;
    font-weight: bold;
    text-transform: capitalize; }
    .uib-daypicker thead button strong, .uib-daypicker thead .btn.btn-default strong {
      font-weight: 800;
      font: 400 13px/1.471 'Open Sans', sans-serif; }
  .uib-daypicker thead th small {
    text-transform: capitalize;
    font-size: 12px; }
  .uib-daypicker .uib-day {
    width: 28px;
    height: 28px;
    white-space: nowrap;
    text-align: center; }
    .uib-daypicker .uib-day .btn.btn-default {
      min-width: 28px;
      border: none;
      background: transparent;
      padding: 0 !important;
      margin: 0 !important;
      color: #6d86a0;
      font-size: 12px; }
      .uib-daypicker .uib-day .btn.btn-default:not(:disabled) {
        cursor: pointer; }
        .uib-daypicker .uib-day .btn.btn-default:not(:disabled) span {
          cursor: pointer; }
      .uib-daypicker .uib-day .btn.btn-default:disabled {
        cursor: not-allowed; }
        .uib-daypicker .uib-day .btn.btn-default:disabled span {
          cursor: not-allowed !important; }
      .uib-daypicker .uib-day .btn.btn-default:focus {
        box-shadow: none;
        background-color: #357ebd !important;
        color: white;
        border-radius: 50%; }
  .uib-daypicker button:focus, .uib-daypicker .btn.btn-default:focus {
    box-shadow: none; }
  .uib-daypicker button.active, .uib-daypicker .btn.btn-default.active {
    box-shadow: none;
    background-color: #357ebd !important;
    color: white;
    border-radius: 50%;
    height: 28px; }
    .uib-daypicker button.active span, .uib-daypicker .btn.btn-default.active span {
      color: white; }

.uib-monthpicker,
.uib-yearpicker {
  min-width: 250px !important;
  margin: 5px; }
  .uib-monthpicker table,
  .uib-yearpicker table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse; }
  .uib-monthpicker tbody td,
  .uib-yearpicker tbody td {
    width: 33.333%; }
  .uib-monthpicker .uib-month .btn,
  .uib-monthpicker .uib-year .btn,
  .uib-monthpicker thead .btn,
  .uib-yearpicker .uib-month .btn,
  .uib-yearpicker .uib-year .btn,
  .uib-yearpicker thead .btn {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 0 !important; }
    .uib-monthpicker .uib-month .btn span,
    .uib-monthpicker .uib-year .btn span,
    .uib-monthpicker thead .btn span,
    .uib-yearpicker .uib-month .btn span,
    .uib-yearpicker .uib-year .btn span,
    .uib-yearpicker thead .btn span {
      cursor: pointer; }
    .uib-monthpicker .uib-month .btn.btn-info:not(.active) span,
    .uib-monthpicker .uib-year .btn.btn-info:not(.active) span,
    .uib-monthpicker thead .btn.btn-info:not(.active) span,
    .uib-yearpicker .uib-month .btn.btn-info:not(.active) span,
    .uib-yearpicker .uib-year .btn.btn-info:not(.active) span,
    .uib-yearpicker thead .btn.btn-info:not(.active) span {
      color: #6d86a0 !important; }
    .uib-monthpicker .uib-month .btn.active span.text-info,
    .uib-monthpicker .uib-year .btn.active span.text-info,
    .uib-monthpicker thead .btn.active span.text-info,
    .uib-yearpicker .uib-month .btn.active span.text-info,
    .uib-yearpicker .uib-year .btn.active span.text-info,
    .uib-yearpicker thead .btn.active span.text-info {
      color: white !important; }
  .uib-monthpicker .uib-month td,
  .uib-monthpicker .uib-year td,
  .uib-yearpicker .uib-month td,
  .uib-yearpicker .uib-year td {
    width: 200px; }

.daterangepicker .calendar th, .daterangepicker .calendar td {
  max-width: 28px;
  min-width: auto !important; }

.daterangepicker .ranges {
  padding-right: 5px; }
  .daterangepicker .ranges ul {
    margin: 0;
    width: 100% !important; }
    .daterangepicker .ranges ul li:not(.active) {
      color: #6d86a0; }
    .daterangepicker .ranges ul li.active, .daterangepicker .ranges ul li:hover {
      color: white;
      background: #6d86a0;
      border-color: #6d86a0; }

.daterangepicker .range_inputs {
  margin-top: 20%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .daterangepicker .range_inputs button {
    margin: 0 !important; }

.accordion .section {
  margin-bottom: 5px; }
  .accordion .section .header {
    background: #f2f5f7;
    padding: 10px 15px;
    width: 100%;
    display: block;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    color: #5a738e; }
    .accordion .section .header .actions {
      float: right; }
      .accordion .section .header .actions a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
      .accordion .section .header .actions .btn {
        padding: 3px 10px;
        position: relative;
        z-index: 10;
        right: 10px; }
      .accordion .section .header .actions .pretty {
        margin: 0; }
        .accordion .section .header .actions .pretty label {
          margin: 0; }
    .accordion .section .header.open {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
  .accordion .section .body {
    padding: 15px 15px 5px 15px;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-radius: 0 0 5px 5px; }
  .accordion .section .panel-body {
    border-bottom: 1px solid #efefef !important;
    border-right: 1px solid #f5f5f5 !important;
    border-left: 1px solid #f5f5f5 !important;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center; }

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101"; }

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play-circle:before {
  content: "\f102"; }

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103"; }

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104"; }

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105"; }

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106"; }

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107"; }

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108"; }

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109"; }

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-square:before {
  content: "\f10a"; }

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-spinner:before {
  content: "\f10b"; }

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10c"; }

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10d"; }

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e"; }

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-share:before {
  content: "\f10f"; }

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-cog:before {
  content: "\f110"; }

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f111"; }

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-circle-outline:before {
  content: "\f112"; }

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-circle-inner-circle:before {
  content: "\f113"; }

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-hd:before {
  content: "\f114"; }

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115"; }

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116"; }

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-facebook:before {
  content: "\f117"; }

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-gplus:before {
  content: "\f118"; }

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-linkedin:before {
  content: "\f119"; }

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-twitter:before {
  content: "\f11a"; }

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-tumblr:before {
  content: "\f11b"; }

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-pinterest:before {
  content: "\f11c"; }

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d"; }

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e"; }

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-next-item:before {
  content: "\f11f"; }

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-previous-item:before {
  content: "\f120"; }

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f121"; }

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f122"; }

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial; }

.video-js:-moz-full-screen {
  position: absolute; }

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important; }

.video-js[tabindex="-1"] {
  outline: none; }

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit; }

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0; }

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%; }

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0; }

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%; }

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%; }

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%; }

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%; }

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%; }

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none; }

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%; }

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0; }

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none; }

.vjs-hidden {
  display: none !important; }

.vjs-disabled {
  opacity: 0.5;
  cursor: default; }

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important; }

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto; }

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC; }

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s; }

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.81666em;
  margin-left: -1.5em; }

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s; }

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none; }

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block; }

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  appearance: none; }

.vjs-control .vjs-button {
  width: 100%;
  height: 100%; }

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2; }

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto; }

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box; }

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1; }

.vjs-menu-button {
  cursor: pointer; }

.vjs-menu-button.vjs-disabled {
  cursor: default; }

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none; }

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto; }

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box; }

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none; }

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F; }

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none; }

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default; }

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7); }

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em; }

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em; }

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em; }

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em; }

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em; }

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block; }

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden; }

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em; }

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em; }

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s; }

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1; }

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto; }

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto; }

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden; }

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s; }

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s; }

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important; }

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto; }

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table; }

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -ms-flex: none;
      flex: none; }

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em; }

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67; }

.vjs-button > .vjs-icon-placeholder {
  display: block; }

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white; }

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle; }

.video-js .vjs-custom-control-spacer {
  display: none; }

.video-js .vjs-progress-control {
  cursor: pointer;
  -ms-flex: auto;
      flex: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-width: 4em;
  -ms-touch-action: none;
      touch-action: none; }

.video-js .vjs-progress-control.disabled {
  cursor: default; }

.vjs-live .vjs-progress-control {
  display: none; }

.vjs-liveui .vjs-progress-control {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.vjs-no-flex .vjs-progress-control {
  width: auto; }

.video-js .vjs-progress-holder {
  -ms-flex: auto;
      flex: auto;
  transition: all 0.2s;
  height: 0.3em; }

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px; }

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em; }

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em; }

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0; }

.video-js .vjs-play-progress {
  background-color: #fff; }

.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1; }

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5); }

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75); }

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1; }

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none; }

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible; }

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em; }

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1; }

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0; }

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block; }

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s; }

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none; }

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8); }

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.video-js .vjs-slider.disabled {
  cursor: default; }

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff; }

.video-js .vjs-mute-control {
  cursor: pointer;
  -ms-flex: none;
      flex: none; }

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: -ms-flexbox;
  display: flex; }

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em; }

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px; }

.video-js .vjs-volume-panel {
  transition: width 1s; }

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; }

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0; }

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s; }

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s; }

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em; }

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; }

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; }

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none; }

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em; }

.video-js .vjs-volume-panel {
  display: -ms-flexbox;
  display: flex; }

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em; }

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em; }

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto; }

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff; }

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1; }

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em; }

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1; }

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em; }

.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em; }

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em; }

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%; }

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%; }

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em; }

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1; }

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible; }

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px; }

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em; }

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1; }

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%; }

.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  z-index: 0; }

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block; }

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s; }

.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  display: none; }

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8); }

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%; }

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none; }

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
  display: block; }

.video-js .vjs-live-control {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex: auto;
      flex: auto;
  font-size: 1em;
  line-height: 3em; }

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left; }

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none; }

.video-js .vjs-seek-to-live-control {
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  -ms-flex: none;
      flex: none;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em; }

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left; }

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none; }

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto; }

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888; }

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red; }

.video-js .vjs-time-control {
  -ms-flex: none;
      flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em; }

.vjs-live .vjs-time-control {
  display: none; }

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none; }

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none; }

.vjs-time-divider {
  display: none;
  line-height: 3em; }

.vjs-live .vjs-time-divider {
  display: none; }

.video-js .vjs-play-control {
  cursor: pointer; }

.video-js .vjs-play-control .vjs-icon-placeholder {
  -ms-flex: none;
      flex: none; }

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none; }

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em; }

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em; }

.vjs-subtitles {
  color: #fff; }

.vjs-captions {
  color: #fc6; }

.vjs-tt-cue {
  display: block; }

video::-webkit-media-text-track-display {
  transform: translateY(-3em); }

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em); }

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  -ms-flex: none;
      flex: none; }

.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
  display: none; }

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -ms-flex: none;
      flex: none; }

.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
  display: none; }

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center; }

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em; }

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center; }

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%; }

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden; }

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  animation: vjs-spinner-show 0s linear 0.3s forwards; }

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  animation-delay: 0.44s; }

@keyframes vjs-spinner-show {
  to {
    visibility: visible; } }

@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg); } }

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none; }

.vjs-chapters-button .vjs-menu ul {
  width: 24em; }

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none; }

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em; }

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "";
  font-size: 1.5em;
  line-height: inherit; }

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none; }

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em; }

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " ";
  font-size: 1.5em;
  line-height: inherit; }

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none; }

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial; }

.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none; }

.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  -ms-flex: auto;
      flex: auto;
  display: block; }

.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
  width: auto; }

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%; }

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table; }

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell; }

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom; }

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px; }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px; }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1; }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; } }

.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em; }

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none; }

.vjs-text-track-settings fieldset span {
  display: inline-block; }

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em; }

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0; }

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); }

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75); }

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px; }

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em; }

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden; } }

.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000; }

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none; }

.video-js *:focus:not(:focus-visible) {
  outline: none; }

/*!
 * 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;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

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

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

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

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

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

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

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

button {
  overflow: visible; }

button,
select {
  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 {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  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-appearance: textfield;
  box-sizing: content-box; }

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

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

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "\002a"; }

.glyphicon-plus:before {
  content: "\002b"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-btc:before {
  content: "\e227"; }

.glyphicon-xbt:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-jpy:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-rub:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

* {
  box-sizing: border-box; }

*:before,
*:after {
  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.42857;
  color: #333333;
  background-color: #fff; }

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

a {
  color: #337ab7;
  text-decoration: none; }
  a:hover, a:focus {
    color: #23527c;
    text-decoration: underline; }
  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

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

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[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 small,
  h1 .small, h2 small,
  h2 .small, h3 small,
  h3 .small, h4 small,
  h4 .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small,
  .h2 .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777777; }

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }
  h1 small,
  h1 .small, .h1 small,
  .h1 .small,
  h2 small,
  h2 .small, .h2 small,
  .h2 .small,
  h3 small,
  h3 .small, .h3 small,
  .h3 .small {
    font-size: 65%; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }
  h4 small,
  h4 .small, .h4 small,
  .h4 .small,
  h5 small,
  h5 .small, .h5 small,
  .h5 .small,
  h6 small,
  h6 .small, .h6 small,
  .h6 .small {
    font-size: 75%; }

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; }

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 21px; } }

small,
.small {
  font-size: 85%; }

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em; }

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

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

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

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

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase, .initialism {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-muted {
  color: #777777; }

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

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

.text-success {
  color: #3c763d; }

a.text-success:hover,
a.text-success:focus {
  color: #2b542c; }

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

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

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c; }

.text-danger {
  color: #a94442; }

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

.bg-primary {
  color: #fff; }

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

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

.bg-success {
  background-color: #dff0d8; }

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3; }

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

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

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5; }

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

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

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee; }

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

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

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px; }
  .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table; }

.dl-horizontal dd:after {
  clear: both; }

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777; }

.initialism {
  font-size: 90%; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777777; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: '\2014 \00A0'; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right; }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: ''; }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: '\00A0 \2014'; }

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

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none; }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

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

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

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

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

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

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

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

@media (min-width: 768px) {
  .col-sm-1, .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-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .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-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

table {
  background-color: transparent; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #ddd; }
  .table .table {
    background-color: #fff; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }
  @media screen and (max-width: 767px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 15px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd; }
      .table-responsive > .table {
        margin-bottom: 0; }
        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap; }
      .table-responsive > .table-bordered {
        border: 0; }
        .table-responsive > .table-bordered > thead > tr > th:first-child,
        .table-responsive > .table-bordered > thead > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive > .table-bordered > tfoot > tr > td:first-child {
          border-left: 0; }
        .table-responsive > .table-bordered > thead > tr > th:last-child,
        .table-responsive > .table-bordered > thead > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive > .table-bordered > tfoot > tr > td:last-child {
          border-right: 0; }
        .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0; } }

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold; }

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

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

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

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

select[multiple],
select[size] {
  height: auto; }

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

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.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 {
    border: 0;
    background-color: transparent; }
  .form-control[disabled], .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1; }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed; }

textarea.form-control {
  height: auto; }

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-group-sm > input.form-control[type="date"],
  .input-group-sm > input.input-group-addon[type="date"],
  .input-group-sm > .input-group-btn > input.btn[type="date"],
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input.form-control[type="time"],
  .input-group-sm > input.input-group-addon[type="time"],
  .input-group-sm > .input-group-btn > input.btn[type="time"],
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input.form-control[type="datetime-local"],
  .input-group-sm > input.input-group-addon[type="datetime-local"],
  .input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input.form-control[type="month"],
  .input-group-sm > input.input-group-addon[type="month"],
  .input-group-sm > .input-group-btn > input.btn[type="month"],
  .input-group-sm
  input[type="month"] {
    line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg > input.form-control[type="date"],
  .input-group-lg > input.input-group-addon[type="date"],
  .input-group-lg > .input-group-btn > input.btn[type="date"],
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input.form-control[type="time"],
  .input-group-lg > input.input-group-addon[type="time"],
  .input-group-lg > .input-group-btn > input.btn[type="time"],
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input.form-control[type="datetime-local"],
  .input-group-lg > input.input-group-addon[type="datetime-local"],
  .input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input.form-control[type="month"],
  .input-group-lg > input.input-group-addon[type="month"],
  .input-group-lg > .input-group-btn > input.btn[type="month"],
  .input-group-lg
  input[type="month"] {
    line-height: 46px; } }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio label,
  .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

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

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px; }
  .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-left: 0;
    padding-right: 0; }

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px; }

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select.form-control[multiple],
.input-group-sm > select.input-group-addon[multiple],
.input-group-sm > .input-group-btn > select.btn[multiple] {
  height: auto; }

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

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px; }

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto; }

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5; }

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px; }

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select.form-control[multiple],
.input-group-lg > select.input-group-addon[multiple],
.input-group-lg > .input-group-btn > select.btn[multiple] {
  height: auto; }

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px; }

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto; }

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.has-feedback {
  position: relative; }
  .has-feedback .form-control {
    padding-right: 42.5px; }

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d; }

.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus {
    border-color: #2b542c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }

.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b; }

.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus {
    border-color: #66512c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }

.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442; }

.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede; }

.has-error .form-control-feedback {
  color: #a94442; }

.has-feedback label ~ .form-control-feedback {
  top: 25px; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      width: auto; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
    .form-inline .radio label,
    .form-inline .checkbox label {
      padding-left: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table; }
  .form-horizontal .form-group:after {
    clear: both; }

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px; } }

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px; }

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px; } }

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px; } }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none; }
  .btn:active, .btn.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c; }
  .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
    .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
    .open > .btn-default.dropdown-toggle:hover,
    .open > .btn-default.dropdown-toggle:focus,
    .open > .btn-default.dropdown-toggle.focus {
      color: #333;
      background-color: #d4d4d4;
      border-color: #8c8c8c; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    background-image: none; }
  .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc; }
  .btn-default .badge {
    color: #fff;
    background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4; }
  .btn-primary:focus, .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, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #286090;
    border-color: #204d74; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
    .open > .btn-primary.dropdown-toggle:hover,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .btn-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #204d74;
      border-color: #122b40; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus {
    background-color: #337ab7;
    border-color: #2e6da4; }
  .btn-primary .badge {
    color: #337ab7;
    background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625; }
  .btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
    .open > .btn-success.dropdown-toggle:hover,
    .open > .btn-success.dropdown-toggle:focus,
    .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #398439;
      border-color: #255625; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .btn-success .badge {
    color: #5cb85c;
    background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
  .btn-info:focus, .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, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
    .open > .btn-info.dropdown-toggle:hover,
    .open > .btn-info.dropdown-toggle:focus,
    .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1b6d85; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d; }
  .btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .btn-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #d58512;
      border-color: #985f0d; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }
  .btn-danger:focus, .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, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
    .open > .btn-danger.dropdown-toggle:hover,
    .open > .btn-danger.dropdown-toggle:focus,
    .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #ac2925;
      border-color: #761c19; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a; }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff; }

.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

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

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

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333333;
    white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #777777;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: ""; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    float: left; }
    .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:hover,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 2; }

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

.btn-toolbar {
  margin-left: -5px; }
  .btn-toolbar:before, .btn-toolbar:after {
    content: " ";
    display: table; }
  .btn-toolbar:after {
    clear: both; }
  .btn-toolbar .btn,
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left; }
  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 5px; }

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

.btn-group > .btn:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

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

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

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

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

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn-group.open .dropdown-toggle.btn-link {
    box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table; }

.btn-group-vertical > .btn-group:after {
  clear: both; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

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

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

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

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
  .btn-group-justified > .btn,
  .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%; }
  .btn-group-justified > .btn-group .btn {
    width: 100%; }
  .btn-group-justified > .btn-group .dropdown-menu {
    left: auto; }

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

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }
    .input-group .form-control:focus {
      z-index: 3; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px; }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px; }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn {
    position: relative; }
    .input-group-btn > .btn + .btn {
      margin-left: -1px; }
    .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
      z-index: 2; }
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px; }
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px; }

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .nav:before, .nav:after {
    content: " ";
    display: table; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #eeeeee; }
    .nav > li.disabled > a {
      color: #777777; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #777777;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #337ab7; }
  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.42857;
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #ddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #555555;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent;
      cursor: default; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 4px; }
  .nav-pills > li + li {
    margin-left: 2px; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #337ab7; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      text-align: center;
      margin-bottom: 5px; }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }
  @media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; }
      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd; }
  @media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 4px 4px 0 0; }
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus,
    .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: #fff; } }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent; }
  .navbar:before, .navbar:after {
    content: " ";
    display: table; }
  .navbar:after {
    clear: both; }
  @media (min-width: 768px) {
    .navbar {
      border-radius: 4px; } }

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table; }

.navbar-header:after {
  clear: both; }

@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table; }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 768px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none; }
      .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important; }
      .navbar-collapse.in {
        overflow-y: visible; }
      .navbar-fixed-top .navbar-collapse,
      .navbar-static-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0; } }

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px; }
  @media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
      max-height: 200px; } }

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }
  @media (min-width: 768px) {
    .container > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
  @media (min-width: 768px) {
    .navbar-static-top {
      border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  @media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: -15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }
  .navbar-toggle:focus {
    outline: 0; }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  @media (min-width: 768px) {
    .navbar-toggle {
      display: none; } }

.navbar-nav {
  margin: 7.5px -15px; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px; }
  @media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none; }
      .navbar-nav .open .dropdown-menu > li > a,
      .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px; }
      .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px; }
        .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
          background-image: none; } }
  @media (min-width: 768px) {
    .navbar-nav {
      float: left;
      margin: 0; }
      .navbar-nav > li {
        float: left; }
        .navbar-nav > li > a {
          padding-top: 15px;
          padding-bottom: 15px; } }

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px; }
  @media (min-width: 768px) {
    .navbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .navbar-form .form-control-static {
      display: inline-block; }
    .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle; }
      .navbar-form .input-group .input-group-addon,
      .navbar-form .input-group .input-group-btn,
      .navbar-form .input-group .form-control {
        width: auto; }
    .navbar-form .input-group > .form-control {
      width: 100%; }
    .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .radio,
    .navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle; }
      .navbar-form .radio label,
      .navbar-form .checkbox label {
        padding-left: 0; }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0; }
    .navbar-form .has-feedback .form-control-feedback {
      top: 0; } }
  @media (max-width: 767px) {
    .navbar-form .form-group {
      margin-bottom: 5px; }
      .navbar-form .form-group:last-child {
        margin-bottom: 0; } }
  @media (min-width: 768px) {
    .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      box-shadow: none; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }
  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 10px;
    margin-bottom: 10px; }
  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px; }

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .navbar-text {
      float: left;
      margin-left: 15px;
      margin-right: 15px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important;
    margin-right: -15px; }
    .navbar-right ~ .navbar-right {
      margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }
  .navbar-default .navbar-brand {
    color: #777; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #5e5e5e;
      background-color: transparent; }
  .navbar-default .navbar-text {
    color: #777; }
  .navbar-default .navbar-nav > li > a {
    color: #777; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #333;
      background-color: transparent; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; }
  .navbar-default .navbar-toggle {
    border-color: #ddd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #ddd; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #888; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e7e7e7; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555; }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777; }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7; }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent; } }
  .navbar-default .navbar-link {
    color: #777; }
    .navbar-default .navbar-link:hover {
      color: #333; }
  .navbar-default .btn-link {
    color: #777; }
    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
      color: #333; }
    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:hover,
    fieldset[disabled] .navbar-default .btn-link:focus {
      color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #090909; }
  .navbar-inverse .navbar-brand {
    color: #9d9d9d; }
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-text {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d; }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090909; }
  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent; }
  .navbar-inverse .navbar-toggle {
    border-color: #333; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #333; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #fff; }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010; }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #090909;
    color: #fff; }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #9d9d9d; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent; } }
  .navbar-inverse .navbar-link {
    color: #9d9d9d; }
    .navbar-inverse .navbar-link:hover {
      color: #fff; }
  .navbar-inverse .btn-link {
    color: #9d9d9d; }
    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
      color: #fff; }
    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
      color: #444; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px; }
  .breadcrumb > li {
    display: inline-block; }
    .breadcrumb > li + li:before {
      content: "/ ";
      padding: 0 5px;
      color: #ccc; }
  .breadcrumb > .active {
    color: #777777; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      line-height: 1.42857;
      text-decoration: none;
      color: #337ab7;
      background-color: #fff;
      border: 1px solid #ddd;
      margin-left: -1px; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px; }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center; }
  .pager:before, .pager:after {
    content: " ";
    display: table; }
  .pager:after {
    clear: both; }
  .pager li {
    display: inline; }
    .pager li > a,
    .pager li > span {
      display: inline-block;
      padding: 5px 14px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 15px; }
    .pager li > a:hover,
    .pager li > a:focus {
      text-decoration: none;
      background-color: #eeeeee; }
  .pager .next > a,
  .pager .next > span {
    float: right; }
  .pager .previous > a,
  .pager .previous > span {
    float: left; }
  .pager .disabled > a,
  .pager .disabled > a:hover,
  .pager .disabled > a:focus,
  .pager .disabled > span {
    color: #777777;
    background-color: #fff;
    cursor: not-allowed; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }
  .label:empty {
    display: none; }
  .btn .label {
    position: relative;
    top: -1px; }

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label-default {
  background-color: #777777; }
  .label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e; }

.label-primary {
  background-color: #337ab7; }
  .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #286090; }

.label-success {
  background-color: #5cb85c; }
  .label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44; }

.label-info {
  background-color: #5bc0de; }
  .label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5; }

.label-warning {
  background-color: #f0ad4e; }
  .label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f; }

.label-danger {
  background-color: #d9534f; }
  .label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #c9302c; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px; }
  .badge:empty {
    display: none; }
  .btn .badge {
    position: relative;
    top: -1px; }
  .btn-xs .badge, .btn-group-xs > .btn .badge,
  .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px; }
  .list-group-item.active > .badge,
  .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff; }
  .list-group-item > .badge {
    float: right; }
  .list-group-item > .badge + .badge {
    margin-right: 5px; }
  .nav-pills > li > a > .badge {
    margin-left: 3px; }

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee; }
  .jumbotron h1,
  .jumbotron .h1 {
    color: inherit; }
  .jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200; }
  .jumbotron > hr {
    border-top-color: #d5d5d5; }
  .container .jumbotron,
  .container-fluid .jumbotron {
    border-radius: 6px;
    padding-left: 15px;
    padding-right: 15px; }
  .jumbotron .container {
    max-width: 100%; }
  @media screen and (min-width: 768px) {
    .jumbotron {
      padding-top: 48px;
      padding-bottom: 48px; }
      .container .jumbotron,
      .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px; }
      .jumbotron h1,
      .jumbotron .h1 {
        font-size: 63px; } }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: border 0.2s ease-in-out; }
  .thumbnail > img,
  .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto; }
  .thumbnail .caption {
    padding: 9px;
    color: #333333; }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7; }

.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: bold; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px; }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }
  .alert-success hr {
    border-top-color: #c9e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f; }
  .alert-info hr {
    border-top-color: #a6e1ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }
  .alert-warning hr {
    border-top-color: #f7e1b5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }
  .alert-danger hr {
    border-top-color: #e4b9c0; }
  .alert-danger .alert-link {
    color: #843534; }

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

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease; }

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

.progress.active .progress-bar,
.progress-bar.active {
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success {
  background-color: #5cb85c; }
  .progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info {
  background-color: #5bc0de; }
  .progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning {
  background-color: #f0ad4e; }
  .progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger {
  background-color: #d9534f; }
  .progress-striped .progress-bar-danger {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.media {
  margin-top: 15px; }
  .media:first-child {
    margin-top: 0; }

.media,
.media-body {
  zoom: 1;
  overflow: hidden; }

.media-body {
  width: 10000px; }

.media-object {
  display: block; }
  .media-object.img-thumbnail {
    max-width: none; }

.media-right,
.media > .pull-right {
  padding-left: 10px; }

.media-left,
.media > .pull-left {
  padding-right: 10px; }

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.media-list {
  padding-left: 0;
  list-style: none; }

.list-group {
  margin-bottom: 20px;
  padding-left: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }

a.list-group-item,
button.list-group-item {
  color: #555; }
  a.list-group-item .list-group-item-heading,
  button.list-group-item .list-group-item-heading {
    color: #333; }
  a.list-group-item:hover, a.list-group-item:focus,
  button.list-group-item:hover,
  button.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5; }

button.list-group-item {
  width: 100%;
  text-align: left; }

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed; }
  .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
    color: inherit; }
  .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
    color: #777777; }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7; }
  .list-group-item.active .list-group-item-heading,
  .list-group-item.active .list-group-item-heading > small,
  .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
  .list-group-item.active:hover .list-group-item-heading > small,
  .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
  .list-group-item.active:focus .list-group-item-heading > small,
  .list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit; }
  .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: #c7ddef; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d; }
  a.list-group-item-success .list-group-item-heading,
  button.list-group-item-success .list-group-item-heading {
    color: inherit; }
  a.list-group-item-success:hover, a.list-group-item-success:focus,
  button.list-group-item-success:hover,
  button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6; }
  a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
  button.list-group-item-success.active,
  button.list-group-item-success.active:hover,
  button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f; }
  a.list-group-item-info .list-group-item-heading,
  button.list-group-item-info .list-group-item-heading {
    color: inherit; }
  a.list-group-item-info:hover, a.list-group-item-info:focus,
  button.list-group-item-info:hover,
  button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3; }
  a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
  button.list-group-item-info.active,
  button.list-group-item-info.active:hover,
  button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b; }
  a.list-group-item-warning .list-group-item-heading,
  button.list-group-item-warning .list-group-item-heading {
    color: inherit; }
  a.list-group-item-warning:hover, a.list-group-item-warning:focus,
  button.list-group-item-warning:hover,
  button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc; }
  a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
  button.list-group-item-warning.active,
  button.list-group-item-warning.active:hover,
  button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442; }
  a.list-group-item-danger .list-group-item-heading,
  button.list-group-item-danger .list-group-item-heading {
    color: inherit; }
  a.list-group-item-danger:hover, a.list-group-item-danger:focus,
  button.list-group-item-danger:hover,
  button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc; }
  a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
  button.list-group-item-danger.active,
  button.list-group-item-danger.active:hover,
  button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }
  .panel-body:before, .panel-body:after {
    content: " ";
    display: table; }
  .panel-body:after {
    clear: both; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit; }
  .panel-title > a,
  .panel-title > small,
  .panel-title > .small,
  .panel-title > small > a,
  .panel-title > .small > a {
    color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0; }
  .panel > .list-group .list-group-item,
  .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0; }
  .panel > .list-group:first-child .list-group-item:first-child,
  .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px; }
  .panel > .list-group:last-child .list-group-item:last-child,
  .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.list-group + .panel-footer {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0; }
  .panel > .table caption,
  .panel > .table-responsive > .table caption,
  .panel > .panel-collapse > .table caption {
    padding-left: 15px;
    padding-right: 15px; }

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
  .panel > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
      border-top-left-radius: 3px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
      border-top-right-radius: 3px; }

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }
  .panel > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
      border-bottom-left-radius: 3px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
      border-bottom-right-radius: 3px; }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd; }

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0; }
  .panel > .table-bordered > thead > tr > th:first-child,
  .panel > .table-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .panel > .table-bordered > thead > tr > th:last-child,
  .panel > .table-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .panel > .table-bordered > thead > tr:first-child > td,
  .panel > .table-bordered > thead > tr:first-child > th,
  .panel > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-bordered > tbody > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0; }
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0; }

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0; }

.panel-group {
  margin-bottom: 20px; }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px; }
    .panel-group .panel + .panel {
      margin-top: 5px; }
  .panel-group .panel-heading {
    border-bottom: 0; }
    .panel-group .panel-heading + .panel-collapse > .panel-body,
    .panel-group .panel-heading + .panel-collapse > .list-group {
      border-top: 1px solid #ddd; }
  .panel-group .panel-footer {
    border-top: 0; }
    .panel-group .panel-footer + .panel-collapse .panel-body {
      border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }
  .panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #ddd; }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ddd; }
    .panel-default > .panel-heading .badge {
      color: #f5f5f5;
      background-color: #333333; }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd; }

.panel-primary {
  border-color: #337ab7; }
  .panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7; }
    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #337ab7; }
    .panel-primary > .panel-heading .badge {
      color: #337ab7;
      background-color: #fff; }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7; }

.panel-success {
  border-color: #d6e9c6; }
  .panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6; }
    .panel-success > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #d6e9c6; }
    .panel-success > .panel-heading .badge {
      color: #dff0d8;
      background-color: #3c763d; }
  .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6; }

.panel-info {
  border-color: #bce8f1; }
  .panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1; }
    .panel-info > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #bce8f1; }
    .panel-info > .panel-heading .badge {
      color: #d9edf7;
      background-color: #31708f; }
  .panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1; }

.panel-warning {
  border-color: #faebcc; }
  .panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc; }
    .panel-warning > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #faebcc; }
    .panel-warning > .panel-heading .badge {
      color: #fcf8e3;
      background-color: #8a6d3b; }
  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }
  .panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1; }
    .panel-danger > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ebccd1; }
    .panel-danger > .panel-heading .badge {
      color: #f2dede;
      background-color: #a94442; }
  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
  .well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 6px; }

.well-sm {
  padding: 9px;
  border-radius: 3px; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20); }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50); }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    transform: translate(0, -25%);
    transition: transform 0.3s ease-out; }
  .modal.in .modal-dialog {
    transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0); }
  .modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }
  .modal-header:before, .modal-header:after {
    content: " ";
    display: table; }
  .modal-header:after {
    clear: both; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0; }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0); }
  .tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }
  .popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }
  .popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff; }

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }
  .popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }
  .popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .carousel-inner > .item {
    display: none;
    position: relative;
    transition: 0.6s ease-in-out left; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
      display: block;
      max-width: 100%;
      height: auto;
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner > .item {
        transition: transform 0.6s ease-in-out;
        backface-visibility: hidden;
        perspective: 1000px; }
        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
          transform: translate3d(100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
          transform: translate3d(-100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
          transform: translate3d(0, 0, 0);
          left: 0; } }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0); }
  .carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
  .carousel-control.right {
    left: auto;
    right: 0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
  .carousel-control:hover, .carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block; }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif; }
  .carousel-control .icon-prev:before {
    content: '\2039'; }
  .carousel-control .icon-next:before {
    content: '\203a'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0); }
  .carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption .btn {
    text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px; }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

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

.clearfix:after {
  clear: both; }

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

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

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

.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

/*!
 *  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 PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571429em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none; }

.fa-ul > li {
  position: relative; }

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center; }

.fa-li.fa-lg {
  left: -1.85714286em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  animation: fa-spin 1s infinite steps(8); }

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

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #ffffff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000"; }

.fa-music:before {
  content: "\f001"; }

.fa-search:before {
  content: "\f002"; }

.fa-envelope-o:before {
  content: "\f003"; }

.fa-heart:before {
  content: "\f004"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-o:before {
  content: "\f006"; }

.fa-user:before {
  content: "\f007"; }

.fa-film:before {
  content: "\f008"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-check:before {
  content: "\f00c"; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-signal:before {
  content: "\f012"; }

.fa-gear:before,
.fa-cog:before {
  content: "\f013"; }

.fa-trash-o:before {
  content: "\f014"; }

.fa-home:before {
  content: "\f015"; }

.fa-file-o:before {
  content: "\f016"; }

.fa-clock-o:before {
  content: "\f017"; }

.fa-road:before {
  content: "\f018"; }

.fa-download:before {
  content: "\f019"; }

.fa-arrow-circle-o-down:before {
  content: "\f01a"; }

.fa-arrow-circle-o-up:before {
  content: "\f01b"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-play-circle-o:before {
  content: "\f01d"; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e"; }

.fa-refresh:before {
  content: "\f021"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-lock:before {
  content: "\f023"; }

.fa-flag:before {
  content: "\f024"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-print:before {
  content: "\f02f"; }

.fa-camera:before {
  content: "\f030"; }

.fa-font:before {
  content: "\f031"; }

.fa-bold:before {
  content: "\f032"; }

.fa-italic:before {
  content: "\f033"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-list:before {
  content: "\f03a"; }

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-video-camera:before {
  content: "\f03d"; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e"; }

.fa-pencil:before {
  content: "\f040"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-tint:before {
  content: "\f043"; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044"; }

.fa-share-square-o:before {
  content: "\f045"; }

.fa-check-square-o:before {
  content: "\f046"; }

.fa-arrows:before {
  content: "\f047"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-play:before {
  content: "\f04b"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-eject:before {
  content: "\f052"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-times-circle-o:before {
  content: "\f05c"; }

.fa-check-circle-o:before {
  content: "\f05d"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064"; }

.fa-expand:before {
  content: "\f065"; }

.fa-compress:before {
  content: "\f066"; }

.fa-plus:before {
  content: "\f067"; }

.fa-minus:before {
  content: "\f068"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-plane:before {
  content: "\f072"; }

.fa-calendar:before {
  content: "\f073"; }

.fa-random:before {
  content: "\f074"; }

.fa-comment:before {
  content: "\f075"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-arrows-v:before {
  content: "\f07d"; }

.fa-arrows-h:before {
  content: "\f07e"; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-key:before {
  content: "\f084"; }

.fa-gears:before,
.fa-cogs:before {
  content: "\f085"; }

.fa-comments:before {
  content: "\f086"; }

.fa-thumbs-o-up:before {
  content: "\f087"; }

.fa-thumbs-o-down:before {
  content: "\f088"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-heart-o:before {
  content: "\f08a"; }

.fa-sign-out:before {
  content: "\f08b"; }

.fa-linkedin-square:before {
  content: "\f08c"; }

.fa-thumb-tack:before {
  content: "\f08d"; }

.fa-external-link:before {
  content: "\f08e"; }

.fa-sign-in:before {
  content: "\f090"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-upload:before {
  content: "\f093"; }

.fa-lemon-o:before {
  content: "\f094"; }

.fa-phone:before {
  content: "\f095"; }

.fa-square-o:before {
  content: "\f096"; }

.fa-bookmark-o:before {
  content: "\f097"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a"; }

.fa-github:before {
  content: "\f09b"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-feed:before,
.fa-rss:before {
  content: "\f09e"; }

.fa-hdd-o:before {
  content: "\f0a0"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-hand-o-right:before {
  content: "\f0a4"; }

.fa-hand-o-left:before {
  content: "\f0a5"; }

.fa-hand-o-up:before {
  content: "\f0a6"; }

.fa-hand-o-down:before {
  content: "\f0a7"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-group:before,
.fa-users:before {
  content: "\f0c0"; }

.fa-chain:before,
.fa-link:before {
  content: "\f0c1"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4"; }

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-plus:before {
  content: "\f0d5"; }

.fa-money:before {
  content: "\f0d6"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc"; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd"; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-linkedin:before {
  content: "\f0e1"; }

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2"; }

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3"; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4"; }

.fa-comment-o:before {
  content: "\f0e5"; }

.fa-comments-o:before {
  content: "\f0e6"; }

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea"; }

.fa-lightbulb-o:before {
  content: "\f0eb"; }

.fa-exchange:before {
  content: "\f0ec"; }

.fa-cloud-download:before {
  content: "\f0ed"; }

.fa-cloud-upload:before {
  content: "\f0ee"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-bell-o:before {
  content: "\f0a2"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cutlery:before {
  content: "\f0f5"; }

.fa-file-text-o:before {
  content: "\f0f6"; }

.fa-building-o:before {
  content: "\f0f7"; }

.fa-hospital-o:before {
  content: "\f0f8"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b"; }

.fa-circle-o:before {
  content: "\f10c"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-circle:before {
  content: "\f111"; }

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-folder-o:before {
  content: "\f114"; }

.fa-folder-open-o:before {
  content: "\f115"; }

.fa-smile-o:before {
  content: "\f118"; }

.fa-frown-o:before {
  content: "\f119"; }

.fa-meh-o:before {
  content: "\f11a"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-keyboard-o:before {
  content: "\f11c"; }

.fa-flag-o:before {
  content: "\f11d"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-code:before {
  content: "\f121"; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122"; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-crop:before {
  content: "\f125"; }

.fa-code-fork:before {
  content: "\f126"; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127"; }

.fa-question:before {
  content: "\f128"; }

.fa-info:before {
  content: "\f129"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-shield:before {
  content: "\f132"; }

.fa-calendar-o:before {
  content: "\f133"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-ticket:before {
  content: "\f145"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-minus-square-o:before {
  content: "\f147"; }

.fa-level-up:before {
  content: "\f148"; }

.fa-level-down:before {
  content: "\f149"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-pencil-square:before {
  content: "\f14b"; }

.fa-external-link-square:before {
  content: "\f14c"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150"; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151"; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152"; }

.fa-euro:before,
.fa-eur:before {
  content: "\f153"; }

.fa-gbp:before {
  content: "\f154"; }

.fa-dollar:before,
.fa-usd:before {
  content: "\f155"; }

.fa-rupee:before,
.fa-inr:before {
  content: "\f156"; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157"; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158"; }

.fa-won:before,
.fa-krw:before {
  content: "\f159"; }

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-text:before {
  content: "\f15c"; }

.fa-sort-alpha-asc:before {
  content: "\f15d"; }

.fa-sort-alpha-desc:before {
  content: "\f15e"; }

.fa-sort-amount-asc:before {
  content: "\f160"; }

.fa-sort-amount-desc:before {
  content: "\f161"; }

.fa-sort-numeric-asc:before {
  content: "\f162"; }

.fa-sort-numeric-desc:before {
  content: "\f163"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-youtube-square:before {
  content: "\f166"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-youtube-play:before {
  content: "\f16a"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-adn:before {
  content: "\f170"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitbucket-square:before {
  content: "\f172"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-long-arrow-down:before {
  content: "\f175"; }

.fa-long-arrow-up:before {
  content: "\f176"; }

.fa-long-arrow-left:before {
  content: "\f177"; }

.fa-long-arrow-right:before {
  content: "\f178"; }

.fa-apple:before {
  content: "\f179"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-android:before {
  content: "\f17b"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-trello:before {
  content: "\f181"; }

.fa-female:before {
  content: "\f182"; }

.fa-male:before {
  content: "\f183"; }

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184"; }

.fa-sun-o:before {
  content: "\f185"; }

.fa-moon-o:before {
  content: "\f186"; }

.fa-archive:before {
  content: "\f187"; }

.fa-bug:before {
  content: "\f188"; }

.fa-vk:before {
  content: "\f189"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-arrow-circle-o-right:before {
  content: "\f18e"; }

.fa-arrow-circle-o-left:before {
  content: "\f190"; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191"; }

.fa-dot-circle-o:before {
  content: "\f192"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195"; }

.fa-plus-square-o:before {
  content: "\f196"; }

.fa-space-shuttle:before {
  content: "\f197"; }

.fa-slack:before {
  content: "\f198"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c"; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-pied-piper-pp:before {
  content: "\f1a7"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-spoon:before {
  content: "\f1b1"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-recycle:before {
  content: "\f1b8"; }

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9"; }

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba"; }

.fa-tree:before {
  content: "\f1bb"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-database:before {
  content: "\f1c0"; }

.fa-file-pdf-o:before {
  content: "\f1c1"; }

.fa-file-word-o:before {
  content: "\f1c2"; }

.fa-file-excel-o:before {
  content: "\f1c3"; }

.fa-file-powerpoint-o:before {
  content: "\f1c4"; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5"; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6"; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7"; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8"; }

.fa-file-code-o:before {
  content: "\f1c9"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd"; }

.fa-circle-o-notch:before {
  content: "\f1ce"; }

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0"; }

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7"; }

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8"; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9"; }

.fa-history:before {
  content: "\f1da"; }

.fa-circle-thin:before {
  content: "\f1db"; }

.fa-header:before {
  content: "\f1dc"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-sliders:before {
  content: "\f1de"; }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-share-alt-square:before {
  content: "\f1e1"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3"; }

.fa-tty:before {
  content: "\f1e4"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-newspaper-o:before {
  content: "\f1ea"; }

.fa-wifi:before {
  content: "\f1eb"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-bell-slash-o:before {
  content: "\f1f7"; }

.fa-trash:before {
  content: "\f1f8"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-at:before {
  content: "\f1fa"; }

.fa-eyedropper:before {
  content: "\f1fb"; }

.fa-paint-brush:before {
  content: "\f1fc"; }

.fa-birthday-cake:before {
  content: "\f1fd"; }

.fa-area-chart:before {
  content: "\f1fe"; }

.fa-pie-chart:before {
  content: "\f200"; }

.fa-line-chart:before {
  content: "\f201"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-bicycle:before {
  content: "\f206"; }

.fa-bus:before {
  content: "\f207"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-cc:before {
  content: "\f20a"; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b"; }

.fa-meanpath:before {
  content: "\f20c"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-skyatlas:before {
  content: "\f216"; }

.fa-cart-plus:before {
  content: "\f217"; }

.fa-cart-arrow-down:before {
  content: "\f218"; }

.fa-diamond:before {
  content: "\f219"; }

.fa-ship:before {
  content: "\f21a"; }

.fa-user-secret:before {
  content: "\f21b"; }

.fa-motorcycle:before {
  content: "\f21c"; }

.fa-street-view:before {
  content: "\f21d"; }

.fa-heartbeat:before {
  content: "\f21e"; }

.fa-venus:before {
  content: "\f221"; }

.fa-mars:before {
  content: "\f222"; }

.fa-mercury:before {
  content: "\f223"; }

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224"; }

.fa-transgender-alt:before {
  content: "\f225"; }

.fa-venus-double:before {
  content: "\f226"; }

.fa-mars-double:before {
  content: "\f227"; }

.fa-venus-mars:before {
  content: "\f228"; }

.fa-mars-stroke:before {
  content: "\f229"; }

.fa-mars-stroke-v:before {
  content: "\f22a"; }

.fa-mars-stroke-h:before {
  content: "\f22b"; }

.fa-neuter:before {
  content: "\f22c"; }

.fa-genderless:before {
  content: "\f22d"; }

.fa-facebook-official:before {
  content: "\f230"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-server:before {
  content: "\f233"; }

.fa-user-plus:before {
  content: "\f234"; }

.fa-user-times:before {
  content: "\f235"; }

.fa-hotel:before,
.fa-bed:before {
  content: "\f236"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-train:before {
  content: "\f238"; }

.fa-subway:before {
  content: "\f239"; }

.fa-medium:before {
  content: "\f23a"; }

.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-opencart:before {
  content: "\f23d"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240"; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241"; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242"; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243"; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244"; }

.fa-mouse-pointer:before {
  content: "\f245"; }

.fa-i-cursor:before {
  content: "\f246"; }

.fa-object-group:before {
  content: "\f247"; }

.fa-object-ungroup:before {
  content: "\f248"; }

.fa-sticky-note:before {
  content: "\f249"; }

.fa-sticky-note-o:before {
  content: "\f24a"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-clone:before {
  content: "\f24d"; }

.fa-balance-scale:before {
  content: "\f24e"; }

.fa-hourglass-o:before {
  content: "\f250"; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251"; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252"; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253"; }

.fa-hourglass:before {
  content: "\f254"; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255"; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256"; }

.fa-hand-scissors-o:before {
  content: "\f257"; }

.fa-hand-lizard-o:before {
  content: "\f258"; }

.fa-hand-spock-o:before {
  content: "\f259"; }

.fa-hand-pointer-o:before {
  content: "\f25a"; }

.fa-hand-peace-o:before {
  content: "\f25b"; }

.fa-trademark:before {
  content: "\f25c"; }

.fa-registered:before {
  content: "\f25d"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-gg:before {
  content: "\f260"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-tripadvisor:before {
  content: "\f262"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-safari:before {
  content: "\f267"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-opera:before {
  content: "\f26a"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-tv:before,
.fa-television:before {
  content: "\f26c"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-500px:before {
  content: "\f26e"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-calendar-plus-o:before {
  content: "\f271"; }

.fa-calendar-minus-o:before {
  content: "\f272"; }

.fa-calendar-times-o:before {
  content: "\f273"; }

.fa-calendar-check-o:before {
  content: "\f274"; }

.fa-industry:before {
  content: "\f275"; }

.fa-map-pin:before {
  content: "\f276"; }

.fa-map-signs:before {
  content: "\f277"; }

.fa-map-o:before {
  content: "\f278"; }

.fa-map:before {
  content: "\f279"; }

.fa-commenting:before {
  content: "\f27a"; }

.fa-commenting-o:before {
  content: "\f27b"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-vimeo:before {
  content: "\f27d"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-edge:before {
  content: "\f282"; }

.fa-credit-card-alt:before {
  content: "\f283"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-modx:before {
  content: "\f285"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-usb:before {
  content: "\f287"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-pause-circle:before {
  content: "\f28b"; }

.fa-pause-circle-o:before {
  content: "\f28c"; }

.fa-stop-circle:before {
  content: "\f28d"; }

.fa-stop-circle-o:before {
  content: "\f28e"; }

.fa-shopping-bag:before {
  content: "\f290"; }

.fa-shopping-basket:before {
  content: "\f291"; }

.fa-hashtag:before {
  content: "\f292"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-percent:before {
  content: "\f295"; }

.fa-gitlab:before {
  content: "\f296"; }

.fa-wpbeginner:before {
  content: "\f297"; }

.fa-wpforms:before {
  content: "\f298"; }

.fa-envira:before {
  content: "\f299"; }

.fa-universal-access:before {
  content: "\f29a"; }

.fa-wheelchair-alt:before {
  content: "\f29b"; }

.fa-question-circle-o:before {
  content: "\f29c"; }

.fa-blind:before {
  content: "\f29d"; }

.fa-audio-description:before {
  content: "\f29e"; }

.fa-volume-control-phone:before {
  content: "\f2a0"; }

.fa-braille:before {
  content: "\f2a1"; }

.fa-assistive-listening-systems:before {
  content: "\f2a2"; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4"; }

.fa-glide:before {
  content: "\f2a5"; }

.fa-glide-g:before {
  content: "\f2a6"; }

.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7"; }

.fa-low-vision:before {
  content: "\f2a8"; }

.fa-viadeo:before {
  content: "\f2a9"; }

.fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-snapchat:before {
  content: "\f2ab"; }

.fa-snapchat-ghost:before {
  content: "\f2ac"; }

.fa-snapchat-square:before {
  content: "\f2ad"; }

.fa-pied-piper:before {
  content: "\f2ae"; }

.fa-first-order:before {
  content: "\f2b0"; }

.fa-yoast:before {
  content: "\f2b1"; }

.fa-themeisle:before {
  content: "\f2b2"; }

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3"; }

.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4"; }

.fa-handshake-o:before {
  content: "\f2b5"; }

.fa-envelope-open:before {
  content: "\f2b6"; }

.fa-envelope-open-o:before {
  content: "\f2b7"; }

.fa-linode:before {
  content: "\f2b8"; }

.fa-address-book:before {
  content: "\f2b9"; }

.fa-address-book-o:before {
  content: "\f2ba"; }

.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb"; }

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc"; }

.fa-user-circle:before {
  content: "\f2bd"; }

.fa-user-circle-o:before {
  content: "\f2be"; }

.fa-user-o:before {
  content: "\f2c0"; }

.fa-id-badge:before {
  content: "\f2c1"; }

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2"; }

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3"; }

.fa-quora:before {
  content: "\f2c4"; }

.fa-free-code-camp:before {
  content: "\f2c5"; }

.fa-telegram:before {
  content: "\f2c6"; }

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7"; }

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8"; }

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9"; }

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca"; }

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb"; }

.fa-shower:before {
  content: "\f2cc"; }

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd"; }

.fa-podcast:before {
  content: "\f2ce"; }

.fa-window-maximize:before {
  content: "\f2d0"; }

.fa-window-minimize:before {
  content: "\f2d1"; }

.fa-window-restore:before {
  content: "\f2d2"; }

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3"; }

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4"; }

.fa-bandcamp:before {
  content: "\f2d5"; }

.fa-grav:before {
  content: "\f2d6"; }

.fa-etsy:before {
  content: "\f2d7"; }

.fa-imdb:before {
  content: "\f2d8"; }

.fa-ravelry:before {
  content: "\f2d9"; }

.fa-eercast:before {
  content: "\f2da"; }

.fa-microchip:before {
  content: "\f2db"; }

.fa-snowflake-o:before {
  content: "\f2dc"; }

.fa-superpowers:before {
  content: "\f2dd"; }

.fa-wpexplorer:before {
  content: "\f2de"; }

.fa-meetup:before {
  content: "\f2e0"; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

.left_col {
  background: #2A3F54; }

.nav-sm .container.body .col-md-3.left_col {
  min-height: 100%;
  width: 70px;
  padding: 0;
  z-index: 9999;
  position: absolute; }

.nav-sm .container.body .col-md-3.left_col.menu_fixed {
  position: fixed;
  height: 100%; }

.nav-sm .container.body .col-md-3.left_col .mCSB_container,
.nav-sm .container.body .col-md-3.left_col .mCustomScrollBox {
  overflow: visible; }

.nav-sm .hidden-small {
  visibility: hidden; }

.nav-sm .container.body .right_col {
  padding: 10px 20px;
  margin-left: 70px;
  z-index: 2; }

.nav-sm .navbar.nav_title {
  width: 70px; }

.nav-sm .navbar.nav_title a span {
  display: none; }

.nav-sm .navbar.nav_title a i {
  font-size: 27px;
  margin: 13px 0 0 3px; }

.site_title i {
  border: 1px solid #EAEAEA;
  padding: 5px 6px;
  border-radius: 50%; }

.nav-sm .main_container .top_nav {
  display: block;
  margin-left: 70px;
  z-index: 2; }

.nav-sm .nav.side-menu li a {
  text-align: center !important;
  font-weight: 400;
  font-size: 10px;
  padding: 10px 5px; }

.nav-sm .nav.child_menu li.active,
.nav-sm .nav.side-menu li.active-sm {
  border-right: 5px solid #1ABB9C; }

.nav-sm ul.nav.child_menu ul,
.nav-sm .nav.side-menu li.active-sm ul ul {
  position: static;
  width: 200px;
  background: none; }

.nav-sm > .nav.side-menu > li.active-sm > a {
  color: #1ABB9C !important; }

.nav-sm .nav.side-menu li a i.toggle-up {
  display: none !important; }

.nav-sm .nav.side-menu li a i {
  font-size: 25px !important;
  text-align: center;
  width: 100% !important;
  margin-bottom: 5px; }

.nav-sm ul.nav.child_menu {
  left: 100%;
  position: absolute;
  top: 0;
  width: 210px;
  z-index: 4000;
  background: #3E5367;
  display: none; }

.nav-sm ul.nav.child_menu li {
  padding: 0 10px; }

.nav-sm ul.nav.child_menu li a {
  text-align: left !important; }

.nav-sm .profile {
  display: none; }

.menu_section {
  margin-bottom: 35px; }

.menu_section h3 {
  padding-left: 23px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-weight: bold;
  font-size: 11px;
  margin-bottom: 0;
  margin-top: 0;
  text-shadow: 1px 1px #000; }

.menu_section > ul {
  margin-top: 10px; }

.profile_pic {
  width: 35%;
  float: left; }

.img-circle.profile_img {
  width: 70%;
  background: #fff;
  margin-left: 15%;
  z-index: 1000;
  position: inherit;
  margin-top: 20px;
  border: 1px solid rgba(52, 73, 94, 0.44);
  padding: 4px; }

.profile_info {
  padding: 25px 10px 10px;
  width: 65%;
  float: left; }

.profile_info span {
  font-size: 13px;
  line-height: 30px;
  color: #BAB8B8; }

.profile_info h2 {
  font-size: 14px;
  color: #ECF0F1;
  margin: 0;
  font-weight: 300; }

.profile.img_2 {
  text-align: center; }

.profile.img_2 .profile_pic {
  width: 100%; }

.profile.img_2 .profile_pic .img-circle.profile_img {
  width: 50%;
  margin: 10px 0 0; }

.profile.img_2 .profile_info {
  padding: 15px 10px 0;
  width: 100%;
  margin-bottom: 10px;
  float: left; }

.main_menu span.fa {
  float: right;
  text-align: center;
  margin-top: 5px;
  font-size: 10px;
  min-width: inherit;
  color: #C4CFDA; }

.active a span.fa {
  text-align: right !important;
  margin-right: 4px; }

.nav-sm .menu_section {
  margin: 0; }

.nav-sm span.fa,
.nav-sm .menu_section h3 {
  display: none; }

.nav-sm li li span.fa {
  display: inline-block; }

.nav_menu {
  float: left;
  background: #EDEDED;
  border-bottom: 1px solid #D9DEE4;
  margin-bottom: 10px;
  width: 100%;
  position: relative; }

@media (min-width: 480px) {
  .nav_menu {
    position: static; } }

.nav-md .container.body .col-md-3.left_col {
  min-height: 100%;
  width: 230px;
  padding: 0;
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  z-index: 1; }

.nav-md .container.body .col-md-3.left_col.menu_fixed {
  height: 100%;
  position: fixed; }

body .container.body .right_col {
  background: #F7F7F7; }

.nav-md .container.body .right_col {
  padding: 10px 20px 0;
  margin-left: 230px; }

.nav_title {
  width: 230px;
  background: #2A3F54;
  border-radius: 0;
  height: 57px; }

@media (max-width: 991px) {
  .nav-md .container.body .right_col, .nav-md .container.body .top_nav {
    width: 100%;
    margin: 0; }
  .nav-md .container.body .right_col {
    width: 100%;
    padding-right: 0; }
  .right_col {
    padding: 10px !important; } }

@media (max-width: 1200px) {
  .x_title h2 {
    width: 62%;
    font-size: 17px; }
  .tile, .graph {
    zoom: 85%;
    height: inherit; } }

@media (max-width: 1270px) and (min-width: 192px) {
  .x_title h2 small {
    display: none; } }

.left_col .mCSB_scrollTools {
  width: 6px; }

.left_col .mCSB_dragger {
  max-height: 400px !important; }

/**  ------------------------------------------  **/
.blue {
  color: #3498DB; }

.purple {
  color: #9B59B6; }

.green {
  color: #1ABB9C; }

.aero {
  color: #9CC2CB; }

.red {
  color: #E74C3C; }

.dark {
  color: #34495E; }

.border-blue {
  border-color: #3498DB !important; }

.border-purple {
  border-color: #9B59B6 !important; }

.border-green {
  border-color: #1ABB9C !important; }

.border-aero {
  border-color: #9CC2CB !important; }

.border-red {
  border-color: #E74C3C !important; }

.border-dark {
  border-color: #34495E !important; }

.bg-white {
  background: #fff !important;
  border: 1px solid #fff !important;
  color: #73879C; }

.bg-green {
  background: #1ABB9C !important;
  border: 1px solid #1ABB9C !important;
  color: #fff; }

.bg-red {
  background: #E74C3C !important;
  border: 1px solid #E74C3C !important;
  color: #fff; }

.bg-blue {
  background: #3498DB !important;
  border: 1px solid #3498DB !important;
  color: #fff; }

.bg-orange {
  background: #F39C12 !important;
  border: 1px solid #F39C12 !important;
  color: #fff; }

.bg-purple {
  background: #9B59B6 !important;
  border: 1px solid #9B59B6 !important;
  color: #fff; }

.bg-blue-sky {
  background: #50C1CF !important;
  border: 1px solid #50C1CF !important;
  color: #fff; }

.container {
  width: 100%;
  padding: 0; }

.navbar-nav > li > a, .navbar-brand, .navbar-nav > li > a {
  color: #fff !important; }

.top_nav .nav > li > a:focus, .top_nav .nav > li > a:hover, .top_nav .nav .open > a, .top_nav .nav .open > a:focus, .top_nav .nav .open > a:hover {
  background: #D9DEE4; }

body {
  color: #73879C;
  background: #2A3F54;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.471; }

.main_container .top_nav {
  display: block;
  margin-left: 230px; }

.no-padding {
  padding: 0 !important; }

.page-title {
  width: 100%;
  height: 65px;
  padding: 10px 0; }

.page-title .title_left {
  float: left;
  display: block; }

.page-title .title_left h3 {
  margin: 9px 0; }

.page-title .title_right {
  float: right;
  display: block; }

.page-title .title_right .pull-right {
  margin: 10px 0; }

.fixed_height_320 {
  height: 320px; }

.fixed_height_390 {
  height: 390px; }

.fixed_height_200 {
  height: 200px; }

.overflow_hidden {
  overflow: hidden; }

.progress-bar-dark {
  background-color: #34495E !important; }

.progress-bar-gray {
  background-color: #BDC3C7 !important; }

table.no-margin .progress {
  margin-bottom: 0; }

.main_content {
  padding: 10px 20px; }

.col-md-55 {
  width: 50%;
  margin-bottom: 10px; }

@media (min-width: 768px) {
  .col-md-55 {
    width: 20%; } }

@media (min-width: 992px) {
  .col-md-55 {
    width: 20%; } }

@media (min-width: 1200px) {
  .col-md-55 {
    width: 20%; } }

@media (min-width: 192px) and (max-width: 1270px) {
  table.tile_info span.right {
    margin-right: 7px;
    float: left; } }

.center-margin {
  margin: 0 auto;
  float: none !important; }

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

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

.grid_slider .col-md-6 {
  padding: 0 40px; }

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

a {
  color: #5A738E;
  text-decoration: none; }

a, a:visited, a:focus, a:active, :visited, :focus, :active, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
  outline: 0; }

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

.navbar {
  margin-bottom: 0; }

.navbar-header {
  background: #34495E; }

.navbar-right {
  margin-right: 0; }

.top_nav .navbar-right {
  margin: 0;
  width: 70%;
  float: right; }

.top_nav .navbar-right > li {
  display: block;
  position: relative; }

@media (min-width: 480px) {
  .top_nav .navbar-right li {
    position: relative; } }

.top_nav .dropdown-menu li {
  width: 100%; }

.top_nav .dropdown-menu li a {
  width: 100%;
  padding: 12px 20px; }

.top_nav li a i {
  font-size: 15px; }

.navbar-static-top {
  position: fixed;
  top: 0;
  width: 100%; }

.sidebar-header {
  border-bottom: 0;
  margin-top: 46px; }

.sidebar-header:first-of-type {
  margin-top: 0; }

.nav.side-menu > li {
  position: relative;
  display: block;
  cursor: pointer; }

.nav.side-menu > li > a {
  margin-bottom: 6px; }

.nav.side-menu > li > a:hover {
  color: #F2F5F7 !important; }

.nav.side-menu > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background: transparent; }

.nav.child_menu {
  display: none; }

.nav.child_menu li:hover,
.nav.child_menu li.active {
  background-color: rgba(255, 255, 255, 0.06); }

.nav.child_menu li {
  padding-left: 36px; }

.nav-md ul.nav.child_menu li:before {
  background: #425668;
  bottom: auto;
  content: "";
  height: 8px;
  left: 23px;
  margin-top: 15px;
  position: absolute;
  right: auto;
  width: 8px;
  z-index: 1;
  border-radius: 50%; }

.nav-md ul.nav.child_menu li:after {
  border-left: 1px solid #425668;
  bottom: 0;
  content: "";
  left: 27px;
  position: absolute;
  top: 0; }

.nav.side-menu > li > a, .nav.child_menu > li > a {
  color: #E7E7E7;
  font-weight: 500; }

.nav.child_menu li li:hover,
.nav.child_menu li li.active {
  background: none; }

.nav.child_menu li li a:hover,
.nav.child_menu li li a.active {
  color: #fff; }

.nav > li > a {
  position: relative;
  display: block;
  padding: 13px 15px 12px; }

.nav.side-menu > li.current-page, .nav.side-menu > li.active {
  border-right: 5px solid #1ABB9C; }

.nav li.current-page {
  background: rgba(255, 255, 255, 0.05); }

.nav li li li.current-page {
  background: none; }

.nav li li.current-page a {
  color: #fff; }

.nav.side-menu > li.active > a {
  text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
  background: linear-gradient(#334556, #2C4257), #2A3F54;
  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0; }

.navbar-brand, .navbar-nav > li > a {
  font-weight: 500;
  color: #ECF0F1 !important;
  margin-left: 0 !important;
  line-height: 32px; }

.site_title {
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 400;
  font-size: 22px;
  width: 100%;
  color: #ECF0F1 !important;
  margin-left: 0 !important;
  line-height: 59px;
  display: block;
  height: 55px;
  margin: 0;
  padding-left: 10px; }

.site_title:hover, .site_title:focus {
  text-decoration: none; }

.nav.navbar-nav > li > a {
  color: #515356 !important; }

.nav.top_menu > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  color: #34495E !important; }

.nav > li > a:hover, .nav > li > a:focus {
  background-color: transparent; }

.top_search {
  padding: 0; }

.top_search .form-control {
  border-right: 0;
  box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
  border-radius: 25px 0px 0px 25px;
  padding-left: 20px;
  border: 1px solid rgba(221, 226, 232, 0.49); }

.top_search .form-control:focus {
  border: 1px solid rgba(221, 226, 232, 0.49);
  border-right: 0; }

.top_search .input-group-btn button {
  border-radius: 0px 25px 25px 0px;
  border: 1px solid rgba(221, 226, 232, 0.49);
  border-left: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #93A2B2;
  margin-bottom: 0 !important; }

.toggle {
  float: left;
  margin: 0;
  padding-top: 16px;
  width: 70px; }

.toggle a {
  padding: 15px 15px 0;
  margin: 0;
  cursor: pointer; }

.toggle a i {
  font-size: 26px; }

.nav.child_menu > li > a {
  color: rgba(255, 255, 255, 0.75);
  font-size: 12px;
  padding: 9px; }

.panel_toolbox {
  float: right;
  min-width: 70px; }

.panel_toolbox > li {
  float: left;
  cursor: pointer; }

.panel_toolbox > li > a {
  padding: 5px;
  color: #C5C7CB;
  font-size: 14px; }

.panel_toolbox > li > a:hover {
  background: #F5F7FA; }

.line_30 {
  line-height: 30px; }

.main_menu_side {
  padding: 0; }

.bs-docs-sidebar .nav > li > a {
  display: block;
  padding: 4px 6px; }

footer {
  background: #fff;
  padding: 10px 20px;
  display: block; }

.nav-sm footer {
  margin-left: 70px; }

.footer_fixed footer {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%; }

@media (min-width: 768px) {
  .footer_fixed footer {
    margin-left: 0; } }

@media (min-width: 768px) {
  .footer_fixed .nav-sm footer {
    margin-left: 0; } }

.tile-stats.sparkline {
  padding: 10px;
  text-align: center; }

.jqstooltip {
  background: #34495E !important;
  width: 30px !important;
  height: 22px !important;
  text-decoration: none; }

.tooltip {
  display: block !important; }

.tiles {
  border-top: 1px solid #ccc;
  margin-top: 15px;
  padding-top: 5px;
  margin-bottom: 0; }

.tile {
  overflow: hidden; }

.top_tiles {
  margin-bottom: 0; }

.top_tiles .tile h2 {
  font-size: 30px;
  line-height: 30px;
  margin: 3px 0 7px;
  font-weight: bold; }

article.media {
  width: 100%; }

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

#integration-list {
  width: 100%;
  margin: 0 auto;
  display: table; }

#integration-list ul {
  padding: 0;
  margin: 20px 0;
  color: #555; }

#integration-list ul > li {
  list-style: none;
  border-top: 1px solid #ddd;
  display: block;
  padding: 15px;
  overflow: hidden; }

#integration-list ul:last-child {
  border-bottom: 1px solid #ddd; }

#integration-list ul > li:hover {
  background: #efefef; }

.expand {
  display: block;
  text-decoration: none;
  color: #555;
  cursor: pointer; }

.expand h2 {
  width: 85%;
  float: left; }

h2 {
  font-size: 18px;
  font-weight: 400; }

#left, #right {
  display: table; }

#sup {
  display: table-cell;
  vertical-align: middle;
  width: 80%; }

.detail a {
  text-decoration: none;
  color: #C0392B;
  border: 1px solid #C0392B;
  padding: 6px 10px 5px;
  font-size: 13px;
  margin-right: 7px; }

.detail {
  margin: 10px 0 10px 0px;
  display: none;
  line-height: 22px;
  height: 150px; }

.detail span {
  margin: 0; }

.right-arrow {
  width: 10px;
  float: right;
  font-weight: bold;
  font-size: 20px; }

.accordion .panel {
  margin-bottom: 5px;
  border-radius: 0;
  border-bottom: 1px solid #efefef; }

.accordion .panel .panel-heading {
  background: #F2F5F7;
  padding: 13px;
  width: 100%;
  display: block; }

.x_panel {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px 17px;
  display: inline-block;
  background: #fff;
  border: 1px solid #E6E9ED;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
  opacity: 1;
  transition: all .2s ease; }

.x_title {
  border-bottom: 2px solid #E6E9ED;
  padding: 1px 5px 6px;
  margin-bottom: 10px; }

.x_title .filter {
  width: 40%;
  float: right; }

.x_title h2 {
  margin: 5px 0 6px;
  float: left;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.x_title h2 small {
  margin-left: 10px; }

.x_title span {
  color: #BDBDBD; }

.x_content {
  padding: 0 5px 6px;
  position: relative;
  width: 100%;
  float: left;
  clear: both;
  margin-top: 5px; }

.x_content h4 {
  font-size: 16px;
  font-weight: 500; }

legend {
  padding-bottom: 7px; }

.demo-placeholder {
  height: 280px; }

/** Contacts **/
.profile_details:nth-child(3n) {
  clear: both; }

.profile_details .profile_view {
  display: inline-block;
  padding: 10px 0 0;
  background: #fff;
  min-height: 170px; }

.profile_details .profile_view .divider {
  border-top: 1px solid #e5e5e5;
  padding-top: 5px;
  margin-top: 5px; }

.profile_details .profile_view .ratings {
  margin-bottom: 0; }

.profile_details .profile_view .bottom {
  background: #F2F5F7;
  padding: 9px 0;
  border-top: 1px solid #E6E9ED; }

.profile_details .profile_view .left {
  margin-top: 20px; }

.profile_details .profile_view .left p {
  margin-bottom: 3px; }

.profile_details .profile_view .right {
  margin-top: 0px;
  padding: 10px; }

.profile_details .profile_view .img-circle {
  border: 1px solid #E6E9ED; }

.profile_details .profile_view h2 {
  line-height: 1.3;
  margin: 5px 0; }

.profile_details .profile_view .ratings {
  text-align: left;
  font-size: 16px; }

.profile_details .profile_view .brief {
  margin: 0;
  font-weight: 300; }

.profile_details .profile_left {
  background: white; }

.pagination.pagination-split li {
  display: inline-block;
  margin-right: 3px; }

.pagination.pagination-split li a {
  border-radius: 4px;
  color: #768399;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

/** Contacts **/
/* *********  /custom accordion  **************************** */
/* *********  dashboard widget  **************************** */
table.tile h3, table.tile h4, table.tile span {
  font-weight: bold;
  vertical-align: middle !important; }

table.tile th, table.tile td {
  text-align: center; }

table.tile th {
  border-bottom: 1px solid #E6ECEE; }

table.tile td {
  padding: 5px 0; }

table.tile td ul {
  text-align: left;
  padding-left: 0; }

table.tile td ul li {
  list-style: none;
  width: 100%; }

table.tile td ul li a {
  width: 100%; }

table.tile td ul li a big {
  right: 0;
  float: right;
  margin-right: 13px; }

table.tile_info {
  width: 100%; }

table.tile_info td {
  text-align: left;
  padding: 1px;
  font-size: 15px; }

table.tile_info td p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  line-height: 28px; }

table.tile_info td i {
  margin-right: 8px;
  font-size: 17px;
  float: left;
  width: 18px;
  line-height: 28px; }

table.tile_info td:first-child {
  width: 83%; }

.sidebar-widget {
  overflow: hidden; }

.error-number {
  font-size: 90px;
  line-height: 90px;
  margin: 20px 0; }

.col-middle {
  margin-top: 5%; }

.mid_center {
  width: 370px;
  margin: 0 auto;
  text-align: center;
  padding: 10px 20px; }

h3.degrees {
  font-size: 22px;
  font-weight: 400;
  text-align: center; }

.degrees:after {
  content: "o";
  position: relative;
  top: -12px;
  font-size: 13px;
  font-weight: 300; }

.daily-weather .day {
  font-size: 14px;
  border-top: 2px solid rgba(115, 135, 156, 0.36);
  text-align: center;
  border-bottom: 2px solid rgba(115, 135, 156, 0.36);
  padding: 5px 0; }

.weather-days .col-sm-2 {
  overflow: hidden;
  width: 16.66666667%; }

.weather .row {
  margin-bottom: 0; }

/* *********  tables styling  ******************************* */
.bulk-actions {
  display: none; }

table.countries_list {
  width: 100%; }

table.countries_list td {
  padding: 0 10px;
  line-height: 30px;
  border-top: 1px solid #eeeeee; }

.paging_full_numbers a.paginate_active {
  background-color: rgba(38, 185, 154, 0.59) !important;
  border-color: rgba(38, 185, 154, 0.59) !important; }

button.DTTT_button, div.DTTT_button, a.DTTT_button {
  border: 1px solid #E7E7E7 !important;
  background: #E7E7E7 !important;
  box-shadow: none !important; }

table.jambo_table {
  border: 1px solid rgba(221, 221, 221, 0.78); }

table.jambo_table thead {
  background: rgba(52, 73, 94, 0.94);
  color: #ECF0F1; }

table.jambo_table tbody tr:hover td {
  background: rgba(38, 185, 154, 0.07);
  border-top: 1px solid rgba(38, 185, 154, 0.11);
  border-bottom: 1px solid rgba(38, 185, 154, 0.11); }

table.jambo_table tbody tr.selected {
  background: rgba(38, 185, 154, 0.16); }

table.jambo_table tbody tr.selected td {
  border-top: 1px solid rgba(38, 185, 154, 0.4);
  border-bottom: 1px solid rgba(38, 185, 154, 0.4); }

table.display {
  margin: 0 auto;
  clear: both;
  width: 100%; }

table.display thead th {
  padding: 8px 18px 8px 10px;
  border-bottom: 1px solid black;
  font-weight: bold;
  cursor: pointer; }

table.display tfoot th {
  padding: 3px 18px 3px 10px;
  border-top: 1px solid black;
  font-weight: bold; }

table.display tr.heading2 td {
  border-bottom: 1px solid #aaa; }

table.display td {
  padding: 3px 10px; }

table.display td.center {
  text-align: center; }

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

.clear {
  clear: both; }

tfoot input {
  margin: 0.5em 0;
  width: 100%;
  color: #444; }

tfoot input.search_init {
  color: #999; }

td.group {
  background-color: #d1cfd0;
  border-bottom: 2px solid #A19B9E;
  border-top: 2px solid #A19B9E; }

td.details {
  background-color: #d1cfd0;
  border: 2px solid #A19B9E; }

.paging_full_numbers {
  width: 400px;
  height: 22px;
  line-height: 22px; }

.paging_full_numbers a:active {
  outline: none; }

.paging_full_numbers a:hover {
  text-decoration: none; }

.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active {
  border: 1px solid #aaa;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 2px 5px;
  margin: 0 3px;
  cursor: pointer; }

.paging_full_numbers a.paginate_button {
  background-color: #ddd; }

.paging_full_numbers a.paginate_button:hover {
  background-color: #ccc;
  text-decoration: none !important; }

.paging_full_numbers a.paginate_active {
  background-color: #99B3FF; }

table.display tr.even.row_selected td {
  background-color: #B0BED9; }

table.display tr.odd.row_selected td {
  background-color: #9FAFD1; }

div.box {
  height: 100px;
  padding: 10px;
  overflow: auto;
  border: 1px solid #8080FF;
  background-color: #E5E5FF; }

/* *********  /tables styling  ****************************** */
/* *********  /dashboard widget  **************************** */
/* *********  widgets  *************************************** */
ul.msg_list li {
  background: #f7f7f7;
  padding: 5px;
  display: -ms-flexbox;
  display: flex;
  margin: 6px 6px 0;
  width: 96% !important; }

ul.msg_list li:last-child {
  margin-bottom: 6px;
  padding: 10px; }

ul.msg_list li a {
  padding: 3px 5px !important; }

ul.msg_list li a .image img {
  border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  float: left;
  margin-right: 10px;
  width: 11%; }

ul.msg_list li a .time {
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
  position: absolute;
  right: 35px; }

ul.msg_list li a .message {
  display: block !important;
  font-size: 11px; }

.dropdown-menu.msg_list span {
  white-space: normal; }

.dropdown-menu {
  border: medium none;
  box-shadow: none;
  display: none;
  float: left;
  font-size: 12px;
  left: 0;
  list-style: none outside none;
  padding: 0;
  position: absolute;
  text-shadow: none;
  top: 100%;
  z-index: 9998;
  border: 1px solid #D9DEE4;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.dropdown-menu > li > a {
  color: #5A738E; }

.navbar-nav .open .dropdown-menu {
  position: absolute;
  background: #fff;
  margin-top: 0;
  border: 1px solid #D9DEE4;
  -webkit-box-shadow: none;
  right: 0;
  left: auto;
  width: 220px; }

.navbar-nav .open .dropdown-menu.msg_list {
  width: 300px; }

.info-number .badge {
  font-size: 10px;
  font-weight: normal;
  line-height: 13px;
  padding: 2px 6px;
  position: absolute;
  right: 2px;
  top: 8px; }

ul.to_do {
  padding: 0; }

ul.to_do li {
  background: #f3f3f3;
  border-radius: 3px;
  position: relative;
  padding: 7px;
  margin-bottom: 5px;
  list-style: none; }

ul.to_do p {
  margin: 0; }

.dashboard-widget {
  background: #f6f6f6;
  border-top: 5px solid #79C3DF;
  border-radius: 3px;
  padding: 5px 10px 10px; }

.dashboard-widget .dashboard-widget-title {
  font-weight: normal;
  border-bottom: 1px solid #c1cdcd;
  margin: 0 0 10px 0;
  padding-bottom: 5px;
  padding-left: 40px;
  line-height: 30px; }

.dashboard-widget .dashboard-widget-title i {
  font-size: 100%;
  margin-left: -35px;
  margin-right: 10px;
  color: #33a1c9;
  padding: 3px 6px;
  border: 1px solid #abd9ea;
  border-radius: 5px;
  background: #fff; }

ul.quick-list {
  width: 45%;
  padding-left: 0;
  display: inline-block; }

ul.quick-list li {
  padding-left: 10px;
  list-style: none;
  margin: 0;
  padding-bottom: 6px;
  padding-top: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

ul.quick-list li i {
  padding-right: 10px;
  color: #757679; }

.dashboard-widget-content {
  padding-top: 9px; }

.dashboard-widget-content .sidebar-widget {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  border: 1px solid #abd9ea;
  border-radius: 5px;
  text-align: center;
  float: right;
  padding: 2px;
  margin-top: 10px; }

.widget_summary {
  width: 100%;
  display: -ms-flexbox;
  display: flex; }

.widget_summary .w_left {
  float: left;
  text-align: left; }

.widget_summary .w_center {
  float: left; }

.widget_summary .w_right {
  float: left;
  text-align: right; }

.widget_summary .w_right span {
  font-size: 20px; }

.w_20 {
  width: 20%; }

.w_25 {
  width: 25%; }

.w_55 {
  width: 55%; }

h5.graph_title {
  text-align: left;
  margin-left: 10px; }

h5.graph_title i {
  margin-right: 10px;
  font-size: 17px; }

span.right {
  float: right;
  font-size: 14px !important; }

.tile_info a {
  text-overflow: ellipsis; }

.sidebar-footer {
  bottom: 0px;
  clear: both;
  display: block;
  padding: 5px 0 0 0;
  position: fixed;
  width: 230px;
  background: #2A3F54; }

.sidebar-footer a {
  padding: 7px 0 3px;
  text-align: center;
  width: 25%;
  font-size: 17px;
  display: block;
  float: left;
  background: #172D44; }

.sidebar-footer a:hover {
  background: #425567; }

/** top tiles  */
.tile_count {
  margin-bottom: 20px;
  margin-top: 20px; }

.tile_count .tile_stats_count {
  border-bottom: 1px solid #D9DEE4;
  padding: 0 10px 0 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative; }

@media (min-width: 992px) {
  footer {
    margin-left: 230px; } }

@media (min-width: 992px) {
  .tile_count .tile_stats_count {
    margin-bottom: 10px;
    border-bottom: 0;
    padding-bottom: 10px; } }

.tile_count .tile_stats_count:before {
  content: "";
  position: absolute;
  left: 0;
  height: 65px;
  border-left: 2px solid #ADB2B5;
  margin-top: 10px; }

@media (min-width: 992px) {
  .tile_count .tile_stats_count:first-child:before {
    border-left: 0; } }

.tile_count .tile_stats_count .count {
  font-size: 30px;
  line-height: 47px;
  font-weight: 600; }

@media (min-width: 768px) {
  .tile_count .tile_stats_count .count {
    font-size: 40px; } }

@media (min-width: 992px) and (max-width: 1100px) {
  .tile_count .tile_stats_count .count {
    font-size: 30px; } }

.tile_count .tile_stats_count span {
  font-size: 12px; }

@media (min-width: 768px) {
  .tile_count .tile_stats_count span {
    font-size: 13px; } }

.tile_count .tile_stats_count .count_bottom i {
  width: 12px; }

/** /top tiles **/
.dashboard_graph {
  background: #fff;
  padding: 7px 10px; }

.dashboard_graph .col-md-9, .dashboard_graph .col-md-3 {
  padding: 0; }

a.user-profile {
  color: #5E6974 !important; }

.user-profile img {
  width: 29px;
  height: 29px;
  border-radius: 50%;
  margin-right: 10px; }

ul.top_profiles {
  height: 330px;
  width: 100%; }

ul.top_profiles li {
  margin: 0;
  padding: 3px 5px; }

ul.top_profiles li:nth-child(odd) {
  background-color: #eee; }

.media .profile_thumb {
  border: 1px solid;
  width: 50px;
  height: 50px;
  margin: 5px 10px 5px 0;
  border-radius: 50%;
  padding: 9px 12px; }

.media .profile_thumb i {
  font-size: 30px; }

.media .date {
  background: #ccc;
  width: 52px;
  margin-right: 10px;
  border-radius: 10px;
  padding: 5px; }

.media .date .month {
  margin: 0;
  text-align: center;
  color: #fff; }

.media .date .day {
  text-align: center;
  color: #fff;
  font-size: 27px;
  margin: 0;
  line-height: 27px;
  font-weight: bold; }

.event .media-body a.title {
  font-weight: bold; }

.event .media-body p {
  margin-bottom: 0; }

h4.graph_title {
  margin: 7px;
  text-align: center; }

/* *********  /widgets  *************************************** */
/* *********  iconts-display  **************************** */
.fontawesome-icon-list .fa-hover a:hover {
  background-color: #ddd;
  color: #fff;
  text-decoration: none; }

.fontawesome-icon-list .fa-hover a {
  display: block;
  line-height: 32px;
  height: 32px;
  padding-left: 10px;
  border-radius: 4px; }

.fontawesome-icon-list .fa-hover a:hover .fa {
  font-size: 28px;
  vertical-align: -6px; }

.fontawesome-icon-list .fa-hover a .fa {
  width: 32px;
  font-size: 16px;
  display: inline-block;
  text-align: right;
  margin-right: 10px; }

.main_menu .fa {
  width: 26px;
  opacity: .99;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* *********  /iconts-display  **************************** */
/** tile stats **/
.tile-stats {
  position: relative;
  display: block;
  margin-bottom: 12px;
  border: 1px solid #E4E4E4;
  -webkit-border-radius: 5px;
  overflow: hidden;
  padding-bottom: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  background: #FFF;
  transition: all 300ms ease-in-out; }

.tile-stats:hover .icon i {
  animation-name: tansformAnimation;
  animation-duration: .5s;
  animation-iteration-count: 1;
  color: rgba(58, 58, 58, 0.41);
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-name: tansformAnimation;
  -webkit-animation-duration: .5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: tansformAnimation;
  -moz-animation-duration: .5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards; }

.tile-stats .icon {
  width: 20px;
  height: 20px;
  color: #BAB8B8;
  position: absolute;
  right: 53px;
  top: 22px;
  z-index: 1; }

.tile-stats .icon i {
  margin: 0;
  font-size: 60px;
  line-height: 0;
  vertical-align: bottom;
  padding: 0; }

.tile-stats .count {
  font-size: 38px;
  font-weight: bold;
  line-height: 1.65857143; }

.tile-stats .count, .tile-stats h3, .tile-stats p {
  position: relative;
  margin: 0;
  margin-left: 10px;
  z-index: 5;
  padding: 0; }

.tile-stats h3 {
  color: #BAB8B8; }

.tile-stats p {
  margin-top: 5px;
  font-size: 12px; }

.tile-stats > .dash-box-footer {
  position: relative;
  text-align: center;
  margin-top: 5px;
  padding: 3px 0;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  z-index: 10;
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none; }

.tile-stats > .dash-box-footer:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.15); }

.tile-stats > .dash-box-footer:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.15); }

table.tile_info {
  padding: 10px 15px; }

table.tile_info span.right {
  margin-right: 0;
  float: right;
  position: absolute;
  right: 4%; }

.tile:hover {
  text-decoration: none; }

.tile_header {
  border-bottom: transparent;
  padding: 7px 15px;
  margin-bottom: 15px;
  background: #E7E7E7; }

.tile_head h4 {
  margin-top: 0;
  margin-bottom: 5px; }

.tiles-bottom {
  padding: 5px 10px;
  margin-top: 10px;
  background: rgba(194, 194, 194, 0.3);
  text-align: left; }

/** /tile stats **/
/** inbox **/
a.star {
  color: #428bca !important; }

.mail_content {
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 4px;
  margin-top: 20px;
  min-height: 500px;
  padding: 10px 11px;
  width: 100%; }

.list-btn-mail {
  margin-bottom: 15px; }

.list-btn-mail.active {
  border-bottom: 1px solid #39B3D7;
  padding: 0 0 14px; }

.list-btn-mail > i {
  float: left;
  font-size: 18px;
  font-style: normal;
  width: 33px; }

.list-btn-mail > .cn {
  background: none repeat scroll 0 0 #39B3D7;
  border-radius: 12px;
  color: #FFFFFF;
  float: right;
  font-style: normal;
  padding: 0 5px; }

.button-mail {
  margin: 0 0 15px !important;
  text-align: left;
  width: 100%; }

button,
.buttons,
.btn,
.modal-footer .btn + .btn {
  margin-bottom: 5px;
  margin-right: 5px; }

.btn-group-vertical .btn, .btn-group .btn {
  margin-bottom: 0;
  margin-right: 0; }

.mail_list_column {
  border-left: 1px solid #DBDBDB; }

.mail_view {
  border-left: 1px solid #DBDBDB; }

.mail_list {
  width: 100%;
  border-bottom: 1px solid #DBDBDB;
  margin-bottom: 2px;
  display: inline-block; }

.mail_list .left {
  width: 5%;
  float: left;
  margin-right: 3%; }

.mail_list .right {
  width: 90%;
  float: left; }

.mail_list h3 {
  font-size: 15px;
  font-weight: bold;
  margin: 0px 0 6px; }

.mail_list h3 small {
  float: right;
  color: #ADABAB;
  font-size: 11px;
  line-height: 20px; }

.mail_list .badge {
  padding: 3px 6px;
  font-size: 8px;
  background: #BAB7B7; }

@media (max-width: 767px) {
  .mail_list {
    margin-bottom: 5px;
    display: inline-block; } }

.mail_heading h4 {
  font-size: 18px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-top: 20px; }

.attachment {
  margin-top: 30px; }

.attachment ul {
  width: 100%;
  list-style: none;
  padding-left: 0;
  display: inline-block;
  margin-bottom: 30px; }

.attachment ul li {
  float: left;
  width: 150px;
  margin-right: 10px;
  margin-bottom: 10px; }

.attachment ul li img {
  height: 150px;
  border: 1px solid #ddd;
  padding: 5px;
  margin-bottom: 10px; }

.attachment ul li span {
  float: right; }

.attachment .file-name {
  float: left; }

.attachment .links {
  width: 100%;
  display: inline-block; }

.compose {
  padding: 0;
  position: fixed;
  bottom: 0;
  right: 0;
  background: #fff;
  border: 1px solid #D9DEE4;
  border-right: 0;
  border-bottom: 0;
  border-top-left-radius: 5px;
  z-index: 9999;
  display: none; }

.compose .compose-header {
  padding: 5px;
  background: #169F85;
  color: #fff;
  border-top-left-radius: 5px; }

.compose .compose-header .close {
  text-shadow: 0 1px 0 #ffffff;
  line-height: .8; }

.compose .compose-body .editor.btn-toolbar {
  margin: 0; }

.compose .compose-body .editor-wrapper {
  height: 100%;
  min-height: 50px;
  max-height: 180px;
  border-radius: 0;
  border-left: none;
  border-right: none;
  overflow: auto; }

.compose .compose-footer {
  padding: 10px; }

/** /inbox **/
/* *********  form design  **************************** */
.editor.btn-toolbar {
  zoom: 1;
  background: #F7F7F7;
  margin: 5px 2px;
  padding: 3px 0;
  border: 1px solid #EFEFEF; }

.input-group {
  margin-bottom: 10px; }

.ln_solid {
  border-top: 1px solid #e5e5e5;
  color: #ffffff;
  background-color: #ffffff;
  height: 1px;
  margin: 20px 0; }

span.section {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

.form-horizontal .control-label {
  padding-top: 8px; }

.form-control:focus {
  border-color: #CCD0D7;
  box-shadow: none !important; }

legend {
  font-size: 18px;
  color: inherit; }

.form-horizontal .form-group {
  margin-right: 0;
  margin-left: 0; }

.form-control-feedback {
  margin-top: 8px;
  height: 23px;
  color: #bbb;
  line-height: 24px;
  font-size: 15px; }

.form-control-feedback.left {
  border-right: 1px solid #ccc;
  left: 13px; }

.form-control-feedback.right {
  border-left: 1px solid #ccc;
  right: 13px; }

.form-control.has-feedback-left {
  padding-left: 45px; }

.form-control.has-feedback-right {
  padding-right: 45px; }

.form-group {
  margin-bottom: 10px; }

.validate {
  margin-top: 10px; }

.invalid-form-error-message {
  margin-top: 10px;
  padding: 5px; }

.invalid-form-error-message.filled {
  border-left: 2px solid #E74C3C; }

p.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6; }

p.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7; }

ul.parsley-errors-list {
  list-style: none;
  color: #E74C3C;
  padding-left: 0; }

input.parsley-error, textarea.parsley-error, select.parsley-error {
  background: #FAEDEC;
  border: 1px solid #E85445; }

.btn-group .parsley-errors-list {
  display: none; }

.bad input, .bad select, .bad textarea {
  border: 1px solid #CE5454;
  box-shadow: 0 0 4px -2px #CE5454;
  position: relative;
  left: 0;
  -moz-animation: .7s 1 shake linear;
  -webkit-animation: 0.7s 1 shake linear; }

.item input, .item textarea {
  transition: 0.42s; }

/* alerts (when validation fails) */
.item .alert {
  float: left;
  margin: 0 0 0 20px;
  padding: 3px 10px;
  color: #FFF;
  border-radius: 3px 4px 4px 3px;
  max-width: 170px;
  white-space: pre;
  position: relative;
  left: -15px;
  z-index: 1;
  transition: 0.15s ease-out; }

.item .alert::after {
  content: '';
  display: block;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 11px 7px;
  position: absolute;
  left: -13px;
  top: 1px; }

.item.bad .alert {
  left: 0;
  opacity: 1; }

.inl-bl {
  display: inline-block; }

.well .markup {
  background: #fff;
  color: #777;
  position: relative;
  padding: 45px 15px 15px;
  margin: 15px 0 0 0;
  background-color: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: none; }

.well .markup::after {
  content: "Example";
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 12px;
  font-weight: bold;
  color: #bbb;
  text-transform: uppercase;
  letter-spacing: 1px; }

/* ***** autocomplete ***** */
.autocomplete-suggestions {
  border: 1px solid #e4e4e4;
  background: #F4F4F4;
  cursor: default;
  overflow: auto; }

.autocomplete-suggestion {
  padding: 2px 5px;
  font-size: 1.2em;
  white-space: nowrap;
  overflow: hidden; }

.autocomplete-selected {
  background: #f0f0f0; }

.autocomplete-suggestions strong {
  font-weight: normal;
  color: #3399ff;
  font-weight: bolder; }

/* ***** /autocomplete *****/
/* ***** buttons ********/
button,
select,
html,
textarea,
input {
  font-family: 'Open Sans', "Helvetica Neue", sans-serif; }

.btn {
  border-radius: 3px;
  font-size: 13px; }

a.btn-success, a.btn-primary, a.btn-warning, a.btn-danger {
  color: #fff; }

.btn-success {
  background: #26B99A;
  border: 1px solid #169F85; }

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
  background: #169F85; }

.btn-dark {
  color: #E9EDEF;
  background-color: #4B5F71;
  border-color: #364B5F; }

.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark {
  color: #FFFFFF;
  background-color: #394D5F;
  border-color: #394D5F; }

.btn-round {
  border-radius: 30px; }

.btn.btn-app {
  position: relative;
  padding: 15px 5px;
  margin: 0 0 10px 10px;
  min-width: 80px;
  height: 60px;
  box-shadow: none;
  border-radius: 0;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  background-color: #fafafa;
  font-size: 12px; }

.btn.btn-app > .fa, .btn.btn-app > .glyphicon, .btn.btn-app > .ion {
  font-size: 20px;
  display: block; }

.btn.btn-app:hover {
  background: #f4f4f4;
  color: #444;
  border-color: #aaa; }

.btn.btn-app:active, .btn.btn-app:focus {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn.btn-app > .badge {
  position: absolute;
  top: -3px;
  right: -10px;
  font-size: 10px;
  font-weight: 400; }

/* ***** /buttons *******/
/* *********  /form design  **************************** */
/* *********  form textarea  **************************** */
textarea {
  padding: 10px;
  vertical-align: top;
  width: 200px; }

textarea:focus {
  outline-style: solid;
  outline-width: 2px; }

.btn_ {
  display: inline-block;
  padding: 3px 9px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0)";
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

/* *********  /form textarea  **************************** */
/* *********  glyphicons  **************************** */
.bs-glyphicons {
  margin: 0 -10px 20px;
  overflow: hidden; }

.bs-glyphicons-list {
  padding-left: 0;
  list-style: none; }

.bs-glyphicons li {
  float: left;
  width: 25%;
  height: 115px;
  padding: 10px;
  font-size: 10px;
  line-height: 1.4;
  text-align: center;
  background-color: #f9f9f9;
  border: 1px solid #fff; }

.bs-glyphicons .glyphicon {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 24px; }

.bs-glyphicons .glyphicon-class {
  display: block;
  text-align: center;
  word-wrap: break-word; }

.bs-glyphicons li:hover {
  color: #fff;
  background-color: #1ABB9C; }

@media (min-width: 768px) {
  .bs-glyphicons {
    margin-right: 0;
    margin-left: 0; }
  .bs-glyphicons li {
    width: 12.5%;
    font-size: 12px; } }

/* *********  /glyphicons  **************************** */
/* *********  form tags input  **************************** */
.tagsinput {
  border: 1px solid #CCC;
  background: #FFF;
  padding: 6px 6px 0;
  width: 300px;
  overflow-y: auto; }

span.tag {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  display: block;
  float: left;
  padding: 5px 9px;
  text-decoration: none;
  background: #1ABB9C;
  color: #F1F6F7;
  margin-right: 5px;
  font-weight: 500;
  margin-bottom: 5px;
  font-family: 'Open Sans', sans-serif; }

span.tag a {
  color: #F1F6F7 !important; }

.tagsinput span.tag a {
  font-weight: bold;
  color: #82ad2b;
  text-decoration: none;
  font-size: 11px; }

.tagsinput input {
  width: 80px;
  margin: 0px;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  border: 1px solid transparent;
  padding: 3px;
  background: transparent;
  color: #000;
  outline: 0px; }

.tagsinput div {
  display: block;
  float: left; }

.tags_clear {
  clear: both;
  width: 100%;
  height: 0px; }

.not_valid {
  background: #FBD8DB !important;
  color: #90111A !important; }

/* *********  /form tags input  **************************** */
/** Tabs **/
ul.bar_tabs {
  overflow: visible;
  background: #F5F7FA;
  height: 25px;
  margin: 21px 0 14px;
  padding-left: 14px;
  position: relative;
  z-index: 1;
  width: 100%;
  border-bottom: 1px solid #E6E9ED; }

ul.bar_tabs > li {
  border: 1px solid #E6E9ED;
  color: #333 !important;
  margin-top: -17px;
  margin-left: 8px;
  background: #fff;
  border-bottom: none;
  border-radius: 4px 4px 0 0; }

ul.bar_tabs > li.active {
  border-right: 6px solid #D3D6DA;
  border-top: 0;
  margin-top: -15px; }

ul.bar_tabs > li a {
  padding: 10px 17px;
  background: #F5F7FA;
  margin: 0;
  border-top-right-radius: 0; }

ul.bar_tabs > li a:hover {
  border: 1px solid transparent; }

ul.bar_tabs > li.active a {
  border-bottom: none; }

ul.bar_tabs.right {
  padding-right: 14px; }

ul.bar_tabs.right li {
  float: right; }

a:focus {
  outline: none; }

/** /Tabs **/
/* *********  timeline  **************************** */
ul.timeline li {
  position: relative;
  border-bottom: 1px solid #e8e8e8;
  clear: both; }

.timeline .block {
  margin: 0;
  border-left: 3px solid #e8e8e8;
  overflow: visible;
  padding: 10px 15px;
  margin-left: 105px; }

.timeline.widget {
  min-width: 0;
  max-width: inherit; }

.timeline.widget .block {
  margin-left: 5px; }

.timeline .tags {
  position: absolute;
  top: 15px;
  left: 0;
  width: 84px; }

.timeline .tag {
  display: block;
  height: 30px;
  font-size: 13px;
  padding: 8px; }

.timeline .tag span {
  display: block;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis; }

.tag {
  line-height: 1;
  background: #1ABB9C;
  color: #fff !important; }

.timeline h2.title {
  position: relative;
  font-size: 16px;
  margin: 0; }

.timeline h2.title:before {
  content: "";
  position: absolute;
  left: -23px;
  top: 3px;
  display: block;
  width: 14px;
  height: 14px;
  border: 3px solid #d2d3d2;
  border-radius: 14px;
  background: #f9f9f9; }

.timeline .byline {
  padding: .25em 0; }

.byline {
  -webkit-font-smoothing: antialiased;
  font-style: italic;
  font-size: .9375em;
  line-height: 1.3;
  color: #aab6aa; }

ul.social li {
  border: 0; }

/* *********  /timeline  **************************** */
/* *********  profile/social  **************************** */
.social-sidebar, .social-body {
  float: right; }

.social-sidebar {
  background: #EDEDED;
  width: 22%; }

.social-body {
  border: 1px solid #ccc;
  width: 78%; }

.thumb img {
  width: 50px;
  height: 50px;
  border-radius: 50%; }

.chat .thumb img {
  width: 27px;
  height: 27px;
  border-radius: 50%; }

.chat .status {
  float: left;
  margin: 16px 0 0 -16px;
  font-size: 14px;
  font-weight: bold;
  width: 12px;
  height: 12px;
  display: block;
  border: 2px solid #FFF;
  z-index: 12312;
  border-radius: 50%; }

.chat .status.online {
  background: #1ABB9C; }

.chat .status.away {
  background: #F39C12; }

.chat .status.offline {
  background: #ccc; }

.chat .media-body {
  padding-top: 5px; }

/* *********  /profile/social  **************************** */
/* *********  widgets  **************************** */
.dashboard_graph .x_title {
  padding: 5px 5px 7px; }

.dashboard_graph .x_title h3 {
  margin: 0;
  font-weight: normal; }

.chart {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 110px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center; }

.chart canvas {
  position: absolute;
  top: 0;
  left: 0; }

.percent {
  display: inline-block;
  line-height: 110px;
  z-index: 2;
  font-size: 18px; }

.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em; }

.angular {
  margin-top: 100px; }

.angular .chart {
  margin-top: 0; }

.widget {
  min-width: 250px;
  max-width: 310px; }

.widget_tally_box .btn-group button {
  text-align: center; }

.widget_tally_box .btn-group button {
  color: inherit;
  font-weight: 500;
  background-color: #f5f5f5;
  border: 1px solid #e7e7e7; }

ul.widget_tally, ul.widget_tally li {
  width: 100%; }

ul.widget_tally li {
  padding: 2px 10px;
  border-bottom: 1px solid #ECECEC;
  padding-bottom: 4px; }

ul.widget_tally .month {
  width: 70%;
  float: left; }

ul.widget_tally .count {
  width: 30%;
  float: left;
  text-align: right; }

.pie_bg {
  border-bottom: 1px solid rgba(101, 204, 182, 0.16);
  padding-bottom: 15px;
  border-radius: 4px;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0)";
  filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  padding-bottom: 10px;
  box-shadow: 0 4px 6px -6px #222; }

.widget_tally_box .flex {
  display: -ms-flexbox;
  display: flex; }

ul.widget_profile_box {
  width: 100%;
  height: 42px;
  padding: 3px;
  background: #ececec;
  margin-top: 40px;
  margin-left: 1px; }

ul.widget_profile_box li:first-child {
  width: 25%;
  float: left; }

ul.widget_profile_box li:first-child a {
  float: left; }

ul.widget_profile_box li:last-child {
  width: 25%;
  float: right; }

ul.widget_profile_box li:last-child a {
  float: right; }

ul.widget_profile_box li a {
  font-size: 22px;
  text-align: center;
  width: 35px;
  height: 35px;
  border: 1px solid rgba(52, 73, 94, 0.44);
  display: block;
  border-radius: 50%;
  padding: 0px; }

ul.widget_profile_box li a:hover {
  color: #1ABB9C !important;
  border: 1px solid #26b99a; }

ul.widget_profile_box li .profile_img {
  width: 85px;
  height: 85px;
  margin: 0;
  margin-top: -28px; }

.widget_tally_box p, .widget_tally_box span {
  text-align: center; }

.widget_tally_box .name {
  text-align: center;
  margin: 25px; }

.widget_tally_box .name_title {
  text-align: center;
  margin: 5px; }

.widget_tally_box ul.legend {
  margin: 0; }

.widget_tally_box ul.legend p, .widget_tally_box ul.legend span {
  text-align: left; }

.widget_tally_box ul.legend li .icon {
  font-size: 20px;
  float: left;
  width: 14px; }

.widget_tally_box ul.legend li .name {
  font-size: 14px;
  margin: 5px 0 0 14px;
  text-overflow: ellipsis;
  float: left; }

.widget_tally_box ul.legend p {
  display: inline-block;
  margin: 0; }

.widget_tally_box ul.verticle_bars li {
  height: 140px;
  width: 23%; }

.widget .verticle_bars li .progress.vertical.progress_wide {
  width: 65%; }

ul.count2 {
  width: 100%;
  margin-left: 1px;
  border: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
  padding: 10px 0; }

ul.count2 li {
  width: 30%;
  text-align: center; }

ul.count2 li h3 {
  font-weight: 400;
  margin: 0; }

ul.count2 li span {
  font-weight: 300; }

/* *********  /widgets  **************************** */
.divider {
  border-bottom: 1px solid #ddd;
  margin: 10px; }

.divider-dashed {
  border-top: 1px dashed #e7eaec;
  background-color: #ffffff;
  height: 1px;
  margin: 10px 0; }

ul.messages {
  padding: 0;
  list-style: none; }

ul.messages li, .tasks li {
  border-bottom: 1px dotted #e6e6e6;
  padding: 8px 0; }

ul.messages li img.avatar, img.avatar {
  height: 32px;
  width: 32px;
  float: left;
  display: inline-block;
  border-radius: 2px;
  padding: 2px;
  background: #f7f7f7;
  border: 1px solid #e6e6e6; }

ul.messages li .message_date {
  float: right;
  text-align: right; }

ul.messages li .message_wrapper {
  margin-left: 50px;
  margin-right: 40px; }

ul.messages li .message_wrapper h4.heading {
  font-weight: 600;
  margin: 0;
  cursor: pointer;
  margin-bottom: 10px;
  line-height: 100%; }

ul.messages li .message_wrapper blockquote {
  padding: 0px 10px;
  margin: 0;
  border-left: 5px solid #eee; }

ul.user_data li {
  margin-bottom: 6px; }

ul.user_data li p {
  margin-bottom: 0; }

ul.user_data li .progress {
  width: 90%; }

.project_progress .progress {
  margin-bottom: 3px !important;
  margin-top: 5px; }

.projects .list-inline {
  margin: 0; }

.profile_title {
  background: #F5F7FA;
  border: 0;
  padding: 7px 0;
  display: -ms-flexbox;
  display: flex; }

ul.stats-overview {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 10px;
  margin-bottom: 10px; }

ul.stats-overview li {
  display: inline-block;
  text-align: center;
  padding: 0 15px;
  width: 30%;
  font-size: 14px;
  border-right: 1px solid #e8e8e8; }

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

ul.stats-overview li .name {
  font-size: 12px; }

ul.stats-overview li .value {
  font-size: 14px;
  font-weight: bold;
  display: block; }

ul.stats-overview li:first-child {
  padding-left: 0; }

ul.project_files li {
  margin-bottom: 5px; }

ul.project_files li a i {
  width: 20px; }

.project_detail p {
  margin-bottom: 10px; }

.project_detail p.title {
  font-weight: bold;
  margin-bottom: 0; }

.avatar img {
  border-radius: 50%;
  max-width: 45px; }

/* *********  pricing  **************************** */
.pricing {
  background: #fff; }

.pricing .title {
  background: #1ABB9C;
  height: 110px;
  color: #fff;
  padding: 15px 0 0;
  text-align: center; }

.pricing .title h2 {
  text-transform: capitalize;
  font-size: 18px;
  border-radius: 5px 5px 0 0;
  margin: 0;
  font-weight: 400; }

.pricing .title h1 {
  font-size: 30px;
  margin: 12px; }

.pricing .title span {
  background: rgba(51, 51, 51, 0.28);
  padding: 2px 5px; }

.pricing_features {
  background: #FAFAFA;
  padding: 20px 15px;
  min-height: 230px;
  font-size: 13.5px; }

.pricing_features ul li {
  margin-top: 10px; }

.pricing_footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  text-align: center;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.pricing_footer p {
  font-size: 13px;
  padding: 10px 0 2px;
  display: block; }

.ui-ribbon-container {
  position: relative; }

.ui-ribbon-container .ui-ribbon-wrapper {
  position: absolute;
  overflow: hidden;
  width: 85px;
  height: 88px;
  top: -3px;
  right: -3px; }

.ui-ribbon-container.ui-ribbon-primary .ui-ribbon {
  background-color: #5b90bf; }

.ui-ribbon-container .ui-ribbon {
  position: relative;
  display: block;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  transform: rotate(45deg);
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  line-height: 20px;
  background-color: #555;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after, .ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before {
  border-top: 2px solid #5b90bf; }

.ui-ribbon-container .ui-ribbon:before {
  left: 0;
  bottom: -1px; }

.ui-ribbon-container .ui-ribbon:before {
  right: 0; }

.ui-ribbon-container .ui-ribbon:after, .ui-ribbon-container .ui-ribbon:before {
  position: absolute;
  content: " ";
  line-height: 0;
  border-top: 2px solid #555;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent; }

/* *********  /pricing  **************************** */
/* *********  media gallery  **************************** */
.thumbnail .image {
  height: 120px;
  overflow: hidden; }

.caption {
  padding: 9px 5px;
  background: #F7F7F7; }

.caption p {
  margin-bottom: 5px; }

.thumbnail {
  height: 190px;
  overflow: hidden; }

.view {
  overflow: hidden;
  position: relative;
  text-align: center;
  box-shadow: 1px 1px 2px #e6e6e6;
  cursor: default; }

.view .mask, .view .content {
  position: absolute;
  width: 100%;
  overflow: hidden;
  top: 0;
  left: 0; }

.view img {
  display: block;
  position: relative; }

.view .tools {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 3px;
  background: rgba(0, 0, 0, 0.35);
  margin: 43px 0 0 0; }

.mask.no-caption .tools {
  margin: 90px 0 0 0; }

.view .tools a {
  display: inline-block;
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  padding: 0 4px; }

.view p {
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #fff;
  padding: 10px 20px 20px;
  text-align: center; }

.view a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  box-shadow: 0 0 1px #000; }

.view-first img {
  transition: all 0.2s linear; }

.view-first .mask {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out; }

.view-first .tools {
  transform: translateY(-100px);
  opacity: 0;
  transition: all 0.2s ease-in-out; }

.view-first p {
  transform: translateY(100px);
  opacity: 0;
  transition: all 0.2s linear; }

.view-first:hover img {
  transform: scale(1.1); }

.view-first:hover .mask {
  opacity: 1; }

.view-first:hover .tools, .view-first:hover p {
  opacity: 1;
  transform: translateY(0px); }

.view-first:hover p {
  transition-delay: 0.1s; }

/* *********  /media gallery  **************************** */
/* *********  verticle tabs  **************************** */
/*!
 * bootstrap-vertical-tabs - v1.2.1
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-11-07
 * Copyright (c) 2014 İsmail Demirbilek
 * License: MIT
 */
.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px; }

.tabs-left {
  border-right: 1px solid #F7F7F7; }

.tabs-right {
  border-left: 1px solid #F7F7F7; }

.tabs-left > li, .tabs-right > li {
  float: none;
  margin-bottom: 2px; }

.tabs-left > li {
  margin-right: -1px; }

.tabs-right > li {
  margin-left: -1px; }

.tabs-left > li.active > a, .tabs-left > li.active > a:hover, .tabs-left > li.active > a:focus {
  border-bottom-color: #F7F7F7;
  border-right-color: transparent; }

.tabs-right > li.active > a, .tabs-right > li.active > a:hover, .tabs-right > li.active > a:focus {
  border-bottom: 1px solid #F7F7F7;
  border-left-color: transparent; }

.tabs-left > li > a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display: block;
  background: #F7F7F7;
  text-overflow: ellipsis;
  overflow: hidden; }

.tabs-right > li > a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
  background: #F7F7F7;
  text-overflow: ellipsis;
  overflow: hidden; }

.sideways {
  margin-top: 50px;
  border: none;
  position: relative; }

.sideways > li {
  height: 20px;
  width: 120px;
  margin-bottom: 100px; }

.sideways > li > a {
  border-bottom: 1px solid #ddd;
  border-right-color: transparent;
  text-align: center;
  border-radius: 4px 4px 0px 0px; }

.sideways > li.active > a, .sideways > li.active > a:hover, .sideways > li.active > a:focus {
  border-bottom-color: transparent;
  border-right-color: #ddd;
  border-left-color: #ddd; }

.sideways.tabs-left {
  left: -50px; }

.sideways.tabs-right {
  right: -50px; }

.sideways.tabs-right > li {
  transform: rotate(90deg); }

.sideways.tabs-left > li {
  transform: rotate(-90deg); }

/* *********  /verticle tabs  **************************** */
/* *********  moris  **************************** */
.morris-hover {
  position: absolute;
  z-index: 1000; }

.morris-hover.morris-default-style {
  padding: 6px;
  color: #666;
  background: rgba(243, 242, 243, 0.8);
  border: solid 2px rgba(195, 194, 196, 0.8);
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  text-align: center; }

.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: bold;
  margin: 0.25em 0; }

.morris-hover.morris-default-style .morris-hover-point {
  white-space: nowrap;
  margin: 0.1em 0; }

/* *********  /moris  **************************** */
/* *********  ecommerce  **************************** */
.price {
  font-size: 40px;
  font-weight: 400;
  color: #26B99A;
  margin: 0; }

.prod_title {
  border-bottom: 1px solid #DFDFDF;
  padding-bottom: 5px;
  margin: 30px 0;
  font-size: 20px;
  font-weight: 400; }

.product-image img {
  width: 90%; }

.prod_color li {
  margin: 0 10px; }

.prod_color li p {
  margin-bottom: 0; }

.prod_size li {
  padding: 0; }

.prod_color .color {
  width: 25px;
  height: 25px;
  border: 2px solid rgba(51, 51, 51, 0.28) !important;
  padding: 2px;
  border-radius: 50px; }

.product_gallery a {
  width: 100px;
  height: 100px;
  float: left;
  margin: 10px;
  border: 1px solid #e5e5e5; }

.product_gallery a img {
  width: 100%;
  margin-top: 15px; }

.product_price {
  margin: 20px 0;
  padding: 5px 10px;
  background-color: #FFFFFF;
  text-align: left;
  border: 2px dashed #E0E0E0; }

.price-tax {
  font-size: 18px; }

.product_social {
  margin: 20px 0; }

.product_social ul li a i {
  font-size: 35px; }

/* *********  /ecommerce  **************************** */
/** login **/
.login {
  background: #F7F7F7; }

.login .fa-paw {
  font-size: 26px; }

a.hiddenanchor {
  display: none; }

.login_wrapper {
  right: 0px;
  margin: 0px auto;
  margin-top: 5%;
  max-width: 350px;
  position: relative; }

.registration_form, .login_form {
  position: absolute;
  top: 0px;
  width: 100%; }

.registration_form {
  z-index: 21;
  opacity: 0;
  width: 100%; }

.login_form {
  z-index: 22; }

#signup:target ~ .login_wrapper .registration_form, #signin:target ~ .login_wrapper .login_form {
  z-index: 22;
  animation-name: fadeInLeft;
  animation-delay: .1s; }

#signup:target ~ .login_wrapper .login_form, #signin:target ~ .login_wrapper .registration_form {
  animation-name: fadeOutLeft; }

.animate {
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: both;
  -o-animation-duration: 0.5s;
  -o-animation-timing-function: ease;
  -o-animation-fill-mode: both;
  -ms-animation-duration: 0.5s;
  -ms-animation-timing-function: ease;
  -ms-animation-fill-mode: both;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-fill-mode: both; }

/** /login **/
/** signup **/
.login_box {
  padding: 20px;
  margin: auto; }

.left {
  float: left; }

.calendar.left {
  float: initial !important; }

.alignleft {
  float: left;
  margin-right: 15px; }

.alignright {
  float: right;
  margin-left: 15px; }

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

.login_content {
  margin: 0 auto;
  padding: 25px 0 0;
  position: relative;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  min-width: 280px; }

.login_content a,
.login_content .btn-default:hover {
  text-decoration: none; }

.login_content a:hover {
  text-decoration: underline; }

.login_content h1 {
  font: normal 25px 'Open Sans', sans-serif;
  letter-spacing: -0.05em;
  line-height: 20px;
  margin: 10px 0 30px; }

.login_content h1:before, .login_content h1:after {
  content: "";
  height: 1px;
  position: absolute;
  top: 10px;
  width: 27%; }

.login_content h1:after {
  background: #7e7e7e;
  background: linear-gradient(to right, #7e7e7e 0%, white 100%);
  right: 0; }

.login_content h1:before {
  background: #7e7e7e;
  background: linear-gradient(to left, #7e7e7e 0%, white 100%);
  left: 0; }

.login_content h1:before, .login_content h1:after {
  content: "";
  height: 1px;
  position: absolute;
  top: 10px;
  width: 20%; }

.login_content h1:after {
  background: #7e7e7e;
  background: linear-gradient(to right, #7e7e7e 0%, white 100%);
  right: 0; }

.login_content h1:before {
  background: #7e7e7e;
  background: linear-gradient(to left, #7e7e7e 0%, white 100%);
  left: 0; }

.login_content form {
  margin: 20px 0;
  position: relative; }

.login_content form input[type="text"], .login_content form input[type="email"], .login_content form input[type="password"] {
  border-radius: 3px;
  -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
  -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
  box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
  border: 1px solid #c8c8c8;
  color: #777;
  margin: 0 0 20px;
  width: 100%; }

.login_content form input[type="text"]:focus, .login_content form input[type="email"]:focus, .login_content form input[type="password"]:focus {
  -ms-box-shadow: 0 0 2px #ed1c24 inset;
  -o-box-shadow: 0 0 2px #ed1c24 inset;
  box-shadow: 0 0 2px #A97AAD inset;
  background-color: #fff;
  border: 1px solid #A878AF;
  outline: none; }

#username {
  background-position: 10px 10px !important; }

#password {
  background-position: 10px -53px !important; }

.login_content form div a {
  font-size: 12px;
  margin: 10px 15px 0 0; }

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

.login_content div .reset_pass {
  margin-top: 13px !important;
  margin-right: 39px;
  float: right; }

.separator {
  border-top: 1px solid #D8D8D8;
  margin-top: 10px;
  padding-top: 10px; }

.button {
  background: #f7f9fa;
  background: linear-gradient(to bottom, #f7f9fa 0%, #f0f0f0 100%);
  filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#f0f0f0', GradientType=0)";
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  border-radius: 0 0 5px 5px;
  border-top: 1px solid #CFD5D9;
  padding: 15px 0; }

.login_content form input[type="submit"], #content form .submit {
  float: left;
  margin-left: 38px; }

.button a {
  background: url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) 0 -112px no-repeat;
  color: #7E7E7E;
  font-size: 17px;
  padding: 2px 0 2px 40px;
  text-decoration: none;
  transition: all 0.3s ease; }

.button a:hover {
  background-position: 0 -135px;
  color: #00aeef; }

header {
  width: 100%; }

/** signup **/
/** NProgress **/
#nprogress .bar {
  background: #1ABB9C; }

#nprogress .peg {
  box-shadow: 0 0 10px #1ABB9C, 0 0 5px #1ABB9C; }

#nprogress .spinner-icon {
  border-top-color: #1ABB9C;
  border-left-color: #1ABB9C; }

/** /NProgress **/
/** bootstrap-wysiwyg **/
.editor-wrapper {
  min-height: 250px;
  background-color: white;
  border-collapse: separate;
  border: 1px solid #cccccc;
  padding: 4px;
  box-sizing: content-box;
  box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  overflow: scroll;
  outline: none; }

.voiceBtn {
  width: 20px;
  color: transparent;
  background-color: transparent;
  transform: scale(2, 2);
  -webkit-transform: scale(2, 2);
  -moz-transform: scale(2, 2);
  border: transparent;
  cursor: pointer;
  box-shadow: none;
  -webkit-box-shadow: none; }

div[data-role="editor-toolbar"] {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.dropdown-menu a {
  cursor: pointer; }

/** /bootstrap-wysiwyg **/
/** Select2 **/
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  min-height: 38px; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #73879C;
  padding-top: 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-top: 3px; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-top: 2px;
  border: none;
  border-radius: 0;
  padding: 3px 5px; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #ccc; }

/** /Select2 **/
/** Switchery **/
.switchery {
  width: 32px;
  height: 20px; }

.switchery > small {
  width: 20px;
  height: 20px; }

/** /Switchery **/
/** Normalize.css **/
fieldset {
  border: none;
  margin: 0;
  padding: 0; }

/** /Normalize.css **/
/** Cropper **/
.cropper .img-container,
.cropper .img-preview {
  background-color: #f7f7f7;
  width: 100%;
  text-align: center; }

.cropper .img-container {
  min-height: 200px;
  max-height: 516px;
  margin-bottom: 20px; }

@media (min-width: 768px) {
  .cropper .img-container {
    min-height: 516px; } }

.cropper .img-container > img {
  max-width: 100%; }

.cropper .docs-preview {
  margin-right: -15px; }

.cropper .img-preview {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  overflow: hidden; }

.cropper .img-preview > img {
  max-width: 100%; }

.cropper .preview-lg {
  width: 263px;
  height: 148px; }

.cropper .preview-md {
  width: 139px;
  height: 78px; }

.cropper .preview-sm {
  width: 69px;
  height: 39px; }

.cropper .preview-xs {
  width: 35px;
  height: 20px;
  margin-right: 0; }

.cropper .docs-data > .input-group {
  margin-bottom: 10px; }

.cropper .docs-data > .input-group > label {
  min-width: 80px; }

.cropper .docs-data > .input-group > span {
  min-width: 50px; }

.cropper .docs-buttons > .btn,
.cropper .docs-buttons > .btn-group,
.cropper .docs-buttons > .form-control {
  margin-right: 5px;
  margin-bottom: 10px; }

.cropper .docs-toggles > .btn,
.cropper .docs-toggles > .btn-group,
.cropper .docs-toggles > .dropdown {
  margin-bottom: 10px; }

.cropper .docs-tooltip {
  display: block;
  margin: -6px -12px;
  padding: 6px 12px; }

.cropper .docs-tooltip > .icon {
  margin: 0 -3px;
  vertical-align: top; }

.cropper .tooltip-inner {
  white-space: normal; }

.cropper .btn-upload .tooltip-inner,
.cropper .btn-toggle .tooltip-inner {
  white-space: nowrap; }

.cropper .btn-toggle {
  padding: 6px; }

.cropper .btn-toggle > .docs-tooltip {
  margin: -6px;
  padding: 6px; }

@media (max-width: 400px) {
  .cropper .btn-group-crop {
    margin-right: -15px !important; }
  .cropper .btn-group-crop > .btn {
    padding-left: 5px;
    padding-right: 5px; }
  .cropper .btn-group-crop .docs-tooltip {
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 5px;
    padding-right: 5px; } }

.cropper .docs-options .dropdown-menu {
  width: 100%; }

.cropper .docs-options .dropdown-menu > li {
  padding: 3px 20px; }

.cropper .docs-options .dropdown-menu > li:hover {
  background-color: #f7f7f7; }

.cropper .docs-options .dropdown-menu > li > label {
  display: block; }

.cropper .docs-cropped .modal-body {
  text-align: center; }

.cropper .docs-cropped .modal-body > img,
.cropper .docs-cropped .modal-body > canvas {
  max-width: 100%; }

.cropper .docs-diagram .modal-dialog {
  max-width: 352px; }

.cropper .docs-cropped canvas {
  max-width: 100%; }

/** /Cropper **/
/** jQuery Smart Wizard  **/
.form_wizard .stepContainer {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0 solid #CCC;
  overflow-x: hidden; }

.wizard_horizontal ul.wizard_steps {
  display: table;
  list-style: none;
  position: relative;
  width: 100%;
  margin: 0 0 20px; }

.wizard_horizontal ul.wizard_steps li {
  display: table-cell;
  text-align: center; }

.wizard_horizontal ul.wizard_steps li a, .wizard_horizontal ul.wizard_steps li:hover {
  display: block;
  position: relative;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  color: #666; }

.wizard_horizontal ul.wizard_steps li a:before {
  content: "";
  position: absolute;
  height: 4px;
  background: #ccc;
  top: 20px;
  width: 100%;
  z-index: 4;
  left: 0; }

.wizard_horizontal ul.wizard_steps li a.disabled .step_no {
  background: #ccc; }

.wizard_horizontal ul.wizard_steps li a .step_no {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 100px;
  display: block;
  margin: 0 auto 5px;
  font-size: 16px;
  text-align: center;
  position: relative;
  z-index: 5; }

.wizard_horizontal ul.wizard_steps li a.selected:before, .step_no {
  background: #34495E;
  color: #fff; }

.wizard_horizontal ul.wizard_steps li a.done:before, .wizard_horizontal ul.wizard_steps li a.done .step_no {
  background: #1ABB9C;
  color: #fff; }

.wizard_horizontal ul.wizard_steps li:first-child a:before {
  left: 50%; }

.wizard_horizontal ul.wizard_steps li:last-child a:before {
  right: 50%;
  width: 50%;
  left: auto; }

.wizard_verticle .stepContainer {
  width: 80%;
  float: left;
  padding: 0 10px; }

.actionBar {
  width: 100%;
  border-top: 1px solid #ddd;
  padding: 10px 5px;
  text-align: right;
  margin-top: 10px; }

.actionBar .buttonDisabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  box-shadow: none; }

.actionBar a {
  margin: 0 3px; }

.wizard_verticle .wizard_content {
  width: 80%;
  float: left;
  padding-left: 20px; }

.wizard_verticle ul.wizard_steps {
  display: table;
  list-style: none;
  position: relative;
  width: 20%;
  float: left;
  margin: 0 0 20px; }

.wizard_verticle ul.wizard_steps li {
  display: list-item;
  text-align: center; }

.wizard_verticle ul.wizard_steps li a {
  height: 80px; }

.wizard_verticle ul.wizard_steps li a:first-child {
  margin-top: 20px; }

.wizard_verticle ul.wizard_steps li a, .wizard_verticle ul.wizard_steps li:hover {
  display: block;
  position: relative;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  color: #666; }

.wizard_verticle ul.wizard_steps li a:before {
  content: "";
  position: absolute;
  height: 100%;
  background: #ccc;
  top: 20px;
  width: 4px;
  z-index: 4;
  left: 49%; }

.wizard_verticle ul.wizard_steps li a.disabled .step_no {
  background: #ccc; }

.wizard_verticle ul.wizard_steps li a .step_no {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 100px;
  display: block;
  margin: 0 auto 5px;
  font-size: 16px;
  text-align: center;
  position: relative;
  z-index: 5; }

.wizard_verticle ul.wizard_steps li a.selected:before, .step_no {
  background: #34495E;
  color: #fff; }

.wizard_verticle ul.wizard_steps li a.done:before, .wizard_verticle ul.wizard_steps li a.done .step_no {
  background: #1ABB9C;
  color: #fff; }

.wizard_verticle ul.wizard_steps li:first-child a:before {
  left: 49%; }

.wizard_verticle ul.wizard_steps li:last-child a:before {
  left: 49%;
  left: auto;
  width: 0; }

.form_wizard .loader {
  display: none; }

.form_wizard .msgBox {
  display: none; }

/** jQuery Smart Wizard  **/
/** bootstrap-progressbar  **/
.progress {
  border-radius: 0; }

.progress-bar-info {
  background-color: #3498DB; }

.progress-bar-success {
  background-color: #26B99A; }

.progress_summary .progress {
  margin: 5px 0 12px !important; }

.progress_summary .row {
  margin-bottom: 5px; }

.progress_summary .row .col-xs-2 {
  padding: 0; }

.progress_summary .more_info span {
  text-align: right;
  float: right; }

.progress_summary .data span {
  text-align: right;
  float: right; }

.progress_summary p {
  margin-bottom: 3px;
  width: 100%; }

.progress_title .left {
  float: left;
  text-align: left; }

.progress_title .right {
  float: right;
  text-align: right;
  font-weight: 300; }

.progress.progress_sm {
  border-radius: 0;
  margin-bottom: 18px;
  height: 10px !important; }

.progress.progress_sm .progress-bar {
  height: 10px !important; }

.dashboard_graph p {
  margin: 0 0 4px; }

ul.verticle_bars {
  width: 100%; }

ul.verticle_bars li {
  width: 23%;
  height: 200px;
  margin: 0; }

.progress.vertical.progress_wide {
  width: 35px; }

/** bootstrap-progressbar  **/
/** PNotify **/
.alert-success {
  color: #ffffff;
  background-color: rgba(38, 185, 154, 0.88);
  border-color: rgba(38, 185, 154, 0.88); }

.alert-info {
  color: #5a738e;
  background-color: #F5F7FA;
  border-color: #ccc; }

.alert-danger,
.alert-error {
  color: #E9EDEF;
  background-color: rgba(231, 76, 60, 0.88);
  border-color: rgba(231, 76, 60, 0.88); }

.ui-pnotify.dark .ui-pnotify-container {
  color: #E9EDEF;
  background-color: rgba(52, 73, 94, 0.88);
  border-color: rgba(52, 73, 94, 0.88); }

.custom-notifications {
  position: fixed;
  margin: 15px;
  right: 0;
  float: right;
  width: 400px;
  z-index: 4000;
  bottom: 0; }

ul.notifications {
  float: right;
  display: block;
  margin-bottom: 7px;
  padding: 0;
  width: 100%; }

.notifications li {
  float: right;
  margin: 3px;
  width: 36px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); }

.notifications li:last-child {
  margin-left: 0; }

.notifications a {
  display: block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  padding: 9px 8px; }

.tabbed_notifications .text {
  padding: 5px 15px;
  height: 140px;
  border-radius: 7px;
  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3); }

.tabbed_notifications div p {
  display: inline-block; }

.tabbed_notifications h2 {
  font-weight: bold;
  text-transform: uppercase;
  width: 80%;
  float: left;
  height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block; }

.tabbed_notifications .close {
  padding: 5px;
  color: #E9EDEF;
  float: right;
  opacity: 1; }

/** /PNotify **/
/** FullCalendar **/
.fc-state-default {
  background: #f5f5f5;
  color: #73879C; }

.fc-state-down,
.fc-state-active {
  color: #333;
  background: #ccc; }

/** /FullCalendar **/
/** Dropzone.js **/
.dropzone {
  min-height: 300px;
  border: 1px solid #e5e5e5; }

/** /Dropzone.js **/
/**
 * @lordfriend/nya-bootstrap-select v2.5.1
 * Copyright 2014 Nyasoft
 * Licensed under MIT license
 */
.nya-bs-select {
  /*width: 220px\9; IE8 and below*/
  width: 220px \0;
  /*IE9 and below*/
  padding: 0;
  margin: 0; }

.nya-bs-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px; }

.nya-bs-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none; }

.nya-bs-select.form-control:not([class*="col-"]) {
  width: 100%; }

.nya-bs-select .dropdown-toggle {
  width: 100%;
  padding-right: 25px; }

.nya-bs-select .dropdown-toggle .filter-option,
.nya-bs-select .dropdown-toggle .special-title {
  overflow: hidden;
  width: 100%;
  text-align: left; }

.nya-bs-select .dropdown-toggle .filter-option {
  display: inline-block; }

.nya-bs-select .dropdown-toggle .special-title {
  display: none; }

.nya-bs-select .dropdown-toggle.show-special-title .filter-option {
  display: none; }

.nya-bs-select .dropdown-toggle.show-special-title .special-title {
  display: inline-block; }

.nya-bs-select .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle; }

.nya-bs-select.fit-width {
  width: auto !important; }

.nya-bs-select.btn-group:not(.input-group-btn),
.nya-bs-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0; }

.nya-bs-select.btn-group.dropdown-menu-right,
.nya-bs-select.btn-group[class*="col-"].dropdown-menu-right,
.row-fluid .nya-bs-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right; }

.nya-bs-select.btn-group[class*="col-"] .btn {
  width: 100%; }

.nya-bs-select.btn-group .dropdown-menu {
  min-width: 100%;
  z-index: 9999;
  box-sizing: border-box;
  overflow: hidden; }

.nya-bs-select.btn-group .dropdown-menu.inner {
  position: static;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none; }

.nya-bs-select.btn-group .dropdown-menu li {
  position: relative; }

.nya-bs-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed; }

.nya-bs-select.btn-group .dropdown-menu li.not-match {
  display: none; }

.nya-bs-select.btn-group .dropdown-menu li.no-search-result {
  display: none;
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px; }

.nya-bs-select.btn-group .dropdown-menu li.no-search-result.show {
  display: list-item; }

.nya-bs-select.btn-group .dropdown-menu li.group-item a {
  padding-left: 2.25em; }

.nya-bs-select.btn-group .dropdown-menu li a {
  cursor: pointer; }

.nya-bs-select.btn-group .dropdown-menu li a span.check-mark {
  display: none; }

.nya-bs-select.btn-group .dropdown-menu li a span.text {
  display: inline-block; }

.nya-bs-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em; }

.nya-bs-select.btn-group .dropdown-menu li.selected a .check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px; }

.nya-bs-select.btn-group .dropdown-menu li a span.text {
  margin-right: 34px; }

.nya-bs-select.btn-group .dropdown-menu li .dropdown-header {
  display: none; }

.nya-bs-select.btn-group .dropdown-menu li.first-in-group {
  margin-top: 1.75em; }

.nya-bs-select.btn-group .dropdown-menu li.first-in-group .dropdown-header {
  display: block;
  position: absolute;
  top: -1.75em;
  left: 0; }

.nya-bs-select.show-menu-arrow.open > .btn {
  z-index: 1036; }

.nya-bs-select.show-menu-arrow .dropdown-toggle:before {
  content: " ";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom-width: 7px;
  border-bottom-style: solid;
  border-bottom-color: rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none; }

.nya-bs-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none; }

.nya-bs-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-bottom: 0;
  border-top-width: 7px;
  border-top-style: solid;
  border-top-color: rgba(204, 204, 204, 0.2); }

.nya-bs-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0; }

.nya-bs-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto; }

.nya-bs-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto; }

.nya-bs-select.show-menu-arrow.open > .dropdown-toggle:before,
.nya-bs-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block; }

.nya-bs-select .bs-searchbox,
.nya-bs-select .bs-actionsbox {
  padding: 4px 8px; }

.nya-bs-select .bs-actionsbox {
  float: left;
  width: 100%;
  box-sizing: border-box; }

.nya-bs-select .bs-actionsbox .btn-group button {
  width: 50%; }

.nya-bs-select .bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px; }

.nya-bs-select .bs-searchbox input.form-control {
  margin-bottom: 0;
  width: 100%;
  float: none;
  z-index: inherit;
  display: block;
  position: static;
  border-radius: 4px; }

.nya-bs-select.fit-width .btn .filter-option,
.nya-bs-select.fit-width .btn .special-title {
  position: static; }

.nya-bs-select.fit-width .btn .caret {
  position: static;
  top: auto;
  margin-top: -1px; }

.nya-bs-select.on-modal .dropdown-menu {
  z-index: 1040; }

.nya-bs-select.on-modal.open > .btn {
  z-index: 1041; }

.pretty > input + label > i.g-mdi:before,
.pretty > input + label + label > i.g-mdi:before {
  content: attr(data-icon);
  display: inline-block;
  font: normal normal normal 24px/1 "Material Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0); }

@media print {
  .pretty > input:not(:checked) + label i:before {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    color: transparent !important; }
  .pretty :not(.toggle) input:not(:checked) + label i:before,
  .pretty > input[type='radio']:checked + label > i.default:before,
  .pretty i:after {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    color: transparent !important; }
  .pretty input:checked + label i:before {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact; }
  .pretty.primary input:checked + label i:before {
    color: white !important; }
  .pretty.success input:checked + label i:before {
    color: white !important; }
  .pretty.info input:checked + label i:before {
    color: white !important; }
  .pretty.warning input:checked + label i:before {
    color: white !important; }
  .pretty.danger input:checked + label i:before {
    color: white !important; } }

.pretty {
  line-height: 1;
  position: relative;
  display: inline-block;
  margin: 0 10px 5px 0; }

.pretty label {
  font-weight: normal; }

.pretty > input[type='checkbox'],
.pretty > input[type='radio'] {
  position: absolute;
  z-index: 99999999;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
  opacity: 0; }

.pretty i {
  font-size: 1em !important;
  position: relative;
  display: inline-block;
  box-sizing: initial;
  min-width: 1em;
  margin-right: 2px;
  padding: 1px;
  text-align: center; }

.pretty i:before {
  position: relative;
  z-index: 999;
  left: 0;
  display: inline-block;
  vertical-align: bottom;
  color: transparent;
  background-color: #fff; }

.pretty i:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '\0000';
  color: transparent;
  border: 1px solid #b9b9b9;
  border-radius: 0; }

.pretty > input[type='checkbox']:checked + label > i:before,
.pretty > input[type='radio']:checked + label > i:before {
  color: inherit;
  background-color: #fff; }

.pretty > input[type='radio'] + label > i.default:before {
  left: 0;
  min-width: 1em;
  content: '\0000';
  color: transparent;
  border-radius: 0;
  background: #fff;
  transform: scale(0.8); }

.pretty > input[type='radio']:checked + label > i.default:before {
  background-color: #b9b9b9 !important; }

.pretty > input[type='checkbox'][disabled],
.pretty > input[type='radio'][disabled] {
  cursor: not-allowed;
  opacity: 0; }

.pretty > input[type='checkbox'][disabled] + label,
.pretty > input[type='radio'][disabled] + label {
  cursor: not-allowed;
  opacity: 0.5; }

.pretty.plain > input[type='checkbox']:checked + label > i:after,
.pretty.plain > input[type='radio']:checked + label > i:after {
  border-color: transparent; }

.pretty.plain > input[type='checkbox'] + label + label > i:after,
.pretty.plain > input[type='radio'] + label + label > i:after {
  border-color: transparent; }

.pretty.plain > input[type='checkbox']:checked + label + label > i:after,
.pretty.plain > input[type='radio']:checked + label + label > i:after {
  border-color: transparent; }

.pretty.plain.toggle > input[type='checkbox'] + label > i:after, .pretty.plain.toggle > input[type='radio'] + label > i:after {
  border-color: transparent; }

.pretty.circle label i {
  padding: 2px; }

.pretty.circle label i:after,
.pretty.circle label i:before {
  border-radius: 100px; }

.pretty.circle label i.default:before {
  border-radius: 100px !important; }

.pretty.curvy label i:after,
.pretty.curvy label i:before {
  border-radius: 2px; }

.pretty.curvy label i.default:before {
  border-radius: 2px !important; }

.pretty.primary input:checked + label i:before {
  color: #fff;
  background-color: #428bca !important; }

.pretty.primary input:checked + label i:after {
  border-color: #428bca;
  background-color: #428bca !important; }

.pretty.primary input[type='radio']:checked + label i.default:before {
  background-color: #428bca !important;
  color: transparent; }

.pretty.primary input[type='radio']:checked + label i.default:after {
  background-color: initial !important;
  border-color: #428bca; }

.pretty.primary.smooth input:checked ~ label i:after {
  transform: scale(1) !important; }

.pretty.o-primary input:checked + label i:before {
  color: #428bca; }

.pretty.o-primary input:checked + label i:after {
  border-color: #428bca; }

.pretty.toggle i.primary:before {
  color: #428bca !important; }

.pretty.toggle i.success:before {
  color: #5cb85c !important; }

.pretty.toggle i.info:before {
  color: #5bc0de !important; }

.pretty.toggle i.warning:before {
  color: #f0ad4e !important; }

.pretty.toggle i.danger:before {
  color: #d9534f !important; }

.pretty.success input:checked + label i:before {
  color: #fff;
  background-color: #5cb85c !important; }

.pretty.success input:checked + label i:after {
  border-color: #5cb85c;
  background-color: #5cb85c !important; }

.pretty.success input[type='radio']:checked + label i.default:before {
  background-color: #5cb85c !important;
  color: transparent; }

.pretty.success input[type='radio']:checked + label i.default:after {
  background-color: initial !important;
  border-color: #5cb85c; }

.pretty.success.smooth input:checked ~ label i:after {
  transform: scale(1) !important; }

.pretty.o-success input:checked + label i:before {
  color: #5cb85c; }

.pretty.o-success input:checked + label i:after {
  border-color: #5cb85c; }

.pretty.toggle i.primary:before {
  color: #428bca !important; }

.pretty.toggle i.success:before {
  color: #5cb85c !important; }

.pretty.toggle i.info:before {
  color: #5bc0de !important; }

.pretty.toggle i.warning:before {
  color: #f0ad4e !important; }

.pretty.toggle i.danger:before {
  color: #d9534f !important; }

.pretty.info input:checked + label i:before {
  color: #fff;
  background-color: #5bc0de !important; }

.pretty.info input:checked + label i:after {
  border-color: #5bc0de;
  background-color: #5bc0de !important; }

.pretty.info input[type='radio']:checked + label i.default:before {
  background-color: #5bc0de !important;
  color: transparent; }

.pretty.info input[type='radio']:checked + label i.default:after {
  background-color: initial !important;
  border-color: #5bc0de; }

.pretty.info.smooth input:checked ~ label i:after {
  transform: scale(1) !important; }

.pretty.o-info input:checked + label i:before {
  color: #5bc0de; }

.pretty.o-info input:checked + label i:after {
  border-color: #5bc0de; }

.pretty.toggle i.primary:before {
  color: #428bca !important; }

.pretty.toggle i.success:before {
  color: #5cb85c !important; }

.pretty.toggle i.info:before {
  color: #5bc0de !important; }

.pretty.toggle i.warning:before {
  color: #f0ad4e !important; }

.pretty.toggle i.danger:before {
  color: #d9534f !important; }

.pretty.warning input:checked + label i:before {
  color: #fff;
  background-color: #f0ad4e !important; }

.pretty.warning input:checked + label i:after {
  border-color: #f0ad4e;
  background-color: #f0ad4e !important; }

.pretty.warning input[type='radio']:checked + label i.default:before {
  background-color: #f0ad4e !important;
  color: transparent; }

.pretty.warning input[type='radio']:checked + label i.default:after {
  background-color: initial !important;
  border-color: #f0ad4e; }

.pretty.warning.smooth input:checked ~ label i:after {
  transform: scale(1) !important; }

.pretty.o-warning input:checked + label i:before {
  color: #f0ad4e; }

.pretty.o-warning input:checked + label i:after {
  border-color: #f0ad4e; }

.pretty.toggle i.primary:before {
  color: #428bca !important; }

.pretty.toggle i.success:before {
  color: #5cb85c !important; }

.pretty.toggle i.info:before {
  color: #5bc0de !important; }

.pretty.toggle i.warning:before {
  color: #f0ad4e !important; }

.pretty.toggle i.danger:before {
  color: #d9534f !important; }

.pretty.danger input:checked + label i:before {
  color: #fff;
  background-color: #d9534f !important; }

.pretty.danger input:checked + label i:after {
  border-color: #d9534f;
  background-color: #d9534f !important; }

.pretty.danger input[type='radio']:checked + label i.default:before {
  background-color: #d9534f !important;
  color: transparent; }

.pretty.danger input[type='radio']:checked + label i.default:after {
  background-color: initial !important;
  border-color: #d9534f; }

.pretty.danger.smooth input:checked ~ label i:after {
  transform: scale(1) !important; }

.pretty.o-danger input:checked + label i:before {
  color: #d9534f; }

.pretty.o-danger input:checked + label i:after {
  border-color: #d9534f; }

.pretty.toggle i.primary:before {
  color: #428bca !important; }

.pretty.toggle i.success:before {
  color: #5cb85c !important; }

.pretty.toggle i.info:before {
  color: #5bc0de !important; }

.pretty.toggle i.warning:before {
  color: #f0ad4e !important; }

.pretty.toggle i.danger:before {
  color: #d9534f !important; }

.pretty.toggle > input[type='checkbox'] + label > i:before, .pretty.toggle > input[type='radio'] + label > i:before {
  color: inherit; }

.pretty.toggle > input[type='checkbox'] + label + label,
.pretty.toggle > input[type='radio'] + label + label {
  display: none; }

.pretty.toggle > input[type='checkbox']:checked + label,
.pretty.toggle > input[type='radio']:checked + label {
  display: none; }

.pretty.toggle > input[type='checkbox']:checked + label + label,
.pretty.toggle > input[type='radio']:checked + label + label {
  display: inline-block; }

.pretty.toggle > input[type='checkbox']:checked + label + label > i:before,
.pretty.toggle > input[type='radio']:checked + label + label > i:before {
  color: inherit; }

.pretty.primary.hover:hover input + label i:before {
  background-color: rgba(66, 139, 202, 0.5) !important;
  color: #fff !important; }

.pretty.primary.hover:hover input + label i:after {
  border-color: rgba(66, 139, 202, 0.5) !important; }

.pretty.o-primary.hover:hover input + label i:before {
  color: rgba(66, 139, 202, 0.8); }

.pretty.success.hover:hover input + label i:before {
  background-color: rgba(92, 184, 92, 0.5) !important;
  color: #fff !important; }

.pretty.success.hover:hover input + label i:after {
  border-color: rgba(92, 184, 92, 0.5) !important; }

.pretty.o-success.hover:hover input + label i:before {
  color: rgba(92, 184, 92, 0.8); }

.pretty.info.hover:hover input + label i:before {
  background-color: rgba(91, 192, 222, 0.5) !important;
  color: #fff !important; }

.pretty.info.hover:hover input + label i:after {
  border-color: rgba(91, 192, 222, 0.5) !important; }

.pretty.o-info.hover:hover input + label i:before {
  color: rgba(91, 192, 222, 0.8); }

.pretty.warning.hover:hover input + label i:before {
  background-color: rgba(240, 173, 78, 0.5) !important;
  color: #fff !important; }

.pretty.warning.hover:hover input + label i:after {
  border-color: rgba(240, 173, 78, 0.5) !important; }

.pretty.o-warning.hover:hover input + label i:before {
  color: rgba(240, 173, 78, 0.8); }

.pretty.danger.hover:hover input + label i:before {
  background-color: rgba(217, 83, 79, 0.5) !important;
  color: #fff !important; }

.pretty.danger.hover:hover input + label i:after {
  border-color: rgba(217, 83, 79, 0.5) !important; }

.pretty.o-danger.hover:hover input + label i:before {
  color: rgba(217, 83, 79, 0.8); }

.pretty.smooth i:before {
  transition: all .5s ease;
  transform: scale(0); }

.pretty.smooth i:after {
  transition: all .5s ease; }

.pretty.smooth > input[type='checkbox']:checked ~ label > i:before,
.pretty.smooth > input[type='radio']:checked ~ label > i:before {
  transform: scale(1); }

.pretty.smooth > input[type='checkbox']:checked ~ label > i:after,
.pretty.smooth > input[type='radio']:checked ~ label > i:after {
  transform: scale(0); }

.pretty.smooth > input[type='radio']:checked ~ label > i.default:before {
  transform: scale(0.8); }

.pretty.smooth > input[type='radio']:checked ~ label > i.default:after {
  transform: scale(1); }

.pretty.smooth.toggle i:before {
  transform: none; }

.pretty.smooth.toggle > input[type='checkbox']:checked ~ label > i:before,
.pretty.smooth.toggle > input[type='radio']:checked ~ label > i:before {
  transform: none; }

.pretty.smooth.toggle > input[type='checkbox']:checked ~ label > i:after,
.pretty.smooth.toggle > input[type='radio']:checked ~ label > i:after {
  transform: none; }

@keyframes tada {
  0% {
    transform: scale(7);
    animation-timing-function: ease-in;
    opacity: 0; }
  38% {
    transform: scale(1);
    animation-timing-function: ease-out;
    opacity: 1; }
  55% {
    transform: scale(1.5);
    animation-timing-function: ease-in; }
  72% {
    transform: scale(1);
    animation-timing-function: ease-out; }
  81% {
    transform: scale(1.24);
    animation-timing-function: ease-in; }
  89% {
    transform: scale(1);
    animation-timing-function: ease-out; }
  95% {
    transform: scale(1.04);
    animation-timing-function: ease-in; }
  100% {
    transform: scale(1);
    animation-timing-function: ease-out; } }

@keyframes bounce {
  0% {
    transform: translateY(-50px);
    animation-timing-function: ease-in;
    opacity: 0; }
  38% {
    transform: translateY(0);
    animation-timing-function: ease-out;
    opacity: 1; }
  55% {
    transform: translateY(-30px);
    animation-timing-function: ease-in; }
  72% {
    transform: translateY(0);
    animation-timing-function: ease-out; }
  81% {
    transform: translateY(-18px);
    -webkit-animation-timing-function: ease-in; }
  90% {
    transform: translateY(0);
    animation-timing-function: ease-out; }
  95% {
    transform: translateY(-8px);
    animation-timing-function: ease-in; }
  100% {
    transform: translateY(0);
    animation-timing-function: ease-out; } }

@keyframes rotate {
  0% {
    transform: translateZ(-200px) rotate(-45deg);
    opacity: 0; }
  100% {
    transform: translateZ(0) rotate(0);
    opacity: 1; } }

@keyframes jelly {
  0% {
    transform: scale3d(1, 1, 1); }
  30% {
    transform: scale3d(0.75, 1.25, 1); }
  40% {
    transform: scale3d(1.25, 0.75, 1); }
  50% {
    transform: scale3d(0.85, 1.15, 1); }
  65% {
    transform: scale3d(1.05, 0.95, 1); }
  75% {
    transform: scale3d(0.95, 1.05, 1); }
  100% {
    transform: scale3d(1, 1, 1); } }

@keyframes vibrate {
  0% {
    transform: translate(0); }
  10% {
    transform: translate(-2px, -2px); }
  20% {
    transform: translate(2px, -2px); }
  30% {
    transform: translate(-2px, 2px); }
  40% {
    transform: translate(2px, 2px); }
  50% {
    transform: translate(-2px, -2px); }
  60% {
    transform: translate(2px, -2px); }
  70% {
    transform: translate(-2px, 2px); }
  80% {
    transform: translate(-2px, -2px); }
  90% {
    transform: translate(2px, -2px); }
  100% {
    transform: translate(0); } }

.pretty.a-tada > input[type='checkbox']:checked + label > i,
.pretty.a-tada > input[type='radio']:checked + label > i {
  animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

.pretty.a-bounce > input[type='checkbox']:checked + label > i,
.pretty.a-bounce > input[type='radio']:checked + label > i {
  animation: bounce 1.1s both; }

.pretty.a-rotate > input[type='checkbox']:checked + label > i,
.pretty.a-rotate > input[type='radio']:checked + label > i {
  animation: rotate 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

.pretty.a-jelly > input[type='checkbox']:checked + label > i,
.pretty.a-jelly > input[type='radio']:checked + label > i {
  animation: jelly 0.9s both; }

.pretty.a-vibrate > input[type='checkbox']:checked + label > i,
.pretty.a-vibrate > input[type='radio']:checked + label > i {
  animation: vibrate 0.5s linear infinite both; }

.pagination-list {
  padding-left: 0; }

.pagination-list .pagination-item.disabled {
  opacity: .9;
  background: #eee;
  color: #aaa;
  cursor: no-drop; }

.pagination-list .pagination-item {
  background: white;
  display: block;
  float: left;
  margin-right: 4px;
  border: 1px solid #ddd;
  border-radius: 4px;
  min-width: 30px;
  padding: 0 10px;
  height: 30px;
  text-align: center;
  line-height: 28px; }
  .pagination-list .pagination-item.active {
    background: #6d86a0;
    color: white; }

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  width: 278px;
  padding: 4px;
  margin-top: 1px;
  top: 100px;
  left: 20px;
  /* Calendars */ }
  .daterangepicker:before, .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''; }
  .daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc; }
  .daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent; }
  .daterangepicker.opensleft:before {
    right: 9px; }
  .daterangepicker.opensleft:after {
    right: 10px; }
  .daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
  .daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
  .daterangepicker.opensright:before {
    left: 9px; }
  .daterangepicker.opensright:after {
    left: 10px; }
  .daterangepicker.dropup {
    margin-top: -5px; }
    .daterangepicker.dropup:before {
      top: initial;
      bottom: -7px;
      border-bottom: initial;
      border-top: 7px solid #ccc; }
    .daterangepicker.dropup:after {
      top: initial;
      bottom: -6px;
      border-bottom: initial;
      border-top: 6px solid #fff; }
  .daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3001; }
  .daterangepicker.single .ranges, .daterangepicker.single .calendar {
    float: none; }
  .daterangepicker.show-calendar .calendar {
    display: block; }
  .daterangepicker .calendar {
    display: none;
    max-width: 270px;
    margin: 4px; }
    .daterangepicker .calendar.single .calendar-table {
      border: none; }
    .daterangepicker .calendar th, .daterangepicker .calendar td {
      white-space: nowrap;
      text-align: center;
      min-width: 32px; }
  .daterangepicker .calendar-table {
    border: 1px solid #fff;
    padding: 4px;
    border-radius: 4px;
    background-color: #fff; }
  .daterangepicker table {
    width: 100%;
    margin: 0; }
  .daterangepicker td, .daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer; }
    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
      background-color: #eee;
      border-color: transparent;
      color: inherit; }
    .daterangepicker td.week, .daterangepicker th.week {
      font-size: 80%;
      color: #ccc; }
  .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999; }
  .daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0; }
  .daterangepicker td.start-date {
    border-radius: 4px 0 0 4px; }
  .daterangepicker td.end-date {
    border-radius: 0 4px 4px 0; }
  .daterangepicker td.start-date.end-date {
    border-radius: 4px; }
  .daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff; }
  .daterangepicker th.month {
    width: auto; }
  .daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through; }
  .daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default; }
  .daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%; }
  .daterangepicker select.yearselect {
    width: 40%; }
  .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0; }
  .daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    height: 30px;
    line-height: 30px;
    display: block;
    vertical-align: middle;
    margin: 0 0 5px 0;
    padding: 0 6px 0 28px;
    width: 100%; }
    .daterangepicker .input-mini.active {
      border: 1px solid #08c;
      border-radius: 4px; }
  .daterangepicker .daterangepicker_input {
    position: relative; }
    .daterangepicker .daterangepicker_input i {
      position: absolute;
      left: 8px;
      top: 8px; }
  .daterangepicker.rtl .input-mini {
    padding-right: 28px;
    padding-left: 6px; }
  .daterangepicker.rtl .daterangepicker_input i {
    left: auto;
    right: 8px; }
  .daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px; }
    .daterangepicker .calendar-time select.disabled {
      color: #ccc;
      cursor: not-allowed; }

.ranges {
  font-size: 11px;
  float: none;
  margin: 4px;
  text-align: left; }
  .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%; }
  .ranges li {
    font-size: 13px;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    color: #08c;
    padding: 3px 12px;
    margin-bottom: 8px;
    cursor: pointer; }
    .ranges li:hover {
      background-color: #08c;
      border: 1px solid #08c;
      color: #fff; }
    .ranges li.active {
      background-color: #08c;
      border: 1px solid #08c;
      color: #fff; }

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto; }
    .daterangepicker .ranges ul {
      width: 160px; }
    .daterangepicker.single .ranges ul {
      width: 100%; }
    .daterangepicker.single .calendar.left {
      clear: none; }
    .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {
      float: left; }
    .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar {
      float: right; }
    .daterangepicker.ltr {
      direction: ltr;
      text-align: left; }
      .daterangepicker.ltr .calendar.left {
        clear: left;
        margin-right: 0; }
        .daterangepicker.ltr .calendar.left .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.ltr .calendar.right {
        margin-left: 0; }
        .daterangepicker.ltr .calendar.right .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.ltr .left .daterangepicker_input {
        padding-right: 12px; }
      .daterangepicker.ltr .calendar.left .calendar-table {
        padding-right: 12px; }
      .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
        float: left; }
    .daterangepicker.rtl {
      direction: rtl;
      text-align: right; }
      .daterangepicker.rtl .calendar.left {
        clear: right;
        margin-left: 0; }
        .daterangepicker.rtl .calendar.left .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.rtl .calendar.right {
        margin-right: 0; }
        .daterangepicker.rtl .calendar.right .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.rtl .left .daterangepicker_input {
        padding-left: 12px; }
      .daterangepicker.rtl .calendar.left .calendar-table {
        padding-left: 12px; }
      .daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {
        text-align: right;
        float: right; } }

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto; }
  .daterangepicker.ltr .ranges {
    float: left; }
  .daterangepicker.rtl .ranges {
    float: right; }
  .daterangepicker .calendar.left {
    clear: none !important; } }

/*!
 * FullCalendar v3.10.5
 * Docs & License: https://fullcalendar.io/
 * (c) 2019 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left; }

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

body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em; }

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3; }

.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3; }

.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7; }

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer; }

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0; }

.fc-state-default {
  /* non-theme */
  border: 1px solid; }

.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

/* icons in buttons */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle; }

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6; }

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  transition: background-position 0.1s linear; }

.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  box-shadow: none; }

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block; }

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px; }

.fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }

.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px; }

.fc-popover .fc-header .fc-title {
  margin: 0 2px; }

.fc-popover .fc-header .fc-close {
  cursor: pointer; }

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left; }

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right; }

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px; }

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0; }

.fc-clear {
  clear: both; }

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */ }

.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */ }

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */ }

.fc th {
  text-align: center; }

.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top; }

.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */ }

/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] {
  cursor: pointer; }

a[data-goto]:hover {
  text-decoration: underline; }

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0; }

.fc-row table {
  /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent; }

.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */ }

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative; }

.fc-row .fc-bg {
  z-index: 1; }

/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */ }

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */ }

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent; }

.fc-row .fc-bgevent-skeleton {
  z-index: 2; }

.fc-row .fc-highlight-skeleton {
  z-index: 3; }

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */ }

.fc-row .fc-helper-skeleton {
  z-index: 5; }

.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  /* extra precedence to prevent theme-provided backgrounds */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent; }

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* don't put a border between events and/or the day number */
  border-bottom: 0; }

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0; }

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  -webkit-overflow-scrolling: touch; }

/* TODO: move to agenda/basic */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */ }

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */ }

.fc-event,
.fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */ }

.fc-event,
.fc-event:hover {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */ }

.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */ }

.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed; }

.fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #fff;
  opacity: .25; }

.fc-event .fc-content {
  position: relative;
  z-index: 2; }

/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4; }

/* resizer (touch devices) */
.fc-event .fc-resizer {
  display: none; }

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block; }

/* hit area */
.fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px; }

/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.fc-event.fc-selected.fc-dragging {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); }

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0; }

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */ }

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */ }

/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */ }

/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* vertically center */
  top: 50%;
  margin-top: -4px; }

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */ }

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */ }

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px; }

tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */ }

.fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25; }

.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden; }

.fc-day-grid-event .fc-time {
  font-weight: bold; }

/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */ }

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */ }

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none; }

a.fc-more:hover {
  text-decoration: underline; }

.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none; }

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */ }

.fc-more-popover {
  z-index: 2;
  width: 220px; }

.fc-more-popover .fc-event-container {
  padding: 10px; }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
  position: absolute;
  border: 0 solid red; }

/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/*
TODO: more distinction between this file and common.css
*/
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: #ddd; }

.fc-unthemed .fc-popover {
  background-color: #fff; }

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: #eee; }

.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666; }

.fc-unthemed td.fc-today {
  background: #fcf8e3; }

.fc-unthemed .fc-disabled-day {
  background: #d7d7d7;
  opacity: .3; }

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/*
Acceptable font-family overrides for individual icons:
  "Arial", sans-serif
  "Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
  position: relative; }

.fc-icon-left-single-arrow:after {
  content: "\2039";
  font-weight: bold;
  font-size: 200%;
  top: -7%; }

.fc-icon-right-single-arrow:after {
  content: "\203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%; }

.fc-icon-left-double-arrow:after {
  content: "\AB";
  font-size: 160%;
  top: -7%; }

.fc-icon-right-double-arrow:after {
  content: "\BB";
  font-size: 160%;
  top: -7%; }

.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%; }

.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%; }

.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%; }

.fc-icon-x:after {
  content: "\D7";
  font-size: 200%;
  top: 6%; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid; }

.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px; }

/* List View
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-list-item:hover td {
  background-color: #f5f5f5; }

/* Colors
--------------------------------------------------------------------------------------------------*/
.ui-widget .fc-disabled-day {
  background-image: none; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */ }

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.ui-widget .fc-event {
  /* overpower jqui's styles on <a> tags. TODO: more DRY */
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
  /* undo ui-widget-header bold */
  font-weight: normal; }

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome bold */ }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats .ui-widget-content {
  background: none;
  /* see through to fc-bg */ }

.fc.fc-bootstrap3 a {
  text-decoration: none; }

.fc.fc-bootstrap3 a[data-goto]:hover {
  text-decoration: underline; }

.fc-bootstrap3 hr.fc-divider {
  border-color: inherit; }

.fc-bootstrap3 .fc-today.alert {
  border-radius: 0; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap3 .fc-popover .panel-body {
  padding: 0; }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap3 .fc-time-grid .fc-slats table {
  /* some themes have background color. see through to slats */
  background: none; }

.fc.fc-bootstrap4 a {
  text-decoration: none; }

.fc.fc-bootstrap4 a[data-goto]:hover {
  text-decoration: underline; }

.fc-bootstrap4 hr.fc-divider {
  border-color: inherit; }

.fc-bootstrap4 .fc-today.alert {
  border-radius: 0; }

.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]) {
  color: #fff; }

.fc-bootstrap4 .fc-popover.card {
  position: absolute; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap4 .fc-popover .card-body {
  padding: 0; }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap4 .fc-time-grid .fc-slats table {
  /* some themes have background color. see through to slats */
  background: none; }

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center; }

.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em; }

.fc-toolbar.fc-footer-toolbar {
  margin-top: 1em; }

.fc-toolbar .fc-left {
  float: left; }

.fc-toolbar .fc-right {
  float: right; }

.fc-toolbar .fc-center {
  display: inline-block; }

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em; }

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0; }

/* title text */
.fc-toolbar h2 {
  margin: 0; }

/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative; }

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2; }

.fc-toolbar .fc-state-down {
  z-index: 3; }

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4; }

.fc-toolbar button:focus {
  z-index: 5; }

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  box-sizing: content-box; }

.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1; }

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */ }

.fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */ }

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden; }

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

/* week and day number styling */
.fc-day-top.fc-other-month {
  opacity: 0.3; }

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 2px; }

.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */ }

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right; }

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left; }

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0; }

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px; }

.fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080; }

/* when week/day number have own column */
.fc-basic-view td.fc-week-number {
  text-align: center; }

.fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em; }

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */ }

.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */ }

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */ }

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap; }

.fc-ltr .fc-axis {
  text-align: right; }

.fc-rtl .fc-axis {
  text-align: left; }

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1; }

.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */ }

.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent; }

.fc-time-grid > .fc-bg {
  z-index: 1; }

.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2; }

.fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */ }

.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0; }

/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1; }

.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2; }

.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3; }

.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4; }

.fc-time-grid .fc-now-indicator-line {
  z-index: 5; }

.fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6; }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */ }

.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted; }

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */ }

.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */ }

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px; }

.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%; }

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */ }

.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0; }

/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */ }

.fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible; }

.fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */ }

.fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */ }

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px; }

.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap; }

/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap; }

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top; }

.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */ }

.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */ }

.fc-time-grid-event.fc-short .fc-time:after {
  content: "\A0-\A0";
  /* seperate with a dash, wrapped in nbsp's */ }

.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */ }

/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize; }

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "="; }

/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px; }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0; }

/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */ }

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent; }

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent; }

/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px; }

/* view wrapper */
.fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */ }

.fc-list-view {
  border-width: 1px;
  border-style: solid; }

/* table resets */
.fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */ }

.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px; }

.fc-list-table tr:first-child td {
  border-top-width: 0; }

/* day headings with the list */
.fc-list-heading {
  border-bottom-width: 1px; }

.fc-list-heading td {
  font-weight: bold; }

.fc-ltr .fc-list-heading-main {
  float: left; }

.fc-ltr .fc-list-heading-alt {
  float: right; }

.fc-rtl .fc-list-heading-main {
  float: right; }

.fc-rtl .fc-list-heading-alt {
  float: left; }

/* event list items */
.fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */ }

.fc-list-item-marker,
.fc-list-item-time {
  white-space: nowrap;
  width: 1px; }

/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
  padding-right: 0; }

.fc-rtl .fc-list-item-marker {
  padding-left: 0; }

.fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit; }

.fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline; }

/* message when no events */
.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table; }

.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee; }

@keyframes ngdialog-fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes ngdialog-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.ngdialog {
  box-sizing: border-box; }

.ngdialog *,
.ngdialog *:before,
.ngdialog *:after {
  box-sizing: inherit; }

.ngdialog {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* fix for Scrollbars not clickable on overflow #552 */
  background: rgba(0, 0, 0, 0.4);
  animation: ngdialog-fadein 0.5s;
  /* end fix for Scrollbars not clickable on overflow #552 */ }

.ngdialog.ngdialog-disabled-animation,
.ngdialog.ngdialog-disabled-animation .ngdialog-overlay,
.ngdialog.ngdialog-disabled-animation .ngdialog-content {
  animation: none !important; }

.ngdialog-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  animation: ngdialog-fadein 0.5s;
  /* fix for Scrollbars not clickable on overflow #552 */
  margin-right: 15px;
  background: transparent;
  /* end fix for Scrollbars not clickable on overflow #552 */ }

.ngdialog-no-overlay {
  pointer-events: none; }

.ngdialog.ngdialog-closing .ngdialog-overlay {
  -webkit-backface-visibility: hidden;
  animation: ngdialog-fadeout 0.5s; }

.ngdialog-content {
  background: white;
  -webkit-backface-visibility: hidden;
  animation: ngdialog-fadein 0.5s;
  pointer-events: all; }

.ngdialog.ngdialog-closing .ngdialog-content {
  -webkit-backface-visibility: hidden;
  animation: ngdialog-fadeout 0.5s; }

.ngdialog-close:before {
  font-family: 'Helvetica', Arial, sans-serif;
  content: '\00D7';
  cursor: pointer; }

html.ngdialog-open,
body.ngdialog-open {
  overflow: hidden; }

@keyframes ngdialog-flyin {
  0% {
    opacity: 0;
    transform: translateY(-40px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes ngdialog-flyout {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-40px); } }

.ngdialog.ngdialog-theme-default {
  padding-bottom: 160px;
  padding-top: 160px; }

.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content {
  animation: ngdialog-flyout .5s; }

.ngdialog.ngdialog-theme-default .ngdialog-content {
  animation: ngdialog-flyin .5s;
  background: #f0f0f0;
  border-radius: 5px;
  color: #444;
  font-family: 'Helvetica',sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 0 auto;
  max-width: 100%;
  padding: 1em;
  position: relative;
  width: 450px; }

.ngdialog.ngdialog-theme-default .ngdialog-close {
  border: none;
  background: transparent;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0; }

.ngdialog.ngdialog-theme-default .ngdialog-close:before {
  display: block;
  padding: 3px;
  background: transparent;
  color: #bbb;
  content: '\00D7';
  font-size: 26px;
  font-weight: 400;
  line-height: 26px;
  text-align: center; }

.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before,
.ngdialog.ngdialog-theme-default .ngdialog-close:active:before {
  color: #777; }

.ngdialog.ngdialog-theme-default .ngdialog-message {
  margin-bottom: .5em; }

.ngdialog.ngdialog-theme-default .ngdialog-input {
  margin-bottom: 1em; }

.ngdialog.ngdialog-theme-default .ngdialog-input textarea,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"] {
  background: #fff;
  border: 0;
  border-radius: 3px;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0 0 .25em;
  min-height: 2.5em;
  padding: .25em .67em;
  width: 100%; }

.ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"]:focus {
  box-shadow: inset 0 0 0 2px #8dbdf1;
  outline: none; }

.ngdialog.ngdialog-theme-default .ngdialog-buttons {
  *zoom: 1; }

.ngdialog.ngdialog-theme-default .ngdialog-buttons:after {
  content: '';
  display: table;
  clear: both; }

.ngdialog.ngdialog-theme-default .ngdialog-button {
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  float: right;
  font-family: inherit;
  font-size: .8em;
  letter-spacing: .1em;
  line-height: 1em;
  margin: 0 0 0 .5em;
  padding: .75em 2em;
  text-transform: uppercase; }

.ngdialog.ngdialog-theme-default .ngdialog-button:focus {
  animation: ngdialog-pulse 1.1s infinite;
  outline: none; }

@media (max-width: 568px) {
  .ngdialog.ngdialog-theme-default .ngdialog-button:focus {
    animation: none; } }

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary {
  background: #3288e6;
  color: #fff; }

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary {
  background: #e0e0e0;
  color: #777; }

/*!
 * AngularJS Material Design
 * https://github.com/angular/material
 * @license MIT
 * v1.2.2
 */
html, body {
  height: 100%;
  position: relative; }

body {
  margin: 0;
  padding: 0; }

[tabindex='-1']:focus {
  outline: none; }

.inset {
  padding: 10px; }

a.md-no-style,
button.md-no-style {
  font-weight: normal;
  background-color: inherit;
  text-align: left;
  border: none;
  padding: 0;
  margin: 0; }

select,
button,
textarea,
input {
  vertical-align: baseline; }

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

textarea {
  vertical-align: top;
  overflow: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
  -webkit-box-sizing: content-box; }
  input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none; }

input:-webkit-autofill {
  text-shadow: none; }

.md-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-transform: none;
  width: 1px; }

.md-shadow {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: inherit;
  pointer-events: none; }

.md-shadow-bottom-z-1 {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }

.md-shadow-bottom-z-2 {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); }

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

/*
 * A container inside of a rippling element (eg a button),
 * which contains all of the individual ripples
 */
.md-ripple-container {
  pointer-events: none;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1); }

.md-ripple {
  position: absolute;
  transform: translate(-50%, -50%) scale(0);
  transform-origin: 50% 50%;
  opacity: 0;
  border-radius: 50%; }
  .md-ripple.md-ripple-placed {
    transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .md-ripple.md-ripple-scaled {
    transform: translate(-50%, -50%) scale(1); }
  .md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible {
    opacity: 0.20; }
  .md-ripple.md-ripple-remove {
    animation: md-remove-ripple 0.9s cubic-bezier(0.25, 0.8, 0.25, 1); }

@keyframes md-remove-ripple {
  0% {
    opacity: .15; }
  100% {
    opacity: 0; } }

.md-padding {
  padding: 8px; }

.md-margin {
  margin: 8px; }

.md-scroll-mask {
  position: absolute;
  background-color: transparent;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 50; }
  .md-scroll-mask > .md-scroll-mask-bar {
    display: block;
    position: absolute;
    background-color: #fafafa;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 65;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3); }

.md-no-momentum {
  -webkit-overflow-scrolling: auto; }

.md-no-flicker {
  -webkit-filter: blur(0px); }

@media (min-width: 960px) {
  .md-padding {
    padding: 16px; } }

html[dir=rtl], html[dir=ltr], body[dir=rtl], body[dir=ltr] {
  unicode-bidi: embed; }

bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override; }

bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override; }

@media (max-width: 599px) {
  .layout-row:not(.layout-xs-column) > .md-auto-horizontal-margin:not(:first-child),
  .layout-xs-row > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 16px; }
    [dir=rtl] .layout-row:not(.layout-xs-column) > .md-auto-horizontal-margin:not(:first-child), [dir=rtl]
    .layout-xs-row > .md-auto-horizontal-margin:not(:first-child) {
      margin-left: 0;
      margin-right: 16px; } }

@media (min-width: 600px) and (max-width: 959px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child),
  .layout-gt-xs-row:not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child),
  .layout-sm-row:not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 16px; }
    [dir=rtl] .layout-row:not(.layout-gt-xs-column):not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child), [dir=rtl]
    .layout-gt-xs-row:not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child), [dir=rtl]
    .layout-sm-row:not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child) {
      margin-left: 0;
      margin-right: 16px; } }

@media (min-width: 960px) and (max-width: 1279px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child),
  .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child),
  .layout-gt-sm-row:not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child),
  .layout-md-row:not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 16px; }
    [dir=rtl] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child), [dir=rtl]
    .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child), [dir=rtl]
    .layout-gt-sm-row:not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child), [dir=rtl]
    .layout-md-row:not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child) {
      margin-left: 0;
      margin-right: 16px; } }

@media (min-width: 1280px) and (max-width: 1919px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
  .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
  .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
  .layout-gt-md-row:not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
  .layout-lg-row:not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 16px; }
    [dir=rtl] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child), [dir=rtl]
    .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child), [dir=rtl]
    .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child), [dir=rtl]
    .layout-gt-md-row:not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child), [dir=rtl]
    .layout-lg-row:not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child) {
      margin-left: 0;
      margin-right: 16px; } }

@media (min-width: 1920px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
  .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
  .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
  .layout-gt-md-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
  .layout-gt-lg-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
  .layout-xl-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 16px; }
    [dir=rtl] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child), [dir=rtl]
    .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child), [dir=rtl]
    .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child), [dir=rtl]
    .layout-gt-md-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child), [dir=rtl]
    .layout-gt-lg-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child), [dir=rtl]
    .layout-xl-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child) {
      margin-left: 0;
      margin-right: 16px; } }

html, body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: default;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/************
 * Headings
 ************/
.md-display-4 {
  font-size: 112px;
  font-weight: 300;
  letter-spacing: -0.010em;
  line-height: 112px; }

.md-display-3 {
  font-size: 56px;
  font-weight: 400;
  letter-spacing: -0.005em;
  line-height: 56px; }

.md-display-2 {
  font-size: 45px;
  font-weight: 400;
  line-height: 64px; }

.md-display-1 {
  font-size: 34px;
  font-weight: 400;
  line-height: 40px; }

.md-headline {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px; }

.md-title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.005em; }

.md-subhead {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.010em;
  line-height: 24px; }

/************
 * Body Copy
 ************/
.md-body-1 {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.010em;
  line-height: 20px; }

.md-body-2 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.010em;
  line-height: 24px; }

.md-caption {
  font-size: 12px;
  letter-spacing: 0.020em; }

.md-button {
  letter-spacing: 0.010em; }

/************
 * Defaults
 ************/
button,
select,
html,
textarea,
input {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

select,
button,
textarea,
input {
  font-size: 100%; }

/*
*  Responsive attributes
*
*  References:
*  1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
*  2) https://css-tricks.com/almanac/properties/f/flex/
*  3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
*  4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
*  5) http://godban.com.ua/projects/flexgrid
*/
.md-panel-outer-wrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.md-panel-inner-wrapper {
  position: fixed; }

._md-panel-offscreen {
  left: -9999px; }

._md-panel-hidden {
  display: none; }

._md-panel-shown .md-panel {
  opacity: 1;
  transition: none; }

.md-panel {
  opacity: 0;
  position: relative; }
  .md-panel._md-panel-shown {
    opacity: 1;
    transition: none; }
  .md-panel._md-panel-animate-enter {
    opacity: 1;
    transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); }
  .md-panel._md-panel-animate-leave {
    opacity: 1;
    transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); }
  .md-panel._md-panel-animate-scale-out, .md-panel._md-panel-animate-fade-out {
    opacity: 0; }
  .md-panel._md-panel-backdrop {
    height: 100%;
    position: fixed;
    width: 100%; }
  .md-panel._md-opaque-enter {
    opacity: .48;
    transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1); }
  .md-panel._md-opaque-leave {
    transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1); }

._md-panel-fullscreen {
  border-radius: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: fixed;
  top: 0; }

md-autocomplete {
  border-radius: 2px;
  display: block;
  height: 40px;
  position: relative;
  overflow: visible;
  min-width: 190px; }
  md-autocomplete[disabled] input {
    cursor: default; }
  md-autocomplete[md-floating-label] {
    border-radius: 0;
    background: transparent;
    height: auto; }
    md-autocomplete[md-floating-label] md-input-container {
      padding-bottom: 0; }
    md-autocomplete[md-floating-label] md-autocomplete-wrap {
      height: auto; }
    md-autocomplete[md-floating-label] .md-show-clear-button button {
      display: block;
      position: absolute;
      right: 0;
      top: 20px;
      width: 30px;
      height: 30px; }
    md-autocomplete[md-floating-label] .md-show-clear-button input {
      padding-right: 30px; }
      [dir=rtl] md-autocomplete[md-floating-label] .md-show-clear-button input {
        padding-right: 0;
        padding-left: 30px; }
  md-autocomplete md-autocomplete-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    box-sizing: border-box;
    position: relative;
    overflow: visible;
    height: 40px; }
    md-autocomplete md-autocomplete-wrap.md-menu-showing {
      z-index: 51; }
    md-autocomplete md-autocomplete-wrap md-input-container,
    md-autocomplete md-autocomplete-wrap input {
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
      box-sizing: border-box;
      min-width: 0; }
    md-autocomplete md-autocomplete-wrap md-progress-linear {
      position: absolute;
      bottom: -2px;
      left: 0; }
      md-autocomplete md-autocomplete-wrap md-progress-linear.md-inline {
        bottom: 40px;
        right: 2px;
        left: 2px;
        width: auto; }
      md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 3px;
        transition: none; }
        md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate .md-container {
          transition: none;
          height: 3px; }
        md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter {
          transition: opacity 0.15s linear; }
          md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter.ng-enter-active {
            opacity: 1; }
        md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave {
          transition: opacity 0.15s linear; }
          md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave.ng-leave-active {
            opacity: 0; }
  md-autocomplete input:not(.md-input) {
    font-size: 14px;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
    outline: none;
    background: transparent;
    width: 100%;
    padding: 0 15px;
    line-height: 40px;
    height: 40px; }
    md-autocomplete input:not(.md-input)::-ms-clear {
      display: none; }
  md-autocomplete .md-show-clear-button button {
    position: relative;
    line-height: 20px;
    text-align: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    padding: 0;
    font-size: 12px;
    background: transparent;
    margin: auto 5px; }
    md-autocomplete .md-show-clear-button button:after {
      content: '';
      position: absolute;
      top: -6px;
      right: -6px;
      bottom: -6px;
      left: -6px;
      border-radius: 50%;
      transform: scale(0);
      opacity: 0;
      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
    md-autocomplete .md-show-clear-button button:focus {
      outline: none; }
      md-autocomplete .md-show-clear-button button:focus:after {
        transform: scale(1);
        opacity: 1; }
    md-autocomplete .md-show-clear-button button md-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate3d(-50%, -50%, 0) scale(0.9); }
      md-autocomplete .md-show-clear-button button md-icon path {
        stroke-width: 0; }
    md-autocomplete .md-show-clear-button button.ng-enter {
      transform: scale(0);
      transition: transform 0.15s ease-out; }
      md-autocomplete .md-show-clear-button button.ng-enter.ng-enter-active {
        transform: scale(1); }
    md-autocomplete .md-show-clear-button button.ng-leave {
      transition: transform 0.15s ease-out; }
      md-autocomplete .md-show-clear-button button.ng-leave.ng-leave-active {
        transform: scale(0); }
  @media screen and (-ms-high-contrast: active) {
    md-autocomplete input {
      border: 1px solid #fff; }
    md-autocomplete .md-autocomplete-suggestion:focus {
      color: #fff; } }

.md-virtual-repeat-container.md-autocomplete-suggestions-container,
.md-standard-list-container.md-autocomplete-suggestions-container {
  position: absolute;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  z-index: 100;
  height: 100%; }
  .md-virtual-repeat-container.md-autocomplete-suggestions-container .highlight,
  .md-standard-list-container.md-autocomplete-suggestions-container .highlight {
    font-weight: bold; }

.md-standard-list-container {
  box-sizing: border-box;
  display: block;
  margin: 0;
  overflow: hidden;
  overflow-y: auto;
  padding: 0; }

.md-virtual-repeat-container.md-not-found,
.md-standard-list-container.md-not-found {
  height: 48px; }

.md-autocomplete-suggestions {
  margin: 0;
  list-style: none;
  padding: 0; }
  .md-autocomplete-suggestions .md-autocomplete-suggestion {
    font-size: 14px;
    overflow: hidden;
    padding: 0 15px;
    line-height: 48px;
    height: 48px;
    transition: background 0.15s linear;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .md-autocomplete-suggestions .md-autocomplete-suggestion:focus {
      outline: none; }
    .md-autocomplete-suggestions .md-autocomplete-suggestion:not(.md-not-found-wrapper) {
      cursor: pointer; }

@media screen and (-ms-high-contrast: active) {
  md-autocomplete,
  .md-autocomplete-suggestions {
    border: 1px solid #fff; } }

md-backdrop {
  transition: opacity 450ms;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50; }
  md-backdrop.md-menu-backdrop {
    position: fixed !important;
    z-index: 99; }
  md-backdrop.md-select-backdrop {
    z-index: 81;
    transition-duration: 0; }
  md-backdrop.md-dialog-backdrop {
    z-index: 79; }
  md-backdrop.md-bottom-sheet-backdrop {
    z-index: 69; }
  md-backdrop.md-sidenav-backdrop {
    z-index: 59; }
  md-backdrop.md-click-catcher {
    position: absolute; }
  md-backdrop.md-opaque {
    opacity: .48; }
    md-backdrop.md-opaque.ng-enter {
      opacity: 0; }
    md-backdrop.md-opaque.ng-enter.md-opaque.ng-enter-active {
      opacity: .48; }
    md-backdrop.md-opaque.ng-leave {
      opacity: .48;
      transition: opacity 400ms; }
    md-backdrop.md-opaque.ng-leave.md-opaque.ng-leave-active {
      opacity: 0; }

md-bottom-sheet {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 8px 16px 88px 16px;
  z-index: 70;
  border-top-width: 1px;
  border-top-style: solid;
  transform: translate3d(0, 80px, 0);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: transform; }
  md-bottom-sheet.md-has-header {
    padding-top: 0; }
  md-bottom-sheet.ng-enter {
    opacity: 0;
    transform: translate3d(0, 100%, 0); }
  md-bottom-sheet.ng-enter-active {
    opacity: 1;
    display: block;
    transform: translate3d(0, 80px, 0) !important; }
  md-bottom-sheet.ng-leave-active {
    transform: translate3d(0, 100%, 0) !important;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  md-bottom-sheet .md-subheader {
    background-color: transparent;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    line-height: 56px;
    padding: 0;
    white-space: nowrap; }
  md-bottom-sheet md-inline-icon {
    display: inline-block;
    height: 24px;
    width: 24px;
    fill: #444; }
  md-bottom-sheet md-list-item {
    display: -ms-flexbox;
    display: flex;
    outline: none; }
    md-bottom-sheet md-list-item:hover {
      cursor: pointer; }
  md-bottom-sheet.md-list md-list-item {
    padding: 0;
    -ms-flex-align: center;
        align-items: center;
    height: 48px; }
  md-bottom-sheet.md-grid {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 0; }
    md-bottom-sheet.md-grid md-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      transition: all 0.5s;
      -ms-flex-align: center;
          align-items: center; }
    md-bottom-sheet.md-grid md-list-item {
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      transition: all 0.5s;
      height: 96px;
      margin-top: 8px;
      margin-bottom: 8px;
      /* Mixin for how many grid items to show per row */ }
      @media (max-width: 960px) {
        md-bottom-sheet.md-grid md-list-item {
          -ms-flex: 1 1 33.33333%;
              flex: 1 1 33.33333%;
          max-width: 33.33333%; }
          md-bottom-sheet.md-grid md-list-item:nth-of-type(3n + 1) {
            -ms-flex-align: start;
                align-items: flex-start; }
          md-bottom-sheet.md-grid md-list-item:nth-of-type(3n) {
            -ms-flex-align: end;
                align-items: flex-end; } }
      @media (min-width: 960px) and (max-width: 1279px) {
        md-bottom-sheet.md-grid md-list-item {
          -ms-flex: 1 1 25%;
              flex: 1 1 25%;
          max-width: 25%; } }
      @media (min-width: 1280px) and (max-width: 1919px) {
        md-bottom-sheet.md-grid md-list-item {
          -ms-flex: 1 1 16.66667%;
              flex: 1 1 16.66667%;
          max-width: 16.66667%; } }
      @media (min-width: 1920px) {
        md-bottom-sheet.md-grid md-list-item {
          -ms-flex: 1 1 14.28571%;
              flex: 1 1 14.28571%;
          max-width: 14.28571%; } }
      md-bottom-sheet.md-grid md-list-item::before {
        display: none; }
      md-bottom-sheet.md-grid md-list-item .md-list-item-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
            align-items: center;
        width: 48px;
        padding-bottom: 16px; }
      md-bottom-sheet.md-grid md-list-item .md-grid-item-content {
        border: 1px solid transparent;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
            align-items: center;
        width: 80px; }
      md-bottom-sheet.md-grid md-list-item .md-grid-text {
        font-weight: 400;
        line-height: 16px;
        font-size: 13px;
        margin: 0;
        white-space: nowrap;
        width: 64px;
        text-align: center;
        text-transform: none;
        padding-top: 8px; }

@media screen and (-ms-high-contrast: active) {
  md-bottom-sheet {
    border: 1px solid #fff; } }

button.md-button::-moz-focus-inner {
  border: 0; }

.md-button {
  display: inline-block;
  position: relative;
  cursor: pointer;
  /** Alignment adjustments */
  min-height: 36px;
  min-width: 88px;
  line-height: 36px;
  vertical-align: middle;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  border-radius: 2px;
  box-sizing: border-box;
  /* Reset default button appearance */
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none;
  border: 0;
  /** Custom styling for button */
  padding: 0 8px;
  margin: 6px 8px;
  background: transparent;
  color: currentColor;
  white-space: nowrap;
  /* Uppercase text content */
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  font-style: inherit;
  font-variant: inherit;
  font-family: inherit;
  text-decoration: none;
  overflow: hidden;
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .md-dense > .md-button:not(.md-dense-disabled),
  .md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {
    min-height: 32px; }
  .md-dense > .md-button:not(.md-dense-disabled),
  .md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {
    line-height: 32px; }
  .md-dense > .md-button:not(.md-dense-disabled),
  .md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {
    font-size: 13px; }
  .md-button:focus {
    outline: none; }
  .md-button:hover, .md-button:focus {
    text-decoration: none; }
  .md-button.ng-hide, .md-button.ng-leave {
    transition: none; }
  .md-button.md-cornered {
    border-radius: 0; }
  .md-button.md-icon {
    padding: 0;
    background: none; }
  .md-button.md-raised:not([disabled]) {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
  .md-button.md-icon-button {
    margin: 0 6px;
    height: 40px;
    min-width: 0;
    line-height: 24px;
    padding: 8px;
    width: 40px;
    border-radius: 50%; }
  .md-button.md-fab {
    z-index: 20;
    line-height: 56px;
    min-width: 0;
    width: 56px;
    height: 56px;
    vertical-align: middle;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    border-radius: 50%;
    background-clip: padding-box;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    transition-property: background-color, box-shadow, transform; }
    .md-button.md-fab.md-fab-bottom-right {
      top: auto;
      right: 20px;
      bottom: 20px;
      left: auto;
      position: absolute; }
    .md-button.md-fab.md-fab-bottom-left {
      top: auto;
      right: auto;
      bottom: 20px;
      left: 20px;
      position: absolute; }
    .md-button.md-fab.md-fab-top-right {
      top: 20px;
      right: 20px;
      bottom: auto;
      left: auto;
      position: absolute; }
    .md-button.md-fab.md-fab-top-left {
      top: 20px;
      right: auto;
      bottom: auto;
      left: 20px;
      position: absolute; }
    .md-button.md-fab.md-mini {
      line-height: 40px;
      width: 40px;
      height: 40px; }
    .md-button.md-fab.ng-hide, .md-button.md-fab.ng-leave {
      transition: none; }
    .md-button.md-fab[disabled] {
      box-shadow: none; }
  .md-button:not([disabled]).md-raised.md-focused, .md-button:not([disabled]).md-fab.md-focused {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
  .md-button:not([disabled]).md-raised:active, .md-button:not([disabled]).md-fab:active {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); }
  .md-button .md-ripple-container {
    border-radius: inherit;
    background-clip: padding-box;
    overflow: hidden;
    -webkit-transform: translateZ(0); }

.md-button.md-icon-button md-icon,
button.md-button.md-fab md-icon {
  display: block; }

.md-toast-open-top .md-button.md-fab-top-left,
.md-toast-open-top .md-button.md-fab-top-right {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translate3d(0, 42px, 0); }
  .md-toast-open-top .md-button.md-fab-top-left:not([disabled]).md-focused, .md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover,
  .md-toast-open-top .md-button.md-fab-top-right:not([disabled]).md-focused,
  .md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover {
    transform: translate3d(0, 41px, 0); }

.md-toast-open-bottom .md-button.md-fab-bottom-left,
.md-toast-open-bottom .md-button.md-fab-bottom-right {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translate3d(0, -42px, 0); }
  .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]).md-focused, .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover,
  .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]).md-focused,
  .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover {
    transform: translate3d(0, -43px, 0); }

.md-button-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  width: 100%; }
  .md-button-group > .md-button {
    -ms-flex: 1;
        flex: 1;
    display: block;
    overflow: hidden;
    width: 0;
    border-width: 1px 0px 1px 1px;
    border-radius: 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .md-button-group > .md-button:first-child {
      border-radius: 2px 0px 0px 2px; }
    .md-button-group > .md-button:last-child {
      border-right-width: 1px;
      border-radius: 0px 2px 2px 0px; }

@media screen and (-ms-high-contrast: active) {
  .md-button.md-raised,
  .md-button.md-fab {
    border: 1px solid #fff; } }

md-card {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 8px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
  md-card md-card-header {
    padding: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row; }
    md-card md-card-header:first-child md-card-avatar {
      margin-right: 12px; }
      [dir=rtl] md-card md-card-header:first-child md-card-avatar {
        margin-right: auto;
        margin-left: 12px; }
    md-card md-card-header:last-child md-card-avatar {
      margin-left: 12px; }
      [dir=rtl] md-card md-card-header:last-child md-card-avatar {
        margin-left: auto;
        margin-right: 12px; }
    md-card md-card-header md-card-avatar {
      width: 40px;
      height: 40px; }
      md-card md-card-header md-card-avatar .md-user-avatar,
      md-card md-card-header md-card-avatar md-icon {
        border-radius: 50%; }
      md-card md-card-header md-card-avatar md-icon {
        padding: 8px; }
        md-card md-card-header md-card-avatar md-icon > svg {
          height: inherit;
          width: inherit; }
      md-card md-card-header md-card-avatar + md-card-header-text {
        max-height: 40px; }
        md-card md-card-header md-card-avatar + md-card-header-text .md-title {
          font-size: 14px; }
    md-card md-card-header md-card-header-text {
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 1;
          flex: 1;
      -ms-flex-direction: column;
          flex-direction: column; }
      md-card md-card-header md-card-header-text .md-subhead {
        font-size: 14px; }
  md-card > img,
  md-card > md-card-header img,
  md-card md-card-title-media img {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 100%;
    height: auto; }
  md-card md-card-title {
    padding: 24px 16px 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    -ms-flex-direction: row;
        flex-direction: row; }
    md-card md-card-title + md-card-content {
      padding-top: 0; }
    md-card md-card-title md-card-title-text {
      -ms-flex: 1;
          flex: 1;
      -ms-flex-direction: column;
          flex-direction: column;
      display: -ms-flexbox;
      display: flex; }
      md-card md-card-title md-card-title-text .md-subhead {
        padding-top: 0;
        font-size: 14px; }
      md-card md-card-title md-card-title-text:only-child .md-subhead {
        padding-top: 12px; }
    md-card md-card-title md-card-title-media {
      margin-top: -8px; }
      md-card md-card-title md-card-title-media .md-media-sm {
        height: 80px;
        width: 80px; }
      md-card md-card-title md-card-title-media .md-media-md {
        height: 112px;
        width: 112px; }
      md-card md-card-title md-card-title-media .md-media-lg {
        height: 152px;
        width: 152px; }
  md-card md-card-content {
    display: block;
    padding: 16px; }
    md-card md-card-content > p:first-child {
      margin-top: 0; }
    md-card md-card-content > p:last-child {
      margin-bottom: 0; }
    md-card md-card-content .md-media-xl {
      height: 240px;
      width: 240px; }
  md-card md-card-actions {
    margin: 8px; }
    md-card md-card-actions.layout-column .md-button:not(.md-icon-button) {
      margin: 2px 0; }
      md-card md-card-actions.layout-column .md-button:not(.md-icon-button):first-of-type {
        margin-top: 0; }
      md-card md-card-actions.layout-column .md-button:not(.md-icon-button):last-of-type {
        margin-bottom: 0; }
    md-card md-card-actions.layout-column .md-button.md-icon-button {
      margin-top: 6px;
      margin-bottom: 6px; }
    md-card md-card-actions md-card-icon-actions {
      -ms-flex: 1;
          flex: 1;
      -ms-flex-pack: start;
          justify-content: flex-start;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row; }
    md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button) {
      margin: 0 4px; }
      md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
        margin-left: 0; }
        [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
          margin-left: auto;
          margin-right: 0; }
      md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
        margin-right: 0; }
        [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
          margin-right: auto;
          margin-left: 0; }
    md-card md-card-actions:not(.layout-column) .md-button.md-icon-button {
      margin-left: 6px;
      margin-right: 6px; }
      md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
        margin-left: 12px; }
        [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
          margin-left: auto;
          margin-right: 12px; }
      md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
        margin-right: 12px; }
        [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
          margin-right: auto;
          margin-left: 12px; }
    md-card md-card-actions:not(.layout-column) .md-button + md-card-icon-actions {
      -ms-flex: 1;
          flex: 1;
      -ms-flex-pack: end;
          justify-content: flex-end;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row; }
  md-card md-card-footer {
    margin-top: auto;
    padding: 16px; }

@media screen and (-ms-high-contrast: active) {
  md-card {
    border: 1px solid #fff; } }

.md-image-no-fill > img {
  width: auto;
  height: auto; }

.md-inline-form md-checkbox {
  margin-top: 14px;
  margin-bottom: auto; }

md-checkbox {
  box-sizing: border-box;
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  min-width: 18px;
  min-height: 48px; }
  .md-dense > md-checkbox:not(.md-dense-disabled),
  .md-dense :not(.md-dense-disabled) md-checkbox:not(.md-dense-disabled) {
    min-height: 36px; }
  md-checkbox.md-focused:not([disabled]) .md-container:before {
    left: -8px;
    top: -8px;
    right: -8px;
    bottom: -8px; }
  md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before {
    background-color: rgba(0, 0, 0, 0.12); }
  md-checkbox .md-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    display: inline-block;
    width: 18px;
    height: 18px;
    left: 0;
    right: auto; }
    [dir=rtl] md-checkbox .md-container {
      left: auto; }
    [dir=rtl] md-checkbox .md-container {
      right: 0; }
    md-checkbox .md-container:before {
      box-sizing: border-box;
      background-color: transparent;
      border-radius: 50%;
      content: '';
      position: absolute;
      display: block;
      height: auto;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      transition: all 0.5s;
      width: auto; }
    md-checkbox .md-container:after {
      box-sizing: border-box;
      content: '';
      position: absolute;
      top: -10px;
      right: -10px;
      bottom: -10px;
      left: -10px; }
    md-checkbox .md-container .md-ripple-container {
      position: absolute;
      display: block;
      width: auto;
      height: auto;
      left: -15px;
      top: -15px;
      right: -15px;
      bottom: -15px; }
  md-checkbox .md-icon {
    box-sizing: border-box;
    transition: 240ms;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border-width: 2px;
    border-style: solid;
    border-radius: 2px; }
  md-checkbox.md-checked .md-icon {
    border-color: transparent; }
    md-checkbox.md-checked .md-icon:after {
      box-sizing: border-box;
      transform: rotate(45deg);
      position: absolute;
      left: 4px;
      top: 0px;
      display: table;
      width: 6px;
      height: 12px;
      border-width: 2px;
      border-style: solid;
      border-top: 0;
      border-left: 0;
      content: ''; }
  md-checkbox[disabled] {
    cursor: default; }
  md-checkbox.md-indeterminate .md-icon:after {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: table;
    width: 10.8px;
    height: 2px;
    border-width: 2px;
    border-style: solid;
    border-top: 0;
    border-left: 0;
    content: ''; }
  md-checkbox .md-container {
    top: auto;
    left: auto;
    right: auto;
    margin: 3px;
    margin-top: 21px; }
  md-checkbox .md-label {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    -webkit-user-select: text;
        -ms-user-select: text;
            user-select: text;
    margin-top: 10px;
    margin-bottom: auto;
    margin-left: 36px; }
    [dir=rtl] md-checkbox .md-label {
      margin-left: 0;
      margin-right: 36px; }
    md-checkbox .md-label:empty {
      margin-left: 24px;
      margin-right: 0; }
      [dir=rtl] md-checkbox .md-label:empty {
        margin-left: 0; }
      [dir=rtl] md-checkbox .md-label:empty {
        margin-right: 24px; }

md-input-container .md-checkbox-link-label {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  -webkit-user-select: text;
      -ms-user-select: text;
          user-select: text;
  cursor: pointer;
  top: -21px;
  margin-left: 18px;
  margin-right: 0; }
  [dir=rtl] md-input-container .md-checkbox-link-label {
    margin-left: 0; }
  [dir=rtl] md-input-container .md-checkbox-link-label {
    margin-right: 18px; }

.md-contact-chips .md-chips md-chip {
  padding: 0 25px 0 0; }
  [dir=rtl] .md-contact-chips .md-chips md-chip {
    padding: 0 0 0 25px; }
  .md-contact-chips .md-chips md-chip .md-contact-avatar {
    float: left; }
    [dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-avatar {
      float: right; }
    .md-contact-chips .md-chips md-chip .md-contact-avatar img {
      height: 32px;
      border-radius: 16px; }
  .md-contact-chips .md-chips md-chip .md-contact-name {
    display: inline-block;
    height: 32px;
    margin-left: 8px; }
    [dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-name {
      margin-left: auto;
      margin-right: 8px; }

.md-contact-suggestion {
  height: 56px; }
  .md-contact-suggestion img {
    height: 40px;
    border-radius: 20px;
    margin-top: 8px; }
  .md-contact-suggestion .md-contact-name {
    margin-left: 8px;
    width: 120px; }
    [dir=rtl] .md-contact-suggestion .md-contact-name {
      margin-left: auto;
      margin-right: 8px; }
  .md-contact-suggestion .md-contact-name, .md-contact-suggestion .md-contact-email {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis; }

.md-contact-chips-suggestions li {
  height: 100%; }

md-chips {
  display: -ms-flexbox;
  display: flex; }

.md-chips {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-positive: 1;
      flex-grow: 1;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 13px;
  padding: 0 0 8px 3px;
  vertical-align: middle; }
  .md-chips:after {
    content: '';
    display: table;
    clear: both; }
  [dir=rtl] .md-chips {
    padding: 0 3px 8px 0; }
  .md-chips.md-readonly .md-chip-input-container {
    min-height: 32px; }
  .md-chips:not(.md-readonly) {
    cursor: text; }
  .md-chips.md-removable md-chip {
    padding-right: 28px; }
    [dir=rtl] .md-chips.md-removable md-chip {
      padding-right: 0;
      padding-left: 28px; }
    .md-chips.md-removable md-chip .md-chip-content {
      padding-right: 4px; }
      [dir=rtl] .md-chips.md-removable md-chip .md-chip-content {
        padding-right: 0;
        padding-left: 4px; }
  .md-chips md-chip {
    cursor: default;
    border-radius: 16px;
    display: block;
    height: 32px;
    line-height: 32px;
    margin: 8px 8px 0 0;
    padding: 0 12px 0 12px;
    float: left;
    box-sizing: border-box;
    max-width: 100%;
    position: relative; }
    [dir=rtl] .md-chips md-chip {
      margin: 8px 0 0 8px; }
    [dir=rtl] .md-chips md-chip {
      float: right; }
    .md-chips md-chip .md-chip-content {
      display: block;
      float: left;
      white-space: nowrap;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis; }
      [dir=rtl] .md-chips md-chip .md-chip-content {
        float: right; }
      .md-chips md-chip .md-chip-content:focus {
        outline: none; }
    .md-chips md-chip._md-chip-content-edit-is-enabled {
      -webkit-user-select: none;
      /* webkit (safari, chrome) browsers */
      -moz-user-select: none;
      /* mozilla browsers */
      -khtml-user-select: none;
      /* webkit (konqueror) browsers */
      -ms-user-select: none;
      /* IE10+ */ }
    .md-chips md-chip .md-chip-remove-container {
      position: absolute;
      right: 0;
      line-height: 22px; }
      [dir=rtl] .md-chips md-chip .md-chip-remove-container {
        right: auto;
        left: 0; }
    .md-chips md-chip .md-chip-remove {
      text-align: center;
      width: 32px;
      height: 32px;
      min-width: 0;
      padding: 0;
      background: transparent;
      border: none;
      box-shadow: none;
      margin: 0;
      position: relative; }
      .md-chips md-chip .md-chip-remove md-icon {
        height: 18px;
        width: 18px;
        min-height: 18px;
        min-width: 18px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0); }
  .md-chips .md-chip-input-container {
    display: block;
    line-height: 32px;
    margin: 8px 8px 0 0;
    padding: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    float: left; }
    [dir=rtl] .md-chips .md-chip-input-container {
      margin: 8px 0 0 8px; }
    [dir=rtl] .md-chips .md-chip-input-container {
      float: right; }
    .md-chips .md-chip-input-container input {
      width: 100%; }
      .md-chips .md-chip-input-container input:not([type]), .md-chips .md-chip-input-container input[type="email"], .md-chips .md-chip-input-container input[type="number"], .md-chips .md-chip-input-container input[type="tel"], .md-chips .md-chip-input-container input[type="url"], .md-chips .md-chip-input-container input[type="text"] {
        border: 0;
        height: 32px;
        line-height: 32px;
        padding: 0; }
        .md-chips .md-chip-input-container input:not([type]):focus, .md-chips .md-chip-input-container input[type="email"]:focus, .md-chips .md-chip-input-container input[type="number"]:focus, .md-chips .md-chip-input-container input[type="tel"]:focus, .md-chips .md-chip-input-container input[type="url"]:focus, .md-chips .md-chip-input-container input[type="text"]:focus {
          outline: none; }
    .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
      background: transparent;
      height: 32px; }
    .md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap {
      box-shadow: none; }
    .md-chips .md-chip-input-container md-autocomplete input {
      position: relative; }
    .md-chips .md-chip-input-container input {
      border: 0;
      height: 32px;
      line-height: 32px;
      padding: 0; }
      .md-chips .md-chip-input-container input:focus {
        outline: none; }
    .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
      height: 32px; }
    .md-chips .md-chip-input-container md-autocomplete {
      box-shadow: none; }
      .md-chips .md-chip-input-container md-autocomplete input {
        position: relative; }
    .md-chips .md-chip-input-container:not(:first-child) {
      margin: 8px 8px 0 0; }
      [dir=rtl] .md-chips .md-chip-input-container:not(:first-child) {
        margin: 8px 0 0 8px; }
    .md-chips .md-chip-input-container input {
      background: transparent;
      border-width: 0; }
  .md-chips md-autocomplete button {
    display: none; }

@media screen and (-ms-high-contrast: active) {
  .md-chip-input-container,
  md-chip {
    border: 1px solid #fff; }
  .md-chip-input-container md-autocomplete {
    border: none; } }

md-content {
  display: block;
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  md-content[md-scroll-y] {
    overflow-y: auto;
    overflow-x: hidden; }
  md-content[md-scroll-x] {
    overflow-x: auto;
    overflow-y: hidden; }
  @media print {
    md-content {
      overflow: visible !important; } }

/** Styles for mdCalendar. */
md-calendar {
  font-size: 13px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.md-calendar-scroll-mask {
  display: inline-block;
  overflow: hidden;
  height: 308px; }
  .md-calendar-scroll-mask .md-virtual-repeat-scroller {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .md-calendar-scroll-mask .md-virtual-repeat-scroller::-webkit-scrollbar {
      display: none; }
  .md-calendar-scroll-mask .md-virtual-repeat-offsetter {
    width: 100%; }

.md-calendar-scroll-container {
  box-shadow: inset -3px 3px 6px rgba(0, 0, 0, 0.2);
  display: inline-block;
  height: 308px;
  width: 346px; }

.md-calendar-date {
  height: 44px;
  width: 44px;
  text-align: center;
  padding: 0;
  border: none;
  box-sizing: content-box; }
  .md-calendar-date:first-child {
    padding-left: 16px; }
    [dir=rtl] .md-calendar-date:first-child {
      padding-left: 0;
      padding-right: 16px; }
  .md-calendar-date:last-child {
    padding-right: 16px; }
    [dir=rtl] .md-calendar-date:last-child {
      padding-right: 0;
      padding-left: 16px; }
  .md-calendar-date.md-calendar-date-disabled {
    cursor: default; }

.md-calendar-date-selection-indicator {
  transition: background-color, color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-radius: 50%;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px; }
  .md-calendar-date:not(.md-disabled) .md-calendar-date-selection-indicator {
    cursor: pointer; }

.md-calendar-month-label {
  height: 44px;
  font-size: 14px;
  font-weight: 500;
  padding: 0 0 0 24px; }
  [dir=rtl] .md-calendar-month-label {
    padding: 0 24px 0 0; }
  .md-calendar-month-label.md-calendar-label-clickable {
    cursor: pointer; }
  .md-calendar-month-label md-icon {
    transform: rotate(180deg); }
    [dir=rtl] .md-calendar-month-label md-icon {
      transform: none; }
  .md-calendar-month-label span {
    vertical-align: middle; }

.md-calendar-day-header {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse; }
  .md-calendar-day-header th {
    height: 40px;
    width: 44px;
    text-align: center;
    padding: 0;
    border: none;
    box-sizing: content-box;
    font-weight: normal; }
    .md-calendar-day-header th:first-child {
      padding-left: 16px; }
      [dir=rtl] .md-calendar-day-header th:first-child {
        padding-left: 0;
        padding-right: 16px; }
    .md-calendar-day-header th:last-child {
      padding-right: 16px; }
      [dir=rtl] .md-calendar-day-header th:last-child {
        padding-right: 0;
        padding-left: 16px; }

.md-calendar {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse; }
  .md-calendar tr:last-child td {
    border-bottom-width: 1px;
    border-bottom-style: solid; }
  .md-calendar:first-child {
    border-top: 1px solid transparent; }
  .md-calendar tbody, .md-calendar td, .md-calendar tr {
    vertical-align: middle;
    box-sizing: content-box; }

/** Styles for mdDatepicker. */
md-datepicker {
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle; }

.md-inline-form md-datepicker {
  margin-top: 12px; }

.md-datepicker-button {
  display: inline-block;
  box-sizing: border-box;
  background: none;
  vertical-align: middle;
  position: relative; }
  .md-datepicker-button:before {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    content: '';
    speak: none; }

.md-datepicker-input {
  font-size: 14px;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  outline: none;
  background: transparent;
  min-width: 120px;
  max-width: 328px;
  padding: 0 0 5px; }
  .md-datepicker-input::-ms-clear {
    display: none; }

._md-datepicker-floating-label > md-datepicker {
  overflow: visible; }
  ._md-datepicker-floating-label > md-datepicker .md-datepicker-input-container {
    border: none; }
  ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
    float: left;
    margin-top: -16px;
    top: 13.5px; }
    [dir=rtl] ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
      float: right; }

._md-datepicker-floating-label .md-input {
  float: none; }

._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  right: 18px;
  left: auto;
  width: calc(100% - 84px); }
  [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
    right: auto; }
  [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
    left: 18px; }

._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
  margin-left: 64px; }
  [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
    margin-left: auto;
    margin-right: 64px; }

._md-datepicker-has-triangle-icon {
  padding-right: 18px;
  margin-right: -18px; }
  [dir=rtl] ._md-datepicker-has-triangle-icon {
    padding-right: 0;
    padding-left: 18px; }
  [dir=rtl] ._md-datepicker-has-triangle-icon {
    margin-right: auto;
    margin-left: -18px; }

.md-datepicker-input-container {
  position: relative;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: inline-block;
  width: auto; }
  .md-icon-button + .md-datepicker-input-container {
    margin-left: 12px; }
    [dir=rtl] .md-icon-button + .md-datepicker-input-container {
      margin-left: auto;
      margin-right: 12px; }
  .md-datepicker-input-container.md-datepicker-focused {
    border-bottom-width: 2px; }

.md-datepicker-is-showing .md-scroll-mask {
  z-index: 99; }

.md-datepicker-calendar-pane {
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 100;
  border-width: 1px;
  border-style: solid;
  background: transparent;
  transform: scale(0);
  transform-origin: 0 0;
  transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .md-datepicker-calendar-pane.md-pane-open {
    transform: scale(1); }

.md-datepicker-input-mask {
  height: 40px;
  width: 340px;
  position: relative;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
  cursor: text; }

.md-datepicker-calendar {
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.5, 0, 0.25, 1); }
  .md-pane-open .md-datepicker-calendar {
    opacity: 1; }
  .md-datepicker-calendar md-calendar:focus {
    outline: none; }

.md-datepicker-expand-triangle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid; }

.md-datepicker-triangle-button {
  position: absolute;
  right: 0;
  bottom: -2.5px;
  transform: translateX(45%); }
  [dir=rtl] .md-datepicker-triangle-button {
    right: auto;
    left: 0; }
  [dir=rtl] .md-datepicker-triangle-button {
    transform: translateX(-45%); }

.md-datepicker-triangle-button.md-button.md-icon-button {
  height: 36px;
  width: 36px;
  position: absolute;
  padding: 8px; }

md-datepicker[disabled] .md-datepicker-input-container {
  border-bottom-color: transparent; }

md-datepicker[disabled] .md-datepicker-triangle-button {
  display: none; }

.md-datepicker-open {
  overflow: hidden; }
  .md-datepicker-open .md-datepicker-input-container,
  .md-datepicker-open input.md-input {
    border-bottom-color: transparent; }
  .md-datepicker-open .md-datepicker-triangle-button,
  .md-datepicker-open.md-input-has-value > label,
  .md-datepicker-open.md-input-has-placeholder > label {
    display: none; }

.md-datepicker-pos-adjusted .md-datepicker-input-mask {
  display: none; }

.md-datepicker-calendar-pane .md-calendar {
  transform: translateY(-85px);
  transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-delay: 0.125s; }

.md-datepicker-calendar-pane.md-pane-open .md-calendar {
  transform: translateY(0); }

.md-dialog-is-showing {
  max-height: 100%; }

.md-dialog-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 80;
  overflow: hidden; }

md-dialog {
  opacity: 0;
  min-width: 240px;
  max-width: 80%;
  max-height: 80%;
  position: relative;
  overflow: auto;
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  md-dialog.md-transition-in {
    opacity: 1;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transform: translate(0, 0) scale(1); }
  md-dialog.md-transition-out {
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transform: translate(0, 100%) scale(0.2); }
  md-dialog > form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    overflow: auto; }
  md-dialog .md-dialog-content {
    padding: 24px; }
  md-dialog md-dialog-content {
    -ms-flex-order: 1;
        order: 1;
    -ms-flex-direction: column;
        flex-direction: column;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
    md-dialog md-dialog-content:not([layout=row]) > *:first-child:not(.md-subheader) {
      margin-top: 0; }
    md-dialog md-dialog-content:focus {
      outline: none; }
    md-dialog md-dialog-content .md-subheader {
      margin: 0; }
    md-dialog md-dialog-content .md-dialog-content-body {
      width: 100%; }
    md-dialog md-dialog-content .md-prompt-input-container {
      width: 100%;
      box-sizing: border-box; }
  md-dialog md-dialog-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-order: 2;
        order: 2;
    box-sizing: border-box;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: end;
        justify-content: flex-end;
    margin-bottom: 0;
    padding-right: 8px;
    padding-left: 16px;
    min-height: 52px;
    overflow: hidden; }
    [dir=rtl] md-dialog md-dialog-actions {
      padding-right: 16px; }
    [dir=rtl] md-dialog md-dialog-actions {
      padding-left: 8px; }
    md-dialog md-dialog-actions .md-button {
      margin-bottom: 8px;
      margin-left: 8px;
      margin-right: 0;
      margin-top: 8px; }
      [dir=rtl] md-dialog md-dialog-actions .md-button {
        margin-left: 0; }
      [dir=rtl] md-dialog md-dialog-actions .md-button {
        margin-right: 8px; }
  md-dialog.md-content-overflow md-dialog-actions {
    border-top-width: 1px;
    border-top-style: solid; }

@media screen and (-ms-high-contrast: active) {
  md-dialog {
    border: 1px solid #fff; } }

@media (max-width: 959px) {
  md-dialog.md-dialog-fullscreen {
    min-height: 100%;
    min-width: 100%;
    border-radius: 0; } }

md-divider {
  display: block;
  border-top-width: 1px;
  border-top-style: solid;
  margin: 0; }
  md-divider[md-inset] {
    margin-left: 80px; }
    [dir=rtl] md-divider[md-inset] {
      margin-left: auto;
      margin-right: 80px; }

@media (max-width: 599px) {
  .layout-row:not(.layout-xs-column) > md-divider,
  .layout-xs-row > md-divider {
    border-top-width: 0;
    border-right-width: 1px;
    border-right-style: solid; } }

@media (min-width: 600px) and (max-width: 959px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-sm-column) > md-divider,
  .layout-gt-xs-row:not(.layout-sm-column) > md-divider,
  .layout-sm-row:not(.layout-sm-column) > md-divider {
    border-top-width: 0;
    border-right-width: 1px;
    border-right-style: solid; } }

@media (min-width: 960px) and (max-width: 1279px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-md-column) > md-divider,
  .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-md-column) > md-divider,
  .layout-gt-sm-row:not(.layout-md-column) > md-divider,
  .layout-md-row:not(.layout-md-column) > md-divider {
    border-top-width: 0;
    border-right-width: 1px;
    border-right-style: solid; } }

@media (min-width: 1280px) and (max-width: 1919px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > md-divider,
  .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > md-divider,
  .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-lg-column) > md-divider,
  .layout-gt-md-row:not(.layout-lg-column) > md-divider,
  .layout-lg-row:not(.layout-lg-column) > md-divider {
    border-top-width: 0;
    border-right-width: 1px;
    border-right-style: solid; } }

@media (min-width: 1920px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
  .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
  .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
  .layout-gt-md-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
  .layout-gt-lg-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
  .layout-xl-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider {
    border-top-width: 0;
    border-right-width: 1px;
    border-right-style: solid; } }

md-fab-speed-dial {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  z-index: 20;
  /*
   * Hide some graphics glitches if switching animation types
   */
  /*
   * Handle the animations
   */ }
  md-fab-speed-dial.md-fab-bottom-right {
    top: auto;
    right: 20px;
    bottom: 20px;
    left: auto;
    position: absolute; }
  md-fab-speed-dial.md-fab-bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
    position: absolute; }
  md-fab-speed-dial.md-fab-top-right {
    top: 20px;
    right: 20px;
    bottom: auto;
    left: auto;
    position: absolute; }
  md-fab-speed-dial.md-fab-top-left {
    top: 20px;
    right: auto;
    bottom: auto;
    left: 20px;
    position: absolute; }
  md-fab-speed-dial:not(.md-hover-full) {
    pointer-events: none; }
    md-fab-speed-dial:not(.md-hover-full) md-fab-trigger, md-fab-speed-dial:not(.md-hover-full) .md-fab-action-item {
      pointer-events: auto; }
    md-fab-speed-dial:not(.md-hover-full).md-is-open {
      pointer-events: auto; }
  md-fab-speed-dial ._md-css-variables {
    z-index: 20; }
  md-fab-speed-dial.md-is-open .md-fab-action-item {
    -ms-flex-align: center;
        align-items: center; }
  md-fab-speed-dial md-fab-actions {
    display: -ms-flexbox;
    display: flex;
    height: auto; }
    md-fab-speed-dial md-fab-actions .md-fab-action-item {
      transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  md-fab-speed-dial.md-down {
    -ms-flex-direction: column;
        flex-direction: column; }
    md-fab-speed-dial.md-down md-fab-trigger {
      -ms-flex-order: 1;
          order: 1; }
    md-fab-speed-dial.md-down md-fab-actions {
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-order: 2;
          order: 2; }
  md-fab-speed-dial.md-up {
    -ms-flex-direction: column;
        flex-direction: column; }
    md-fab-speed-dial.md-up md-fab-trigger {
      -ms-flex-order: 2;
          order: 2; }
    md-fab-speed-dial.md-up md-fab-actions {
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
      -ms-flex-order: 1;
          order: 1; }
  md-fab-speed-dial.md-left {
    -ms-flex-direction: row;
        flex-direction: row; }
    md-fab-speed-dial.md-left md-fab-trigger {
      -ms-flex-order: 2;
          order: 2; }
    md-fab-speed-dial.md-left md-fab-actions {
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
      -ms-flex-order: 1;
          order: 1; }
      md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item {
        transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  md-fab-speed-dial.md-right {
    -ms-flex-direction: row;
        flex-direction: row; }
    md-fab-speed-dial.md-right md-fab-trigger {
      -ms-flex-order: 1;
          order: 1; }
    md-fab-speed-dial.md-right md-fab-actions {
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-order: 2;
          order: 2; }
      md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item {
        transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  md-fab-speed-dial.md-fling-remove .md-fab-action-item > *, md-fab-speed-dial.md-scale-remove .md-fab-action-item > * {
    visibility: hidden; }
  md-fab-speed-dial.md-fling .md-fab-action-item {
    opacity: 1; }
  md-fab-speed-dial.md-fling.md-animations-waiting .md-fab-action-item {
    opacity: 0;
    transition-duration: 0s; }
  md-fab-speed-dial.md-scale .md-fab-action-item {
    transform: scale(0);
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    transition-duration: 0.14286s; }

md-fab-toolbar {
  display: block;
  /*
   * Closed styling
   */
  /*
   * Open styling
   */ }
  md-fab-toolbar.md-fab-bottom-right {
    top: auto;
    right: 20px;
    bottom: 20px;
    left: auto;
    position: absolute; }
  md-fab-toolbar.md-fab-bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
    position: absolute; }
  md-fab-toolbar.md-fab-top-right {
    top: 20px;
    right: 20px;
    bottom: auto;
    left: auto;
    position: absolute; }
  md-fab-toolbar.md-fab-top-left {
    top: 20px;
    right: auto;
    bottom: auto;
    left: 20px;
    position: absolute; }
  md-fab-toolbar .md-fab-toolbar-wrapper {
    display: block;
    position: relative;
    overflow: hidden;
    height: 68px; }
  md-fab-toolbar md-fab-trigger {
    position: absolute;
    z-index: 20; }
    md-fab-toolbar md-fab-trigger button {
      overflow: visible !important; }
    md-fab-toolbar md-fab-trigger .md-fab-toolbar-background {
      display: block;
      position: absolute;
      z-index: 21;
      opacity: 1;
      transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
    md-fab-toolbar md-fab-trigger md-icon {
      position: relative;
      z-index: 22;
      opacity: 1;
      transition: all 200ms ease-in; }
  md-fab-toolbar.md-left md-fab-trigger {
    right: 0; }
    [dir=rtl] md-fab-toolbar.md-left md-fab-trigger {
      right: auto;
      left: 0; }
  md-fab-toolbar.md-left .md-toolbar-tools {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
    md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
      margin-right: 0.6rem; }
      [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
        margin-right: auto;
        margin-left: 0.6rem; }
    md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
      margin-left: -0.8rem; }
      [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
        margin-left: auto;
        margin-right: -0.8rem; }
    md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
      margin-right: 8px; }
      [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
        margin-right: auto;
        margin-left: 8px; }
  md-fab-toolbar.md-right md-fab-trigger {
    left: 0; }
    [dir=rtl] md-fab-toolbar.md-right md-fab-trigger {
      left: auto;
      right: 0; }
  md-fab-toolbar.md-right .md-toolbar-tools {
    -ms-flex-direction: row;
        flex-direction: row; }
  md-fab-toolbar md-toolbar {
    background-color: transparent !important;
    pointer-events: none;
    z-index: 23; }
    md-fab-toolbar md-toolbar .md-toolbar-tools {
      padding: 0 20px;
      margin-top: 3px; }
    md-fab-toolbar md-toolbar .md-fab-action-item {
      opacity: 0;
      transform: scale(0);
      transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
      transition-duration: 0.15s; }
  md-fab-toolbar.md-is-open md-fab-trigger > button {
    box-shadow: none; }
    md-fab-toolbar.md-is-open md-fab-trigger > button md-icon {
      opacity: 0; }
  md-fab-toolbar.md-is-open .md-fab-action-item {
    opacity: 1;
    transform: scale(1); }

md-grid-list {
  box-sizing: border-box;
  display: block;
  position: relative; }
  md-grid-list md-grid-tile,
  md-grid-list md-grid-tile > figure,
  md-grid-list md-grid-tile-header,
  md-grid-list md-grid-tile-footer {
    box-sizing: border-box; }
  md-grid-list md-grid-tile {
    display: block;
    position: absolute; }
    md-grid-list md-grid-tile figure {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      padding: 0;
      margin: 0; }
    md-grid-list md-grid-tile md-grid-tile-header,
    md-grid-list md-grid-tile md-grid-tile-footer {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      height: 48px;
      color: #fff;
      background: rgba(0, 0, 0, 0.18);
      overflow: hidden;
      position: absolute;
      left: 0;
      right: 0; }
      md-grid-list md-grid-tile md-grid-tile-header h3,
      md-grid-list md-grid-tile md-grid-tile-header h4,
      md-grid-list md-grid-tile md-grid-tile-footer h3,
      md-grid-list md-grid-tile md-grid-tile-footer h4 {
        font-weight: 400;
        margin: 0 0 0 16px; }
      md-grid-list md-grid-tile md-grid-tile-header h3,
      md-grid-list md-grid-tile md-grid-tile-footer h3 {
        font-size: 14px; }
      md-grid-list md-grid-tile md-grid-tile-header h4,
      md-grid-list md-grid-tile md-grid-tile-footer h4 {
        font-size: 12px; }
    md-grid-list md-grid-tile md-grid-tile-header {
      top: 0; }
    md-grid-list md-grid-tile md-grid-tile-footer {
      bottom: 0; }

@media screen and (-ms-high-contrast: active) {
  md-grid-tile {
    border: 1px solid #fff; }
  md-grid-tile-footer {
    border-top: 1px solid #fff; } }

md-icon {
  margin: auto;
  background-repeat: no-repeat no-repeat;
  display: inline-block;
  vertical-align: middle;
  fill: currentColor;
  height: 24px;
  width: 24px;
  min-height: 24px;
  min-width: 24px; }
  md-icon svg {
    pointer-events: none;
    display: block; }
  md-icon[md-font-icon] {
    line-height: 24px;
    width: auto; }

md-input-container {
  display: inline-block;
  position: relative;
  padding: 2px;
  margin: 18px 0px;
  vertical-align: middle;
  /*
   * The .md-input class is added to the input/textarea
   */ }
  md-input-container:after {
    content: '';
    display: table;
    clear: both; }
  md-input-container.md-block {
    display: block; }
  md-input-container .md-errors-spacer {
    float: right;
    min-height: 24px;
    min-width: 1px; }
    [dir=rtl] md-input-container .md-errors-spacer {
      float: left; }
  md-input-container > md-icon {
    position: absolute;
    top: 8px;
    left: 2px;
    right: auto; }
    [dir=rtl] md-input-container > md-icon {
      left: auto; }
    [dir=rtl] md-input-container > md-icon {
      right: 2px; }
  md-input-container textarea,
  md-input-container input[type="text"],
  md-input-container input[type="password"],
  md-input-container input[type="datetime"],
  md-input-container input[type="datetime-local"],
  md-input-container input[type="date"],
  md-input-container input[type="month"],
  md-input-container input[type="time"],
  md-input-container input[type="week"],
  md-input-container input[type="number"],
  md-input-container input[type="email"],
  md-input-container input[type="url"],
  md-input-container input[type="search"],
  md-input-container input[type="tel"],
  md-input-container input[type="color"] {
    /* remove default appearance from all input/textarea */
    -moz-appearance: none;
    -webkit-appearance: none; }
  md-input-container input[type="date"],
  md-input-container input[type="datetime-local"],
  md-input-container input[type="month"],
  md-input-container input[type="time"],
  md-input-container input[type="week"] {
    min-height: 30px; }
  md-input-container textarea {
    resize: none;
    overflow: hidden; }
    md-input-container textarea.md-input {
      min-height: 30px;
      -ms-flex-preferred-size: auto; }
    md-input-container textarea[md-no-autogrow] {
      height: auto;
      overflow: auto; }
  md-input-container label:not(.md-container-ignore) {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: auto; }
    [dir=rtl] md-input-container label:not(.md-container-ignore) {
      left: auto; }
    [dir=rtl] md-input-container label:not(.md-container-ignore) {
      right: 0; }
    md-input-container label:not(.md-container-ignore).md-required:after {
      content: ' *';
      font-size: 13px;
      vertical-align: top; }
  md-input-container label:not(.md-no-float):not(.md-container-ignore),
  md-input-container .md-placeholder {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    -ms-flex-order: 1;
        order: 1;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    padding-left: 2px;
    padding-right: 0;
    z-index: 1;
    transform: translate3d(0, 28px, 0) scale(1);
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    max-width: 100%;
    transform-origin: left top; }
    [dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), [dir=rtl]
    md-input-container .md-placeholder {
      padding-left: 0; }
    [dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), [dir=rtl]
    md-input-container .md-placeholder {
      padding-right: 2px; }
    [dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), [dir=rtl]
    md-input-container .md-placeholder {
      transform-origin: right top; }
  md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore),
  md-input-container.md-input-has-value .md-placeholder {
    padding-left: 3px;
    padding-right: 0; }
    [dir=rtl] md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore), [dir=rtl]
    md-input-container.md-input-has-value .md-placeholder {
      padding-left: 0; }
    [dir=rtl] md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore), [dir=rtl]
    md-input-container.md-input-has-value .md-placeholder {
      padding-right: 3px; }
  md-input-container .md-placeholder {
    position: absolute;
    top: 0;
    opacity: 0;
    transition-property: opacity, transform;
    transform: translate3d(0, 30px, 0); }
  md-input-container.md-input-focused .md-placeholder {
    opacity: 1;
    transform: translate3d(0, 24px, 0); }
  md-input-container.md-input-has-value .md-placeholder {
    transition: none;
    opacity: 0; }
  md-input-container:not(.md-input-has-value):not(.md-input-has-placeholder) input:not(:focus) {
    color: transparent; }
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text {
    color: transparent; }
  md-input-container .md-input {
    -ms-flex-order: 2;
        order: 2;
    display: block;
    margin-top: 0;
    background: none;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 0;
    padding-right: 2px;
    border-width: 0 0 1px 0;
    line-height: 26px;
    height: 30px;
    -ms-flex-preferred-size: 26px;
    border-radius: 0;
    border-style: solid;
    transition: border-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    width: 100%;
    box-sizing: border-box;
    float: left; }
    [dir=rtl] md-input-container .md-input {
      padding-left: 2px; }
    [dir=rtl] md-input-container .md-input {
      padding-right: 0; }
    [dir=rtl] md-input-container .md-input {
      float: right; }
    md-input-container .md-input:focus {
      outline: none; }
    md-input-container .md-input:invalid {
      outline: none;
      box-shadow: none; }
    md-input-container .md-input.md-no-flex {
      -ms-flex: none !important;
          flex: none !important; }
  md-input-container .md-char-counter {
    text-align: right;
    padding-right: 2px;
    padding-left: 0; }
    [dir=rtl] md-input-container .md-char-counter {
      text-align: left; }
    [dir=rtl] md-input-container .md-char-counter {
      padding-right: 0; }
    [dir=rtl] md-input-container .md-char-counter {
      padding-left: 2px; }
  md-input-container .md-input-messages-animation {
    position: relative;
    -ms-flex-order: 4;
        order: 4;
    overflow: hidden;
    clear: left; }
    [dir=rtl] md-input-container .md-input-messages-animation {
      clear: right; }
  md-input-container .md-input-message-animation, md-input-container .md-char-counter {
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    opacity: 1;
    margin-top: 0;
    padding-top: 8px; }
    md-input-container .md-input-message-animation:not(.md-char-counter), md-input-container .md-char-counter:not(.md-char-counter) {
      padding-right: 5px;
      padding-left: 0; }
      [dir=rtl] md-input-container .md-input-message-animation:not(.md-char-counter), [dir=rtl] md-input-container .md-char-counter:not(.md-char-counter) {
        padding-right: 0; }
      [dir=rtl] md-input-container .md-input-message-animation:not(.md-char-counter), [dir=rtl] md-input-container .md-char-counter:not(.md-char-counter) {
        padding-left: 5px; }
  md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation {
    opacity: 0;
    margin-top: -100px; }
  md-input-container .md-input-message-animation.ng-enter-prepare {
    opacity: 0;
    margin-top: -100px; }
  md-input-container .md-input-message-animation.ng-enter:not(.ng-enter-active) {
    opacity: 0;
    margin-top: -100px; }
  md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-placeholder label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) {
    transform: translate3d(0, 6px, 0) scale(0.75);
    transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s; }
  md-input-container.md-input-has-value label {
    transition: none; }
  md-input-container.md-input-focused .md-input,
  md-input-container .md-input.ng-invalid.ng-dirty,
  md-input-container.md-input-resized .md-input {
    padding-bottom: 0;
    border-width: 0 0 2px 0; }
  md-input-container .md-input[disabled],
  [disabled] md-input-container .md-input {
    background-position: bottom -1px left 0;
    background-size: 4px 1px;
    background-repeat: repeat-x; }
  md-input-container.md-icon-float {
    transition: margin-top 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
    md-input-container.md-icon-float > label {
      pointer-events: none;
      position: absolute; }
    md-input-container.md-icon-float > md-icon {
      top: 8px;
      left: 2px;
      right: auto; }
      [dir=rtl] md-input-container.md-icon-float > md-icon {
        left: auto; }
      [dir=rtl] md-input-container.md-icon-float > md-icon {
        right: 2px; }
  md-input-container.md-icon-left > label:not(.md-no-float):not(.md-container-ignore),
  md-input-container.md-icon-left > label .md-placeholder, md-input-container.md-icon-right > label:not(.md-no-float):not(.md-container-ignore),
  md-input-container.md-icon-right > label .md-placeholder {
    width: calc(100% - 36px);
    padding: 0; }
  md-input-container.md-icon-left {
    padding-left: 36px;
    padding-right: 0; }
    [dir=rtl] md-input-container.md-icon-left {
      padding-left: 0; }
    [dir=rtl] md-input-container.md-icon-left {
      padding-right: 36px; }
    md-input-container.md-icon-left > label {
      left: 36px;
      right: auto; }
      [dir=rtl] md-input-container.md-icon-left > label {
        left: auto; }
      [dir=rtl] md-input-container.md-icon-left > label {
        right: 36px; }
  md-input-container.md-icon-right {
    padding-left: 0;
    padding-right: 36px; }
    [dir=rtl] md-input-container.md-icon-right {
      padding-left: 36px; }
    [dir=rtl] md-input-container.md-icon-right {
      padding-right: 0; }
    md-input-container.md-icon-right > md-icon:last-of-type {
      margin: 0;
      right: 2px;
      left: auto; }
      [dir=rtl] md-input-container.md-icon-right > md-icon:last-of-type {
        right: auto; }
      [dir=rtl] md-input-container.md-icon-right > md-icon:last-of-type {
        left: 2px; }
  md-input-container.md-icon-left.md-icon-right {
    padding-left: 36px;
    padding-right: 36px; }
    md-input-container.md-icon-left.md-icon-right > label:not(.md-no-float):not(.md-container-ignore),
    md-input-container.md-icon-left.md-icon-right > label .md-placeholder {
      width: calc(100% - (36px * 2)); }

.md-resize-wrapper {
  position: relative; }
  .md-resize-wrapper:after {
    content: '';
    display: table;
    clear: both; }

.md-resize-handle {
  position: absolute;
  bottom: -5px;
  left: 0;
  height: 10px;
  background: transparent;
  width: 100%;
  cursor: ns-resize; }

@media screen and (-ms-high-contrast: active) {
  md-input-container.md-default-theme > md-icon {
    fill: #fff; } }

md-list {
  display: block;
  padding: 8px 0px 8px 0px; }
  md-list .md-subheader {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.010em;
    line-height: 1.2em; }
  md-list.md-dense:not(.md-dense-disabled) md-list-item,
  md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner {
    min-height: 40px; }
    md-list.md-dense:not(.md-dense-disabled) md-list-item::before,
    md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner::before {
      content: '';
      min-height: 40px;
      visibility: hidden;
      display: inline-block; }
    md-list.md-dense:not(.md-dense-disabled) md-list-item md-icon:first-child,
    md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner md-icon:first-child {
      width: 20px;
      height: 20px; }
    md-list.md-dense:not(.md-dense-disabled) md-list-item > md-icon:first-child:not(.md-avatar-icon),
    md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
      margin-right: 36px;
      margin-top: 4px;
      margin-bottom: 4px; }
      [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item > md-icon:first-child:not(.md-avatar-icon), [dir=rtl]
      md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
        margin-right: auto;
        margin-left: 36px; }
    md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar, md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar-icon,
    md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar,
    md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar-icon {
      margin-right: 20px;
      margin-top: 6px;
      margin-bottom: 6px; }
      [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar, [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar-icon, [dir=rtl]
      md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar, [dir=rtl]
      md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar-icon {
        margin-right: auto;
        margin-left: 20px; }
    md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar,
    md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar {
      -ms-flex: none;
          flex: none;
      width: 36px;
      height: 36px; }
    md-list.md-dense:not(.md-dense-disabled) md-list-item .md-secondary-container .md-secondary.md-button,
    md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-secondary-container .md-secondary.md-button {
      margin-top: 4px;
      margin-bottom: 4px; }
    md-list.md-dense:not(.md-dense-disabled) md-list-item .md-secondary-container md-checkbox:not(.md-dense-disabled),
    md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-secondary-container md-checkbox:not(.md-dense-disabled) {
      min-height: 40px; }
  md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-list-item-text.md-offset, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line .md-list-item-text.md-offset, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
    margin-left: 56px; }
    [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-list-item-text.md-offset, [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line .md-list-item-text.md-offset, [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
      margin-left: auto;
      margin-right: 56px; }
  md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-list-item-text h3,
  md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-list-item-text h4,
  md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-list-item-text p, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-list-item-text h3,
  md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-list-item-text h4,
  md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line .md-list-item-text h3,
  md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line .md-list-item-text h4,
  md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line .md-list-item-text p, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style .md-list-item-text h3,
  md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style .md-list-item-text h4,
  md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style .md-list-item-text p {
    line-height: 1.05;
    font-size: 12px;
    padding-bottom: 4px; }
  md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-list-item-text h3, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line .md-list-item-text h3, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
    font-size: 13px; }
  md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style {
    min-height: 60px; }
    md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line::before, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style::before {
      content: '';
      min-height: 60px;
      visibility: hidden;
      display: inline-block; }
    md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-avatar, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-avatar-icon, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style > .md-avatar, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-avatar-icon {
      margin-top: 12px; }
  md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style {
    min-height: 76px; }
    md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line::before, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style::before {
      content: '';
      min-height: 76px;
      visibility: hidden;
      display: inline-block; }
    md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > md-icon:first-child,
    md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-avatar, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style > md-icon:first-child,
    md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style > .md-avatar {
      margin-top: 16px; }
  md-list.md-dense:not(.md-dense-disabled) .md-subheader-inner {
    padding-top: 12px;
    padding-bottom: 12px; }

md-list-item {
  position: relative; }
  md-list-item.md-proxy-focus.md-focused .md-no-style {
    transition: background-color 0.15s linear; }
  md-list-item._md-button-wrap {
    position: relative; }
    md-list-item._md-button-wrap > div.md-button:first-child {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: start;
          justify-content: flex-start;
      padding: 0px 16px;
      margin: 0;
      font-weight: 400;
      text-align: left;
      border: medium none; }
      [dir=rtl] md-list-item._md-button-wrap > div.md-button:first-child {
        text-align: right; }
      md-list-item._md-button-wrap > div.md-button:first-child > .md-button:first-child {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        margin: 0;
        padding: 0; }
      md-list-item._md-button-wrap > div.md-button:first-child .md-list-item-inner {
        width: 100%; }
        md-list-item._md-button-wrap > div.md-button:first-child .md-list-item-inner::before {
          content: '';
          min-height: inherit;
          visibility: hidden;
          display: inline-block; }
  md-list-item.md-no-proxy,
  md-list-item .md-no-style {
    position: relative;
    padding: 0px 16px;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
    md-list-item.md-no-proxy.md-button,
    md-list-item .md-no-style.md-button {
      font-size: inherit;
      height: inherit;
      text-align: left;
      text-transform: none;
      width: 100%;
      white-space: normal;
      -ms-flex-direction: inherit;
          flex-direction: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
      border-radius: 0;
      margin: 0; }
      [dir=rtl] md-list-item.md-no-proxy.md-button, [dir=rtl]
      md-list-item .md-no-style.md-button {
        text-align: right; }
      md-list-item.md-no-proxy.md-button > .md-ripple-container,
      md-list-item .md-no-style.md-button > .md-ripple-container {
        border-radius: 0; }
    md-list-item.md-no-proxy:focus,
    md-list-item .md-no-style:focus {
      outline: none; }
  md-list-item.md-clickable:hover {
    cursor: pointer; }
  md-list-item md-divider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
    [dir=rtl] md-list-item md-divider {
      left: auto;
      right: 0; }
    md-list-item md-divider[md-inset] {
      left: 72px;
      width: calc(100% - 72px);
      margin: 0 !important; }
      [dir=rtl] md-list-item md-divider[md-inset] {
        left: auto;
        right: 72px; }
  md-list-item,
  md-list-item .md-list-item-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
    min-height: 48px;
    height: auto; }
    md-list-item::before,
    md-list-item .md-list-item-inner::before {
      content: '';
      min-height: 48px;
      visibility: hidden;
      display: inline-block; }
    md-list-item > div.md-primary > md-icon:not(.md-avatar-icon),
    md-list-item > div.md-secondary > md-icon:not(.md-avatar-icon),
    md-list-item > md-icon:first-child:not(.md-avatar-icon),
    md-list-item > md-icon.md-secondary:not(.md-avatar-icon),
    md-list-item .md-list-item-inner > div.md-primary > md-icon:not(.md-avatar-icon),
    md-list-item .md-list-item-inner > div.md-secondary > md-icon:not(.md-avatar-icon),
    md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon),
    md-list-item .md-list-item-inner > md-icon.md-secondary:not(.md-avatar-icon) {
      width: 24px;
      margin-top: 16px;
      margin-bottom: 12px;
      box-sizing: content-box; }
    md-list-item > div.md-primary > md-checkbox,
    md-list-item > div.md-secondary > md-checkbox,
    md-list-item > md-checkbox,
    md-list-item md-checkbox.md-secondary,
    md-list-item .md-list-item-inner > div.md-primary > md-checkbox,
    md-list-item .md-list-item-inner > div.md-secondary > md-checkbox,
    md-list-item .md-list-item-inner > md-checkbox,
    md-list-item .md-list-item-inner md-checkbox.md-secondary {
      -ms-flex-item-align: center;
          -ms-grid-row-align: center;
          align-self: center; }
      md-list-item > div.md-primary > md-checkbox .md-label,
      md-list-item > div.md-secondary > md-checkbox .md-label,
      md-list-item > md-checkbox .md-label,
      md-list-item md-checkbox.md-secondary .md-label,
      md-list-item .md-list-item-inner > div.md-primary > md-checkbox .md-label,
      md-list-item .md-list-item-inner > div.md-secondary > md-checkbox .md-label,
      md-list-item .md-list-item-inner > md-checkbox .md-label,
      md-list-item .md-list-item-inner md-checkbox.md-secondary .md-label {
        display: none; }
    md-list-item > md-icon:first-child:not(.md-avatar-icon),
    md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
      margin-right: 32px; }
      [dir=rtl] md-list-item > md-icon:first-child:not(.md-avatar-icon), [dir=rtl]
      md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
        margin-right: auto;
        margin-left: 32px; }
    md-list-item .md-avatar, md-list-item .md-avatar-icon,
    md-list-item .md-list-item-inner .md-avatar,
    md-list-item .md-list-item-inner .md-avatar-icon {
      margin-top: 8px;
      margin-bottom: 8px;
      margin-right: 16px;
      border-radius: 50%;
      box-sizing: content-box; }
      [dir=rtl] md-list-item .md-avatar, [dir=rtl] md-list-item .md-avatar-icon, [dir=rtl]
      md-list-item .md-list-item-inner .md-avatar, [dir=rtl]
      md-list-item .md-list-item-inner .md-avatar-icon {
        margin-right: auto;
        margin-left: 16px; }
    md-list-item .md-avatar,
    md-list-item .md-list-item-inner .md-avatar {
      -ms-flex: none;
          flex: none;
      width: 40px;
      height: 40px; }
    md-list-item .md-avatar-icon,
    md-list-item .md-list-item-inner .md-avatar-icon {
      padding: 8px; }
      md-list-item .md-avatar-icon svg,
      md-list-item .md-list-item-inner .md-avatar-icon svg {
        width: 24px;
        height: 24px; }
    md-list-item > md-checkbox,
    md-list-item .md-list-item-inner > md-checkbox {
      width: 24px;
      min-height: 40px;
      margin-left: 0px;
      margin-right: 29px; }
      [dir=rtl] md-list-item > md-checkbox, [dir=rtl]
      md-list-item .md-list-item-inner > md-checkbox {
        margin-left: 29px; }
      [dir=rtl] md-list-item > md-checkbox, [dir=rtl]
      md-list-item .md-list-item-inner > md-checkbox {
        margin-right: 0px; }
    md-list-item .md-secondary-container,
    md-list-item .md-list-item-inner .md-secondary-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      position: relative;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin: auto;
      margin-right: 0;
      margin-left: auto; }
      [dir=rtl] md-list-item .md-secondary-container, [dir=rtl]
      md-list-item .md-list-item-inner .md-secondary-container {
        margin-right: auto; }
      [dir=rtl] md-list-item .md-secondary-container, [dir=rtl]
      md-list-item .md-list-item-inner .md-secondary-container {
        margin-left: 0; }
      md-list-item .md-secondary-container .md-button:last-of-type, md-list-item .md-secondary-container .md-icon-button:last-of-type,
      md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type,
      md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type {
        margin-right: 0; }
        [dir=rtl] md-list-item .md-secondary-container .md-button:last-of-type, [dir=rtl] md-list-item .md-secondary-container .md-icon-button:last-of-type, [dir=rtl]
        md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type, [dir=rtl]
        md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type {
          margin-right: auto;
          margin-left: 0; }
      md-list-item .md-secondary-container md-checkbox,
      md-list-item .md-list-item-inner .md-secondary-container md-checkbox {
        margin: 0 6px;
        padding: 0 8px;
        min-height: 40px; }
        md-list-item .md-secondary-container md-checkbox:last-child,
        md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child {
          width: 40px;
          margin-right: 0; }
          [dir=rtl] md-list-item .md-secondary-container md-checkbox:last-child, [dir=rtl]
          md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child {
            margin-right: auto;
            margin-left: 0; }
      md-list-item .md-secondary-container md-switch,
      md-list-item .md-list-item-inner .md-secondary-container md-switch {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: -6px; }
        [dir=rtl] md-list-item .md-secondary-container md-switch, [dir=rtl]
        md-list-item .md-list-item-inner .md-secondary-container md-switch {
          margin-right: auto;
          margin-left: -6px; }
    md-list-item > p, md-list-item > .md-list-item-inner > p,
    md-list-item .md-list-item-inner > p,
    md-list-item .md-list-item-inner > .md-list-item-inner > p {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      margin: 0; }
  md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style, md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: center;
        justify-content: center; }
    md-list-item.md-2-line.md-long-text, md-list-item.md-2-line > .md-no-style.md-long-text, md-list-item.md-3-line.md-long-text, md-list-item.md-3-line > .md-no-style.md-long-text {
      margin-top: 8px;
      margin-bottom: 8px; }
    md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text, md-list-item.md-3-line .md-list-item-text, md-list-item.md-3-line > .md-no-style .md-list-item-text {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      margin: auto;
      text-overflow: ellipsis;
      overflow: hidden; }
      md-list-item.md-2-line .md-list-item-text.md-offset, md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, md-list-item.md-3-line .md-list-item-text.md-offset, md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
        margin-left: 56px; }
        [dir=rtl] md-list-item.md-2-line .md-list-item-text.md-offset, [dir=rtl] md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir=rtl] md-list-item.md-3-line .md-list-item-text.md-offset, [dir=rtl] md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
          margin-left: auto;
          margin-right: 56px; }
      md-list-item.md-2-line .md-list-item-text h3, md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list-item.md-3-line .md-list-item-text h3, md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.010em;
        margin: 0 0 0 0;
        line-height: 1.2em;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      md-list-item.md-2-line .md-list-item-text h4, md-list-item.md-2-line > .md-no-style .md-list-item-text h4, md-list-item.md-3-line .md-list-item-text h4, md-list-item.md-3-line > .md-no-style .md-list-item-text h4 {
        font-size: 14px;
        letter-spacing: 0.010em;
        margin: 3px 0 1px 0;
        font-weight: 400;
        line-height: 1.2em;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      md-list-item.md-2-line .md-list-item-text p, md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list-item.md-3-line .md-list-item-text p, md-list-item.md-3-line > .md-no-style .md-list-item-text p {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.010em;
        margin: 0 0 0 0;
        line-height: 1.6em; }
  md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style {
    height: auto;
    min-height: 72px; }
    md-list-item.md-2-line::before, md-list-item.md-2-line > .md-no-style::before {
      content: '';
      min-height: 72px;
      visibility: hidden;
      display: inline-block; }
    md-list-item.md-2-line > .md-avatar, md-list-item.md-2-line .md-avatar-icon, md-list-item.md-2-line > .md-no-style > .md-avatar, md-list-item.md-2-line > .md-no-style .md-avatar-icon {
      margin-top: 12px; }
    md-list-item.md-2-line > md-icon:first-child, md-list-item.md-2-line > .md-no-style > md-icon:first-child {
      -ms-flex-item-align: start;
          align-self: flex-start; }
    md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
  md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style {
    height: auto;
    min-height: 88px; }
    md-list-item.md-3-line::before, md-list-item.md-3-line > .md-no-style::before {
      content: '';
      min-height: 88px;
      visibility: hidden;
      display: inline-block; }
    md-list-item.md-3-line > md-icon:first-child,
    md-list-item.md-3-line > .md-avatar, md-list-item.md-3-line > .md-no-style > md-icon:first-child,
    md-list-item.md-3-line > .md-no-style > .md-avatar {
      margin-top: 16px; }

.md-open-menu-container {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  opacity: 0;
  border-radius: 2px;
  max-height: calc(100vh - 10px);
  overflow: auto; }
  .md-open-menu-container md-menu-divider {
    margin-top: 4px;
    margin-bottom: 4px;
    height: 1px;
    min-height: 1px;
    max-height: 1px;
    width: 100%; }
  .md-open-menu-container md-menu-content > * {
    opacity: 0; }
  .md-open-menu-container:not(.md-clickable) {
    pointer-events: none; }
  .md-open-menu-container.md-active {
    opacity: 1;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-duration: 200ms; }
    .md-open-menu-container.md-active > md-menu-content > * {
      opacity: 1;
      transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
      transition-duration: 200ms;
      transition-delay: 100ms; }
  .md-open-menu-container.md-leave {
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    transition-duration: 250ms; }

md-menu-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 8px 0;
  max-height: 304px;
  overflow-y: auto; }
  md-menu-content.md-dense {
    max-height: 208px; }
    md-menu-content.md-dense md-menu-item {
      height: 32px;
      min-height: 32px; }

md-menu-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  min-height: 48px;
  height: 48px;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  /*
   * We cannot use flex on <button> elements due to a bug in Firefox, so we also can't use it on
   * <a> elements. Add some top padding to fix alignment since buttons automatically align their
   * text vertically.
   */ }
  md-menu-item > * {
    width: 100%;
    margin: auto 0;
    padding-left: 16px;
    padding-right: 16px; }
  md-menu-item > a.md-button {
    padding-top: 5px; }
  md-menu-item > .md-button {
    text-align: left;
    display: inline-block;
    border-radius: 0;
    margin: auto 0;
    font-size: 15px;
    text-transform: none;
    font-weight: 400;
    height: 100%;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%; }
    md-menu-item > .md-button::-moz-focus-inner {
      padding: 0;
      border: 0; }
    [dir=rtl] md-menu-item > .md-button {
      text-align: right; }
    md-menu-item > .md-button md-icon {
      margin: auto 16px auto 0; }
      [dir=rtl] md-menu-item > .md-button md-icon {
        margin: auto 0 auto 16px; }
    md-menu-item > .md-button p {
      display: inline-block;
      margin: auto; }
    md-menu-item > .md-button span {
      margin-top: auto;
      margin-bottom: auto; }
    md-menu-item > .md-button .md-ripple-container {
      border-radius: inherit; }

md-toolbar .md-menu {
  height: auto;
  margin: auto;
  padding: 0; }

@media (max-width: 959px) {
  md-menu-content {
    min-width: 112px; }
  md-menu-content[width="3"] {
    min-width: 168px; }
  md-menu-content[width="4"] {
    min-width: 224px; }
  md-menu-content[width="5"] {
    min-width: 280px; }
  md-menu-content[width="6"] {
    min-width: 336px; }
  md-menu-content[width="7"] {
    min-width: 392px; } }

@media (min-width: 960px) {
  md-menu-content {
    min-width: 96px; }
  md-menu-content[width="3"] {
    min-width: 192px; }
  md-menu-content[width="4"] {
    min-width: 256px; }
  md-menu-content[width="5"] {
    min-width: 320px; }
  md-menu-content[width="6"] {
    min-width: 384px; }
  md-menu-content[width="7"] {
    min-width: 448px; } }

md-toolbar.md-menu-toolbar h2.md-toolbar-tools {
  line-height: 1rem;
  height: auto;
  padding: 28px;
  padding-bottom: 12px; }

md-toolbar.md-has-open-menu {
  position: relative;
  z-index: 100; }

md-menu-bar {
  padding: 0 20px;
  display: block;
  position: relative;
  z-index: 2; }
  md-menu-bar .md-menu {
    display: inline-block;
    padding: 0;
    position: relative; }
  md-menu-bar button {
    font-size: 14px;
    padding: 0 10px;
    margin: 0;
    border: 0;
    background-color: transparent;
    height: 40px; }
  md-menu-bar md-backdrop.md-menu-backdrop {
    z-index: -2; }

md-menu-content.md-menu-bar-menu.md-dense {
  max-height: none;
  padding: 16px 0; }
  md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent {
    position: relative; }
    md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
      position: absolute;
      padding: 0;
      width: 24px;
      top: 6px;
      left: 24px; }
      [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
        left: auto;
        right: 24px; }
    md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
      padding: 0 32px 0 64px; }
      [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
        padding: 0 64px 0 32px; }
  md-menu-content.md-menu-bar-menu.md-dense .md-button {
    min-height: 0;
    height: 32px; }
    md-menu-content.md-menu-bar-menu.md-dense .md-button span {
      float: left; }
      [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-button span {
        float: right; }
    md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
      float: right;
      margin: 0 8px; }
      [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
        float: left; }
  md-menu-content.md-menu-bar-menu.md-dense md-menu-divider {
    margin: 8px 0; }
  md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
    text-align: left; }
    [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
      text-align: right; }
  md-menu-content.md-menu-bar-menu.md-dense .md-menu {
    padding: 0; }
    md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
      position: relative;
      margin: 0;
      width: 100%;
      text-transform: none;
      font-weight: normal;
      border-radius: 0px;
      padding-left: 16px; }
      [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
        padding-left: 0;
        padding-right: 16px; }
      md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
        display: block;
        content: '\25BC';
        position: absolute;
        top: 0px;
        speak: none;
        transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
        right: 28px; }
        [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
          transform: rotate(90deg) scaleY(0.45) scaleX(0.9); }
        [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
          right: auto;
          left: 28px; }

/** Matches "md-tabs md-tabs-wrapper" style. */
.md-nav-bar {
  border-style: solid;
  border-width: 0 0 1px;
  height: 48px;
  position: relative; }

._md-nav-bar-list {
  outline: none;
  list-style: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row; }

.md-nav-item:first-of-type {
  margin-left: 8px; }

.md-button._md-nav-button {
  line-height: 24px;
  margin: 0 4px;
  padding: 12px 16px;
  transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1); }
  .md-button._md-nav-button:focus {
    outline: none; }

md-nav-ink-bar {
  background-color: black;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  transform-origin: left top;
  will-change: transform;
  transition: transform 0.125s cubic-bezier(0.35, 0, 0.25, 1); }
  md-nav-ink-bar.ng-animate {
    transition: none; }

md-nav-extra-content {
  min-height: 48px;
  padding-right: 12px; }

@keyframes indeterminate-rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

md-progress-circular {
  position: relative;
  display: block;
  transform: scale(1, 1); }
  [dir=rtl] md-progress-circular {
    transform: scale(-1, 1); }
  md-progress-circular._md-progress-circular-disabled {
    visibility: hidden; }
  md-progress-circular.md-mode-indeterminate svg {
    animation: indeterminate-rotate 1568.63ms linear infinite; }
  md-progress-circular svg {
    position: absolute;
    overflow: visible;
    top: 0;
    left: 0; }

md-progress-linear {
  display: block;
  position: relative;
  width: 100%;
  height: 5px;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  transform: scale(1, 1); }
  [dir=rtl] md-progress-linear {
    transform: scale(-1, 1); }
  md-progress-linear._md-progress-linear-disabled {
    visibility: hidden; }
  md-progress-linear .md-container {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 5px;
    transform: translate(0, 0) scale(1, 1); }
    md-progress-linear .md-container .md-bar {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 100%;
      height: 5px; }
    md-progress-linear .md-container .md-dashed:before {
      content: "";
      display: none;
      position: absolute;
      margin-top: 0;
      height: 5px;
      width: 100%;
      background-color: transparent;
      background-size: 10px 10px !important;
      background-position: 0px -23px; }
    md-progress-linear .md-container .md-bar1, md-progress-linear .md-container .md-bar2 {
      transition: transform 0.2s linear; }
    md-progress-linear .md-container.md-mode-query .md-bar1 {
      display: none; }
    md-progress-linear .md-container.md-mode-query .md-bar2 {
      transition: all 0.2s linear;
      animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1); }
    md-progress-linear .md-container.md-mode-determinate .md-bar1 {
      display: none; }
    md-progress-linear .md-container.md-mode-indeterminate .md-bar1 {
      animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite; }
    md-progress-linear .md-container.md-mode-indeterminate .md-bar2 {
      animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite; }
    md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container {
      animation: none; }
      md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container .md-bar1 {
        animation-name: none; }
      md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container .md-bar2 {
        animation-name: none; }
  md-progress-linear .md-container.md-mode-buffer {
    background-color: transparent !important;
    transition: all 0.2s linear; }
    md-progress-linear .md-container.md-mode-buffer .md-dashed:before {
      display: block;
      animation: buffer 3s infinite linear; }

@keyframes query {
  0% {
    opacity: 1;
    transform: translateX(35%) scale(0.3, 1); }
  100% {
    opacity: 0;
    transform: translateX(-50%) scale(0, 1); } }

@keyframes buffer {
  0% {
    opacity: 1;
    background-position: 0px -23px; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1;
    background-position: -200px -23px; } }

@keyframes md-progress-linear-indeterminate-scale-1 {
  0% {
    transform: scaleX(0.1);
    animation-timing-function: linear; }
  36.6% {
    transform: scaleX(0.1);
    animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); }
  69.15% {
    transform: scaleX(0.83);
    animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098); }
  100% {
    transform: scaleX(0.1); } }

@keyframes md-progress-linear-indeterminate-1 {
  0% {
    left: -105.16667%;
    animation-timing-function: linear; }
  20% {
    left: -105.16667%;
    animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); }
  69.15% {
    left: 21.5%;
    animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); }
  100% {
    left: 95.44444%; } }

@keyframes md-progress-linear-indeterminate-scale-2 {
  0% {
    transform: scaleX(0.1);
    animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); }
  19.15% {
    transform: scaleX(0.57);
    animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); }
  44.15% {
    transform: scaleX(0.91);
    animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); }
  100% {
    transform: scaleX(0.1); } }

@keyframes md-progress-linear-indeterminate-2 {
  0% {
    left: -54.88889%;
    animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968); }
  25% {
    left: -17.25%;
    animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372); }
  48.35% {
    left: 29.5%;
    animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203); }
  100% {
    left: 117.38889%; } }

md-radio-button {
  box-sizing: border-box;
  display: block;
  margin-bottom: 16px;
  white-space: nowrap;
  cursor: pointer;
  position: relative; }
  md-radio-button[disabled] {
    cursor: default; }
    md-radio-button[disabled] .md-container {
      cursor: default; }
  md-radio-button .md-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    left: 0;
    right: auto; }
    [dir=rtl] md-radio-button .md-container {
      left: auto; }
    [dir=rtl] md-radio-button .md-container {
      right: 0; }
    md-radio-button .md-container .md-ripple-container {
      position: absolute;
      display: block;
      width: auto;
      height: auto;
      left: -15px;
      top: -15px;
      right: -15px;
      bottom: -15px; }
    md-radio-button .md-container:before {
      box-sizing: border-box;
      background-color: transparent;
      border-radius: 50%;
      content: '';
      position: absolute;
      display: block;
      height: auto;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      transition: all 0.5s;
      width: auto; }
  md-radio-button.md-align-top-left > div.md-container {
    top: 12px; }
  md-radio-button .md-off {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    transition: border-color ease 0.28s; }
  md-radio-button .md-on {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transition: transform ease 0.28s;
    transform: scale(0); }
  md-radio-button.md-checked .md-on {
    transform: scale(0.5); }
  md-radio-button .md-label {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin-left: 30px;
    margin-right: 0;
    vertical-align: middle;
    white-space: normal;
    pointer-events: none;
    width: auto; }
    [dir=rtl] md-radio-button .md-label {
      margin-left: 0; }
    [dir=rtl] md-radio-button .md-label {
      margin-right: 30px; }

md-radio-group:focus {
  outline: none; }

md-radio-group.md-focused.ng-not-empty .md-checked .md-container:before {
  left: -8px;
  top: -8px;
  right: -8px;
  bottom: -8px; }

md-radio-group.md-focused.ng-empty > md-radio-button:first-child .md-container:before {
  left: -8px;
  top: -8px;
  right: -8px;
  bottom: -8px; }

md-radio-group[disabled] md-radio-button {
  cursor: default; }
  md-radio-group[disabled] md-radio-button .md-container {
    cursor: default; }

@media (max-width: 599px) {
  .layout-row:not(.layout-xs-column) > md-radio-button,
  .layout-xs-row > md-radio-button {
    margin-bottom: 0; } }

@media (min-width: 600px) and (max-width: 959px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-sm-column) > md-radio-button,
  .layout-gt-xs-row:not(.layout-sm-column) > md-radio-button,
  .layout-sm-row:not(.layout-sm-column) > md-radio-button {
    margin-bottom: 0; } }

@media (min-width: 960px) and (max-width: 1279px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-md-column) > md-radio-button,
  .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-md-column) > md-radio-button,
  .layout-gt-sm-row:not(.layout-md-column) > md-radio-button,
  .layout-md-row:not(.layout-md-column) > md-radio-button {
    margin-bottom: 0; } }

@media (min-width: 1280px) and (max-width: 1919px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > md-radio-button,
  .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > md-radio-button,
  .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-lg-column) > md-radio-button,
  .layout-gt-md-row:not(.layout-lg-column) > md-radio-button,
  .layout-lg-row:not(.layout-lg-column) > md-radio-button {
    margin-bottom: 0; } }

@media (min-width: 1920px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-radio-button,
  .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-radio-button,
  .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-radio-button,
  .layout-gt-md-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-radio-button,
  .layout-gt-lg-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-radio-button,
  .layout-xl-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-radio-button {
    margin-bottom: 0; } }

.md-inline-form md-radio-group {
  margin: 18px 0 19px; }
  .md-inline-form md-radio-group md-radio-button {
    display: inline-block;
    height: 30px;
    padding: 2px 10px 2px 6px;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 0; }
    .md-inline-form md-radio-group md-radio-button .md-label {
      top: 4px; }
    .md-inline-form md-radio-group md-radio-button .md-container {
      margin-top: 2px; }

@media screen and (-ms-high-contrast: active) {
  md-radio-button.md-default-theme .md-on {
    background-color: #fff; } }

md-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform-origin: left top; }
  [dir=rtl] md-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
    transform-origin: right top; }

md-input-container.md-input-focused:not([md-no-float]) md-select:not([placeholder]) .md-select-placeholder span:first-child {
  transform: translate(-2px, -22px) scale(0.75); }

.md-select-menu-container {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 90;
  opacity: 0;
  display: none;
  transform: translateY(-1px); }
  .md-select-menu-container:not(.md-clickable) {
    pointer-events: none; }
  .md-select-menu-container md-progress-circular {
    display: table;
    margin: 24px auto !important; }
  .md-select-menu-container.md-active {
    display: block;
    opacity: 1; }
    .md-select-menu-container.md-active md-select-menu {
      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      transition-duration: 150ms; }
      .md-select-menu-container.md-active md-select-menu > * {
        opacity: 1;
        transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
        transition-duration: 150ms;
        transition-delay: 100ms; }
  .md-select-menu-container.md-leave {
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    transition-duration: 250ms; }

.md-inline-form md-select {
  margin-top: 20px; }

md-input-container > md-select,
.md-inline-form md-input-container > md-select {
  margin-top: 0px; }

md-input-container > md-select {
  -ms-flex-order: 2;
      order: 2; }

md-input-container:not(.md-input-has-value) md-select[required]:not(.md-no-asterisk) .md-select-value span:first-child:after, md-input-container:not(.md-input-has-value) md-select.ng-required:not(.md-no-asterisk) .md-select-value span:first-child:after {
  content: ' *';
  font-size: 13px;
  vertical-align: top; }

md-input-container.md-input-invalid md-select .md-select-value {
  border-bottom-style: solid;
  padding-bottom: 1px; }

md-select {
  display: -ms-flexbox;
  display: flex; }
  md-select[required].ng-empty.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after, md-select.ng-required.ng-empty.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after {
    content: ' *';
    font-size: 13px;
    vertical-align: top; }
  md-select[disabled] .md-select-value {
    background-position: bottom -1px left 0;
    background-size: 4px 1px;
    background-repeat: repeat-x;
    padding-bottom: 2px;
    padding-top: 1px;
    transform: translateY(1px); }
  md-select:focus {
    outline: none; }
  md-select[disabled]:hover {
    cursor: default; }
  md-select:not([disabled]):hover {
    cursor: pointer; }
  md-select:not([disabled]):focus .md-select-value {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    padding-bottom: 0px; }

md-input-container md-select:not([disabled]):focus .md-select-value {
  border-bottom-width: 2px; }

md-input-container md-select[disabled] .md-select-value {
  background-position: bottom -1px left 0; }

md-input-container md-select .md-select-value {
  min-height: 26px;
  border-bottom-width: 1px;
  padding-bottom: 1px; }
  md-input-container md-select .md-select-value.md-select-placeholder {
    padding-left: 0;
    padding-right: 2px; }
    [dir=rtl] md-input-container md-select .md-select-value.md-select-placeholder {
      padding-left: 2px; }
    [dir=rtl] md-input-container md-select .md-select-value.md-select-placeholder {
      padding-right: 0; }

.md-select-value {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 2px;
  padding-bottom: 1px;
  padding-left: 0;
  padding-right: 2px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  box-sizing: content-box;
  min-width: 88px;
  min-height: 26px;
  margin-bottom: auto;
  -ms-flex-item-align: start;
  -ms-flex-positive: 1;
      flex-grow: 1; }
  [dir=rtl] .md-select-value {
    padding-left: 2px; }
  [dir=rtl] .md-select-value {
    padding-right: 0; }
  .md-select-value > span:not(.md-select-icon) {
    max-width: 100%;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    .md-select-value > span:not(.md-select-icon) .md-text {
      display: inline; }
  .md-select-value .md-select-icon {
    display: block;
    -ms-flex-align: end;
        align-items: flex-end;
    text-align: right;
    width: 24px;
    transform: translateY(-2px);
    font-size: 1.2rem; }
    [dir=rtl] .md-select-value .md-select-icon {
      -ms-flex-align: start;
          align-items: flex-start; }
    [dir=rtl] .md-select-value .md-select-icon {
      text-align: left; }
  .md-select-value .md-select-icon:after {
    display: block;
    content: '\25BC';
    position: relative;
    top: 2px;
    right: -4px;
    left: auto;
    speak: none;
    font-size: 13px;
    transform: scaleY(0.5); }
    [dir=rtl] .md-select-value .md-select-icon:after {
      right: auto; }
    [dir=rtl] .md-select-value .md-select-icon:after {
      left: -4px; }
  .md-select-value.md-select-placeholder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-order: 1;
        order: 1;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    z-index: 1; }

md-select-menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  max-height: 256px;
  min-height: 48px;
  overflow-y: hidden;
  transform-origin: left top;
  transform: scale(1); }
  md-select-menu.md-reverse {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; }
  md-select-menu:not(.md-overflow) md-content {
    padding-top: 8px;
    padding-bottom: 8px; }
  [dir=rtl] md-select-menu {
    transform-origin: right top; }
  md-select-menu md-content {
    min-width: 136px;
    min-height: 48px;
    max-height: 256px;
    overflow-y: auto; }
  md-select-menu > * {
    opacity: 0; }

md-option {
  cursor: pointer;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: auto;
  transition: background 0.15s linear;
  padding: 0 16px 0 16px;
  height: 48px; }
  md-option[disabled] {
    cursor: default; }
  md-option:focus {
    outline: none; }
  md-option .md-text {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

md-optgroup {
  display: block; }
  md-optgroup label {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    padding: 16px;
    font-weight: 500; }
  md-optgroup md-option {
    padding-left: 32px;
    padding-right: 32px; }

@media screen and (-ms-high-contrast: active) {
  .md-select-backdrop {
    background-color: transparent; }
  md-select-menu {
    border: 1px solid #fff; } }

md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-left: 40px;
  padding-right: 16px; }
  [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
    padding-left: 16px; }
  [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
    padding-right: 40px; }
  md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    display: inline-block;
    width: 18px;
    height: 18px;
    left: 0;
    right: auto; }
    [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
      left: auto; }
    [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
      right: 0; }
    md-select-menu[multiple] md-option.md-checkbox-enabled .md-container:before {
      box-sizing: border-box;
      background-color: transparent;
      border-radius: 50%;
      content: '';
      position: absolute;
      display: block;
      height: auto;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      transition: all 0.5s;
      width: auto; }
    md-select-menu[multiple] md-option.md-checkbox-enabled .md-container:after {
      box-sizing: border-box;
      content: '';
      position: absolute;
      top: -10px;
      right: -10px;
      bottom: -10px;
      left: -10px; }
    md-select-menu[multiple] md-option.md-checkbox-enabled .md-container .md-ripple-container {
      position: absolute;
      display: block;
      width: auto;
      height: auto;
      left: -15px;
      top: -15px;
      right: -15px;
      bottom: -15px; }
  md-select-menu[multiple] md-option.md-checkbox-enabled .md-icon {
    box-sizing: border-box;
    transition: 240ms;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border-width: 2px;
    border-style: solid;
    border-radius: 2px; }
  md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon {
    border-color: transparent; }
    md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon:after {
      box-sizing: border-box;
      transform: rotate(45deg);
      position: absolute;
      left: 4px;
      top: 0px;
      display: table;
      width: 6px;
      height: 12px;
      border-width: 2px;
      border-style: solid;
      border-top: 0;
      border-left: 0;
      content: ''; }
  md-select-menu[multiple] md-option.md-checkbox-enabled[disabled] {
    cursor: default; }
  md-select-menu[multiple] md-option.md-checkbox-enabled.md-indeterminate .md-icon:after {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: table;
    width: 10.8px;
    height: 2px;
    border-width: 2px;
    border-style: solid;
    border-top: 0;
    border-left: 0;
    content: ''; }
  md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
    margin-left: 10.66667px;
    margin-right: auto; }
    [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
      margin-left: auto; }
    [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
      margin-right: 10.66667px; }

md-sidenav {
  box-sizing: border-box;
  position: absolute;
  -ms-flex-direction: column;
      flex-direction: column;
  z-index: 60;
  width: 320px;
  max-width: 320px;
  bottom: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  md-sidenav ul {
    list-style: none; }
  md-sidenav.md-closed {
    display: none; }
  md-sidenav.md-closed-add, md-sidenav.md-closed-remove {
    display: -ms-flexbox;
    display: flex;
    transition: 0.2s ease-in all; }
  md-sidenav.md-closed-add.md-closed-add-active, md-sidenav.md-closed-remove.md-closed-remove-active {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
  md-sidenav.md-locked-open-add, md-sidenav.md-locked-open-remove {
    position: static;
    display: -ms-flexbox;
    display: flex;
    transform: translate3d(0, 0, 0); }
  md-sidenav.md-locked-open, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-left, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-right {
    position: static;
    display: -ms-flexbox;
    display: flex;
    transform: translate3d(0, 0, 0); }
  md-sidenav.md-locked-open-remove.md-closed {
    position: static;
    display: -ms-flexbox;
    display: flex;
    transform: translate3d(0, 0, 0); }
  md-sidenav.md-closed.md-locked-open-add {
    position: static;
    display: -ms-flexbox;
    display: flex;
    transform: translate3d(0%, 0, 0); }
  md-sidenav.md-closed.md-locked-open-add:not(.md-locked-open-add-active) {
    transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    width: 0 !important;
    min-width: 0 !important; }
  md-sidenav.md-closed.md-locked-open-add-active {
    transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  md-sidenav.md-locked-open-remove-active {
    transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    width: 0 !important;
    min-width: 0 !important; }

.md-sidenav-backdrop.md-locked-open {
  display: none; }

.md-sidenav-left, md-sidenav {
  left: 0;
  top: 0;
  transform: translate3d(0%, 0, 0); }
  .md-sidenav-left.md-closed, md-sidenav.md-closed {
    transform: translate3d(-100%, 0, 0); }

.md-sidenav-right {
  left: 100%;
  top: 0;
  transform: translate(-100%, 0); }
  .md-sidenav-right.md-closed {
    transform: translate(0%, 0); }

@media (min-width: 600px) {
  md-sidenav {
    max-width: 400px; } }

@media (max-width: 456px) {
  md-sidenav {
    width: calc(100% - 56px);
    min-width: calc(100% - 56px);
    max-width: calc(100% - 56px); } }

@media screen and (-ms-high-contrast: active) {
  .md-sidenav-left, md-sidenav {
    border-right: 1px solid #fff; }
  .md-sidenav-right {
    border-left: 1px solid #fff; } }

@keyframes sliderFocusThumb {
  0% {
    transform: scale(0.7); }
  30% {
    transform: scale(1); }
  100% {
    transform: scale(0.7); } }

@keyframes sliderDiscreteFocusThumb {
  0% {
    transform: scale(0.7); }
  50% {
    transform: scale(0.8); }
  100% {
    transform: scale(0); } }

@keyframes sliderDiscreteFocusRing {
  0% {
    transform: scale(0.7);
    opacity: 0; }
  50% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0); } }

md-slider {
  height: 48px;
  min-width: 128px;
  position: relative;
  margin-left: 4px;
  margin-right: 4px;
  padding: 0;
  display: block;
  -ms-flex-direction: row;
      flex-direction: row;
  /**
   * Track
   */
  /**
   * Slider thumb
   */
  /* The sign that's focused in discrete mode */
  /**
   * The border/background that comes in when focused in non-discrete mode
   */
  /* Don't animate left/right while panning */ }
  md-slider *, md-slider *:after {
    box-sizing: border-box; }
  md-slider .md-slider-wrapper {
    outline: none;
    width: 100%;
    height: 100%; }
  md-slider .md-slider-content {
    position: relative; }
  md-slider .md-track-container {
    width: 100%;
    position: absolute;
    top: 23px;
    height: 2px; }
  md-slider .md-track {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%; }
  md-slider .md-track-fill {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-property: width, height; }
  md-slider .md-track-ticks {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%; }
  md-slider .md-track-ticks canvas {
    width: 100%;
    height: 100%; }
  md-slider .md-thumb-container {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-property: left, right, bottom; }
    [dir=rtl] md-slider .md-thumb-container {
      left: auto;
      right: 0; }
  md-slider .md-thumb {
    z-index: 1;
    position: absolute;
    left: -10px;
    top: 14px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    transform: scale(0.7);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
    [dir=rtl] md-slider .md-thumb {
      left: auto;
      right: -10px; }
    md-slider .md-thumb:after {
      content: '';
      position: absolute;
      width: 20px;
      height: 20px;
      border-radius: 20px;
      border-width: 3px;
      border-style: solid;
      transition: inherit; }
  md-slider .md-sign {
    /* Center the children (slider-thumb-text) */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    position: absolute;
    left: -14px;
    top: -17px;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    transform: scale(0.4) translate3d(0, 67.5px, 0);
    transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    /* The arrow pointing down under the sign */ }
    md-slider .md-sign:after {
      position: absolute;
      content: '';
      left: 0px;
      border-radius: 16px;
      top: 19px;
      border-left: 14px solid transparent;
      border-right: 14px solid transparent;
      border-top-width: 16px;
      border-top-style: solid;
      opacity: 0;
      transform: translate3d(0, -8px, 0);
      transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1); }
      [dir=rtl] md-slider .md-sign:after {
        left: auto;
        right: 0px; }
    md-slider .md-sign .md-thumb-text {
      z-index: 1;
      font-size: 12px;
      font-weight: bold; }
  md-slider .md-focus-ring {
    position: absolute;
    left: -17px;
    top: 7px;
    width: 34px;
    height: 34px;
    border-radius: 34px;
    transform: scale(0.7);
    opacity: 0;
    transition: all 0.35s cubic-bezier(0.35, 0, 0.25, 1); }
    [dir=rtl] md-slider .md-focus-ring {
      left: auto;
      right: -17px; }
  md-slider .md-disabled-thumb {
    position: absolute;
    left: -14px;
    top: 10px;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    transform: scale(0.5);
    border-width: 4px;
    border-style: solid;
    display: none; }
    [dir=rtl] md-slider .md-disabled-thumb {
      left: auto;
      right: -14px; }
  md-slider.md-min .md-sign {
    opacity: 0; }
  md-slider:focus {
    outline: none; }
  md-slider.md-dragging .md-thumb-container,
  md-slider.md-dragging .md-track-fill {
    transition: none; }
  md-slider:not([md-discrete]) {
    /* Hide the sign and ticks in non-discrete mode */ }
    md-slider:not([md-discrete]) .md-track-ticks,
    md-slider:not([md-discrete]) .md-sign {
      display: none; }
    md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper .md-thumb:hover {
      transform: scale(0.8); }
    md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper.md-focused .md-focus-ring {
      transform: scale(1);
      opacity: 1; }
    md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper.md-focused .md-thumb {
      animation: sliderFocusThumb 0.7s cubic-bezier(0.35, 0, 0.25, 1); }
    md-slider:not([md-discrete]):not([disabled]).md-active .md-slider-wrapper .md-thumb {
      transform: scale(1); }
  md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-focus-ring {
    transform: scale(0);
    animation: sliderDiscreteFocusRing 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
  md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-thumb {
    animation: sliderDiscreteFocusThumb 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
  md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-thumb, md-slider[md-discrete]:not([disabled]).md-active .md-thumb {
    transform: scale(0); }
  md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-sign,
  md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-sign:after, md-slider[md-discrete]:not([disabled]).md-active .md-sign,
  md-slider[md-discrete]:not([disabled]).md-active .md-sign:after {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1); }
  md-slider[md-discrete][disabled][readonly] .md-thumb {
    transform: scale(0); }
  md-slider[md-discrete][disabled][readonly] .md-sign,
  md-slider[md-discrete][disabled][readonly] .md-sign:after {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1); }
  md-slider[disabled] .md-track-fill {
    display: none; }
  md-slider[disabled] .md-track-ticks {
    opacity: 0; }
  md-slider[disabled]:not([readonly]) .md-sign {
    opacity: 0; }
  md-slider[disabled] .md-thumb {
    transform: scale(0.5); }
  md-slider[disabled] .md-disabled-thumb {
    display: block; }
  md-slider[md-vertical] {
    -ms-flex-direction: column;
        flex-direction: column;
    min-height: 128px;
    min-width: 0; }
    md-slider[md-vertical] .md-slider-wrapper {
      -ms-flex: 1;
          flex: 1;
      padding-top: 12px;
      padding-bottom: 12px;
      width: 48px;
      -ms-flex-item-align: center;
          align-self: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center; }
    md-slider[md-vertical] .md-track-container {
      height: 100%;
      width: 2px;
      top: 0;
      left: calc(50% - (2px / 2)); }
    md-slider[md-vertical] .md-thumb-container {
      top: auto;
      margin-bottom: 23px;
      left: calc(50% - 1px);
      bottom: 0; }
      md-slider[md-vertical] .md-thumb-container .md-thumb:after {
        left: 1px; }
      md-slider[md-vertical] .md-thumb-container .md-focus-ring {
        left: -16px; }
    md-slider[md-vertical] .md-track-fill {
      bottom: 0; }
    md-slider[md-vertical][md-discrete] .md-sign {
      left: -40px;
      top: 9.5px;
      transform: scale(0.4) translate3d(67.5px, 0, 0);
      /* The arrow pointing left next the sign */ }
      md-slider[md-vertical][md-discrete] .md-sign:after {
        top: 9.5px;
        left: 19px;
        border-top: 14px solid transparent;
        border-right: 0;
        border-bottom: 14px solid transparent;
        border-left-width: 16px;
        border-left-style: solid;
        opacity: 0;
        transform: translate3d(0, -8px, 0);
        transition: all 0.2s ease-in-out; }
      md-slider[md-vertical][md-discrete] .md-sign .md-thumb-text {
        z-index: 1;
        font-size: 12px;
        font-weight: bold; }
    md-slider[md-vertical][md-discrete].md-active .md-sign:after,
    md-slider[md-vertical][md-discrete] .md-focused .md-sign:after, md-slider[md-vertical][md-discrete][disabled][readonly] .md-sign:after {
      top: 0; }
    md-slider[md-vertical][disabled][readonly] .md-thumb {
      transform: scale(0); }
    md-slider[md-vertical][disabled][readonly] .md-sign,
    md-slider[md-vertical][disabled][readonly] .md-sign:after {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1); }
  md-slider[md-invert]:not([md-vertical]) .md-track-fill {
    left: auto;
    right: 0; }
    [dir=rtl] md-slider[md-invert]:not([md-vertical]) .md-track-fill {
      left: 0; }
    [dir=rtl] md-slider[md-invert]:not([md-vertical]) .md-track-fill {
      right: auto; }
  md-slider[md-invert][md-vertical] .md-track-fill {
    bottom: auto;
    top: 0; }

md-slider-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
      flex-direction: row; }
  md-slider-container > *:first-child:not(md-slider),
  md-slider-container > *:last-child:not(md-slider) {
    min-width: 25px;
    max-width: 42px;
    height: 25px;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-property: color, max-width; }
  md-slider-container > *:first-child:not(md-slider) {
    margin-right: 16px; }
    [dir=rtl] md-slider-container > *:first-child:not(md-slider) {
      margin-right: auto;
      margin-left: 16px; }
  md-slider-container > *:last-child:not(md-slider) {
    margin-left: 16px; }
    [dir=rtl] md-slider-container > *:last-child:not(md-slider) {
      margin-left: auto;
      margin-right: 16px; }
  md-slider-container[md-vertical] {
    -ms-flex-direction: column;
        flex-direction: column; }
    md-slider-container[md-vertical] > *:first-child:not(md-slider),
    md-slider-container[md-vertical] > *:last-child:not(md-slider) {
      margin-right: 0;
      margin-left: 0;
      text-align: center; }
  md-slider-container md-input-container input[type="number"] {
    text-align: center;
    padding-left: 15px;
    height: 50px;
    margin-top: -25px; }
    [dir=rtl] md-slider-container md-input-container input[type="number"] {
      padding-left: 0;
      padding-right: 15px; }

@media screen and (-ms-high-contrast: active) {
  md-slider.md-default-theme .md-track {
    border-bottom: 1px solid #fff; } }

.md-sticky-clone {
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  position: absolute !important;
  transform: translate3d(-9999px, -9999px, 0); }
  .md-sticky-clone[sticky-state="active"] {
    transform: translate3d(0, 0, 0); }
    .md-sticky-clone[sticky-state="active"]:not(.md-sticky-no-effect) .md-subheader-inner {
      animation: subheaderStickyHoverIn 0.3s ease-out both; }

@keyframes subheaderStickyHoverIn {
  0% {
    box-shadow: 0 0 0 0 transparent; }
  100% {
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } }

@keyframes subheaderStickyHoverOut {
  0% {
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); }
  100% {
    box-shadow: 0 0 0 0 transparent; } }

.md-subheader-wrapper:not(.md-sticky-no-effect) {
  transition: 0.2s ease-out margin; }
  .md-subheader-wrapper:not(.md-sticky-no-effect) .md-subheader {
    margin: 0; }
  .md-subheader-wrapper:not(.md-sticky-no-effect).md-sticky-clone {
    z-index: 2; }
  .md-subheader-wrapper:not(.md-sticky-no-effect)[sticky-state="active"] {
    margin-top: -2px; }
  .md-subheader-wrapper:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state="active"] .md-subheader-inner:after {
    animation: subheaderStickyHoverOut 0.3s ease-out both; }

.md-subheader {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
  margin: 0 0 0 0;
  position: relative; }
  .md-subheader .md-subheader-inner {
    display: block;
    padding: 16px; }
  .md-subheader .md-subheader-content {
    display: block;
    z-index: 1;
    position: relative; }

[md-swipe-left], [md-swipe-right] {
  -ms-touch-action: pan-y;
      touch-action: pan-y; }

[md-swipe-up], [md-swipe-down] {
  -ms-touch-action: pan-x;
      touch-action: pan-x; }

.md-inline-form md-switch {
  margin-top: 18px;
  margin-bottom: 19px; }

md-switch {
  margin: 16px 0;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 30px;
  line-height: 28px;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  margin-left: inherit;
  margin-right: 16px; }
  [dir=rtl] md-switch {
    margin-left: 16px; }
  [dir=rtl] md-switch {
    margin-right: inherit; }
  md-switch:last-of-type {
    margin-left: inherit;
    margin-right: 0; }
    [dir=rtl] md-switch:last-of-type {
      margin-left: 0; }
    [dir=rtl] md-switch:last-of-type {
      margin-right: inherit; }
  md-switch[disabled] {
    cursor: default; }
    md-switch[disabled] .md-container {
      cursor: default; }
  md-switch .md-container {
    cursor: grab;
    width: 36px;
    height: 24px;
    position: relative;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    margin-right: 8px;
    float: left; }
    [dir=rtl] md-switch .md-container {
      margin-right: 0px;
      margin-left: 8px; }
  md-switch.md-inverted .md-container {
    margin-right: initial;
    margin-left: 8px; }
    [dir=rtl] md-switch.md-inverted .md-container {
      margin-right: 8px; }
    [dir=rtl] md-switch.md-inverted .md-container {
      margin-left: initial; }
  md-switch:not([disabled]) .md-dragging,
  md-switch:not([disabled]).md-dragging .md-container {
    cursor: grabbing; }
  md-switch.md-focused .md-thumb:before {
    left: -8px;
    top: -8px;
    right: -8px;
    bottom: -8px; }
  md-switch .md-label {
    border-color: transparent;
    border-width: 0;
    float: left; }
  md-switch .md-bar {
    left: 1px;
    width: 34px;
    top: 5px;
    height: 14px;
    border-radius: 8px;
    position: absolute; }
  md-switch .md-thumb-container {
    top: 2px;
    left: 0;
    width: 16px;
    position: absolute;
    transform: translate3d(0, 0, 0);
    z-index: 1; }
  md-switch.md-checked .md-thumb-container {
    transform: translate3d(100%, 0, 0); }
  md-switch .md-thumb {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    outline: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
    md-switch .md-thumb:before {
      background-color: transparent;
      border-radius: 50%;
      content: '';
      position: absolute;
      display: block;
      height: auto;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      transition: all 0.5s;
      width: auto; }
    md-switch .md-thumb .md-ripple-container {
      position: absolute;
      display: block;
      width: auto;
      height: auto;
      left: -20px;
      top: -20px;
      right: -20px;
      bottom: -20px; }
  md-switch:not(.md-dragging) .md-bar,
  md-switch:not(.md-dragging) .md-thumb-container,
  md-switch:not(.md-dragging) .md-thumb {
    transition: all 0.08s linear;
    transition-property: transform, background-color; }
  md-switch:not(.md-dragging) .md-bar,
  md-switch:not(.md-dragging) .md-thumb {
    transition-delay: 0.05s; }

@media screen and (-ms-high-contrast: active) {
  md-switch.md-default-theme .md-bar {
    background-color: #666; }
  md-switch.md-default-theme.md-checked .md-bar {
    background-color: #9E9E9E; }
  md-switch.md-default-theme .md-thumb {
    background-color: #fff; } }

@keyframes md-tab-content-hide {
  0% {
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

md-tab-data {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0; }

md-tabs {
  display: block;
  margin: 0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
    min-height: 248px; }
  md-tabs[md-align-tabs="bottom"] {
    padding-bottom: 48px; }
    md-tabs[md-align-tabs="bottom"] > md-tabs-wrapper {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 48px;
      z-index: 2; }
    md-tabs[md-align-tabs="bottom"] > md-tabs-content-wrapper {
      top: 0;
      bottom: 48px; }
  md-tabs.md-dynamic-height md-tabs-content-wrapper {
    min-height: 0;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    overflow: visible; }
  md-tabs.md-dynamic-height md-tab-content.md-active {
    position: relative; }
  md-tabs[md-border-bottom] md-tabs-wrapper {
    border-width: 0 0 1px;
    border-style: solid; }
  md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper {
    top: 49px; }

md-tabs-wrapper {
  display: block;
  position: relative;
  transform: translate(0, 0); }
  md-tabs-wrapper md-prev-button, md-tabs-wrapper md-next-button {
    height: 100%;
    width: 32px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1em;
    z-index: 2;
    cursor: pointer;
    font-size: 16px;
    background: transparent no-repeat center center;
    transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
    md-tabs-wrapper md-prev-button:focus, md-tabs-wrapper md-next-button:focus {
      outline: none; }
    md-tabs-wrapper md-prev-button.md-disabled, md-tabs-wrapper md-next-button.md-disabled {
      opacity: 0.25;
      cursor: default; }
    md-tabs-wrapper md-prev-button.ng-leave, md-tabs-wrapper md-next-button.ng-leave {
      transition: none; }
    md-tabs-wrapper md-prev-button md-icon, md-tabs-wrapper md-next-button md-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    [dir="rtl"] md-tabs-wrapper md-prev-button, [dir="rtl"] md-tabs-wrapper md-next-button {
      transform: rotateY(180deg) translateY(-50%); }
  md-tabs-wrapper md-prev-button {
    left: 0;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg=="); }
    [dir=rtl] md-tabs-wrapper md-prev-button {
      left: auto;
      right: 0; }
  md-tabs-wrapper md-next-button {
    right: 0;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K"); }
    [dir=rtl] md-tabs-wrapper md-next-button {
      right: auto;
      left: 0; }
    md-tabs-wrapper md-next-button md-icon {
      transform: translate(-50%, -50%) rotate(180deg); }
  md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper {
    width: 100%;
    -ms-flex-direction: row;
        flex-direction: row; }
    md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item {
      -ms-flex-positive: 1;
          flex-grow: 1; }

md-tabs-canvas {
  position: relative;
  overflow: hidden;
  display: block;
  height: 48px; }
  md-tabs-canvas:after {
    content: '';
    display: table;
    clear: both; }
  md-tabs-canvas .md-dummy-wrapper {
    position: absolute;
    top: 0;
    left: 0; }
    [dir=rtl] md-tabs-canvas .md-dummy-wrapper {
      left: auto;
      right: 0; }
  md-tabs-canvas.md-paginated {
    margin: 0 32px; }
  md-tabs-canvas.md-center-tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    text-align: center; }
    md-tabs-canvas.md-center-tabs .md-tab {
      float: none;
      display: inline-block; }

md-pagination-wrapper {
  height: 48px;
  display: -ms-flexbox;
  display: flex;
  transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  position: absolute;
  left: 0;
  transform: translate(0, 0); }
  md-pagination-wrapper:after {
    content: '';
    display: table;
    clear: both; }
  [dir=rtl] md-pagination-wrapper {
    left: auto;
    right: 0; }
  md-pagination-wrapper.md-center-tabs {
    position: relative;
    -ms-flex-pack: center;
        justify-content: center; }
  md-pagination-wrapper md-tab-item {
    min-width: 72px; }
  @media (min-width: 600px) {
    md-pagination-wrapper md-tab-item {
      min-width: 160px; } }

md-tabs-content-wrapper {
  display: block;
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden; }

md-tab-content {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  overflow: auto;
  transform: translate(0, 0); }
  md-tab-content.md-no-scroll {
    bottom: auto;
    overflow: hidden; }
  md-tab-content.ng-leave, md-tab-content.md-no-transition {
    transition: none; }
  md-tab-content.md-left:not(.md-active) {
    transform: translateX(-100%);
    animation: 1s md-tab-content-hide;
    visibility: hidden; }
    [dir=rtl] md-tab-content.md-left:not(.md-active) {
      transform: translateX(100%); }
    md-tab-content.md-left:not(.md-active) * {
      transition: visibility 0s linear;
      transition-delay: 0.5s;
      visibility: hidden; }
  md-tab-content.md-right:not(.md-active) {
    transform: translateX(100%);
    animation: 1s md-tab-content-hide;
    visibility: hidden; }
    [dir=rtl] md-tab-content.md-right:not(.md-active) {
      transform: translateX(-100%); }
    md-tab-content.md-right:not(.md-active) * {
      transition: visibility 0s linear;
      transition-delay: 0.5s;
      visibility: hidden; }
  md-tab-content > div {
    -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    min-width: 0; }
    md-tab-content > div.ng-leave {
      animation: 1s md-tab-content-hide; }

md-ink-bar {
  position: absolute;
  left: auto;
  right: auto;
  bottom: 0;
  height: 2px; }
  md-ink-bar.md-left {
    transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1); }
  md-ink-bar.md-right {
    transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1); }

md-tab {
  position: absolute;
  z-index: -1;
  left: -9999px; }

.md-tab {
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  padding: 12px;
  transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  text-transform: uppercase;
  float: left;
  font-weight: 500;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis; }
  [dir=rtl] .md-tab {
    float: right; }
  .md-tab.md-focused, .md-tab:focus {
    box-shadow: none;
    outline: none; }
  .md-tab.md-active {
    cursor: default; }
  .md-tab.md-disabled {
    pointer-events: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-user-drag: none;
    opacity: 0.5;
    cursor: default; }
  .md-tab.ng-leave {
    transition: none; }

md-toolbar + md-tabs, md-toolbar + md-dialog-content md-tabs {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.md-toast-text {
  padding: 0 8px; }

md-toast {
  position: absolute;
  z-index: 105;
  box-sizing: border-box;
  cursor: default;
  overflow: hidden;
  padding: 8px;
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  /* Transition differently when swiping */
  /*
   * When the toast doesn't take up the whole screen,
   * make it rotate when the user swipes it away
   */ }
  md-toast .md-toast-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    max-height: 168px;
    max-width: 100%;
    min-height: 48px;
    padding: 0 16px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    border-radius: 2px;
    font-size: 14px;
    overflow: hidden;
    transform: translate3d(0, 0, 0) rotateZ(0deg);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    -ms-flex-pack: start;
        justify-content: flex-start; }
    md-toast .md-toast-content::before {
      content: '';
      min-height: 48px;
      visibility: hidden;
      display: inline-block; }
    [dir=rtl] md-toast .md-toast-content {
      -ms-flex-pack: end;
          justify-content: flex-end; }
    md-toast .md-toast-content span {
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
      box-sizing: border-box;
      min-width: 0; }
  md-toast.md-capsule {
    border-radius: 24px; }
    md-toast.md-capsule .md-toast-content {
      border-radius: 24px; }
  md-toast.ng-leave-active .md-toast-content {
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  md-toast.md-swipeleft .md-toast-content, md-toast.md-swiperight .md-toast-content, md-toast.md-swipeup .md-toast-content, md-toast.md-swipedown .md-toast-content {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
  md-toast.ng-enter {
    opacity: 0; }
    md-toast.ng-enter .md-toast-content {
      transform: translate3d(0, 100%, 0); }
    md-toast.ng-enter.md-top .md-toast-content {
      transform: translate3d(0, -100%, 0); }
    md-toast.ng-enter.ng-enter-active {
      opacity: 1; }
      md-toast.ng-enter.ng-enter-active .md-toast-content {
        transform: translate3d(0, 0, 0); }
  md-toast.ng-leave.ng-leave-active .md-toast-content {
    opacity: 0;
    transform: translate3d(0, 100%, 0); }
  md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
    transform: translate3d(0, -50%, 0); }
  md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
    transform: translate3d(0, 50%, 0); }
  md-toast.ng-leave.ng-leave-active.md-top .md-toast-content {
    transform: translate3d(0, -100%, 0); }
  md-toast .md-action {
    line-height: 19px;
    margin-left: 24px;
    margin-right: 0;
    cursor: pointer;
    text-transform: uppercase;
    float: right; }
  md-toast .md-button {
    min-width: 0;
    margin-right: 0;
    margin-left: 8px; }
    [dir=rtl] md-toast .md-button {
      margin-right: 8px; }
    [dir=rtl] md-toast .md-button {
      margin-left: 0; }

@media (max-width: 959px) {
  md-toast {
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    border-radius: 0;
    bottom: 0;
    padding: 0; }
    md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
      transform: translate3d(0, -50%, 0); }
    md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
      transform: translate3d(0, 50%, 0); } }

@media (min-width: 960px) {
  md-toast {
    min-width: 304px;
    /*
   * When the toast doesn't take up the whole screen,
   * make it rotate when the user swipes it away
   */ }
    md-toast.md-bottom {
      bottom: 0; }
    md-toast.md-left {
      left: 0; }
    md-toast.md-right {
      right: 0; }
    md-toast.md-top {
      top: 0; }
    md-toast._md-start {
      left: 0; }
      [dir=rtl] md-toast._md-start {
        left: auto;
        right: 0; }
    md-toast._md-end {
      right: 0; }
      [dir=rtl] md-toast._md-end {
        right: auto;
        left: 0; }
    md-toast.ng-leave.ng-leave-active.md-swipeleft .md-toast-content {
      transform: translate3d(-50%, 0, 0); }
    md-toast.ng-leave.ng-leave-active.md-swiperight .md-toast-content {
      transform: translate3d(50%, 0, 0); } }

@media (min-width: 1920px) {
  md-toast .md-toast-content {
    max-width: 568px; } }

@media screen and (-ms-high-contrast: active) {
  md-toast {
    border: 1px solid #fff; } }

.md-toast-animating {
  overflow: hidden !important; }

md-toolbar {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  z-index: 2;
  font-size: 20px;
  min-height: 64px;
  width: 100%; }
  md-toolbar._md-toolbar-transitions {
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
    transition-property: background-color, fill, color; }
  md-toolbar.md-whiteframe-z1-add, md-toolbar.md-whiteframe-z1-remove {
    transition: box-shadow 0.5s linear; }
  md-toolbar md-toolbar-filler {
    width: 72px; }
  md-toolbar *,
  md-toolbar *:before,
  md-toolbar *:after {
    box-sizing: border-box; }
  md-toolbar.ng-animate {
    transition: none; }
  md-toolbar.md-tall {
    height: 128px;
    min-height: 128px;
    max-height: 128px; }
  md-toolbar.md-medium-tall {
    height: 88px;
    min-height: 88px;
    max-height: 88px; }
    md-toolbar.md-medium-tall .md-toolbar-tools {
      height: 48px;
      min-height: 48px;
      max-height: 48px; }
  md-toolbar > .md-indent {
    margin-left: 64px; }
    [dir=rtl] md-toolbar > .md-indent {
      margin-left: auto;
      margin-right: 64px; }
  md-toolbar ~ md-content > md-list {
    padding: 0; }
    md-toolbar ~ md-content > md-list md-list-item:last-child md-divider {
      display: none; }

.md-toolbar-tools {
  font-size: 20px;
  letter-spacing: 0.005em;
  box-sizing: border-box;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  height: 64px;
  max-height: 64px;
  padding: 0 16px;
  margin: 0; }
  .md-toolbar-tools h1, .md-toolbar-tools h2, .md-toolbar-tools h3 {
    font-size: inherit;
    font-weight: inherit;
    margin: inherit; }
  .md-toolbar-tools a {
    color: inherit;
    text-decoration: none; }
  .md-toolbar-tools .fill-height {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .md-toolbar-tools md-checkbox {
    margin: inherit; }
  .md-toolbar-tools .md-button {
    margin-top: 0;
    margin-bottom: 0; }
    .md-toolbar-tools .md-button, .md-toolbar-tools .md-button.md-icon-button md-icon {
      transition-duration: 0.5s;
      transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
      transition-property: background-color, fill, color; }
      .md-toolbar-tools .md-button.ng-animate, .md-toolbar-tools .md-button.md-icon-button md-icon.ng-animate {
        transition: none; }
  .md-toolbar-tools > .md-button:first-child {
    margin-left: -8px; }
    [dir=rtl] .md-toolbar-tools > .md-button:first-child {
      margin-left: auto;
      margin-right: -8px; }
  .md-toolbar-tools > .md-button:last-child {
    margin-right: -8px; }
    [dir=rtl] .md-toolbar-tools > .md-button:last-child {
      margin-right: auto;
      margin-left: -8px; }
  .md-toolbar-tools > md-menu:last-child {
    margin-right: -8px; }
    [dir=rtl] .md-toolbar-tools > md-menu:last-child {
      margin-right: auto;
      margin-left: -8px; }
    .md-toolbar-tools > md-menu:last-child > .md-button {
      margin-right: 0; }
      [dir=rtl] .md-toolbar-tools > md-menu:last-child > .md-button {
        margin-right: auto;
        margin-left: 0; }
  @media screen and (-ms-high-contrast: active) {
    .md-toolbar-tools {
      border-bottom: 1px solid #fff; } }

@media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
  md-toolbar {
    min-height: 56px; }
  .md-toolbar-tools {
    height: 56px;
    max-height: 56px; } }

@media (min-width: 0) and (max-width: 959px) and (orientation: landscape) {
  md-toolbar {
    min-height: 48px; }
  .md-toolbar-tools {
    height: 48px;
    max-height: 48px; } }

.md-tooltip {
  display: inline-block;
  pointer-events: none;
  border-radius: 4px;
  overflow: hidden;
  opacity: 0;
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 32px;
  line-height: 32px;
  padding-right: 16px;
  padding-left: 16px; }
  .md-tooltip.md-origin-top {
    transform-origin: center bottom;
    margin-top: -24px; }
  .md-tooltip.md-origin-right {
    transform-origin: left center;
    margin-left: 24px; }
  .md-tooltip.md-origin-bottom {
    transform-origin: center top;
    margin-top: 24px; }
  .md-tooltip.md-origin-left {
    transform-origin: right center;
    margin-left: -24px; }
  @media (min-width: 960px) {
    .md-tooltip {
      font-size: 10px;
      height: 22px;
      line-height: 22px;
      padding-right: 8px;
      padding-left: 8px; }
      .md-tooltip.md-origin-top {
        margin-top: -14px; }
      .md-tooltip.md-origin-right {
        margin-left: 14px; }
      .md-tooltip.md-origin-bottom {
        margin-top: 14px; }
      .md-tooltip.md-origin-left {
        margin-left: -14px; } }
  .md-tooltip.md-show-add {
    transform: scale(0); }
  .md-tooltip.md-show {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-duration: 150ms;
    transform: scale(1);
    opacity: 0.9; }
  .md-tooltip.md-hide {
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    transition-duration: 150ms;
    transform: scale(0);
    opacity: 0; }

.md-truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .md-truncate.md-clip {
    text-overflow: clip; }
  .md-truncate.flex {
    width: 0; }

.md-virtual-repeat-container {
  box-sizing: border-box;
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative; }
  .md-virtual-repeat-container .md-virtual-repeat-scroller {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-overflow-scrolling: touch; }
  .md-virtual-repeat-container .md-virtual-repeat-sizer {
    box-sizing: border-box;
    height: 1px;
    display: block;
    margin: 0;
    padding: 0;
    width: 1px; }
  .md-virtual-repeat-container .md-virtual-repeat-offsetter {
    box-sizing: border-box;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0; }

.md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-scroller {
  overflow-x: auto;
  overflow-y: hidden; }

.md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
  bottom: 16px;
  right: auto;
  white-space: nowrap; }
  [dir=rtl] .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
    right: auto;
    left: auto; }

.md-whiteframe-1dp, .md-whiteframe-z1 {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }

.md-whiteframe-2dp {
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12); }

.md-whiteframe-3dp {
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12); }

.md-whiteframe-4dp, .md-whiteframe-z2 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }

.md-whiteframe-5dp {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); }

.md-whiteframe-6dp {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }

.md-whiteframe-7dp, .md-whiteframe-z3 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }

.md-whiteframe-8dp {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }

.md-whiteframe-9dp {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); }

.md-whiteframe-10dp, .md-whiteframe-z4 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); }

.md-whiteframe-11dp {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); }

.md-whiteframe-12dp {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }

.md-whiteframe-13dp, .md-whiteframe-z5 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); }

.md-whiteframe-14dp {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); }

.md-whiteframe-15dp {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); }

.md-whiteframe-16dp {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); }

.md-whiteframe-17dp {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); }

.md-whiteframe-18dp {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); }

.md-whiteframe-19dp {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); }

.md-whiteframe-20dp {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); }

.md-whiteframe-21dp {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); }

.md-whiteframe-22dp {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); }

.md-whiteframe-23dp {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); }

.md-whiteframe-24dp {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }

@media screen and (-ms-high-contrast: active) {
  md-whiteframe {
    border: 1px solid #fff; } }

@media print {
  md-whiteframe, [md-whiteframe] {
    background-color: #ffffff; } }

/*
* Since Layout API uses ng-cloak to hide the dom elements while layouts are adjusted
*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

/*
*  Responsive attributes
*
*  References:
*  1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
*  2) https://css-tricks.com/almanac/properties/f/flex/
*  3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
*  4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
*  5) http://godban.com.ua/projects/flexgrid
*/
@-moz-document url-prefix() {
  .layout-fill {
    margin: 0;
    width: 100%;
    min-height: 100%;
    height: 100%; } }

/*
 *  Apply Mixins to create Layout/Flexbox styles
 */
.flex-order {
  -ms-flex-order: 0;
      order: 0; }

.flex-order--20 {
  -ms-flex-order: -20;
      order: -20; }

.flex-order--19 {
  -ms-flex-order: -19;
      order: -19; }

.flex-order--18 {
  -ms-flex-order: -18;
      order: -18; }

.flex-order--17 {
  -ms-flex-order: -17;
      order: -17; }

.flex-order--16 {
  -ms-flex-order: -16;
      order: -16; }

.flex-order--15 {
  -ms-flex-order: -15;
      order: -15; }

.flex-order--14 {
  -ms-flex-order: -14;
      order: -14; }

.flex-order--13 {
  -ms-flex-order: -13;
      order: -13; }

.flex-order--12 {
  -ms-flex-order: -12;
      order: -12; }

.flex-order--11 {
  -ms-flex-order: -11;
      order: -11; }

.flex-order--10 {
  -ms-flex-order: -10;
      order: -10; }

.flex-order--9 {
  -ms-flex-order: -9;
      order: -9; }

.flex-order--8 {
  -ms-flex-order: -8;
      order: -8; }

.flex-order--7 {
  -ms-flex-order: -7;
      order: -7; }

.flex-order--6 {
  -ms-flex-order: -6;
      order: -6; }

.flex-order--5 {
  -ms-flex-order: -5;
      order: -5; }

.flex-order--4 {
  -ms-flex-order: -4;
      order: -4; }

.flex-order--3 {
  -ms-flex-order: -3;
      order: -3; }

.flex-order--2 {
  -ms-flex-order: -2;
      order: -2; }

.flex-order--1 {
  -ms-flex-order: -1;
      order: -1; }

.flex-order-0 {
  -ms-flex-order: 0;
      order: 0; }

.flex-order-1 {
  -ms-flex-order: 1;
      order: 1; }

.flex-order-2 {
  -ms-flex-order: 2;
      order: 2; }

.flex-order-3 {
  -ms-flex-order: 3;
      order: 3; }

.flex-order-4 {
  -ms-flex-order: 4;
      order: 4; }

.flex-order-5 {
  -ms-flex-order: 5;
      order: 5; }

.flex-order-6 {
  -ms-flex-order: 6;
      order: 6; }

.flex-order-7 {
  -ms-flex-order: 7;
      order: 7; }

.flex-order-8 {
  -ms-flex-order: 8;
      order: 8; }

.flex-order-9 {
  -ms-flex-order: 9;
      order: 9; }

.flex-order-10 {
  -ms-flex-order: 10;
      order: 10; }

.flex-order-11 {
  -ms-flex-order: 11;
      order: 11; }

.flex-order-12 {
  -ms-flex-order: 12;
      order: 12; }

.flex-order-13 {
  -ms-flex-order: 13;
      order: 13; }

.flex-order-14 {
  -ms-flex-order: 14;
      order: 14; }

.flex-order-15 {
  -ms-flex-order: 15;
      order: 15; }

.flex-order-16 {
  -ms-flex-order: 16;
      order: 16; }

.flex-order-17 {
  -ms-flex-order: 17;
      order: 17; }

.flex-order-18 {
  -ms-flex-order: 18;
      order: 18; }

.flex-order-19 {
  -ms-flex-order: 19;
      order: 19; }

.flex-order-20 {
  -ms-flex-order: 20;
      order: 20; }

.offset-0, .flex-offset-0, .layout-margin .flex-offset-0, .layout-margin .offset-0 {
  margin-left: 0; }
  [dir=rtl] .offset-0, [dir=rtl] .flex-offset-0, [dir=rtl] .layout-margin .flex-offset-0, [dir=rtl] .layout-margin .offset-0 {
    margin-left: auto;
    margin-right: 0; }

.offset-5, .flex-offset-5, .layout-margin .flex-offset-5, .layout-margin .offset-5 {
  margin-left: 5%; }
  [dir=rtl] .offset-5, [dir=rtl] .flex-offset-5, [dir=rtl] .layout-margin .flex-offset-5, [dir=rtl] .layout-margin .offset-5 {
    margin-left: auto;
    margin-right: 5%; }

.offset-10, .flex-offset-10, .layout-margin .flex-offset-10, .layout-margin .offset-10 {
  margin-left: 10%; }
  [dir=rtl] .offset-10, [dir=rtl] .flex-offset-10, [dir=rtl] .layout-margin .flex-offset-10, [dir=rtl] .layout-margin .offset-10 {
    margin-left: auto;
    margin-right: 10%; }

.offset-15, .flex-offset-15, .layout-margin .flex-offset-15, .layout-margin .offset-15 {
  margin-left: 15%; }
  [dir=rtl] .offset-15, [dir=rtl] .flex-offset-15, [dir=rtl] .layout-margin .flex-offset-15, [dir=rtl] .layout-margin .offset-15 {
    margin-left: auto;
    margin-right: 15%; }

.offset-20, .flex-offset-20, .layout-margin .flex-offset-20, .layout-margin .offset-20 {
  margin-left: 20%; }
  [dir=rtl] .offset-20, [dir=rtl] .flex-offset-20, [dir=rtl] .layout-margin .flex-offset-20, [dir=rtl] .layout-margin .offset-20 {
    margin-left: auto;
    margin-right: 20%; }

.offset-25, .flex-offset-25, .layout-margin .flex-offset-25, .layout-margin .offset-25 {
  margin-left: 25%; }
  [dir=rtl] .offset-25, [dir=rtl] .flex-offset-25, [dir=rtl] .layout-margin .flex-offset-25, [dir=rtl] .layout-margin .offset-25 {
    margin-left: auto;
    margin-right: 25%; }

.offset-30, .flex-offset-30, .layout-margin .flex-offset-30, .layout-margin .offset-30 {
  margin-left: 30%; }
  [dir=rtl] .offset-30, [dir=rtl] .flex-offset-30, [dir=rtl] .layout-margin .flex-offset-30, [dir=rtl] .layout-margin .offset-30 {
    margin-left: auto;
    margin-right: 30%; }

.offset-35, .flex-offset-35, .layout-margin .flex-offset-35, .layout-margin .offset-35 {
  margin-left: 35%; }
  [dir=rtl] .offset-35, [dir=rtl] .flex-offset-35, [dir=rtl] .layout-margin .flex-offset-35, [dir=rtl] .layout-margin .offset-35 {
    margin-left: auto;
    margin-right: 35%; }

.offset-40, .flex-offset-40, .layout-margin .flex-offset-40, .layout-margin .offset-40 {
  margin-left: 40%; }
  [dir=rtl] .offset-40, [dir=rtl] .flex-offset-40, [dir=rtl] .layout-margin .flex-offset-40, [dir=rtl] .layout-margin .offset-40 {
    margin-left: auto;
    margin-right: 40%; }

.offset-45, .flex-offset-45, .layout-margin .flex-offset-45, .layout-margin .offset-45 {
  margin-left: 45%; }
  [dir=rtl] .offset-45, [dir=rtl] .flex-offset-45, [dir=rtl] .layout-margin .flex-offset-45, [dir=rtl] .layout-margin .offset-45 {
    margin-left: auto;
    margin-right: 45%; }

.offset-50, .flex-offset-50, .layout-margin .flex-offset-50, .layout-margin .offset-50 {
  margin-left: 50%; }
  [dir=rtl] .offset-50, [dir=rtl] .flex-offset-50, [dir=rtl] .layout-margin .flex-offset-50, [dir=rtl] .layout-margin .offset-50 {
    margin-left: auto;
    margin-right: 50%; }

.offset-55, .flex-offset-55, .layout-margin .flex-offset-55, .layout-margin .offset-55 {
  margin-left: 55%; }
  [dir=rtl] .offset-55, [dir=rtl] .flex-offset-55, [dir=rtl] .layout-margin .flex-offset-55, [dir=rtl] .layout-margin .offset-55 {
    margin-left: auto;
    margin-right: 55%; }

.offset-60, .flex-offset-60, .layout-margin .flex-offset-60, .layout-margin .offset-60 {
  margin-left: 60%; }
  [dir=rtl] .offset-60, [dir=rtl] .flex-offset-60, [dir=rtl] .layout-margin .flex-offset-60, [dir=rtl] .layout-margin .offset-60 {
    margin-left: auto;
    margin-right: 60%; }

.offset-65, .flex-offset-65, .layout-margin .flex-offset-65, .layout-margin .offset-65 {
  margin-left: 65%; }
  [dir=rtl] .offset-65, [dir=rtl] .flex-offset-65, [dir=rtl] .layout-margin .flex-offset-65, [dir=rtl] .layout-margin .offset-65 {
    margin-left: auto;
    margin-right: 65%; }

.offset-70, .flex-offset-70, .layout-margin .flex-offset-70, .layout-margin .offset-70 {
  margin-left: 70%; }
  [dir=rtl] .offset-70, [dir=rtl] .flex-offset-70, [dir=rtl] .layout-margin .flex-offset-70, [dir=rtl] .layout-margin .offset-70 {
    margin-left: auto;
    margin-right: 70%; }

.offset-75, .flex-offset-75, .layout-margin .flex-offset-75, .layout-margin .offset-75 {
  margin-left: 75%; }
  [dir=rtl] .offset-75, [dir=rtl] .flex-offset-75, [dir=rtl] .layout-margin .flex-offset-75, [dir=rtl] .layout-margin .offset-75 {
    margin-left: auto;
    margin-right: 75%; }

.offset-80, .flex-offset-80, .layout-margin .flex-offset-80, .layout-margin .offset-80 {
  margin-left: 80%; }
  [dir=rtl] .offset-80, [dir=rtl] .flex-offset-80, [dir=rtl] .layout-margin .flex-offset-80, [dir=rtl] .layout-margin .offset-80 {
    margin-left: auto;
    margin-right: 80%; }

.offset-85, .flex-offset-85, .layout-margin .flex-offset-85, .layout-margin .offset-85 {
  margin-left: 85%; }
  [dir=rtl] .offset-85, [dir=rtl] .flex-offset-85, [dir=rtl] .layout-margin .flex-offset-85, [dir=rtl] .layout-margin .offset-85 {
    margin-left: auto;
    margin-right: 85%; }

.offset-90, .flex-offset-90, .layout-margin .flex-offset-90, .layout-margin .offset-90 {
  margin-left: 90%; }
  [dir=rtl] .offset-90, [dir=rtl] .flex-offset-90, [dir=rtl] .layout-margin .flex-offset-90, [dir=rtl] .layout-margin .offset-90 {
    margin-left: auto;
    margin-right: 90%; }

.offset-95, .flex-offset-95, .layout-margin .flex-offset-95, .layout-margin .offset-95 {
  margin-left: 95%; }
  [dir=rtl] .offset-95, [dir=rtl] .flex-offset-95, [dir=rtl] .layout-margin .flex-offset-95, [dir=rtl] .layout-margin .offset-95 {
    margin-left: auto;
    margin-right: 95%; }

.offset-33, .flex-offset-33, .layout-margin .flex-offset-33, .layout-margin .offset-33 {
  margin-left: calc(100% / 3); }

.offset-66, .flex-offset-66, .layout-margin .flex-offset-66, .layout-margin .offset-66 {
  margin-left: calc(200% / 3); }
  [dir=rtl] .offset-66, [dir=rtl] .flex-offset-66, [dir=rtl] .layout-margin .flex-offset-66, [dir=rtl] .layout-margin .offset-66 {
    margin-left: auto;
    margin-right: calc(200% / 3); }

.layout-align,
.layout-align-start-stretch {
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch; }

.layout-align-start,
.layout-align-start-start,
.layout-align-start-center,
.layout-align-start-end,
.layout-align-start-stretch {
  -ms-flex-pack: start;
      justify-content: flex-start; }

.layout-align-center,
.layout-align-center-start,
.layout-align-center-center,
.layout-align-center-end,
.layout-align-center-stretch {
  -ms-flex-pack: center;
      justify-content: center; }

.layout-align-end,
.layout-align-end-start,
.layout-align-end-center,
.layout-align-end-end,
.layout-align-end-stretch {
  -ms-flex-pack: end;
      justify-content: flex-end; }

.layout-align-space-around,
.layout-align-space-around-center,
.layout-align-space-around-start,
.layout-align-space-around-end,
.layout-align-space-around-stretch {
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.layout-align-space-between,
.layout-align-space-between-center,
.layout-align-space-between-start,
.layout-align-space-between-end,
.layout-align-space-between-stretch {
  -ms-flex-pack: justify;
      justify-content: space-between; }

.layout-align-start-start,
.layout-align-center-start,
.layout-align-end-start,
.layout-align-space-between-start,
.layout-align-space-around-start {
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start; }

.layout-align-start-center,
.layout-align-center-center,
.layout-align-end-center,
.layout-align-space-between-center,
.layout-align-space-around-center {
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  max-width: 100%; }

.layout-align-start-center > *,
.layout-align-center-center > *,
.layout-align-end-center > *,
.layout-align-space-between-center > *,
.layout-align-space-around-center > * {
  max-width: 100%;
  box-sizing: border-box; }

.layout-align-start-end,
.layout-align-center-end,
.layout-align-end-end,
.layout-align-space-between-end,
.layout-align-space-around-end {
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-line-pack: end;
      align-content: flex-end; }

.layout-align-start-stretch,
.layout-align-center-stretch,
.layout-align-end-stretch,
.layout-align-space-between-stretch,
.layout-align-space-around-stretch {
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch; }

.flex {
  -ms-flex: 1;
      flex: 1;
  box-sizing: border-box; }

.flex-grow {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  box-sizing: border-box; }

.flex-initial {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  box-sizing: border-box; }

.flex-auto {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  box-sizing: border-box; }

.flex-none {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  box-sizing: border-box; }

.flex-noshrink {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  box-sizing: border-box; }

.flex-nogrow {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  box-sizing: border-box; }

.flex-0 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-0 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box;
  min-width: 0; }

.layout-column > .flex-0 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 0%;
  box-sizing: border-box; }

.flex-5 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-5 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-5 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 5%;
  box-sizing: border-box; }

.flex-10 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-10 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-10 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 10%;
  box-sizing: border-box; }

.flex-15 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-15 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-15 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 15%;
  box-sizing: border-box; }

.flex-20 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-20 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-20 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 20%;
  box-sizing: border-box; }

.flex-25 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-25 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-25 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 25%;
  box-sizing: border-box; }

.flex-30 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-30 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-30 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 30%;
  box-sizing: border-box; }

.flex-35 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-35 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-35 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 35%;
  box-sizing: border-box; }

.flex-40 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-40 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-40 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 40%;
  box-sizing: border-box; }

.flex-45 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-45 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-45 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 45%;
  box-sizing: border-box; }

.flex-50 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-50 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-50 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 50%;
  box-sizing: border-box; }

.flex-55 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-55 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-55 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 55%;
  box-sizing: border-box; }

.flex-60 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-60 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-60 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 60%;
  box-sizing: border-box; }

.flex-65 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-65 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-65 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 65%;
  box-sizing: border-box; }

.flex-70 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-70 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-70 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 70%;
  box-sizing: border-box; }

.flex-75 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-75 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-75 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 75%;
  box-sizing: border-box; }

.flex-80 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-80 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-80 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 80%;
  box-sizing: border-box; }

.flex-85 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-85 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-85 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 85%;
  box-sizing: border-box; }

.flex-90 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-90 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-90 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 90%;
  box-sizing: border-box; }

.flex-95 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-95 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-95 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 95%;
  box-sizing: border-box; }

.flex-100 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-100 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-100 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box; }

.flex-33 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.flex-66 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-33 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex {
  min-width: 0; }

.layout-column > .flex-33 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-column > .flex {
  min-height: 0; }

.layout, .layout-column, .layout-row {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex; }

.layout-column {
  -ms-flex-direction: column;
      flex-direction: column; }

.layout-row {
  -ms-flex-direction: row;
      flex-direction: row; }

.layout-padding-sm > *,
.layout-padding > .flex-sm {
  padding: 4px; }

.layout-padding,
.layout-padding-gt-sm,
.layout-padding-md,
.layout-padding > *,
.layout-padding-gt-sm > *,
.layout-padding-md > *,
.layout-padding > .flex,
.layout-padding > .flex-gt-sm,
.layout-padding > .flex-md {
  padding: 8px; }

.layout-padding-gt-md > *,
.layout-padding-lg > *,
.layout-padding-gt-lg > *,
.layout-padding > .flex-gt-md,
.layout-padding > .flex-lg,
.layout-padding > .flex-lg,
.layout-padding > .flex-gt-lg {
  padding: 16px; }

.layout-margin-sm > *,
.layout-margin > .flex-sm {
  margin: 4px; }

.layout-margin,
.layout-margin-gt-sm,
.layout-margin-md,
.layout-margin > *,
.layout-margin-gt-sm > *,
.layout-margin-md > *,
.layout-margin > .flex,
.layout-margin > .flex-gt-sm,
.layout-margin > .flex-md {
  margin: 8px; }

.layout-margin-gt-md > *,
.layout-margin-lg > *,
.layout-margin-gt-lg > *,
.layout-margin > .flex-gt-md,
.layout-margin > .flex-lg,
.layout-margin > .flex-gt-lg {
  margin: 16px; }

.layout-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.layout-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }

.layout-fill {
  margin: 0;
  width: 100%;
  min-height: 100%;
  height: 100%; }

/**
 * `hide-gt-sm show-gt-lg` should hide from 600px to 1200px
 * `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px
 * `hide-gt-md show-gt-sm` should show everywhere (show overrides hide)`
 *
 *  hide means hide everywhere
 *  Sizes:
 *         $layout-breakpoint-xs:     600px !default;
 *         $layout-breakpoint-sm:     960px !default;
 *         $layout-breakpoint-md:     1280px !default;
 *         $layout-breakpoint-lg:     1920px !default;
 */
@media (max-width: 599px) {
  .hide-xs:not(.show-xs):not(.show), .hide:not(.show-xs):not(.show) {
    display: none; }
  .flex-order-xs--20 {
    -ms-flex-order: -20;
        order: -20; }
  .flex-order-xs--19 {
    -ms-flex-order: -19;
        order: -19; }
  .flex-order-xs--18 {
    -ms-flex-order: -18;
        order: -18; }
  .flex-order-xs--17 {
    -ms-flex-order: -17;
        order: -17; }
  .flex-order-xs--16 {
    -ms-flex-order: -16;
        order: -16; }
  .flex-order-xs--15 {
    -ms-flex-order: -15;
        order: -15; }
  .flex-order-xs--14 {
    -ms-flex-order: -14;
        order: -14; }
  .flex-order-xs--13 {
    -ms-flex-order: -13;
        order: -13; }
  .flex-order-xs--12 {
    -ms-flex-order: -12;
        order: -12; }
  .flex-order-xs--11 {
    -ms-flex-order: -11;
        order: -11; }
  .flex-order-xs--10 {
    -ms-flex-order: -10;
        order: -10; }
  .flex-order-xs--9 {
    -ms-flex-order: -9;
        order: -9; }
  .flex-order-xs--8 {
    -ms-flex-order: -8;
        order: -8; }
  .flex-order-xs--7 {
    -ms-flex-order: -7;
        order: -7; }
  .flex-order-xs--6 {
    -ms-flex-order: -6;
        order: -6; }
  .flex-order-xs--5 {
    -ms-flex-order: -5;
        order: -5; }
  .flex-order-xs--4 {
    -ms-flex-order: -4;
        order: -4; }
  .flex-order-xs--3 {
    -ms-flex-order: -3;
        order: -3; }
  .flex-order-xs--2 {
    -ms-flex-order: -2;
        order: -2; }
  .flex-order-xs--1 {
    -ms-flex-order: -1;
        order: -1; }
  .flex-order-xs-0 {
    -ms-flex-order: 0;
        order: 0; }
  .flex-order-xs-1 {
    -ms-flex-order: 1;
        order: 1; }
  .flex-order-xs-2 {
    -ms-flex-order: 2;
        order: 2; }
  .flex-order-xs-3 {
    -ms-flex-order: 3;
        order: 3; }
  .flex-order-xs-4 {
    -ms-flex-order: 4;
        order: 4; }
  .flex-order-xs-5 {
    -ms-flex-order: 5;
        order: 5; }
  .flex-order-xs-6 {
    -ms-flex-order: 6;
        order: 6; }
  .flex-order-xs-7 {
    -ms-flex-order: 7;
        order: 7; }
  .flex-order-xs-8 {
    -ms-flex-order: 8;
        order: 8; }
  .flex-order-xs-9 {
    -ms-flex-order: 9;
        order: 9; }
  .flex-order-xs-10 {
    -ms-flex-order: 10;
        order: 10; }
  .flex-order-xs-11 {
    -ms-flex-order: 11;
        order: 11; }
  .flex-order-xs-12 {
    -ms-flex-order: 12;
        order: 12; }
  .flex-order-xs-13 {
    -ms-flex-order: 13;
        order: 13; }
  .flex-order-xs-14 {
    -ms-flex-order: 14;
        order: 14; }
  .flex-order-xs-15 {
    -ms-flex-order: 15;
        order: 15; }
  .flex-order-xs-16 {
    -ms-flex-order: 16;
        order: 16; }
  .flex-order-xs-17 {
    -ms-flex-order: 17;
        order: 17; }
  .flex-order-xs-18 {
    -ms-flex-order: 18;
        order: 18; }
  .flex-order-xs-19 {
    -ms-flex-order: 19;
        order: 19; }
  .flex-order-xs-20 {
    -ms-flex-order: 20;
        order: 20; }
  .offset-xs-0, .flex-offset-xs-0, .layout-margin .flex-offset-xs-0, .layout-margin .offset-xs-0 {
    margin-left: 0; }
    [dir=rtl] .offset-xs-0, [dir=rtl] .flex-offset-xs-0, [dir=rtl] .layout-margin .flex-offset-xs-0, [dir=rtl] .layout-margin .offset-xs-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-xs-5, .flex-offset-xs-5, .layout-margin .flex-offset-xs-5, .layout-margin .offset-xs-5 {
    margin-left: 5%; }
    [dir=rtl] .offset-xs-5, [dir=rtl] .flex-offset-xs-5, [dir=rtl] .layout-margin .flex-offset-xs-5, [dir=rtl] .layout-margin .offset-xs-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-xs-10, .flex-offset-xs-10, .layout-margin .flex-offset-xs-10, .layout-margin .offset-xs-10 {
    margin-left: 10%; }
    [dir=rtl] .offset-xs-10, [dir=rtl] .flex-offset-xs-10, [dir=rtl] .layout-margin .flex-offset-xs-10, [dir=rtl] .layout-margin .offset-xs-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-xs-15, .flex-offset-xs-15, .layout-margin .flex-offset-xs-15, .layout-margin .offset-xs-15 {
    margin-left: 15%; }
    [dir=rtl] .offset-xs-15, [dir=rtl] .flex-offset-xs-15, [dir=rtl] .layout-margin .flex-offset-xs-15, [dir=rtl] .layout-margin .offset-xs-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-xs-20, .flex-offset-xs-20, .layout-margin .flex-offset-xs-20, .layout-margin .offset-xs-20 {
    margin-left: 20%; }
    [dir=rtl] .offset-xs-20, [dir=rtl] .flex-offset-xs-20, [dir=rtl] .layout-margin .flex-offset-xs-20, [dir=rtl] .layout-margin .offset-xs-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-xs-25, .flex-offset-xs-25, .layout-margin .flex-offset-xs-25, .layout-margin .offset-xs-25 {
    margin-left: 25%; }
    [dir=rtl] .offset-xs-25, [dir=rtl] .flex-offset-xs-25, [dir=rtl] .layout-margin .flex-offset-xs-25, [dir=rtl] .layout-margin .offset-xs-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-xs-30, .flex-offset-xs-30, .layout-margin .flex-offset-xs-30, .layout-margin .offset-xs-30 {
    margin-left: 30%; }
    [dir=rtl] .offset-xs-30, [dir=rtl] .flex-offset-xs-30, [dir=rtl] .layout-margin .flex-offset-xs-30, [dir=rtl] .layout-margin .offset-xs-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-xs-35, .flex-offset-xs-35, .layout-margin .flex-offset-xs-35, .layout-margin .offset-xs-35 {
    margin-left: 35%; }
    [dir=rtl] .offset-xs-35, [dir=rtl] .flex-offset-xs-35, [dir=rtl] .layout-margin .flex-offset-xs-35, [dir=rtl] .layout-margin .offset-xs-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-xs-40, .flex-offset-xs-40, .layout-margin .flex-offset-xs-40, .layout-margin .offset-xs-40 {
    margin-left: 40%; }
    [dir=rtl] .offset-xs-40, [dir=rtl] .flex-offset-xs-40, [dir=rtl] .layout-margin .flex-offset-xs-40, [dir=rtl] .layout-margin .offset-xs-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-xs-45, .flex-offset-xs-45, .layout-margin .flex-offset-xs-45, .layout-margin .offset-xs-45 {
    margin-left: 45%; }
    [dir=rtl] .offset-xs-45, [dir=rtl] .flex-offset-xs-45, [dir=rtl] .layout-margin .flex-offset-xs-45, [dir=rtl] .layout-margin .offset-xs-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-xs-50, .flex-offset-xs-50, .layout-margin .flex-offset-xs-50, .layout-margin .offset-xs-50 {
    margin-left: 50%; }
    [dir=rtl] .offset-xs-50, [dir=rtl] .flex-offset-xs-50, [dir=rtl] .layout-margin .flex-offset-xs-50, [dir=rtl] .layout-margin .offset-xs-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-xs-55, .flex-offset-xs-55, .layout-margin .flex-offset-xs-55, .layout-margin .offset-xs-55 {
    margin-left: 55%; }
    [dir=rtl] .offset-xs-55, [dir=rtl] .flex-offset-xs-55, [dir=rtl] .layout-margin .flex-offset-xs-55, [dir=rtl] .layout-margin .offset-xs-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-xs-60, .flex-offset-xs-60, .layout-margin .flex-offset-xs-60, .layout-margin .offset-xs-60 {
    margin-left: 60%; }
    [dir=rtl] .offset-xs-60, [dir=rtl] .flex-offset-xs-60, [dir=rtl] .layout-margin .flex-offset-xs-60, [dir=rtl] .layout-margin .offset-xs-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-xs-65, .flex-offset-xs-65, .layout-margin .flex-offset-xs-65, .layout-margin .offset-xs-65 {
    margin-left: 65%; }
    [dir=rtl] .offset-xs-65, [dir=rtl] .flex-offset-xs-65, [dir=rtl] .layout-margin .flex-offset-xs-65, [dir=rtl] .layout-margin .offset-xs-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-xs-70, .flex-offset-xs-70, .layout-margin .flex-offset-xs-70, .layout-margin .offset-xs-70 {
    margin-left: 70%; }
    [dir=rtl] .offset-xs-70, [dir=rtl] .flex-offset-xs-70, [dir=rtl] .layout-margin .flex-offset-xs-70, [dir=rtl] .layout-margin .offset-xs-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-xs-75, .flex-offset-xs-75, .layout-margin .flex-offset-xs-75, .layout-margin .offset-xs-75 {
    margin-left: 75%; }
    [dir=rtl] .offset-xs-75, [dir=rtl] .flex-offset-xs-75, [dir=rtl] .layout-margin .flex-offset-xs-75, [dir=rtl] .layout-margin .offset-xs-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-xs-80, .flex-offset-xs-80, .layout-margin .flex-offset-xs-80, .layout-margin .offset-xs-80 {
    margin-left: 80%; }
    [dir=rtl] .offset-xs-80, [dir=rtl] .flex-offset-xs-80, [dir=rtl] .layout-margin .flex-offset-xs-80, [dir=rtl] .layout-margin .offset-xs-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-xs-85, .flex-offset-xs-85, .layout-margin .flex-offset-xs-85, .layout-margin .offset-xs-85 {
    margin-left: 85%; }
    [dir=rtl] .offset-xs-85, [dir=rtl] .flex-offset-xs-85, [dir=rtl] .layout-margin .flex-offset-xs-85, [dir=rtl] .layout-margin .offset-xs-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-xs-90, .flex-offset-xs-90, .layout-margin .flex-offset-xs-90, .layout-margin .offset-xs-90 {
    margin-left: 90%; }
    [dir=rtl] .offset-xs-90, [dir=rtl] .flex-offset-xs-90, [dir=rtl] .layout-margin .flex-offset-xs-90, [dir=rtl] .layout-margin .offset-xs-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-xs-95, .flex-offset-xs-95, .layout-margin .flex-offset-xs-95, .layout-margin .offset-xs-95 {
    margin-left: 95%; }
    [dir=rtl] .offset-xs-95, [dir=rtl] .flex-offset-xs-95, [dir=rtl] .layout-margin .flex-offset-xs-95, [dir=rtl] .layout-margin .offset-xs-95 {
      margin-left: auto;
      margin-right: 95%; }
  .offset-xs-33, .flex-offset-xs-33, .layout-margin .flex-offset-xs-33, .layout-margin .offset-xs-33 {
    margin-left: calc(100% / 3); }
  .offset-xs-66, .flex-offset-xs-66, .layout-margin .flex-offset-xs-66, .layout-margin .offset-xs-66 {
    margin-left: calc(200% / 3); }
    [dir=rtl] .offset-xs-66, [dir=rtl] .flex-offset-xs-66, [dir=rtl] .layout-margin .flex-offset-xs-66, [dir=rtl] .layout-margin .offset-xs-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-xs,
  .layout-align-xs-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-align: stretch;
        align-items: stretch; }
  .layout-align-xs-start,
  .layout-align-xs-start-start,
  .layout-align-xs-start-center,
  .layout-align-xs-start-end,
  .layout-align-xs-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .layout-align-xs-center,
  .layout-align-xs-center-start,
  .layout-align-xs-center-center,
  .layout-align-xs-center-end,
  .layout-align-xs-center-stretch {
    -ms-flex-pack: center;
        justify-content: center; }
  .layout-align-xs-end,
  .layout-align-xs-end-start,
  .layout-align-xs-end-center,
  .layout-align-xs-end-end,
  .layout-align-xs-end-stretch {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .layout-align-xs-space-around,
  .layout-align-xs-space-around-center,
  .layout-align-xs-space-around-start,
  .layout-align-xs-space-around-end,
  .layout-align-xs-space-around-stretch {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .layout-align-xs-space-between,
  .layout-align-xs-space-between-center,
  .layout-align-xs-space-between-start,
  .layout-align-xs-space-between-end,
  .layout-align-xs-space-between-stretch {
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .layout-align-xs-start-start,
  .layout-align-xs-center-start,
  .layout-align-xs-end-start,
  .layout-align-xs-space-between-start,
  .layout-align-xs-space-around-start {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .layout-align-xs-start-center,
  .layout-align-xs-center-center,
  .layout-align-xs-end-center,
  .layout-align-xs-space-between-center,
  .layout-align-xs-space-around-center {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    max-width: 100%; }
  .layout-align-xs-start-center > *,
  .layout-align-xs-center-center > *,
  .layout-align-xs-end-center > *,
  .layout-align-xs-space-between-center > *,
  .layout-align-xs-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-xs-start-end,
  .layout-align-xs-center-end,
  .layout-align-xs-end-end,
  .layout-align-xs-space-between-end,
  .layout-align-xs-space-around-end {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end; }
  .layout-align-xs-start-stretch,
  .layout-align-xs-center-stretch,
  .layout-align-xs-end-stretch,
  .layout-align-xs-space-between-stretch,
  .layout-align-xs-space-around-stretch {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch; }
  .flex-xs {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box; }
  .flex-xs-grow {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-xs-initial {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-xs-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-xs-none {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-xs-noshrink {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-xs-nogrow {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-xs-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-xs-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-xs-column > .flex-xs-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-xs-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-xs-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-xs-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-xs-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-xs-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-xs-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-xs-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-xs-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-xs-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-xs-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-xs-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-xs-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-xs-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-xs-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-xs-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-xs-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-xs-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-xs-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-xs-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-xs-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-33 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-66 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-row > .flex {
    min-width: 0; }
  .layout-xs-column > .flex-xs-33 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-66 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-column > .flex {
    min-height: 0; }
  .layout-xs, .layout-xs-column, .layout-xs-row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-xs-column {
    -ms-flex-direction: column;
        flex-direction: column; }
  .layout-xs-row {
    -ms-flex-direction: row;
        flex-direction: row; } }

@media (min-width: 600px) {
  .flex-order-gt-xs--20 {
    -ms-flex-order: -20;
        order: -20; }
  .flex-order-gt-xs--19 {
    -ms-flex-order: -19;
        order: -19; }
  .flex-order-gt-xs--18 {
    -ms-flex-order: -18;
        order: -18; }
  .flex-order-gt-xs--17 {
    -ms-flex-order: -17;
        order: -17; }
  .flex-order-gt-xs--16 {
    -ms-flex-order: -16;
        order: -16; }
  .flex-order-gt-xs--15 {
    -ms-flex-order: -15;
        order: -15; }
  .flex-order-gt-xs--14 {
    -ms-flex-order: -14;
        order: -14; }
  .flex-order-gt-xs--13 {
    -ms-flex-order: -13;
        order: -13; }
  .flex-order-gt-xs--12 {
    -ms-flex-order: -12;
        order: -12; }
  .flex-order-gt-xs--11 {
    -ms-flex-order: -11;
        order: -11; }
  .flex-order-gt-xs--10 {
    -ms-flex-order: -10;
        order: -10; }
  .flex-order-gt-xs--9 {
    -ms-flex-order: -9;
        order: -9; }
  .flex-order-gt-xs--8 {
    -ms-flex-order: -8;
        order: -8; }
  .flex-order-gt-xs--7 {
    -ms-flex-order: -7;
        order: -7; }
  .flex-order-gt-xs--6 {
    -ms-flex-order: -6;
        order: -6; }
  .flex-order-gt-xs--5 {
    -ms-flex-order: -5;
        order: -5; }
  .flex-order-gt-xs--4 {
    -ms-flex-order: -4;
        order: -4; }
  .flex-order-gt-xs--3 {
    -ms-flex-order: -3;
        order: -3; }
  .flex-order-gt-xs--2 {
    -ms-flex-order: -2;
        order: -2; }
  .flex-order-gt-xs--1 {
    -ms-flex-order: -1;
        order: -1; }
  .flex-order-gt-xs-0 {
    -ms-flex-order: 0;
        order: 0; }
  .flex-order-gt-xs-1 {
    -ms-flex-order: 1;
        order: 1; }
  .flex-order-gt-xs-2 {
    -ms-flex-order: 2;
        order: 2; }
  .flex-order-gt-xs-3 {
    -ms-flex-order: 3;
        order: 3; }
  .flex-order-gt-xs-4 {
    -ms-flex-order: 4;
        order: 4; }
  .flex-order-gt-xs-5 {
    -ms-flex-order: 5;
        order: 5; }
  .flex-order-gt-xs-6 {
    -ms-flex-order: 6;
        order: 6; }
  .flex-order-gt-xs-7 {
    -ms-flex-order: 7;
        order: 7; }
  .flex-order-gt-xs-8 {
    -ms-flex-order: 8;
        order: 8; }
  .flex-order-gt-xs-9 {
    -ms-flex-order: 9;
        order: 9; }
  .flex-order-gt-xs-10 {
    -ms-flex-order: 10;
        order: 10; }
  .flex-order-gt-xs-11 {
    -ms-flex-order: 11;
        order: 11; }
  .flex-order-gt-xs-12 {
    -ms-flex-order: 12;
        order: 12; }
  .flex-order-gt-xs-13 {
    -ms-flex-order: 13;
        order: 13; }
  .flex-order-gt-xs-14 {
    -ms-flex-order: 14;
        order: 14; }
  .flex-order-gt-xs-15 {
    -ms-flex-order: 15;
        order: 15; }
  .flex-order-gt-xs-16 {
    -ms-flex-order: 16;
        order: 16; }
  .flex-order-gt-xs-17 {
    -ms-flex-order: 17;
        order: 17; }
  .flex-order-gt-xs-18 {
    -ms-flex-order: 18;
        order: 18; }
  .flex-order-gt-xs-19 {
    -ms-flex-order: 19;
        order: 19; }
  .flex-order-gt-xs-20 {
    -ms-flex-order: 20;
        order: 20; }
  .offset-gt-xs-0, .flex-offset-gt-xs-0, .layout-margin .flex-offset-gt-xs-0, .layout-margin .offset-gt-xs-0 {
    margin-left: 0; }
    [dir=rtl] .offset-gt-xs-0, [dir=rtl] .flex-offset-gt-xs-0, [dir=rtl] .layout-margin .flex-offset-gt-xs-0, [dir=rtl] .layout-margin .offset-gt-xs-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-gt-xs-5, .flex-offset-gt-xs-5, .layout-margin .flex-offset-gt-xs-5, .layout-margin .offset-gt-xs-5 {
    margin-left: 5%; }
    [dir=rtl] .offset-gt-xs-5, [dir=rtl] .flex-offset-gt-xs-5, [dir=rtl] .layout-margin .flex-offset-gt-xs-5, [dir=rtl] .layout-margin .offset-gt-xs-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-gt-xs-10, .flex-offset-gt-xs-10, .layout-margin .flex-offset-gt-xs-10, .layout-margin .offset-gt-xs-10 {
    margin-left: 10%; }
    [dir=rtl] .offset-gt-xs-10, [dir=rtl] .flex-offset-gt-xs-10, [dir=rtl] .layout-margin .flex-offset-gt-xs-10, [dir=rtl] .layout-margin .offset-gt-xs-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-gt-xs-15, .flex-offset-gt-xs-15, .layout-margin .flex-offset-gt-xs-15, .layout-margin .offset-gt-xs-15 {
    margin-left: 15%; }
    [dir=rtl] .offset-gt-xs-15, [dir=rtl] .flex-offset-gt-xs-15, [dir=rtl] .layout-margin .flex-offset-gt-xs-15, [dir=rtl] .layout-margin .offset-gt-xs-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-gt-xs-20, .flex-offset-gt-xs-20, .layout-margin .flex-offset-gt-xs-20, .layout-margin .offset-gt-xs-20 {
    margin-left: 20%; }
    [dir=rtl] .offset-gt-xs-20, [dir=rtl] .flex-offset-gt-xs-20, [dir=rtl] .layout-margin .flex-offset-gt-xs-20, [dir=rtl] .layout-margin .offset-gt-xs-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-gt-xs-25, .flex-offset-gt-xs-25, .layout-margin .flex-offset-gt-xs-25, .layout-margin .offset-gt-xs-25 {
    margin-left: 25%; }
    [dir=rtl] .offset-gt-xs-25, [dir=rtl] .flex-offset-gt-xs-25, [dir=rtl] .layout-margin .flex-offset-gt-xs-25, [dir=rtl] .layout-margin .offset-gt-xs-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-gt-xs-30, .flex-offset-gt-xs-30, .layout-margin .flex-offset-gt-xs-30, .layout-margin .offset-gt-xs-30 {
    margin-left: 30%; }
    [dir=rtl] .offset-gt-xs-30, [dir=rtl] .flex-offset-gt-xs-30, [dir=rtl] .layout-margin .flex-offset-gt-xs-30, [dir=rtl] .layout-margin .offset-gt-xs-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-gt-xs-35, .flex-offset-gt-xs-35, .layout-margin .flex-offset-gt-xs-35, .layout-margin .offset-gt-xs-35 {
    margin-left: 35%; }
    [dir=rtl] .offset-gt-xs-35, [dir=rtl] .flex-offset-gt-xs-35, [dir=rtl] .layout-margin .flex-offset-gt-xs-35, [dir=rtl] .layout-margin .offset-gt-xs-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-gt-xs-40, .flex-offset-gt-xs-40, .layout-margin .flex-offset-gt-xs-40, .layout-margin .offset-gt-xs-40 {
    margin-left: 40%; }
    [dir=rtl] .offset-gt-xs-40, [dir=rtl] .flex-offset-gt-xs-40, [dir=rtl] .layout-margin .flex-offset-gt-xs-40, [dir=rtl] .layout-margin .offset-gt-xs-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-gt-xs-45, .flex-offset-gt-xs-45, .layout-margin .flex-offset-gt-xs-45, .layout-margin .offset-gt-xs-45 {
    margin-left: 45%; }
    [dir=rtl] .offset-gt-xs-45, [dir=rtl] .flex-offset-gt-xs-45, [dir=rtl] .layout-margin .flex-offset-gt-xs-45, [dir=rtl] .layout-margin .offset-gt-xs-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-gt-xs-50, .flex-offset-gt-xs-50, .layout-margin .flex-offset-gt-xs-50, .layout-margin .offset-gt-xs-50 {
    margin-left: 50%; }
    [dir=rtl] .offset-gt-xs-50, [dir=rtl] .flex-offset-gt-xs-50, [dir=rtl] .layout-margin .flex-offset-gt-xs-50, [dir=rtl] .layout-margin .offset-gt-xs-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-gt-xs-55, .flex-offset-gt-xs-55, .layout-margin .flex-offset-gt-xs-55, .layout-margin .offset-gt-xs-55 {
    margin-left: 55%; }
    [dir=rtl] .offset-gt-xs-55, [dir=rtl] .flex-offset-gt-xs-55, [dir=rtl] .layout-margin .flex-offset-gt-xs-55, [dir=rtl] .layout-margin .offset-gt-xs-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-gt-xs-60, .flex-offset-gt-xs-60, .layout-margin .flex-offset-gt-xs-60, .layout-margin .offset-gt-xs-60 {
    margin-left: 60%; }
    [dir=rtl] .offset-gt-xs-60, [dir=rtl] .flex-offset-gt-xs-60, [dir=rtl] .layout-margin .flex-offset-gt-xs-60, [dir=rtl] .layout-margin .offset-gt-xs-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-gt-xs-65, .flex-offset-gt-xs-65, .layout-margin .flex-offset-gt-xs-65, .layout-margin .offset-gt-xs-65 {
    margin-left: 65%; }
    [dir=rtl] .offset-gt-xs-65, [dir=rtl] .flex-offset-gt-xs-65, [dir=rtl] .layout-margin .flex-offset-gt-xs-65, [dir=rtl] .layout-margin .offset-gt-xs-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-gt-xs-70, .flex-offset-gt-xs-70, .layout-margin .flex-offset-gt-xs-70, .layout-margin .offset-gt-xs-70 {
    margin-left: 70%; }
    [dir=rtl] .offset-gt-xs-70, [dir=rtl] .flex-offset-gt-xs-70, [dir=rtl] .layout-margin .flex-offset-gt-xs-70, [dir=rtl] .layout-margin .offset-gt-xs-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-gt-xs-75, .flex-offset-gt-xs-75, .layout-margin .flex-offset-gt-xs-75, .layout-margin .offset-gt-xs-75 {
    margin-left: 75%; }
    [dir=rtl] .offset-gt-xs-75, [dir=rtl] .flex-offset-gt-xs-75, [dir=rtl] .layout-margin .flex-offset-gt-xs-75, [dir=rtl] .layout-margin .offset-gt-xs-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-gt-xs-80, .flex-offset-gt-xs-80, .layout-margin .flex-offset-gt-xs-80, .layout-margin .offset-gt-xs-80 {
    margin-left: 80%; }
    [dir=rtl] .offset-gt-xs-80, [dir=rtl] .flex-offset-gt-xs-80, [dir=rtl] .layout-margin .flex-offset-gt-xs-80, [dir=rtl] .layout-margin .offset-gt-xs-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-gt-xs-85, .flex-offset-gt-xs-85, .layout-margin .flex-offset-gt-xs-85, .layout-margin .offset-gt-xs-85 {
    margin-left: 85%; }
    [dir=rtl] .offset-gt-xs-85, [dir=rtl] .flex-offset-gt-xs-85, [dir=rtl] .layout-margin .flex-offset-gt-xs-85, [dir=rtl] .layout-margin .offset-gt-xs-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-gt-xs-90, .flex-offset-gt-xs-90, .layout-margin .flex-offset-gt-xs-90, .layout-margin .offset-gt-xs-90 {
    margin-left: 90%; }
    [dir=rtl] .offset-gt-xs-90, [dir=rtl] .flex-offset-gt-xs-90, [dir=rtl] .layout-margin .flex-offset-gt-xs-90, [dir=rtl] .layout-margin .offset-gt-xs-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-gt-xs-95, .flex-offset-gt-xs-95, .layout-margin .flex-offset-gt-xs-95, .layout-margin .offset-gt-xs-95 {
    margin-left: 95%; }
    [dir=rtl] .offset-gt-xs-95, [dir=rtl] .flex-offset-gt-xs-95, [dir=rtl] .layout-margin .flex-offset-gt-xs-95, [dir=rtl] .layout-margin .offset-gt-xs-95 {
      margin-left: auto;
      margin-right: 95%; }
  .offset-gt-xs-33, .flex-offset-gt-xs-33, .layout-margin .flex-offset-gt-xs-33, .layout-margin .offset-gt-xs-33 {
    margin-left: calc(100% / 3); }
  .offset-gt-xs-66, .flex-offset-gt-xs-66, .layout-margin .flex-offset-gt-xs-66, .layout-margin .offset-gt-xs-66 {
    margin-left: calc(200% / 3); }
    [dir=rtl] .offset-gt-xs-66, [dir=rtl] .flex-offset-gt-xs-66, [dir=rtl] .layout-margin .flex-offset-gt-xs-66, [dir=rtl] .layout-margin .offset-gt-xs-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-gt-xs,
  .layout-align-gt-xs-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-align: stretch;
        align-items: stretch; }
  .layout-align-gt-xs-start,
  .layout-align-gt-xs-start-start,
  .layout-align-gt-xs-start-center,
  .layout-align-gt-xs-start-end,
  .layout-align-gt-xs-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .layout-align-gt-xs-center,
  .layout-align-gt-xs-center-start,
  .layout-align-gt-xs-center-center,
  .layout-align-gt-xs-center-end,
  .layout-align-gt-xs-center-stretch {
    -ms-flex-pack: center;
        justify-content: center; }
  .layout-align-gt-xs-end,
  .layout-align-gt-xs-end-start,
  .layout-align-gt-xs-end-center,
  .layout-align-gt-xs-end-end,
  .layout-align-gt-xs-end-stretch {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .layout-align-gt-xs-space-around,
  .layout-align-gt-xs-space-around-center,
  .layout-align-gt-xs-space-around-start,
  .layout-align-gt-xs-space-around-end,
  .layout-align-gt-xs-space-around-stretch {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .layout-align-gt-xs-space-between,
  .layout-align-gt-xs-space-between-center,
  .layout-align-gt-xs-space-between-start,
  .layout-align-gt-xs-space-between-end,
  .layout-align-gt-xs-space-between-stretch {
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .layout-align-gt-xs-start-start,
  .layout-align-gt-xs-center-start,
  .layout-align-gt-xs-end-start,
  .layout-align-gt-xs-space-between-start,
  .layout-align-gt-xs-space-around-start {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .layout-align-gt-xs-start-center,
  .layout-align-gt-xs-center-center,
  .layout-align-gt-xs-end-center,
  .layout-align-gt-xs-space-between-center,
  .layout-align-gt-xs-space-around-center {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    max-width: 100%; }
  .layout-align-gt-xs-start-center > *,
  .layout-align-gt-xs-center-center > *,
  .layout-align-gt-xs-end-center > *,
  .layout-align-gt-xs-space-between-center > *,
  .layout-align-gt-xs-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-gt-xs-start-end,
  .layout-align-gt-xs-center-end,
  .layout-align-gt-xs-end-end,
  .layout-align-gt-xs-space-between-end,
  .layout-align-gt-xs-space-around-end {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end; }
  .layout-align-gt-xs-start-stretch,
  .layout-align-gt-xs-center-stretch,
  .layout-align-gt-xs-end-stretch,
  .layout-align-gt-xs-space-between-stretch,
  .layout-align-gt-xs-space-around-stretch {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch; }
  .flex-gt-xs {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box; }
  .flex-gt-xs-grow {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-gt-xs-initial {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-xs-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-gt-xs-none {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-gt-xs-noshrink {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-gt-xs-nogrow {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-xs-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-gt-xs-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-gt-xs-column > .flex-gt-xs-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-gt-xs-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-gt-xs-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-gt-xs-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-gt-xs-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-gt-xs-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-gt-xs-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-gt-xs-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-gt-xs-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-gt-xs-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-gt-xs-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-gt-xs-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-gt-xs-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-gt-xs-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-gt-xs-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-gt-xs-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-gt-xs-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-gt-xs-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-gt-xs-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-gt-xs-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-gt-xs-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-33 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-66 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex {
    min-width: 0; }
  .layout-gt-xs-column > .flex-gt-xs-33 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-66 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex {
    min-height: 0; }
  .layout-gt-xs, .layout-gt-xs-column, .layout-gt-xs-row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-gt-xs-column {
    -ms-flex-direction: column;
        flex-direction: column; }
  .layout-gt-xs-row {
    -ms-flex-direction: row;
        flex-direction: row; } }

@media (min-width: 600px) and (max-width: 959px) {
  .hide:not(.show-gt-xs):not(.show-sm):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-sm):not(.show) {
    display: none; }
  .hide-sm:not(.show-gt-xs):not(.show-sm):not(.show) {
    display: none; }
  .flex-order-sm--20 {
    -ms-flex-order: -20;
        order: -20; }
  .flex-order-sm--19 {
    -ms-flex-order: -19;
        order: -19; }
  .flex-order-sm--18 {
    -ms-flex-order: -18;
        order: -18; }
  .flex-order-sm--17 {
    -ms-flex-order: -17;
        order: -17; }
  .flex-order-sm--16 {
    -ms-flex-order: -16;
        order: -16; }
  .flex-order-sm--15 {
    -ms-flex-order: -15;
        order: -15; }
  .flex-order-sm--14 {
    -ms-flex-order: -14;
        order: -14; }
  .flex-order-sm--13 {
    -ms-flex-order: -13;
        order: -13; }
  .flex-order-sm--12 {
    -ms-flex-order: -12;
        order: -12; }
  .flex-order-sm--11 {
    -ms-flex-order: -11;
        order: -11; }
  .flex-order-sm--10 {
    -ms-flex-order: -10;
        order: -10; }
  .flex-order-sm--9 {
    -ms-flex-order: -9;
        order: -9; }
  .flex-order-sm--8 {
    -ms-flex-order: -8;
        order: -8; }
  .flex-order-sm--7 {
    -ms-flex-order: -7;
        order: -7; }
  .flex-order-sm--6 {
    -ms-flex-order: -6;
        order: -6; }
  .flex-order-sm--5 {
    -ms-flex-order: -5;
        order: -5; }
  .flex-order-sm--4 {
    -ms-flex-order: -4;
        order: -4; }
  .flex-order-sm--3 {
    -ms-flex-order: -3;
        order: -3; }
  .flex-order-sm--2 {
    -ms-flex-order: -2;
        order: -2; }
  .flex-order-sm--1 {
    -ms-flex-order: -1;
        order: -1; }
  .flex-order-sm-0 {
    -ms-flex-order: 0;
        order: 0; }
  .flex-order-sm-1 {
    -ms-flex-order: 1;
        order: 1; }
  .flex-order-sm-2 {
    -ms-flex-order: 2;
        order: 2; }
  .flex-order-sm-3 {
    -ms-flex-order: 3;
        order: 3; }
  .flex-order-sm-4 {
    -ms-flex-order: 4;
        order: 4; }
  .flex-order-sm-5 {
    -ms-flex-order: 5;
        order: 5; }
  .flex-order-sm-6 {
    -ms-flex-order: 6;
        order: 6; }
  .flex-order-sm-7 {
    -ms-flex-order: 7;
        order: 7; }
  .flex-order-sm-8 {
    -ms-flex-order: 8;
        order: 8; }
  .flex-order-sm-9 {
    -ms-flex-order: 9;
        order: 9; }
  .flex-order-sm-10 {
    -ms-flex-order: 10;
        order: 10; }
  .flex-order-sm-11 {
    -ms-flex-order: 11;
        order: 11; }
  .flex-order-sm-12 {
    -ms-flex-order: 12;
        order: 12; }
  .flex-order-sm-13 {
    -ms-flex-order: 13;
        order: 13; }
  .flex-order-sm-14 {
    -ms-flex-order: 14;
        order: 14; }
  .flex-order-sm-15 {
    -ms-flex-order: 15;
        order: 15; }
  .flex-order-sm-16 {
    -ms-flex-order: 16;
        order: 16; }
  .flex-order-sm-17 {
    -ms-flex-order: 17;
        order: 17; }
  .flex-order-sm-18 {
    -ms-flex-order: 18;
        order: 18; }
  .flex-order-sm-19 {
    -ms-flex-order: 19;
        order: 19; }
  .flex-order-sm-20 {
    -ms-flex-order: 20;
        order: 20; }
  .offset-sm-0, .flex-offset-sm-0, .layout-margin .flex-offset-sm-0, .layout-margin .offset-sm-0 {
    margin-left: 0; }
    [dir=rtl] .offset-sm-0, [dir=rtl] .flex-offset-sm-0, [dir=rtl] .layout-margin .flex-offset-sm-0, [dir=rtl] .layout-margin .offset-sm-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-sm-5, .flex-offset-sm-5, .layout-margin .flex-offset-sm-5, .layout-margin .offset-sm-5 {
    margin-left: 5%; }
    [dir=rtl] .offset-sm-5, [dir=rtl] .flex-offset-sm-5, [dir=rtl] .layout-margin .flex-offset-sm-5, [dir=rtl] .layout-margin .offset-sm-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-sm-10, .flex-offset-sm-10, .layout-margin .flex-offset-sm-10, .layout-margin .offset-sm-10 {
    margin-left: 10%; }
    [dir=rtl] .offset-sm-10, [dir=rtl] .flex-offset-sm-10, [dir=rtl] .layout-margin .flex-offset-sm-10, [dir=rtl] .layout-margin .offset-sm-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-sm-15, .flex-offset-sm-15, .layout-margin .flex-offset-sm-15, .layout-margin .offset-sm-15 {
    margin-left: 15%; }
    [dir=rtl] .offset-sm-15, [dir=rtl] .flex-offset-sm-15, [dir=rtl] .layout-margin .flex-offset-sm-15, [dir=rtl] .layout-margin .offset-sm-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-sm-20, .flex-offset-sm-20, .layout-margin .flex-offset-sm-20, .layout-margin .offset-sm-20 {
    margin-left: 20%; }
    [dir=rtl] .offset-sm-20, [dir=rtl] .flex-offset-sm-20, [dir=rtl] .layout-margin .flex-offset-sm-20, [dir=rtl] .layout-margin .offset-sm-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-sm-25, .flex-offset-sm-25, .layout-margin .flex-offset-sm-25, .layout-margin .offset-sm-25 {
    margin-left: 25%; }
    [dir=rtl] .offset-sm-25, [dir=rtl] .flex-offset-sm-25, [dir=rtl] .layout-margin .flex-offset-sm-25, [dir=rtl] .layout-margin .offset-sm-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-sm-30, .flex-offset-sm-30, .layout-margin .flex-offset-sm-30, .layout-margin .offset-sm-30 {
    margin-left: 30%; }
    [dir=rtl] .offset-sm-30, [dir=rtl] .flex-offset-sm-30, [dir=rtl] .layout-margin .flex-offset-sm-30, [dir=rtl] .layout-margin .offset-sm-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-sm-35, .flex-offset-sm-35, .layout-margin .flex-offset-sm-35, .layout-margin .offset-sm-35 {
    margin-left: 35%; }
    [dir=rtl] .offset-sm-35, [dir=rtl] .flex-offset-sm-35, [dir=rtl] .layout-margin .flex-offset-sm-35, [dir=rtl] .layout-margin .offset-sm-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-sm-40, .flex-offset-sm-40, .layout-margin .flex-offset-sm-40, .layout-margin .offset-sm-40 {
    margin-left: 40%; }
    [dir=rtl] .offset-sm-40, [dir=rtl] .flex-offset-sm-40, [dir=rtl] .layout-margin .flex-offset-sm-40, [dir=rtl] .layout-margin .offset-sm-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-sm-45, .flex-offset-sm-45, .layout-margin .flex-offset-sm-45, .layout-margin .offset-sm-45 {
    margin-left: 45%; }
    [dir=rtl] .offset-sm-45, [dir=rtl] .flex-offset-sm-45, [dir=rtl] .layout-margin .flex-offset-sm-45, [dir=rtl] .layout-margin .offset-sm-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-sm-50, .flex-offset-sm-50, .layout-margin .flex-offset-sm-50, .layout-margin .offset-sm-50 {
    margin-left: 50%; }
    [dir=rtl] .offset-sm-50, [dir=rtl] .flex-offset-sm-50, [dir=rtl] .layout-margin .flex-offset-sm-50, [dir=rtl] .layout-margin .offset-sm-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-sm-55, .flex-offset-sm-55, .layout-margin .flex-offset-sm-55, .layout-margin .offset-sm-55 {
    margin-left: 55%; }
    [dir=rtl] .offset-sm-55, [dir=rtl] .flex-offset-sm-55, [dir=rtl] .layout-margin .flex-offset-sm-55, [dir=rtl] .layout-margin .offset-sm-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-sm-60, .flex-offset-sm-60, .layout-margin .flex-offset-sm-60, .layout-margin .offset-sm-60 {
    margin-left: 60%; }
    [dir=rtl] .offset-sm-60, [dir=rtl] .flex-offset-sm-60, [dir=rtl] .layout-margin .flex-offset-sm-60, [dir=rtl] .layout-margin .offset-sm-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-sm-65, .flex-offset-sm-65, .layout-margin .flex-offset-sm-65, .layout-margin .offset-sm-65 {
    margin-left: 65%; }
    [dir=rtl] .offset-sm-65, [dir=rtl] .flex-offset-sm-65, [dir=rtl] .layout-margin .flex-offset-sm-65, [dir=rtl] .layout-margin .offset-sm-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-sm-70, .flex-offset-sm-70, .layout-margin .flex-offset-sm-70, .layout-margin .offset-sm-70 {
    margin-left: 70%; }
    [dir=rtl] .offset-sm-70, [dir=rtl] .flex-offset-sm-70, [dir=rtl] .layout-margin .flex-offset-sm-70, [dir=rtl] .layout-margin .offset-sm-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-sm-75, .flex-offset-sm-75, .layout-margin .flex-offset-sm-75, .layout-margin .offset-sm-75 {
    margin-left: 75%; }
    [dir=rtl] .offset-sm-75, [dir=rtl] .flex-offset-sm-75, [dir=rtl] .layout-margin .flex-offset-sm-75, [dir=rtl] .layout-margin .offset-sm-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-sm-80, .flex-offset-sm-80, .layout-margin .flex-offset-sm-80, .layout-margin .offset-sm-80 {
    margin-left: 80%; }
    [dir=rtl] .offset-sm-80, [dir=rtl] .flex-offset-sm-80, [dir=rtl] .layout-margin .flex-offset-sm-80, [dir=rtl] .layout-margin .offset-sm-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-sm-85, .flex-offset-sm-85, .layout-margin .flex-offset-sm-85, .layout-margin .offset-sm-85 {
    margin-left: 85%; }
    [dir=rtl] .offset-sm-85, [dir=rtl] .flex-offset-sm-85, [dir=rtl] .layout-margin .flex-offset-sm-85, [dir=rtl] .layout-margin .offset-sm-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-sm-90, .flex-offset-sm-90, .layout-margin .flex-offset-sm-90, .layout-margin .offset-sm-90 {
    margin-left: 90%; }
    [dir=rtl] .offset-sm-90, [dir=rtl] .flex-offset-sm-90, [dir=rtl] .layout-margin .flex-offset-sm-90, [dir=rtl] .layout-margin .offset-sm-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-sm-95, .flex-offset-sm-95, .layout-margin .flex-offset-sm-95, .layout-margin .offset-sm-95 {
    margin-left: 95%; }
    [dir=rtl] .offset-sm-95, [dir=rtl] .flex-offset-sm-95, [dir=rtl] .layout-margin .flex-offset-sm-95, [dir=rtl] .layout-margin .offset-sm-95 {
      margin-left: auto;
      margin-right: 95%; }
  .offset-sm-33, .flex-offset-sm-33, .layout-margin .flex-offset-sm-33, .layout-margin .offset-sm-33 {
    margin-left: calc(100% / 3); }
  .offset-sm-66, .flex-offset-sm-66, .layout-margin .flex-offset-sm-66, .layout-margin .offset-sm-66 {
    margin-left: calc(200% / 3); }
    [dir=rtl] .offset-sm-66, [dir=rtl] .flex-offset-sm-66, [dir=rtl] .layout-margin .flex-offset-sm-66, [dir=rtl] .layout-margin .offset-sm-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-sm,
  .layout-align-sm-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-align: stretch;
        align-items: stretch; }
  .layout-align-sm-start,
  .layout-align-sm-start-start,
  .layout-align-sm-start-center,
  .layout-align-sm-start-end,
  .layout-align-sm-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .layout-align-sm-center,
  .layout-align-sm-center-start,
  .layout-align-sm-center-center,
  .layout-align-sm-center-end,
  .layout-align-sm-center-stretch {
    -ms-flex-pack: center;
        justify-content: center; }
  .layout-align-sm-end,
  .layout-align-sm-end-start,
  .layout-align-sm-end-center,
  .layout-align-sm-end-end,
  .layout-align-sm-end-stretch {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .layout-align-sm-space-around,
  .layout-align-sm-space-around-center,
  .layout-align-sm-space-around-start,
  .layout-align-sm-space-around-end,
  .layout-align-sm-space-around-stretch {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .layout-align-sm-space-between,
  .layout-align-sm-space-between-center,
  .layout-align-sm-space-between-start,
  .layout-align-sm-space-between-end,
  .layout-align-sm-space-between-stretch {
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .layout-align-sm-start-start,
  .layout-align-sm-center-start,
  .layout-align-sm-end-start,
  .layout-align-sm-space-between-start,
  .layout-align-sm-space-around-start {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .layout-align-sm-start-center,
  .layout-align-sm-center-center,
  .layout-align-sm-end-center,
  .layout-align-sm-space-between-center,
  .layout-align-sm-space-around-center {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    max-width: 100%; }
  .layout-align-sm-start-center > *,
  .layout-align-sm-center-center > *,
  .layout-align-sm-end-center > *,
  .layout-align-sm-space-between-center > *,
  .layout-align-sm-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-sm-start-end,
  .layout-align-sm-center-end,
  .layout-align-sm-end-end,
  .layout-align-sm-space-between-end,
  .layout-align-sm-space-around-end {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end; }
  .layout-align-sm-start-stretch,
  .layout-align-sm-center-stretch,
  .layout-align-sm-end-stretch,
  .layout-align-sm-space-between-stretch,
  .layout-align-sm-space-around-stretch {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch; }
  .flex-sm {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box; }
  .flex-sm-grow {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-sm-initial {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-sm-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-sm-none {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-sm-noshrink {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-sm-nogrow {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-sm-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-sm-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-sm-column > .flex-sm-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-sm-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-sm-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-sm-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-sm-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-sm-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-sm-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-sm-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-sm-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-sm-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-sm-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-sm-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-sm-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-sm-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-sm-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-sm-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-sm-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-sm-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-sm-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-sm-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-sm-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-33 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-66 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-row > .flex {
    min-width: 0; }
  .layout-sm-column > .flex-sm-33 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-66 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-column > .flex {
    min-height: 0; }
  .layout-sm, .layout-sm-column, .layout-sm-row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-sm-column {
    -ms-flex-direction: column;
        flex-direction: column; }
  .layout-sm-row {
    -ms-flex-direction: row;
        flex-direction: row; } }

@media (min-width: 960px) {
  .flex-order-gt-sm--20 {
    -ms-flex-order: -20;
        order: -20; }
  .flex-order-gt-sm--19 {
    -ms-flex-order: -19;
        order: -19; }
  .flex-order-gt-sm--18 {
    -ms-flex-order: -18;
        order: -18; }
  .flex-order-gt-sm--17 {
    -ms-flex-order: -17;
        order: -17; }
  .flex-order-gt-sm--16 {
    -ms-flex-order: -16;
        order: -16; }
  .flex-order-gt-sm--15 {
    -ms-flex-order: -15;
        order: -15; }
  .flex-order-gt-sm--14 {
    -ms-flex-order: -14;
        order: -14; }
  .flex-order-gt-sm--13 {
    -ms-flex-order: -13;
        order: -13; }
  .flex-order-gt-sm--12 {
    -ms-flex-order: -12;
        order: -12; }
  .flex-order-gt-sm--11 {
    -ms-flex-order: -11;
        order: -11; }
  .flex-order-gt-sm--10 {
    -ms-flex-order: -10;
        order: -10; }
  .flex-order-gt-sm--9 {
    -ms-flex-order: -9;
        order: -9; }
  .flex-order-gt-sm--8 {
    -ms-flex-order: -8;
        order: -8; }
  .flex-order-gt-sm--7 {
    -ms-flex-order: -7;
        order: -7; }
  .flex-order-gt-sm--6 {
    -ms-flex-order: -6;
        order: -6; }
  .flex-order-gt-sm--5 {
    -ms-flex-order: -5;
        order: -5; }
  .flex-order-gt-sm--4 {
    -ms-flex-order: -4;
        order: -4; }
  .flex-order-gt-sm--3 {
    -ms-flex-order: -3;
        order: -3; }
  .flex-order-gt-sm--2 {
    -ms-flex-order: -2;
        order: -2; }
  .flex-order-gt-sm--1 {
    -ms-flex-order: -1;
        order: -1; }
  .flex-order-gt-sm-0 {
    -ms-flex-order: 0;
        order: 0; }
  .flex-order-gt-sm-1 {
    -ms-flex-order: 1;
        order: 1; }
  .flex-order-gt-sm-2 {
    -ms-flex-order: 2;
        order: 2; }
  .flex-order-gt-sm-3 {
    -ms-flex-order: 3;
        order: 3; }
  .flex-order-gt-sm-4 {
    -ms-flex-order: 4;
        order: 4; }
  .flex-order-gt-sm-5 {
    -ms-flex-order: 5;
        order: 5; }
  .flex-order-gt-sm-6 {
    -ms-flex-order: 6;
        order: 6; }
  .flex-order-gt-sm-7 {
    -ms-flex-order: 7;
        order: 7; }
  .flex-order-gt-sm-8 {
    -ms-flex-order: 8;
        order: 8; }
  .flex-order-gt-sm-9 {
    -ms-flex-order: 9;
        order: 9; }
  .flex-order-gt-sm-10 {
    -ms-flex-order: 10;
        order: 10; }
  .flex-order-gt-sm-11 {
    -ms-flex-order: 11;
        order: 11; }
  .flex-order-gt-sm-12 {
    -ms-flex-order: 12;
        order: 12; }
  .flex-order-gt-sm-13 {
    -ms-flex-order: 13;
        order: 13; }
  .flex-order-gt-sm-14 {
    -ms-flex-order: 14;
        order: 14; }
  .flex-order-gt-sm-15 {
    -ms-flex-order: 15;
        order: 15; }
  .flex-order-gt-sm-16 {
    -ms-flex-order: 16;
        order: 16; }
  .flex-order-gt-sm-17 {
    -ms-flex-order: 17;
        order: 17; }
  .flex-order-gt-sm-18 {
    -ms-flex-order: 18;
        order: 18; }
  .flex-order-gt-sm-19 {
    -ms-flex-order: 19;
        order: 19; }
  .flex-order-gt-sm-20 {
    -ms-flex-order: 20;
        order: 20; }
  .offset-gt-sm-0, .flex-offset-gt-sm-0, .layout-margin .flex-offset-gt-sm-0, .layout-margin .offset-gt-sm-0 {
    margin-left: 0; }
    [dir=rtl] .offset-gt-sm-0, [dir=rtl] .flex-offset-gt-sm-0, [dir=rtl] .layout-margin .flex-offset-gt-sm-0, [dir=rtl] .layout-margin .offset-gt-sm-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-gt-sm-5, .flex-offset-gt-sm-5, .layout-margin .flex-offset-gt-sm-5, .layout-margin .offset-gt-sm-5 {
    margin-left: 5%; }
    [dir=rtl] .offset-gt-sm-5, [dir=rtl] .flex-offset-gt-sm-5, [dir=rtl] .layout-margin .flex-offset-gt-sm-5, [dir=rtl] .layout-margin .offset-gt-sm-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-gt-sm-10, .flex-offset-gt-sm-10, .layout-margin .flex-offset-gt-sm-10, .layout-margin .offset-gt-sm-10 {
    margin-left: 10%; }
    [dir=rtl] .offset-gt-sm-10, [dir=rtl] .flex-offset-gt-sm-10, [dir=rtl] .layout-margin .flex-offset-gt-sm-10, [dir=rtl] .layout-margin .offset-gt-sm-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-gt-sm-15, .flex-offset-gt-sm-15, .layout-margin .flex-offset-gt-sm-15, .layout-margin .offset-gt-sm-15 {
    margin-left: 15%; }
    [dir=rtl] .offset-gt-sm-15, [dir=rtl] .flex-offset-gt-sm-15, [dir=rtl] .layout-margin .flex-offset-gt-sm-15, [dir=rtl] .layout-margin .offset-gt-sm-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-gt-sm-20, .flex-offset-gt-sm-20, .layout-margin .flex-offset-gt-sm-20, .layout-margin .offset-gt-sm-20 {
    margin-left: 20%; }
    [dir=rtl] .offset-gt-sm-20, [dir=rtl] .flex-offset-gt-sm-20, [dir=rtl] .layout-margin .flex-offset-gt-sm-20, [dir=rtl] .layout-margin .offset-gt-sm-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-gt-sm-25, .flex-offset-gt-sm-25, .layout-margin .flex-offset-gt-sm-25, .layout-margin .offset-gt-sm-25 {
    margin-left: 25%; }
    [dir=rtl] .offset-gt-sm-25, [dir=rtl] .flex-offset-gt-sm-25, [dir=rtl] .layout-margin .flex-offset-gt-sm-25, [dir=rtl] .layout-margin .offset-gt-sm-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-gt-sm-30, .flex-offset-gt-sm-30, .layout-margin .flex-offset-gt-sm-30, .layout-margin .offset-gt-sm-30 {
    margin-left: 30%; }
    [dir=rtl] .offset-gt-sm-30, [dir=rtl] .flex-offset-gt-sm-30, [dir=rtl] .layout-margin .flex-offset-gt-sm-30, [dir=rtl] .layout-margin .offset-gt-sm-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-gt-sm-35, .flex-offset-gt-sm-35, .layout-margin .flex-offset-gt-sm-35, .layout-margin .offset-gt-sm-35 {
    margin-left: 35%; }
    [dir=rtl] .offset-gt-sm-35, [dir=rtl] .flex-offset-gt-sm-35, [dir=rtl] .layout-margin .flex-offset-gt-sm-35, [dir=rtl] .layout-margin .offset-gt-sm-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-gt-sm-40, .flex-offset-gt-sm-40, .layout-margin .flex-offset-gt-sm-40, .layout-margin .offset-gt-sm-40 {
    margin-left: 40%; }
    [dir=rtl] .offset-gt-sm-40, [dir=rtl] .flex-offset-gt-sm-40, [dir=rtl] .layout-margin .flex-offset-gt-sm-40, [dir=rtl] .layout-margin .offset-gt-sm-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-gt-sm-45, .flex-offset-gt-sm-45, .layout-margin .flex-offset-gt-sm-45, .layout-margin .offset-gt-sm-45 {
    margin-left: 45%; }
    [dir=rtl] .offset-gt-sm-45, [dir=rtl] .flex-offset-gt-sm-45, [dir=rtl] .layout-margin .flex-offset-gt-sm-45, [dir=rtl] .layout-margin .offset-gt-sm-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-gt-sm-50, .flex-offset-gt-sm-50, .layout-margin .flex-offset-gt-sm-50, .layout-margin .offset-gt-sm-50 {
    margin-left: 50%; }
    [dir=rtl] .offset-gt-sm-50, [dir=rtl] .flex-offset-gt-sm-50, [dir=rtl] .layout-margin .flex-offset-gt-sm-50, [dir=rtl] .layout-margin .offset-gt-sm-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-gt-sm-55, .flex-offset-gt-sm-55, .layout-margin .flex-offset-gt-sm-55, .layout-margin .offset-gt-sm-55 {
    margin-left: 55%; }
    [dir=rtl] .offset-gt-sm-55, [dir=rtl] .flex-offset-gt-sm-55, [dir=rtl] .layout-margin .flex-offset-gt-sm-55, [dir=rtl] .layout-margin .offset-gt-sm-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-gt-sm-60, .flex-offset-gt-sm-60, .layout-margin .flex-offset-gt-sm-60, .layout-margin .offset-gt-sm-60 {
    margin-left: 60%; }
    [dir=rtl] .offset-gt-sm-60, [dir=rtl] .flex-offset-gt-sm-60, [dir=rtl] .layout-margin .flex-offset-gt-sm-60, [dir=rtl] .layout-margin .offset-gt-sm-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-gt-sm-65, .flex-offset-gt-sm-65, .layout-margin .flex-offset-gt-sm-65, .layout-margin .offset-gt-sm-65 {
    margin-left: 65%; }
    [dir=rtl] .offset-gt-sm-65, [dir=rtl] .flex-offset-gt-sm-65, [dir=rtl] .layout-margin .flex-offset-gt-sm-65, [dir=rtl] .layout-margin .offset-gt-sm-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-gt-sm-70, .flex-offset-gt-sm-70, .layout-margin .flex-offset-gt-sm-70, .layout-margin .offset-gt-sm-70 {
    margin-left: 70%; }
    [dir=rtl] .offset-gt-sm-70, [dir=rtl] .flex-offset-gt-sm-70, [dir=rtl] .layout-margin .flex-offset-gt-sm-70, [dir=rtl] .layout-margin .offset-gt-sm-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-gt-sm-75, .flex-offset-gt-sm-75, .layout-margin .flex-offset-gt-sm-75, .layout-margin .offset-gt-sm-75 {
    margin-left: 75%; }
    [dir=rtl] .offset-gt-sm-75, [dir=rtl] .flex-offset-gt-sm-75, [dir=rtl] .layout-margin .flex-offset-gt-sm-75, [dir=rtl] .layout-margin .offset-gt-sm-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-gt-sm-80, .flex-offset-gt-sm-80, .layout-margin .flex-offset-gt-sm-80, .layout-margin .offset-gt-sm-80 {
    margin-left: 80%; }
    [dir=rtl] .offset-gt-sm-80, [dir=rtl] .flex-offset-gt-sm-80, [dir=rtl] .layout-margin .flex-offset-gt-sm-80, [dir=rtl] .layout-margin .offset-gt-sm-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-gt-sm-85, .flex-offset-gt-sm-85, .layout-margin .flex-offset-gt-sm-85, .layout-margin .offset-gt-sm-85 {
    margin-left: 85%; }
    [dir=rtl] .offset-gt-sm-85, [dir=rtl] .flex-offset-gt-sm-85, [dir=rtl] .layout-margin .flex-offset-gt-sm-85, [dir=rtl] .layout-margin .offset-gt-sm-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-gt-sm-90, .flex-offset-gt-sm-90, .layout-margin .flex-offset-gt-sm-90, .layout-margin .offset-gt-sm-90 {
    margin-left: 90%; }
    [dir=rtl] .offset-gt-sm-90, [dir=rtl] .flex-offset-gt-sm-90, [dir=rtl] .layout-margin .flex-offset-gt-sm-90, [dir=rtl] .layout-margin .offset-gt-sm-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-gt-sm-95, .flex-offset-gt-sm-95, .layout-margin .flex-offset-gt-sm-95, .layout-margin .offset-gt-sm-95 {
    margin-left: 95%; }
    [dir=rtl] .offset-gt-sm-95, [dir=rtl] .flex-offset-gt-sm-95, [dir=rtl] .layout-margin .flex-offset-gt-sm-95, [dir=rtl] .layout-margin .offset-gt-sm-95 {
      margin-left: auto;
      margin-right: 95%; }
  .offset-gt-sm-33, .flex-offset-gt-sm-33, .layout-margin .flex-offset-gt-sm-33, .layout-margin .offset-gt-sm-33 {
    margin-left: calc(100% / 3); }
  .offset-gt-sm-66, .flex-offset-gt-sm-66, .layout-margin .flex-offset-gt-sm-66, .layout-margin .offset-gt-sm-66 {
    margin-left: calc(200% / 3); }
    [dir=rtl] .offset-gt-sm-66, [dir=rtl] .flex-offset-gt-sm-66, [dir=rtl] .layout-margin .flex-offset-gt-sm-66, [dir=rtl] .layout-margin .offset-gt-sm-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-gt-sm,
  .layout-align-gt-sm-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-align: stretch;
        align-items: stretch; }
  .layout-align-gt-sm-start,
  .layout-align-gt-sm-start-start,
  .layout-align-gt-sm-start-center,
  .layout-align-gt-sm-start-end,
  .layout-align-gt-sm-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .layout-align-gt-sm-center,
  .layout-align-gt-sm-center-start,
  .layout-align-gt-sm-center-center,
  .layout-align-gt-sm-center-end,
  .layout-align-gt-sm-center-stretch {
    -ms-flex-pack: center;
        justify-content: center; }
  .layout-align-gt-sm-end,
  .layout-align-gt-sm-end-start,
  .layout-align-gt-sm-end-center,
  .layout-align-gt-sm-end-end,
  .layout-align-gt-sm-end-stretch {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .layout-align-gt-sm-space-around,
  .layout-align-gt-sm-space-around-center,
  .layout-align-gt-sm-space-around-start,
  .layout-align-gt-sm-space-around-end,
  .layout-align-gt-sm-space-around-stretch {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .layout-align-gt-sm-space-between,
  .layout-align-gt-sm-space-between-center,
  .layout-align-gt-sm-space-between-start,
  .layout-align-gt-sm-space-between-end,
  .layout-align-gt-sm-space-between-stretch {
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .layout-align-gt-sm-start-start,
  .layout-align-gt-sm-center-start,
  .layout-align-gt-sm-end-start,
  .layout-align-gt-sm-space-between-start,
  .layout-align-gt-sm-space-around-start {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .layout-align-gt-sm-start-center,
  .layout-align-gt-sm-center-center,
  .layout-align-gt-sm-end-center,
  .layout-align-gt-sm-space-between-center,
  .layout-align-gt-sm-space-around-center {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    max-width: 100%; }
  .layout-align-gt-sm-start-center > *,
  .layout-align-gt-sm-center-center > *,
  .layout-align-gt-sm-end-center > *,
  .layout-align-gt-sm-space-between-center > *,
  .layout-align-gt-sm-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-gt-sm-start-end,
  .layout-align-gt-sm-center-end,
  .layout-align-gt-sm-end-end,
  .layout-align-gt-sm-space-between-end,
  .layout-align-gt-sm-space-around-end {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end; }
  .layout-align-gt-sm-start-stretch,
  .layout-align-gt-sm-center-stretch,
  .layout-align-gt-sm-end-stretch,
  .layout-align-gt-sm-space-between-stretch,
  .layout-align-gt-sm-space-around-stretch {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch; }
  .flex-gt-sm {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box; }
  .flex-gt-sm-grow {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-gt-sm-initial {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-sm-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-gt-sm-none {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-gt-sm-noshrink {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-gt-sm-nogrow {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-sm-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-gt-sm-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-gt-sm-column > .flex-gt-sm-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-gt-sm-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-gt-sm-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-gt-sm-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-gt-sm-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-gt-sm-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-gt-sm-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-gt-sm-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-gt-sm-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-gt-sm-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-gt-sm-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-gt-sm-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-gt-sm-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-gt-sm-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-gt-sm-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-gt-sm-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-gt-sm-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-gt-sm-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-gt-sm-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-gt-sm-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-gt-sm-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-33 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-66 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex {
    min-width: 0; }
  .layout-gt-sm-column > .flex-gt-sm-33 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-66 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex {
    min-height: 0; }
  .layout-gt-sm, .layout-gt-sm-column, .layout-gt-sm-row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-gt-sm-column {
    -ms-flex-direction: column;
        flex-direction: column; }
  .layout-gt-sm-row {
    -ms-flex-direction: row;
        flex-direction: row; } }

@media (min-width: 960px) and (max-width: 1279px) {
  .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show) {
    display: none; }
  .hide-md:not(.show-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none; }
  .flex-order-md--20 {
    -ms-flex-order: -20;
        order: -20; }
  .flex-order-md--19 {
    -ms-flex-order: -19;
        order: -19; }
  .flex-order-md--18 {
    -ms-flex-order: -18;
        order: -18; }
  .flex-order-md--17 {
    -ms-flex-order: -17;
        order: -17; }
  .flex-order-md--16 {
    -ms-flex-order: -16;
        order: -16; }
  .flex-order-md--15 {
    -ms-flex-order: -15;
        order: -15; }
  .flex-order-md--14 {
    -ms-flex-order: -14;
        order: -14; }
  .flex-order-md--13 {
    -ms-flex-order: -13;
        order: -13; }
  .flex-order-md--12 {
    -ms-flex-order: -12;
        order: -12; }
  .flex-order-md--11 {
    -ms-flex-order: -11;
        order: -11; }
  .flex-order-md--10 {
    -ms-flex-order: -10;
        order: -10; }
  .flex-order-md--9 {
    -ms-flex-order: -9;
        order: -9; }
  .flex-order-md--8 {
    -ms-flex-order: -8;
        order: -8; }
  .flex-order-md--7 {
    -ms-flex-order: -7;
        order: -7; }
  .flex-order-md--6 {
    -ms-flex-order: -6;
        order: -6; }
  .flex-order-md--5 {
    -ms-flex-order: -5;
        order: -5; }
  .flex-order-md--4 {
    -ms-flex-order: -4;
        order: -4; }
  .flex-order-md--3 {
    -ms-flex-order: -3;
        order: -3; }
  .flex-order-md--2 {
    -ms-flex-order: -2;
        order: -2; }
  .flex-order-md--1 {
    -ms-flex-order: -1;
        order: -1; }
  .flex-order-md-0 {
    -ms-flex-order: 0;
        order: 0; }
  .flex-order-md-1 {
    -ms-flex-order: 1;
        order: 1; }
  .flex-order-md-2 {
    -ms-flex-order: 2;
        order: 2; }
  .flex-order-md-3 {
    -ms-flex-order: 3;
        order: 3; }
  .flex-order-md-4 {
    -ms-flex-order: 4;
        order: 4; }
  .flex-order-md-5 {
    -ms-flex-order: 5;
        order: 5; }
  .flex-order-md-6 {
    -ms-flex-order: 6;
        order: 6; }
  .flex-order-md-7 {
    -ms-flex-order: 7;
        order: 7; }
  .flex-order-md-8 {
    -ms-flex-order: 8;
        order: 8; }
  .flex-order-md-9 {
    -ms-flex-order: 9;
        order: 9; }
  .flex-order-md-10 {
    -ms-flex-order: 10;
        order: 10; }
  .flex-order-md-11 {
    -ms-flex-order: 11;
        order: 11; }
  .flex-order-md-12 {
    -ms-flex-order: 12;
        order: 12; }
  .flex-order-md-13 {
    -ms-flex-order: 13;
        order: 13; }
  .flex-order-md-14 {
    -ms-flex-order: 14;
        order: 14; }
  .flex-order-md-15 {
    -ms-flex-order: 15;
        order: 15; }
  .flex-order-md-16 {
    -ms-flex-order: 16;
        order: 16; }
  .flex-order-md-17 {
    -ms-flex-order: 17;
        order: 17; }
  .flex-order-md-18 {
    -ms-flex-order: 18;
        order: 18; }
  .flex-order-md-19 {
    -ms-flex-order: 19;
        order: 19; }
  .flex-order-md-20 {
    -ms-flex-order: 20;
        order: 20; }
  .offset-md-0, .flex-offset-md-0, .layout-margin .flex-offset-md-0, .layout-margin .offset-md-0 {
    margin-left: 0; }
    [dir=rtl] .offset-md-0, [dir=rtl] .flex-offset-md-0, [dir=rtl] .layout-margin .flex-offset-md-0, [dir=rtl] .layout-margin .offset-md-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-md-5, .flex-offset-md-5, .layout-margin .flex-offset-md-5, .layout-margin .offset-md-5 {
    margin-left: 5%; }
    [dir=rtl] .offset-md-5, [dir=rtl] .flex-offset-md-5, [dir=rtl] .layout-margin .flex-offset-md-5, [dir=rtl] .layout-margin .offset-md-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-md-10, .flex-offset-md-10, .layout-margin .flex-offset-md-10, .layout-margin .offset-md-10 {
    margin-left: 10%; }
    [dir=rtl] .offset-md-10, [dir=rtl] .flex-offset-md-10, [dir=rtl] .layout-margin .flex-offset-md-10, [dir=rtl] .layout-margin .offset-md-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-md-15, .flex-offset-md-15, .layout-margin .flex-offset-md-15, .layout-margin .offset-md-15 {
    margin-left: 15%; }
    [dir=rtl] .offset-md-15, [dir=rtl] .flex-offset-md-15, [dir=rtl] .layout-margin .flex-offset-md-15, [dir=rtl] .layout-margin .offset-md-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-md-20, .flex-offset-md-20, .layout-margin .flex-offset-md-20, .layout-margin .offset-md-20 {
    margin-left: 20%; }
    [dir=rtl] .offset-md-20, [dir=rtl] .flex-offset-md-20, [dir=rtl] .layout-margin .flex-offset-md-20, [dir=rtl] .layout-margin .offset-md-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-md-25, .flex-offset-md-25, .layout-margin .flex-offset-md-25, .layout-margin .offset-md-25 {
    margin-left: 25%; }
    [dir=rtl] .offset-md-25, [dir=rtl] .flex-offset-md-25, [dir=rtl] .layout-margin .flex-offset-md-25, [dir=rtl] .layout-margin .offset-md-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-md-30, .flex-offset-md-30, .layout-margin .flex-offset-md-30, .layout-margin .offset-md-30 {
    margin-left: 30%; }
    [dir=rtl] .offset-md-30, [dir=rtl] .flex-offset-md-30, [dir=rtl] .layout-margin .flex-offset-md-30, [dir=rtl] .layout-margin .offset-md-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-md-35, .flex-offset-md-35, .layout-margin .flex-offset-md-35, .layout-margin .offset-md-35 {
    margin-left: 35%; }
    [dir=rtl] .offset-md-35, [dir=rtl] .flex-offset-md-35, [dir=rtl] .layout-margin .flex-offset-md-35, [dir=rtl] .layout-margin .offset-md-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-md-40, .flex-offset-md-40, .layout-margin .flex-offset-md-40, .layout-margin .offset-md-40 {
    margin-left: 40%; }
    [dir=rtl] .offset-md-40, [dir=rtl] .flex-offset-md-40, [dir=rtl] .layout-margin .flex-offset-md-40, [dir=rtl] .layout-margin .offset-md-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-md-45, .flex-offset-md-45, .layout-margin .flex-offset-md-45, .layout-margin .offset-md-45 {
    margin-left: 45%; }
    [dir=rtl] .offset-md-45, [dir=rtl] .flex-offset-md-45, [dir=rtl] .layout-margin .flex-offset-md-45, [dir=rtl] .layout-margin .offset-md-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-md-50, .flex-offset-md-50, .layout-margin .flex-offset-md-50, .layout-margin .offset-md-50 {
    margin-left: 50%; }
    [dir=rtl] .offset-md-50, [dir=rtl] .flex-offset-md-50, [dir=rtl] .layout-margin .flex-offset-md-50, [dir=rtl] .layout-margin .offset-md-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-md-55, .flex-offset-md-55, .layout-margin .flex-offset-md-55, .layout-margin .offset-md-55 {
    margin-left: 55%; }
    [dir=rtl] .offset-md-55, [dir=rtl] .flex-offset-md-55, [dir=rtl] .layout-margin .flex-offset-md-55, [dir=rtl] .layout-margin .offset-md-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-md-60, .flex-offset-md-60, .layout-margin .flex-offset-md-60, .layout-margin .offset-md-60 {
    margin-left: 60%; }
    [dir=rtl] .offset-md-60, [dir=rtl] .flex-offset-md-60, [dir=rtl] .layout-margin .flex-offset-md-60, [dir=rtl] .layout-margin .offset-md-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-md-65, .flex-offset-md-65, .layout-margin .flex-offset-md-65, .layout-margin .offset-md-65 {
    margin-left: 65%; }
    [dir=rtl] .offset-md-65, [dir=rtl] .flex-offset-md-65, [dir=rtl] .layout-margin .flex-offset-md-65, [dir=rtl] .layout-margin .offset-md-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-md-70, .flex-offset-md-70, .layout-margin .flex-offset-md-70, .layout-margin .offset-md-70 {
    margin-left: 70%; }
    [dir=rtl] .offset-md-70, [dir=rtl] .flex-offset-md-70, [dir=rtl] .layout-margin .flex-offset-md-70, [dir=rtl] .layout-margin .offset-md-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-md-75, .flex-offset-md-75, .layout-margin .flex-offset-md-75, .layout-margin .offset-md-75 {
    margin-left: 75%; }
    [dir=rtl] .offset-md-75, [dir=rtl] .flex-offset-md-75, [dir=rtl] .layout-margin .flex-offset-md-75, [dir=rtl] .layout-margin .offset-md-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-md-80, .flex-offset-md-80, .layout-margin .flex-offset-md-80, .layout-margin .offset-md-80 {
    margin-left: 80%; }
    [dir=rtl] .offset-md-80, [dir=rtl] .flex-offset-md-80, [dir=rtl] .layout-margin .flex-offset-md-80, [dir=rtl] .layout-margin .offset-md-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-md-85, .flex-offset-md-85, .layout-margin .flex-offset-md-85, .layout-margin .offset-md-85 {
    margin-left: 85%; }
    [dir=rtl] .offset-md-85, [dir=rtl] .flex-offset-md-85, [dir=rtl] .layout-margin .flex-offset-md-85, [dir=rtl] .layout-margin .offset-md-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-md-90, .flex-offset-md-90, .layout-margin .flex-offset-md-90, .layout-margin .offset-md-90 {
    margin-left: 90%; }
    [dir=rtl] .offset-md-90, [dir=rtl] .flex-offset-md-90, [dir=rtl] .layout-margin .flex-offset-md-90, [dir=rtl] .layout-margin .offset-md-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-md-95, .flex-offset-md-95, .layout-margin .flex-offset-md-95, .layout-margin .offset-md-95 {
    margin-left: 95%; }
    [dir=rtl] .offset-md-95, [dir=rtl] .flex-offset-md-95, [dir=rtl] .layout-margin .flex-offset-md-95, [dir=rtl] .layout-margin .offset-md-95 {
      margin-left: auto;
      margin-right: 95%; }
  .offset-md-33, .flex-offset-md-33, .layout-margin .flex-offset-md-33, .layout-margin .offset-md-33 {
    margin-left: calc(100% / 3); }
  .offset-md-66, .flex-offset-md-66, .layout-margin .flex-offset-md-66, .layout-margin .offset-md-66 {
    margin-left: calc(200% / 3); }
    [dir=rtl] .offset-md-66, [dir=rtl] .flex-offset-md-66, [dir=rtl] .layout-margin .flex-offset-md-66, [dir=rtl] .layout-margin .offset-md-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-md,
  .layout-align-md-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-align: stretch;
        align-items: stretch; }
  .layout-align-md-start,
  .layout-align-md-start-start,
  .layout-align-md-start-center,
  .layout-align-md-start-end,
  .layout-align-md-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .layout-align-md-center,
  .layout-align-md-center-start,
  .layout-align-md-center-center,
  .layout-align-md-center-end,
  .layout-align-md-center-stretch {
    -ms-flex-pack: center;
        justify-content: center; }
  .layout-align-md-end,
  .layout-align-md-end-start,
  .layout-align-md-end-center,
  .layout-align-md-end-end,
  .layout-align-md-end-stretch {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .layout-align-md-space-around,
  .layout-align-md-space-around-center,
  .layout-align-md-space-around-start,
  .layout-align-md-space-around-end,
  .layout-align-md-space-around-stretch {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .layout-align-md-space-between,
  .layout-align-md-space-between-center,
  .layout-align-md-space-between-start,
  .layout-align-md-space-between-end,
  .layout-align-md-space-between-stretch {
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .layout-align-md-start-start,
  .layout-align-md-center-start,
  .layout-align-md-end-start,
  .layout-align-md-space-between-start,
  .layout-align-md-space-around-start {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .layout-align-md-start-center,
  .layout-align-md-center-center,
  .layout-align-md-end-center,
  .layout-align-md-space-between-center,
  .layout-align-md-space-around-center {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    max-width: 100%; }
  .layout-align-md-start-center > *,
  .layout-align-md-center-center > *,
  .layout-align-md-end-center > *,
  .layout-align-md-space-between-center > *,
  .layout-align-md-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-md-start-end,
  .layout-align-md-center-end,
  .layout-align-md-end-end,
  .layout-align-md-space-between-end,
  .layout-align-md-space-around-end {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end; }
  .layout-align-md-start-stretch,
  .layout-align-md-center-stretch,
  .layout-align-md-end-stretch,
  .layout-align-md-space-between-stretch,
  .layout-align-md-space-around-stretch {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch; }
  .flex-md {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box; }
  .flex-md-grow {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-md-initial {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-md-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-md-none {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-md-noshrink {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-md-nogrow {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-md-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-md-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-md-column > .flex-md-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-md-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-md-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-md-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-md-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-md-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-md-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-md-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-md-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-md-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-md-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-md-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-md-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-md-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-md-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-md-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-md-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-md-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-md-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-md-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-md-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-33 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-66 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-row > .flex {
    min-width: 0; }
  .layout-md-column > .flex-md-33 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-66 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-column > .flex {
    min-height: 0; }
  .layout-md, .layout-md-column, .layout-md-row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-md-column {
    -ms-flex-direction: column;
        flex-direction: column; }
  .layout-md-row {
    -ms-flex-direction: row;
        flex-direction: row; } }

@media (min-width: 1280px) {
  .flex-order-gt-md--20 {
    -ms-flex-order: -20;
        order: -20; }
  .flex-order-gt-md--19 {
    -ms-flex-order: -19;
        order: -19; }
  .flex-order-gt-md--18 {
    -ms-flex-order: -18;
        order: -18; }
  .flex-order-gt-md--17 {
    -ms-flex-order: -17;
        order: -17; }
  .flex-order-gt-md--16 {
    -ms-flex-order: -16;
        order: -16; }
  .flex-order-gt-md--15 {
    -ms-flex-order: -15;
        order: -15; }
  .flex-order-gt-md--14 {
    -ms-flex-order: -14;
        order: -14; }
  .flex-order-gt-md--13 {
    -ms-flex-order: -13;
        order: -13; }
  .flex-order-gt-md--12 {
    -ms-flex-order: -12;
        order: -12; }
  .flex-order-gt-md--11 {
    -ms-flex-order: -11;
        order: -11; }
  .flex-order-gt-md--10 {
    -ms-flex-order: -10;
        order: -10; }
  .flex-order-gt-md--9 {
    -ms-flex-order: -9;
        order: -9; }
  .flex-order-gt-md--8 {
    -ms-flex-order: -8;
        order: -8; }
  .flex-order-gt-md--7 {
    -ms-flex-order: -7;
        order: -7; }
  .flex-order-gt-md--6 {
    -ms-flex-order: -6;
        order: -6; }
  .flex-order-gt-md--5 {
    -ms-flex-order: -5;
        order: -5; }
  .flex-order-gt-md--4 {
    -ms-flex-order: -4;
        order: -4; }
  .flex-order-gt-md--3 {
    -ms-flex-order: -3;
        order: -3; }
  .flex-order-gt-md--2 {
    -ms-flex-order: -2;
        order: -2; }
  .flex-order-gt-md--1 {
    -ms-flex-order: -1;
        order: -1; }
  .flex-order-gt-md-0 {
    -ms-flex-order: 0;
        order: 0; }
  .flex-order-gt-md-1 {
    -ms-flex-order: 1;
        order: 1; }
  .flex-order-gt-md-2 {
    -ms-flex-order: 2;
        order: 2; }
  .flex-order-gt-md-3 {
    -ms-flex-order: 3;
        order: 3; }
  .flex-order-gt-md-4 {
    -ms-flex-order: 4;
        order: 4; }
  .flex-order-gt-md-5 {
    -ms-flex-order: 5;
        order: 5; }
  .flex-order-gt-md-6 {
    -ms-flex-order: 6;
        order: 6; }
  .flex-order-gt-md-7 {
    -ms-flex-order: 7;
        order: 7; }
  .flex-order-gt-md-8 {
    -ms-flex-order: 8;
        order: 8; }
  .flex-order-gt-md-9 {
    -ms-flex-order: 9;
        order: 9; }
  .flex-order-gt-md-10 {
    -ms-flex-order: 10;
        order: 10; }
  .flex-order-gt-md-11 {
    -ms-flex-order: 11;
        order: 11; }
  .flex-order-gt-md-12 {
    -ms-flex-order: 12;
        order: 12; }
  .flex-order-gt-md-13 {
    -ms-flex-order: 13;
        order: 13; }
  .flex-order-gt-md-14 {
    -ms-flex-order: 14;
        order: 14; }
  .flex-order-gt-md-15 {
    -ms-flex-order: 15;
        order: 15; }
  .flex-order-gt-md-16 {
    -ms-flex-order: 16;
        order: 16; }
  .flex-order-gt-md-17 {
    -ms-flex-order: 17;
        order: 17; }
  .flex-order-gt-md-18 {
    -ms-flex-order: 18;
        order: 18; }
  .flex-order-gt-md-19 {
    -ms-flex-order: 19;
        order: 19; }
  .flex-order-gt-md-20 {
    -ms-flex-order: 20;
        order: 20; }
  .offset-gt-md-0, .flex-offset-gt-md-0, .layout-margin .flex-offset-gt-md-0, .layout-margin .offset-gt-md-0 {
    margin-left: 0; }
    [dir=rtl] .offset-gt-md-0, [dir=rtl] .flex-offset-gt-md-0, [dir=rtl] .layout-margin .flex-offset-gt-md-0, [dir=rtl] .layout-margin .offset-gt-md-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-gt-md-5, .flex-offset-gt-md-5, .layout-margin .flex-offset-gt-md-5, .layout-margin .offset-gt-md-5 {
    margin-left: 5%; }
    [dir=rtl] .offset-gt-md-5, [dir=rtl] .flex-offset-gt-md-5, [dir=rtl] .layout-margin .flex-offset-gt-md-5, [dir=rtl] .layout-margin .offset-gt-md-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-gt-md-10, .flex-offset-gt-md-10, .layout-margin .flex-offset-gt-md-10, .layout-margin .offset-gt-md-10 {
    margin-left: 10%; }
    [dir=rtl] .offset-gt-md-10, [dir=rtl] .flex-offset-gt-md-10, [dir=rtl] .layout-margin .flex-offset-gt-md-10, [dir=rtl] .layout-margin .offset-gt-md-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-gt-md-15, .flex-offset-gt-md-15, .layout-margin .flex-offset-gt-md-15, .layout-margin .offset-gt-md-15 {
    margin-left: 15%; }
    [dir=rtl] .offset-gt-md-15, [dir=rtl] .flex-offset-gt-md-15, [dir=rtl] .layout-margin .flex-offset-gt-md-15, [dir=rtl] .layout-margin .offset-gt-md-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-gt-md-20, .flex-offset-gt-md-20, .layout-margin .flex-offset-gt-md-20, .layout-margin .offset-gt-md-20 {
    margin-left: 20%; }
    [dir=rtl] .offset-gt-md-20, [dir=rtl] .flex-offset-gt-md-20, [dir=rtl] .layout-margin .flex-offset-gt-md-20, [dir=rtl] .layout-margin .offset-gt-md-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-gt-md-25, .flex-offset-gt-md-25, .layout-margin .flex-offset-gt-md-25, .layout-margin .offset-gt-md-25 {
    margin-left: 25%; }
    [dir=rtl] .offset-gt-md-25, [dir=rtl] .flex-offset-gt-md-25, [dir=rtl] .layout-margin .flex-offset-gt-md-25, [dir=rtl] .layout-margin .offset-gt-md-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-gt-md-30, .flex-offset-gt-md-30, .layout-margin .flex-offset-gt-md-30, .layout-margin .offset-gt-md-30 {
    margin-left: 30%; }
    [dir=rtl] .offset-gt-md-30, [dir=rtl] .flex-offset-gt-md-30, [dir=rtl] .layout-margin .flex-offset-gt-md-30, [dir=rtl] .layout-margin .offset-gt-md-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-gt-md-35, .flex-offset-gt-md-35, .layout-margin .flex-offset-gt-md-35, .layout-margin .offset-gt-md-35 {
    margin-left: 35%; }
    [dir=rtl] .offset-gt-md-35, [dir=rtl] .flex-offset-gt-md-35, [dir=rtl] .layout-margin .flex-offset-gt-md-35, [dir=rtl] .layout-margin .offset-gt-md-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-gt-md-40, .flex-offset-gt-md-40, .layout-margin .flex-offset-gt-md-40, .layout-margin .offset-gt-md-40 {
    margin-left: 40%; }
    [dir=rtl] .offset-gt-md-40, [dir=rtl] .flex-offset-gt-md-40, [dir=rtl] .layout-margin .flex-offset-gt-md-40, [dir=rtl] .layout-margin .offset-gt-md-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-gt-md-45, .flex-offset-gt-md-45, .layout-margin .flex-offset-gt-md-45, .layout-margin .offset-gt-md-45 {
    margin-left: 45%; }
    [dir=rtl] .offset-gt-md-45, [dir=rtl] .flex-offset-gt-md-45, [dir=rtl] .layout-margin .flex-offset-gt-md-45, [dir=rtl] .layout-margin .offset-gt-md-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-gt-md-50, .flex-offset-gt-md-50, .layout-margin .flex-offset-gt-md-50, .layout-margin .offset-gt-md-50 {
    margin-left: 50%; }
    [dir=rtl] .offset-gt-md-50, [dir=rtl] .flex-offset-gt-md-50, [dir=rtl] .layout-margin .flex-offset-gt-md-50, [dir=rtl] .layout-margin .offset-gt-md-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-gt-md-55, .flex-offset-gt-md-55, .layout-margin .flex-offset-gt-md-55, .layout-margin .offset-gt-md-55 {
    margin-left: 55%; }
    [dir=rtl] .offset-gt-md-55, [dir=rtl] .flex-offset-gt-md-55, [dir=rtl] .layout-margin .flex-offset-gt-md-55, [dir=rtl] .layout-margin .offset-gt-md-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-gt-md-60, .flex-offset-gt-md-60, .layout-margin .flex-offset-gt-md-60, .layout-margin .offset-gt-md-60 {
    margin-left: 60%; }
    [dir=rtl] .offset-gt-md-60, [dir=rtl] .flex-offset-gt-md-60, [dir=rtl] .layout-margin .flex-offset-gt-md-60, [dir=rtl] .layout-margin .offset-gt-md-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-gt-md-65, .flex-offset-gt-md-65, .layout-margin .flex-offset-gt-md-65, .layout-margin .offset-gt-md-65 {
    margin-left: 65%; }
    [dir=rtl] .offset-gt-md-65, [dir=rtl] .flex-offset-gt-md-65, [dir=rtl] .layout-margin .flex-offset-gt-md-65, [dir=rtl] .layout-margin .offset-gt-md-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-gt-md-70, .flex-offset-gt-md-70, .layout-margin .flex-offset-gt-md-70, .layout-margin .offset-gt-md-70 {
    margin-left: 70%; }
    [dir=rtl] .offset-gt-md-70, [dir=rtl] .flex-offset-gt-md-70, [dir=rtl] .layout-margin .flex-offset-gt-md-70, [dir=rtl] .layout-margin .offset-gt-md-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-gt-md-75, .flex-offset-gt-md-75, .layout-margin .flex-offset-gt-md-75, .layout-margin .offset-gt-md-75 {
    margin-left: 75%; }
    [dir=rtl] .offset-gt-md-75, [dir=rtl] .flex-offset-gt-md-75, [dir=rtl] .layout-margin .flex-offset-gt-md-75, [dir=rtl] .layout-margin .offset-gt-md-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-gt-md-80, .flex-offset-gt-md-80, .layout-margin .flex-offset-gt-md-80, .layout-margin .offset-gt-md-80 {
    margin-left: 80%; }
    [dir=rtl] .offset-gt-md-80, [dir=rtl] .flex-offset-gt-md-80, [dir=rtl] .layout-margin .flex-offset-gt-md-80, [dir=rtl] .layout-margin .offset-gt-md-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-gt-md-85, .flex-offset-gt-md-85, .layout-margin .flex-offset-gt-md-85, .layout-margin .offset-gt-md-85 {
    margin-left: 85%; }
    [dir=rtl] .offset-gt-md-85, [dir=rtl] .flex-offset-gt-md-85, [dir=rtl] .layout-margin .flex-offset-gt-md-85, [dir=rtl] .layout-margin .offset-gt-md-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-gt-md-90, .flex-offset-gt-md-90, .layout-margin .flex-offset-gt-md-90, .layout-margin .offset-gt-md-90 {
    margin-left: 90%; }
    [dir=rtl] .offset-gt-md-90, [dir=rtl] .flex-offset-gt-md-90, [dir=rtl] .layout-margin .flex-offset-gt-md-90, [dir=rtl] .layout-margin .offset-gt-md-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-gt-md-95, .flex-offset-gt-md-95, .layout-margin .flex-offset-gt-md-95, .layout-margin .offset-gt-md-95 {
    margin-left: 95%; }
    [dir=rtl] .offset-gt-md-95, [dir=rtl] .flex-offset-gt-md-95, [dir=rtl] .layout-margin .flex-offset-gt-md-95, [dir=rtl] .layout-margin .offset-gt-md-95 {
      margin-left: auto;
      margin-right: 95%; }
  .offset-gt-md-33, .flex-offset-gt-md-33, .layout-margin .flex-offset-gt-md-33, .layout-margin .offset-gt-md-33 {
    margin-left: calc(100% / 3); }
  .offset-gt-md-66, .flex-offset-gt-md-66, .layout-margin .flex-offset-gt-md-66, .layout-margin .offset-gt-md-66 {
    margin-left: calc(200% / 3); }
    [dir=rtl] .offset-gt-md-66, [dir=rtl] .flex-offset-gt-md-66, [dir=rtl] .layout-margin .flex-offset-gt-md-66, [dir=rtl] .layout-margin .offset-gt-md-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-gt-md,
  .layout-align-gt-md-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-align: stretch;
        align-items: stretch; }
  .layout-align-gt-md-start,
  .layout-align-gt-md-start-start,
  .layout-align-gt-md-start-center,
  .layout-align-gt-md-start-end,
  .layout-align-gt-md-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .layout-align-gt-md-center,
  .layout-align-gt-md-center-start,
  .layout-align-gt-md-center-center,
  .layout-align-gt-md-center-end,
  .layout-align-gt-md-center-stretch {
    -ms-flex-pack: center;
        justify-content: center; }
  .layout-align-gt-md-end,
  .layout-align-gt-md-end-start,
  .layout-align-gt-md-end-center,
  .layout-align-gt-md-end-end,
  .layout-align-gt-md-end-stretch {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .layout-align-gt-md-space-around,
  .layout-align-gt-md-space-around-center,
  .layout-align-gt-md-space-around-start,
  .layout-align-gt-md-space-around-end,
  .layout-align-gt-md-space-around-stretch {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .layout-align-gt-md-space-between,
  .layout-align-gt-md-space-between-center,
  .layout-align-gt-md-space-between-start,
  .layout-align-gt-md-space-between-end,
  .layout-align-gt-md-space-between-stretch {
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .layout-align-gt-md-start-start,
  .layout-align-gt-md-center-start,
  .layout-align-gt-md-end-start,
  .layout-align-gt-md-space-between-start,
  .layout-align-gt-md-space-around-start {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .layout-align-gt-md-start-center,
  .layout-align-gt-md-center-center,
  .layout-align-gt-md-end-center,
  .layout-align-gt-md-space-between-center,
  .layout-align-gt-md-space-around-center {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    max-width: 100%; }
  .layout-align-gt-md-start-center > *,
  .layout-align-gt-md-center-center > *,
  .layout-align-gt-md-end-center > *,
  .layout-align-gt-md-space-between-center > *,
  .layout-align-gt-md-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-gt-md-start-end,
  .layout-align-gt-md-center-end,
  .layout-align-gt-md-end-end,
  .layout-align-gt-md-space-between-end,
  .layout-align-gt-md-space-around-end {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end; }
  .layout-align-gt-md-start-stretch,
  .layout-align-gt-md-center-stretch,
  .layout-align-gt-md-end-stretch,
  .layout-align-gt-md-space-between-stretch,
  .layout-align-gt-md-space-around-stretch {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch; }
  .flex-gt-md {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box; }
  .flex-gt-md-grow {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-gt-md-initial {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-md-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-gt-md-none {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-gt-md-noshrink {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-gt-md-nogrow {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-md-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-gt-md-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-gt-md-column > .flex-gt-md-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-gt-md-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-gt-md-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-gt-md-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-gt-md-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-gt-md-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-gt-md-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-gt-md-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-gt-md-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-gt-md-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-gt-md-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-gt-md-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-gt-md-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-gt-md-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-gt-md-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-gt-md-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-gt-md-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-gt-md-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-gt-md-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-gt-md-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-gt-md-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-33 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-66 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex {
    min-width: 0; }
  .layout-gt-md-column > .flex-gt-md-33 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-66 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex {
    min-height: 0; }
  .layout-gt-md, .layout-gt-md-column, .layout-gt-md-row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-gt-md-column {
    -ms-flex-direction: column;
        flex-direction: column; }
  .layout-gt-md-row {
    -ms-flex-direction: row;
        flex-direction: row; } }

@media (min-width: 1280px) and (max-width: 1919px) {
  .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show) {
    display: none; }
  .hide-lg:not(.show-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none; }
  .flex-order-lg--20 {
    -ms-flex-order: -20;
        order: -20; }
  .flex-order-lg--19 {
    -ms-flex-order: -19;
        order: -19; }
  .flex-order-lg--18 {
    -ms-flex-order: -18;
        order: -18; }
  .flex-order-lg--17 {
    -ms-flex-order: -17;
        order: -17; }
  .flex-order-lg--16 {
    -ms-flex-order: -16;
        order: -16; }
  .flex-order-lg--15 {
    -ms-flex-order: -15;
        order: -15; }
  .flex-order-lg--14 {
    -ms-flex-order: -14;
        order: -14; }
  .flex-order-lg--13 {
    -ms-flex-order: -13;
        order: -13; }
  .flex-order-lg--12 {
    -ms-flex-order: -12;
        order: -12; }
  .flex-order-lg--11 {
    -ms-flex-order: -11;
        order: -11; }
  .flex-order-lg--10 {
    -ms-flex-order: -10;
        order: -10; }
  .flex-order-lg--9 {
    -ms-flex-order: -9;
        order: -9; }
  .flex-order-lg--8 {
    -ms-flex-order: -8;
        order: -8; }
  .flex-order-lg--7 {
    -ms-flex-order: -7;
        order: -7; }
  .flex-order-lg--6 {
    -ms-flex-order: -6;
        order: -6; }
  .flex-order-lg--5 {
    -ms-flex-order: -5;
        order: -5; }
  .flex-order-lg--4 {
    -ms-flex-order: -4;
        order: -4; }
  .flex-order-lg--3 {
    -ms-flex-order: -3;
        order: -3; }
  .flex-order-lg--2 {
    -ms-flex-order: -2;
        order: -2; }
  .flex-order-lg--1 {
    -ms-flex-order: -1;
        order: -1; }
  .flex-order-lg-0 {
    -ms-flex-order: 0;
        order: 0; }
  .flex-order-lg-1 {
    -ms-flex-order: 1;
        order: 1; }
  .flex-order-lg-2 {
    -ms-flex-order: 2;
        order: 2; }
  .flex-order-lg-3 {
    -ms-flex-order: 3;
        order: 3; }
  .flex-order-lg-4 {
    -ms-flex-order: 4;
        order: 4; }
  .flex-order-lg-5 {
    -ms-flex-order: 5;
        order: 5; }
  .flex-order-lg-6 {
    -ms-flex-order: 6;
        order: 6; }
  .flex-order-lg-7 {
    -ms-flex-order: 7;
        order: 7; }
  .flex-order-lg-8 {
    -ms-flex-order: 8;
        order: 8; }
  .flex-order-lg-9 {
    -ms-flex-order: 9;
        order: 9; }
  .flex-order-lg-10 {
    -ms-flex-order: 10;
        order: 10; }
  .flex-order-lg-11 {
    -ms-flex-order: 11;
        order: 11; }
  .flex-order-lg-12 {
    -ms-flex-order: 12;
        order: 12; }
  .flex-order-lg-13 {
    -ms-flex-order: 13;
        order: 13; }
  .flex-order-lg-14 {
    -ms-flex-order: 14;
        order: 14; }
  .flex-order-lg-15 {
    -ms-flex-order: 15;
        order: 15; }
  .flex-order-lg-16 {
    -ms-flex-order: 16;
        order: 16; }
  .flex-order-lg-17 {
    -ms-flex-order: 17;
        order: 17; }
  .flex-order-lg-18 {
    -ms-flex-order: 18;
        order: 18; }
  .flex-order-lg-19 {
    -ms-flex-order: 19;
        order: 19; }
  .flex-order-lg-20 {
    -ms-flex-order: 20;
        order: 20; }
  .offset-lg-0, .flex-offset-lg-0, .layout-margin .flex-offset-lg-0, .layout-margin .offset-lg-0 {
    margin-left: 0; }
    [dir=rtl] .offset-lg-0, [dir=rtl] .flex-offset-lg-0, [dir=rtl] .layout-margin .flex-offset-lg-0, [dir=rtl] .layout-margin .offset-lg-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-lg-5, .flex-offset-lg-5, .layout-margin .flex-offset-lg-5, .layout-margin .offset-lg-5 {
    margin-left: 5%; }
    [dir=rtl] .offset-lg-5, [dir=rtl] .flex-offset-lg-5, [dir=rtl] .layout-margin .flex-offset-lg-5, [dir=rtl] .layout-margin .offset-lg-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-lg-10, .flex-offset-lg-10, .layout-margin .flex-offset-lg-10, .layout-margin .offset-lg-10 {
    margin-left: 10%; }
    [dir=rtl] .offset-lg-10, [dir=rtl] .flex-offset-lg-10, [dir=rtl] .layout-margin .flex-offset-lg-10, [dir=rtl] .layout-margin .offset-lg-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-lg-15, .flex-offset-lg-15, .layout-margin .flex-offset-lg-15, .layout-margin .offset-lg-15 {
    margin-left: 15%; }
    [dir=rtl] .offset-lg-15, [dir=rtl] .flex-offset-lg-15, [dir=rtl] .layout-margin .flex-offset-lg-15, [dir=rtl] .layout-margin .offset-lg-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-lg-20, .flex-offset-lg-20, .layout-margin .flex-offset-lg-20, .layout-margin .offset-lg-20 {
    margin-left: 20%; }
    [dir=rtl] .offset-lg-20, [dir=rtl] .flex-offset-lg-20, [dir=rtl] .layout-margin .flex-offset-lg-20, [dir=rtl] .layout-margin .offset-lg-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-lg-25, .flex-offset-lg-25, .layout-margin .flex-offset-lg-25, .layout-margin .offset-lg-25 {
    margin-left: 25%; }
    [dir=rtl] .offset-lg-25, [dir=rtl] .flex-offset-lg-25, [dir=rtl] .layout-margin .flex-offset-lg-25, [dir=rtl] .layout-margin .offset-lg-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-lg-30, .flex-offset-lg-30, .layout-margin .flex-offset-lg-30, .layout-margin .offset-lg-30 {
    margin-left: 30%; }
    [dir=rtl] .offset-lg-30, [dir=rtl] .flex-offset-lg-30, [dir=rtl] .layout-margin .flex-offset-lg-30, [dir=rtl] .layout-margin .offset-lg-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-lg-35, .flex-offset-lg-35, .layout-margin .flex-offset-lg-35, .layout-margin .offset-lg-35 {
    margin-left: 35%; }
    [dir=rtl] .offset-lg-35, [dir=rtl] .flex-offset-lg-35, [dir=rtl] .layout-margin .flex-offset-lg-35, [dir=rtl] .layout-margin .offset-lg-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-lg-40, .flex-offset-lg-40, .layout-margin .flex-offset-lg-40, .layout-margin .offset-lg-40 {
    margin-left: 40%; }
    [dir=rtl] .offset-lg-40, [dir=rtl] .flex-offset-lg-40, [dir=rtl] .layout-margin .flex-offset-lg-40, [dir=rtl] .layout-margin .offset-lg-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-lg-45, .flex-offset-lg-45, .layout-margin .flex-offset-lg-45, .layout-margin .offset-lg-45 {
    margin-left: 45%; }
    [dir=rtl] .offset-lg-45, [dir=rtl] .flex-offset-lg-45, [dir=rtl] .layout-margin .flex-offset-lg-45, [dir=rtl] .layout-margin .offset-lg-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-lg-50, .flex-offset-lg-50, .layout-margin .flex-offset-lg-50, .layout-margin .offset-lg-50 {
    margin-left: 50%; }
    [dir=rtl] .offset-lg-50, [dir=rtl] .flex-offset-lg-50, [dir=rtl] .layout-margin .flex-offset-lg-50, [dir=rtl] .layout-margin .offset-lg-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-lg-55, .flex-offset-lg-55, .layout-margin .flex-offset-lg-55, .layout-margin .offset-lg-55 {
    margin-left: 55%; }
    [dir=rtl] .offset-lg-55, [dir=rtl] .flex-offset-lg-55, [dir=rtl] .layout-margin .flex-offset-lg-55, [dir=rtl] .layout-margin .offset-lg-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-lg-60, .flex-offset-lg-60, .layout-margin .flex-offset-lg-60, .layout-margin .offset-lg-60 {
    margin-left: 60%; }
    [dir=rtl] .offset-lg-60, [dir=rtl] .flex-offset-lg-60, [dir=rtl] .layout-margin .flex-offset-lg-60, [dir=rtl] .layout-margin .offset-lg-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-lg-65, .flex-offset-lg-65, .layout-margin .flex-offset-lg-65, .layout-margin .offset-lg-65 {
    margin-left: 65%; }
    [dir=rtl] .offset-lg-65, [dir=rtl] .flex-offset-lg-65, [dir=rtl] .layout-margin .flex-offset-lg-65, [dir=rtl] .layout-margin .offset-lg-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-lg-70, .flex-offset-lg-70, .layout-margin .flex-offset-lg-70, .layout-margin .offset-lg-70 {
    margin-left: 70%; }
    [dir=rtl] .offset-lg-70, [dir=rtl] .flex-offset-lg-70, [dir=rtl] .layout-margin .flex-offset-lg-70, [dir=rtl] .layout-margin .offset-lg-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-lg-75, .flex-offset-lg-75, .layout-margin .flex-offset-lg-75, .layout-margin .offset-lg-75 {
    margin-left: 75%; }
    [dir=rtl] .offset-lg-75, [dir=rtl] .flex-offset-lg-75, [dir=rtl] .layout-margin .flex-offset-lg-75, [dir=rtl] .layout-margin .offset-lg-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-lg-80, .flex-offset-lg-80, .layout-margin .flex-offset-lg-80, .layout-margin .offset-lg-80 {
    margin-left: 80%; }
    [dir=rtl] .offset-lg-80, [dir=rtl] .flex-offset-lg-80, [dir=rtl] .layout-margin .flex-offset-lg-80, [dir=rtl] .layout-margin .offset-lg-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-lg-85, .flex-offset-lg-85, .layout-margin .flex-offset-lg-85, .layout-margin .offset-lg-85 {
    margin-left: 85%; }
    [dir=rtl] .offset-lg-85, [dir=rtl] .flex-offset-lg-85, [dir=rtl] .layout-margin .flex-offset-lg-85, [dir=rtl] .layout-margin .offset-lg-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-lg-90, .flex-offset-lg-90, .layout-margin .flex-offset-lg-90, .layout-margin .offset-lg-90 {
    margin-left: 90%; }
    [dir=rtl] .offset-lg-90, [dir=rtl] .flex-offset-lg-90, [dir=rtl] .layout-margin .flex-offset-lg-90, [dir=rtl] .layout-margin .offset-lg-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-lg-95, .flex-offset-lg-95, .layout-margin .flex-offset-lg-95, .layout-margin .offset-lg-95 {
    margin-left: 95%; }
    [dir=rtl] .offset-lg-95, [dir=rtl] .flex-offset-lg-95, [dir=rtl] .layout-margin .flex-offset-lg-95, [dir=rtl] .layout-margin .offset-lg-95 {
      margin-left: auto;
      margin-right: 95%; }
  .offset-lg-33, .flex-offset-lg-33, .layout-margin .flex-offset-lg-33, .layout-margin .offset-lg-33 {
    margin-left: calc(100% / 3); }
  .offset-lg-66, .flex-offset-lg-66, .layout-margin .flex-offset-lg-66, .layout-margin .offset-lg-66 {
    margin-left: calc(200% / 3); }
    [dir=rtl] .offset-lg-66, [dir=rtl] .flex-offset-lg-66, [dir=rtl] .layout-margin .flex-offset-lg-66, [dir=rtl] .layout-margin .offset-lg-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-lg,
  .layout-align-lg-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-align: stretch;
        align-items: stretch; }
  .layout-align-lg-start,
  .layout-align-lg-start-start,
  .layout-align-lg-start-center,
  .layout-align-lg-start-end,
  .layout-align-lg-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .layout-align-lg-center,
  .layout-align-lg-center-start,
  .layout-align-lg-center-center,
  .layout-align-lg-center-end,
  .layout-align-lg-center-stretch {
    -ms-flex-pack: center;
        justify-content: center; }
  .layout-align-lg-end,
  .layout-align-lg-end-start,
  .layout-align-lg-end-center,
  .layout-align-lg-end-end,
  .layout-align-lg-end-stretch {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .layout-align-lg-space-around,
  .layout-align-lg-space-around-center,
  .layout-align-lg-space-around-start,
  .layout-align-lg-space-around-end,
  .layout-align-lg-space-around-stretch {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .layout-align-lg-space-between,
  .layout-align-lg-space-between-center,
  .layout-align-lg-space-between-start,
  .layout-align-lg-space-between-end,
  .layout-align-lg-space-between-stretch {
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .layout-align-lg-start-start,
  .layout-align-lg-center-start,
  .layout-align-lg-end-start,
  .layout-align-lg-space-between-start,
  .layout-align-lg-space-around-start {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .layout-align-lg-start-center,
  .layout-align-lg-center-center,
  .layout-align-lg-end-center,
  .layout-align-lg-space-between-center,
  .layout-align-lg-space-around-center {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    max-width: 100%; }
  .layout-align-lg-start-center > *,
  .layout-align-lg-center-center > *,
  .layout-align-lg-end-center > *,
  .layout-align-lg-space-between-center > *,
  .layout-align-lg-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-lg-start-end,
  .layout-align-lg-center-end,
  .layout-align-lg-end-end,
  .layout-align-lg-space-between-end,
  .layout-align-lg-space-around-end {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end; }
  .layout-align-lg-start-stretch,
  .layout-align-lg-center-stretch,
  .layout-align-lg-end-stretch,
  .layout-align-lg-space-between-stretch,
  .layout-align-lg-space-around-stretch {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch; }
  .flex-lg {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box; }
  .flex-lg-grow {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-lg-initial {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-lg-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-lg-none {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-lg-noshrink {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-lg-nogrow {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-lg-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-lg-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-lg-column > .flex-lg-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-lg-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-lg-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-lg-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-lg-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-lg-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-lg-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-lg-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-lg-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-lg-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-lg-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-lg-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-lg-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-lg-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-lg-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-lg-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-lg-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-lg-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-lg-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-lg-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-lg-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-33 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-66 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-row > .flex {
    min-width: 0; }
  .layout-lg-column > .flex-lg-33 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-66 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-column > .flex {
    min-height: 0; }
  .layout-lg, .layout-lg-column, .layout-lg-row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-lg-column {
    -ms-flex-direction: column;
        flex-direction: column; }
  .layout-lg-row {
    -ms-flex-direction: row;
        flex-direction: row; } }

@media (min-width: 1920px) {
  .flex-order-gt-lg--20 {
    -ms-flex-order: -20;
        order: -20; }
  .flex-order-gt-lg--19 {
    -ms-flex-order: -19;
        order: -19; }
  .flex-order-gt-lg--18 {
    -ms-flex-order: -18;
        order: -18; }
  .flex-order-gt-lg--17 {
    -ms-flex-order: -17;
        order: -17; }
  .flex-order-gt-lg--16 {
    -ms-flex-order: -16;
        order: -16; }
  .flex-order-gt-lg--15 {
    -ms-flex-order: -15;
        order: -15; }
  .flex-order-gt-lg--14 {
    -ms-flex-order: -14;
        order: -14; }
  .flex-order-gt-lg--13 {
    -ms-flex-order: -13;
        order: -13; }
  .flex-order-gt-lg--12 {
    -ms-flex-order: -12;
        order: -12; }
  .flex-order-gt-lg--11 {
    -ms-flex-order: -11;
        order: -11; }
  .flex-order-gt-lg--10 {
    -ms-flex-order: -10;
        order: -10; }
  .flex-order-gt-lg--9 {
    -ms-flex-order: -9;
        order: -9; }
  .flex-order-gt-lg--8 {
    -ms-flex-order: -8;
        order: -8; }
  .flex-order-gt-lg--7 {
    -ms-flex-order: -7;
        order: -7; }
  .flex-order-gt-lg--6 {
    -ms-flex-order: -6;
        order: -6; }
  .flex-order-gt-lg--5 {
    -ms-flex-order: -5;
        order: -5; }
  .flex-order-gt-lg--4 {
    -ms-flex-order: -4;
        order: -4; }
  .flex-order-gt-lg--3 {
    -ms-flex-order: -3;
        order: -3; }
  .flex-order-gt-lg--2 {
    -ms-flex-order: -2;
        order: -2; }
  .flex-order-gt-lg--1 {
    -ms-flex-order: -1;
        order: -1; }
  .flex-order-gt-lg-0 {
    -ms-flex-order: 0;
        order: 0; }
  .flex-order-gt-lg-1 {
    -ms-flex-order: 1;
        order: 1; }
  .flex-order-gt-lg-2 {
    -ms-flex-order: 2;
        order: 2; }
  .flex-order-gt-lg-3 {
    -ms-flex-order: 3;
        order: 3; }
  .flex-order-gt-lg-4 {
    -ms-flex-order: 4;
        order: 4; }
  .flex-order-gt-lg-5 {
    -ms-flex-order: 5;
        order: 5; }
  .flex-order-gt-lg-6 {
    -ms-flex-order: 6;
        order: 6; }
  .flex-order-gt-lg-7 {
    -ms-flex-order: 7;
        order: 7; }
  .flex-order-gt-lg-8 {
    -ms-flex-order: 8;
        order: 8; }
  .flex-order-gt-lg-9 {
    -ms-flex-order: 9;
        order: 9; }
  .flex-order-gt-lg-10 {
    -ms-flex-order: 10;
        order: 10; }
  .flex-order-gt-lg-11 {
    -ms-flex-order: 11;
        order: 11; }
  .flex-order-gt-lg-12 {
    -ms-flex-order: 12;
        order: 12; }
  .flex-order-gt-lg-13 {
    -ms-flex-order: 13;
        order: 13; }
  .flex-order-gt-lg-14 {
    -ms-flex-order: 14;
        order: 14; }
  .flex-order-gt-lg-15 {
    -ms-flex-order: 15;
        order: 15; }
  .flex-order-gt-lg-16 {
    -ms-flex-order: 16;
        order: 16; }
  .flex-order-gt-lg-17 {
    -ms-flex-order: 17;
        order: 17; }
  .flex-order-gt-lg-18 {
    -ms-flex-order: 18;
        order: 18; }
  .flex-order-gt-lg-19 {
    -ms-flex-order: 19;
        order: 19; }
  .flex-order-gt-lg-20 {
    -ms-flex-order: 20;
        order: 20; }
  .offset-gt-lg-0, .flex-offset-gt-lg-0, .layout-margin .flex-offset-gt-lg-0, .layout-margin .offset-gt-lg-0 {
    margin-left: 0; }
    [dir=rtl] .offset-gt-lg-0, [dir=rtl] .flex-offset-gt-lg-0, [dir=rtl] .layout-margin .flex-offset-gt-lg-0, [dir=rtl] .layout-margin .offset-gt-lg-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-gt-lg-5, .flex-offset-gt-lg-5, .layout-margin .flex-offset-gt-lg-5, .layout-margin .offset-gt-lg-5 {
    margin-left: 5%; }
    [dir=rtl] .offset-gt-lg-5, [dir=rtl] .flex-offset-gt-lg-5, [dir=rtl] .layout-margin .flex-offset-gt-lg-5, [dir=rtl] .layout-margin .offset-gt-lg-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-gt-lg-10, .flex-offset-gt-lg-10, .layout-margin .flex-offset-gt-lg-10, .layout-margin .offset-gt-lg-10 {
    margin-left: 10%; }
    [dir=rtl] .offset-gt-lg-10, [dir=rtl] .flex-offset-gt-lg-10, [dir=rtl] .layout-margin .flex-offset-gt-lg-10, [dir=rtl] .layout-margin .offset-gt-lg-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-gt-lg-15, .flex-offset-gt-lg-15, .layout-margin .flex-offset-gt-lg-15, .layout-margin .offset-gt-lg-15 {
    margin-left: 15%; }
    [dir=rtl] .offset-gt-lg-15, [dir=rtl] .flex-offset-gt-lg-15, [dir=rtl] .layout-margin .flex-offset-gt-lg-15, [dir=rtl] .layout-margin .offset-gt-lg-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-gt-lg-20, .flex-offset-gt-lg-20, .layout-margin .flex-offset-gt-lg-20, .layout-margin .offset-gt-lg-20 {
    margin-left: 20%; }
    [dir=rtl] .offset-gt-lg-20, [dir=rtl] .flex-offset-gt-lg-20, [dir=rtl] .layout-margin .flex-offset-gt-lg-20, [dir=rtl] .layout-margin .offset-gt-lg-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-gt-lg-25, .flex-offset-gt-lg-25, .layout-margin .flex-offset-gt-lg-25, .layout-margin .offset-gt-lg-25 {
    margin-left: 25%; }
    [dir=rtl] .offset-gt-lg-25, [dir=rtl] .flex-offset-gt-lg-25, [dir=rtl] .layout-margin .flex-offset-gt-lg-25, [dir=rtl] .layout-margin .offset-gt-lg-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-gt-lg-30, .flex-offset-gt-lg-30, .layout-margin .flex-offset-gt-lg-30, .layout-margin .offset-gt-lg-30 {
    margin-left: 30%; }
    [dir=rtl] .offset-gt-lg-30, [dir=rtl] .flex-offset-gt-lg-30, [dir=rtl] .layout-margin .flex-offset-gt-lg-30, [dir=rtl] .layout-margin .offset-gt-lg-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-gt-lg-35, .flex-offset-gt-lg-35, .layout-margin .flex-offset-gt-lg-35, .layout-margin .offset-gt-lg-35 {
    margin-left: 35%; }
    [dir=rtl] .offset-gt-lg-35, [dir=rtl] .flex-offset-gt-lg-35, [dir=rtl] .layout-margin .flex-offset-gt-lg-35, [dir=rtl] .layout-margin .offset-gt-lg-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-gt-lg-40, .flex-offset-gt-lg-40, .layout-margin .flex-offset-gt-lg-40, .layout-margin .offset-gt-lg-40 {
    margin-left: 40%; }
    [dir=rtl] .offset-gt-lg-40, [dir=rtl] .flex-offset-gt-lg-40, [dir=rtl] .layout-margin .flex-offset-gt-lg-40, [dir=rtl] .layout-margin .offset-gt-lg-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-gt-lg-45, .flex-offset-gt-lg-45, .layout-margin .flex-offset-gt-lg-45, .layout-margin .offset-gt-lg-45 {
    margin-left: 45%; }
    [dir=rtl] .offset-gt-lg-45, [dir=rtl] .flex-offset-gt-lg-45, [dir=rtl] .layout-margin .flex-offset-gt-lg-45, [dir=rtl] .layout-margin .offset-gt-lg-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-gt-lg-50, .flex-offset-gt-lg-50, .layout-margin .flex-offset-gt-lg-50, .layout-margin .offset-gt-lg-50 {
    margin-left: 50%; }
    [dir=rtl] .offset-gt-lg-50, [dir=rtl] .flex-offset-gt-lg-50, [dir=rtl] .layout-margin .flex-offset-gt-lg-50, [dir=rtl] .layout-margin .offset-gt-lg-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-gt-lg-55, .flex-offset-gt-lg-55, .layout-margin .flex-offset-gt-lg-55, .layout-margin .offset-gt-lg-55 {
    margin-left: 55%; }
    [dir=rtl] .offset-gt-lg-55, [dir=rtl] .flex-offset-gt-lg-55, [dir=rtl] .layout-margin .flex-offset-gt-lg-55, [dir=rtl] .layout-margin .offset-gt-lg-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-gt-lg-60, .flex-offset-gt-lg-60, .layout-margin .flex-offset-gt-lg-60, .layout-margin .offset-gt-lg-60 {
    margin-left: 60%; }
    [dir=rtl] .offset-gt-lg-60, [dir=rtl] .flex-offset-gt-lg-60, [dir=rtl] .layout-margin .flex-offset-gt-lg-60, [dir=rtl] .layout-margin .offset-gt-lg-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-gt-lg-65, .flex-offset-gt-lg-65, .layout-margin .flex-offset-gt-lg-65, .layout-margin .offset-gt-lg-65 {
    margin-left: 65%; }
    [dir=rtl] .offset-gt-lg-65, [dir=rtl] .flex-offset-gt-lg-65, [dir=rtl] .layout-margin .flex-offset-gt-lg-65, [dir=rtl] .layout-margin .offset-gt-lg-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-gt-lg-70, .flex-offset-gt-lg-70, .layout-margin .flex-offset-gt-lg-70, .layout-margin .offset-gt-lg-70 {
    margin-left: 70%; }
    [dir=rtl] .offset-gt-lg-70, [dir=rtl] .flex-offset-gt-lg-70, [dir=rtl] .layout-margin .flex-offset-gt-lg-70, [dir=rtl] .layout-margin .offset-gt-lg-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-gt-lg-75, .flex-offset-gt-lg-75, .layout-margin .flex-offset-gt-lg-75, .layout-margin .offset-gt-lg-75 {
    margin-left: 75%; }
    [dir=rtl] .offset-gt-lg-75, [dir=rtl] .flex-offset-gt-lg-75, [dir=rtl] .layout-margin .flex-offset-gt-lg-75, [dir=rtl] .layout-margin .offset-gt-lg-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-gt-lg-80, .flex-offset-gt-lg-80, .layout-margin .flex-offset-gt-lg-80, .layout-margin .offset-gt-lg-80 {
    margin-left: 80%; }
    [dir=rtl] .offset-gt-lg-80, [dir=rtl] .flex-offset-gt-lg-80, [dir=rtl] .layout-margin .flex-offset-gt-lg-80, [dir=rtl] .layout-margin .offset-gt-lg-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-gt-lg-85, .flex-offset-gt-lg-85, .layout-margin .flex-offset-gt-lg-85, .layout-margin .offset-gt-lg-85 {
    margin-left: 85%; }
    [dir=rtl] .offset-gt-lg-85, [dir=rtl] .flex-offset-gt-lg-85, [dir=rtl] .layout-margin .flex-offset-gt-lg-85, [dir=rtl] .layout-margin .offset-gt-lg-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-gt-lg-90, .flex-offset-gt-lg-90, .layout-margin .flex-offset-gt-lg-90, .layout-margin .offset-gt-lg-90 {
    margin-left: 90%; }
    [dir=rtl] .offset-gt-lg-90, [dir=rtl] .flex-offset-gt-lg-90, [dir=rtl] .layout-margin .flex-offset-gt-lg-90, [dir=rtl] .layout-margin .offset-gt-lg-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-gt-lg-95, .flex-offset-gt-lg-95, .layout-margin .flex-offset-gt-lg-95, .layout-margin .offset-gt-lg-95 {
    margin-left: 95%; }
    [dir=rtl] .offset-gt-lg-95, [dir=rtl] .flex-offset-gt-lg-95, [dir=rtl] .layout-margin .flex-offset-gt-lg-95, [dir=rtl] .layout-margin .offset-gt-lg-95 {
      margin-left: auto;
      margin-right: 95%; }
  .offset-gt-lg-33, .flex-offset-gt-lg-33, .layout-margin .flex-offset-gt-lg-33, .layout-margin .offset-gt-lg-33 {
    margin-left: calc(100% / 3); }
  .offset-gt-lg-66, .flex-offset-gt-lg-66, .layout-margin .flex-offset-gt-lg-66, .layout-margin .offset-gt-lg-66 {
    margin-left: calc(200% / 3); }
    [dir=rtl] .offset-gt-lg-66, [dir=rtl] .flex-offset-gt-lg-66, [dir=rtl] .layout-margin .flex-offset-gt-lg-66, [dir=rtl] .layout-margin .offset-gt-lg-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-gt-lg,
  .layout-align-gt-lg-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-align: stretch;
        align-items: stretch; }
  .layout-align-gt-lg-start,
  .layout-align-gt-lg-start-start,
  .layout-align-gt-lg-start-center,
  .layout-align-gt-lg-start-end,
  .layout-align-gt-lg-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .layout-align-gt-lg-center,
  .layout-align-gt-lg-center-start,
  .layout-align-gt-lg-center-center,
  .layout-align-gt-lg-center-end,
  .layout-align-gt-lg-center-stretch {
    -ms-flex-pack: center;
        justify-content: center; }
  .layout-align-gt-lg-end,
  .layout-align-gt-lg-end-start,
  .layout-align-gt-lg-end-center,
  .layout-align-gt-lg-end-end,
  .layout-align-gt-lg-end-stretch {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .layout-align-gt-lg-space-around,
  .layout-align-gt-lg-space-around-center,
  .layout-align-gt-lg-space-around-start,
  .layout-align-gt-lg-space-around-end,
  .layout-align-gt-lg-space-around-stretch {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .layout-align-gt-lg-space-between,
  .layout-align-gt-lg-space-between-center,
  .layout-align-gt-lg-space-between-start,
  .layout-align-gt-lg-space-between-end,
  .layout-align-gt-lg-space-between-stretch {
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .layout-align-gt-lg-start-start,
  .layout-align-gt-lg-center-start,
  .layout-align-gt-lg-end-start,
  .layout-align-gt-lg-space-between-start,
  .layout-align-gt-lg-space-around-start {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .layout-align-gt-lg-start-center,
  .layout-align-gt-lg-center-center,
  .layout-align-gt-lg-end-center,
  .layout-align-gt-lg-space-between-center,
  .layout-align-gt-lg-space-around-center {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    max-width: 100%; }
  .layout-align-gt-lg-start-center > *,
  .layout-align-gt-lg-center-center > *,
  .layout-align-gt-lg-end-center > *,
  .layout-align-gt-lg-space-between-center > *,
  .layout-align-gt-lg-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-gt-lg-start-end,
  .layout-align-gt-lg-center-end,
  .layout-align-gt-lg-end-end,
  .layout-align-gt-lg-space-between-end,
  .layout-align-gt-lg-space-around-end {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end; }
  .layout-align-gt-lg-start-stretch,
  .layout-align-gt-lg-center-stretch,
  .layout-align-gt-lg-end-stretch,
  .layout-align-gt-lg-space-between-stretch,
  .layout-align-gt-lg-space-around-stretch {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch; }
  .flex-gt-lg {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box; }
  .flex-gt-lg-grow {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-gt-lg-initial {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-lg-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-gt-lg-none {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-gt-lg-noshrink {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-gt-lg-nogrow {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-lg-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-gt-lg-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-gt-lg-column > .flex-gt-lg-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-gt-lg-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-gt-lg-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-gt-lg-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-gt-lg-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-gt-lg-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-gt-lg-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-gt-lg-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-gt-lg-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-gt-lg-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-gt-lg-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-gt-lg-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-gt-lg-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-gt-lg-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-gt-lg-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-gt-lg-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-gt-lg-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-gt-lg-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-gt-lg-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-gt-lg-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-gt-lg-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-33 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-66 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex {
    min-width: 0; }
  .layout-gt-lg-column > .flex-gt-lg-33 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-66 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex {
    min-height: 0; }
  .layout-gt-lg, .layout-gt-lg-column, .layout-gt-lg-row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-gt-lg-column {
    -ms-flex-direction: column;
        flex-direction: column; }
  .layout-gt-lg-row {
    -ms-flex-direction: row;
        flex-direction: row; }
  .flex-order-xl--20 {
    -ms-flex-order: -20;
        order: -20; }
  .flex-order-xl--19 {
    -ms-flex-order: -19;
        order: -19; }
  .flex-order-xl--18 {
    -ms-flex-order: -18;
        order: -18; }
  .flex-order-xl--17 {
    -ms-flex-order: -17;
        order: -17; }
  .flex-order-xl--16 {
    -ms-flex-order: -16;
        order: -16; }
  .flex-order-xl--15 {
    -ms-flex-order: -15;
        order: -15; }
  .flex-order-xl--14 {
    -ms-flex-order: -14;
        order: -14; }
  .flex-order-xl--13 {
    -ms-flex-order: -13;
        order: -13; }
  .flex-order-xl--12 {
    -ms-flex-order: -12;
        order: -12; }
  .flex-order-xl--11 {
    -ms-flex-order: -11;
        order: -11; }
  .flex-order-xl--10 {
    -ms-flex-order: -10;
        order: -10; }
  .flex-order-xl--9 {
    -ms-flex-order: -9;
        order: -9; }
  .flex-order-xl--8 {
    -ms-flex-order: -8;
        order: -8; }
  .flex-order-xl--7 {
    -ms-flex-order: -7;
        order: -7; }
  .flex-order-xl--6 {
    -ms-flex-order: -6;
        order: -6; }
  .flex-order-xl--5 {
    -ms-flex-order: -5;
        order: -5; }
  .flex-order-xl--4 {
    -ms-flex-order: -4;
        order: -4; }
  .flex-order-xl--3 {
    -ms-flex-order: -3;
        order: -3; }
  .flex-order-xl--2 {
    -ms-flex-order: -2;
        order: -2; }
  .flex-order-xl--1 {
    -ms-flex-order: -1;
        order: -1; }
  .flex-order-xl-0 {
    -ms-flex-order: 0;
        order: 0; }
  .flex-order-xl-1 {
    -ms-flex-order: 1;
        order: 1; }
  .flex-order-xl-2 {
    -ms-flex-order: 2;
        order: 2; }
  .flex-order-xl-3 {
    -ms-flex-order: 3;
        order: 3; }
  .flex-order-xl-4 {
    -ms-flex-order: 4;
        order: 4; }
  .flex-order-xl-5 {
    -ms-flex-order: 5;
        order: 5; }
  .flex-order-xl-6 {
    -ms-flex-order: 6;
        order: 6; }
  .flex-order-xl-7 {
    -ms-flex-order: 7;
        order: 7; }
  .flex-order-xl-8 {
    -ms-flex-order: 8;
        order: 8; }
  .flex-order-xl-9 {
    -ms-flex-order: 9;
        order: 9; }
  .flex-order-xl-10 {
    -ms-flex-order: 10;
        order: 10; }
  .flex-order-xl-11 {
    -ms-flex-order: 11;
        order: 11; }
  .flex-order-xl-12 {
    -ms-flex-order: 12;
        order: 12; }
  .flex-order-xl-13 {
    -ms-flex-order: 13;
        order: 13; }
  .flex-order-xl-14 {
    -ms-flex-order: 14;
        order: 14; }
  .flex-order-xl-15 {
    -ms-flex-order: 15;
        order: 15; }
  .flex-order-xl-16 {
    -ms-flex-order: 16;
        order: 16; }
  .flex-order-xl-17 {
    -ms-flex-order: 17;
        order: 17; }
  .flex-order-xl-18 {
    -ms-flex-order: 18;
        order: 18; }
  .flex-order-xl-19 {
    -ms-flex-order: 19;
        order: 19; }
  .flex-order-xl-20 {
    -ms-flex-order: 20;
        order: 20; }
  .offset-xl-0, .flex-offset-xl-0, .layout-margin .flex-offset-xl-0, .layout-margin .offset-xl-0 {
    margin-left: 0; }
    [dir=rtl] .offset-xl-0, [dir=rtl] .flex-offset-xl-0, [dir=rtl] .layout-margin .flex-offset-xl-0, [dir=rtl] .layout-margin .offset-xl-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-xl-5, .flex-offset-xl-5, .layout-margin .flex-offset-xl-5, .layout-margin .offset-xl-5 {
    margin-left: 5%; }
    [dir=rtl] .offset-xl-5, [dir=rtl] .flex-offset-xl-5, [dir=rtl] .layout-margin .flex-offset-xl-5, [dir=rtl] .layout-margin .offset-xl-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-xl-10, .flex-offset-xl-10, .layout-margin .flex-offset-xl-10, .layout-margin .offset-xl-10 {
    margin-left: 10%; }
    [dir=rtl] .offset-xl-10, [dir=rtl] .flex-offset-xl-10, [dir=rtl] .layout-margin .flex-offset-xl-10, [dir=rtl] .layout-margin .offset-xl-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-xl-15, .flex-offset-xl-15, .layout-margin .flex-offset-xl-15, .layout-margin .offset-xl-15 {
    margin-left: 15%; }
    [dir=rtl] .offset-xl-15, [dir=rtl] .flex-offset-xl-15, [dir=rtl] .layout-margin .flex-offset-xl-15, [dir=rtl] .layout-margin .offset-xl-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-xl-20, .flex-offset-xl-20, .layout-margin .flex-offset-xl-20, .layout-margin .offset-xl-20 {
    margin-left: 20%; }
    [dir=rtl] .offset-xl-20, [dir=rtl] .flex-offset-xl-20, [dir=rtl] .layout-margin .flex-offset-xl-20, [dir=rtl] .layout-margin .offset-xl-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-xl-25, .flex-offset-xl-25, .layout-margin .flex-offset-xl-25, .layout-margin .offset-xl-25 {
    margin-left: 25%; }
    [dir=rtl] .offset-xl-25, [dir=rtl] .flex-offset-xl-25, [dir=rtl] .layout-margin .flex-offset-xl-25, [dir=rtl] .layout-margin .offset-xl-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-xl-30, .flex-offset-xl-30, .layout-margin .flex-offset-xl-30, .layout-margin .offset-xl-30 {
    margin-left: 30%; }
    [dir=rtl] .offset-xl-30, [dir=rtl] .flex-offset-xl-30, [dir=rtl] .layout-margin .flex-offset-xl-30, [dir=rtl] .layout-margin .offset-xl-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-xl-35, .flex-offset-xl-35, .layout-margin .flex-offset-xl-35, .layout-margin .offset-xl-35 {
    margin-left: 35%; }
    [dir=rtl] .offset-xl-35, [dir=rtl] .flex-offset-xl-35, [dir=rtl] .layout-margin .flex-offset-xl-35, [dir=rtl] .layout-margin .offset-xl-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-xl-40, .flex-offset-xl-40, .layout-margin .flex-offset-xl-40, .layout-margin .offset-xl-40 {
    margin-left: 40%; }
    [dir=rtl] .offset-xl-40, [dir=rtl] .flex-offset-xl-40, [dir=rtl] .layout-margin .flex-offset-xl-40, [dir=rtl] .layout-margin .offset-xl-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-xl-45, .flex-offset-xl-45, .layout-margin .flex-offset-xl-45, .layout-margin .offset-xl-45 {
    margin-left: 45%; }
    [dir=rtl] .offset-xl-45, [dir=rtl] .flex-offset-xl-45, [dir=rtl] .layout-margin .flex-offset-xl-45, [dir=rtl] .layout-margin .offset-xl-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-xl-50, .flex-offset-xl-50, .layout-margin .flex-offset-xl-50, .layout-margin .offset-xl-50 {
    margin-left: 50%; }
    [dir=rtl] .offset-xl-50, [dir=rtl] .flex-offset-xl-50, [dir=rtl] .layout-margin .flex-offset-xl-50, [dir=rtl] .layout-margin .offset-xl-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-xl-55, .flex-offset-xl-55, .layout-margin .flex-offset-xl-55, .layout-margin .offset-xl-55 {
    margin-left: 55%; }
    [dir=rtl] .offset-xl-55, [dir=rtl] .flex-offset-xl-55, [dir=rtl] .layout-margin .flex-offset-xl-55, [dir=rtl] .layout-margin .offset-xl-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-xl-60, .flex-offset-xl-60, .layout-margin .flex-offset-xl-60, .layout-margin .offset-xl-60 {
    margin-left: 60%; }
    [dir=rtl] .offset-xl-60, [dir=rtl] .flex-offset-xl-60, [dir=rtl] .layout-margin .flex-offset-xl-60, [dir=rtl] .layout-margin .offset-xl-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-xl-65, .flex-offset-xl-65, .layout-margin .flex-offset-xl-65, .layout-margin .offset-xl-65 {
    margin-left: 65%; }
    [dir=rtl] .offset-xl-65, [dir=rtl] .flex-offset-xl-65, [dir=rtl] .layout-margin .flex-offset-xl-65, [dir=rtl] .layout-margin .offset-xl-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-xl-70, .flex-offset-xl-70, .layout-margin .flex-offset-xl-70, .layout-margin .offset-xl-70 {
    margin-left: 70%; }
    [dir=rtl] .offset-xl-70, [dir=rtl] .flex-offset-xl-70, [dir=rtl] .layout-margin .flex-offset-xl-70, [dir=rtl] .layout-margin .offset-xl-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-xl-75, .flex-offset-xl-75, .layout-margin .flex-offset-xl-75, .layout-margin .offset-xl-75 {
    margin-left: 75%; }
    [dir=rtl] .offset-xl-75, [dir=rtl] .flex-offset-xl-75, [dir=rtl] .layout-margin .flex-offset-xl-75, [dir=rtl] .layout-margin .offset-xl-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-xl-80, .flex-offset-xl-80, .layout-margin .flex-offset-xl-80, .layout-margin .offset-xl-80 {
    margin-left: 80%; }
    [dir=rtl] .offset-xl-80, [dir=rtl] .flex-offset-xl-80, [dir=rtl] .layout-margin .flex-offset-xl-80, [dir=rtl] .layout-margin .offset-xl-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-xl-85, .flex-offset-xl-85, .layout-margin .flex-offset-xl-85, .layout-margin .offset-xl-85 {
    margin-left: 85%; }
    [dir=rtl] .offset-xl-85, [dir=rtl] .flex-offset-xl-85, [dir=rtl] .layout-margin .flex-offset-xl-85, [dir=rtl] .layout-margin .offset-xl-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-xl-90, .flex-offset-xl-90, .layout-margin .flex-offset-xl-90, .layout-margin .offset-xl-90 {
    margin-left: 90%; }
    [dir=rtl] .offset-xl-90, [dir=rtl] .flex-offset-xl-90, [dir=rtl] .layout-margin .flex-offset-xl-90, [dir=rtl] .layout-margin .offset-xl-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-xl-95, .flex-offset-xl-95, .layout-margin .flex-offset-xl-95, .layout-margin .offset-xl-95 {
    margin-left: 95%; }
    [dir=rtl] .offset-xl-95, [dir=rtl] .flex-offset-xl-95, [dir=rtl] .layout-margin .flex-offset-xl-95, [dir=rtl] .layout-margin .offset-xl-95 {
      margin-left: auto;
      margin-right: 95%; }
  .offset-xl-33, .flex-offset-xl-33, .layout-margin .flex-offset-xl-33, .layout-margin .offset-xl-33 {
    margin-left: calc(100% / 3); }
  .offset-xl-66, .flex-offset-xl-66, .layout-margin .flex-offset-xl-66, .layout-margin .offset-xl-66 {
    margin-left: calc(200% / 3); }
    [dir=rtl] .offset-xl-66, [dir=rtl] .flex-offset-xl-66, [dir=rtl] .layout-margin .flex-offset-xl-66, [dir=rtl] .layout-margin .offset-xl-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-xl,
  .layout-align-xl-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-align: stretch;
        align-items: stretch; }
  .layout-align-xl-start,
  .layout-align-xl-start-start,
  .layout-align-xl-start-center,
  .layout-align-xl-start-end,
  .layout-align-xl-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .layout-align-xl-center,
  .layout-align-xl-center-start,
  .layout-align-xl-center-center,
  .layout-align-xl-center-end,
  .layout-align-xl-center-stretch {
    -ms-flex-pack: center;
        justify-content: center; }
  .layout-align-xl-end,
  .layout-align-xl-end-start,
  .layout-align-xl-end-center,
  .layout-align-xl-end-end,
  .layout-align-xl-end-stretch {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .layout-align-xl-space-around,
  .layout-align-xl-space-around-center,
  .layout-align-xl-space-around-start,
  .layout-align-xl-space-around-end,
  .layout-align-xl-space-around-stretch {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .layout-align-xl-space-between,
  .layout-align-xl-space-between-center,
  .layout-align-xl-space-between-start,
  .layout-align-xl-space-between-end,
  .layout-align-xl-space-between-stretch {
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .layout-align-xl-start-start,
  .layout-align-xl-center-start,
  .layout-align-xl-end-start,
  .layout-align-xl-space-between-start,
  .layout-align-xl-space-around-start {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .layout-align-xl-start-center,
  .layout-align-xl-center-center,
  .layout-align-xl-end-center,
  .layout-align-xl-space-between-center,
  .layout-align-xl-space-around-center {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    max-width: 100%; }
  .layout-align-xl-start-center > *,
  .layout-align-xl-center-center > *,
  .layout-align-xl-end-center > *,
  .layout-align-xl-space-between-center > *,
  .layout-align-xl-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-xl-start-end,
  .layout-align-xl-center-end,
  .layout-align-xl-end-end,
  .layout-align-xl-space-between-end,
  .layout-align-xl-space-around-end {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end; }
  .layout-align-xl-start-stretch,
  .layout-align-xl-center-stretch,
  .layout-align-xl-end-stretch,
  .layout-align-xl-space-between-stretch,
  .layout-align-xl-space-around-stretch {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch; }
  .flex-xl {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box; }
  .flex-xl-grow {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-xl-initial {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-xl-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-xl-none {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-xl-noshrink {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-xl-nogrow {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-xl-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-xl-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-xl-column > .flex-xl-0 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-xl-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-5 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-xl-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-10 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-xl-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-15 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-xl-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-20 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-xl-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-25 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-xl-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-30 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-xl-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-35 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-xl-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-40 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-xl-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-45 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-xl-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-50 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-xl-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-55 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-xl-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-60 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-xl-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-65 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-xl-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-70 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-xl-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-75 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-xl-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-80 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-xl-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-85 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-xl-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-90 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-xl-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-95 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-xl-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-33 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-66 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-row > .flex {
    min-width: 0; }
  .layout-xl-column > .flex-xl-33 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-66 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-column > .flex {
    min-height: 0; }
  .layout-xl, .layout-xl-column, .layout-xl-row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-xl-column {
    -ms-flex-direction: column;
        flex-direction: column; }
  .layout-xl-row {
    -ms-flex-direction: row;
        flex-direction: row; }
  .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-lg:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show) {
    display: none; }
  .hide-xl:not(.show-xl):not(.show-gt-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none; } }

@media print {
  .hide-print:not(.show-print):not(.show) {
    display: none !important; } }

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */ }

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto; }

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr; }

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto; }

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; }

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0; }

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0; }

.mCSB_outside + .mCSB_scrollTools {
  right: -26px; }

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px; }

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px; }

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px; }

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  box-sizing: border-box; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0; }

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out; }

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"; }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/ }

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/ }

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/ }

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/ }

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px; }

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px; }

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px; }

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px; }

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px; }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px; }

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px; }

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px; }

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px; }

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px; }

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0; }

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto; }

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0; }

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px; }

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  box-sizing: border-box; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2); }

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

/* ---------------------------------------- */
.drop-element, .drop-element:after, .drop-element:before, .drop-element *, .drop-element *:after, .drop-element *:before {
  box-sizing: border-box; }

.drop-element {
  position: absolute;
  display: none; }

.drop-element.drop-open {
  display: block; }

.drop-element.drop-theme-arrows {
  max-width: 100%;
  max-height: 100%; }

.drop-element.drop-theme-arrows .drop-content {
  border-radius: 5px;
  position: relative;
  font-family: inherit;
  background: #eee;
  color: #444;
  padding: 1em;
  font-size: 1.1em;
  line-height: 1.5em;
  transform: translateZ(0);
  filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2)); }

.drop-element.drop-theme-arrows .drop-content:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-width: 16px;
  border-style: solid; }

.drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-center .drop-content {
  margin-bottom: 16px; }

.drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-center .drop-content:before {
  top: 100%;
  left: 50%;
  margin-left: -16px;
  border-top-color: #eee; }

.drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-center .drop-content {
  margin-top: 16px; }

.drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-center .drop-content:before {
  bottom: 100%;
  left: 50%;
  margin-left: -16px;
  border-bottom-color: #eee; }

.drop-element.drop-theme-arrows.drop-element-attached-right.drop-element-attached-middle .drop-content {
  margin-right: 16px; }

.drop-element.drop-theme-arrows.drop-element-attached-right.drop-element-attached-middle .drop-content:before {
  left: 100%;
  top: 50%;
  margin-top: -16px;
  border-left-color: #eee; }

.drop-element.drop-theme-arrows.drop-element-attached-left.drop-element-attached-middle .drop-content {
  margin-left: 16px; }

.drop-element.drop-theme-arrows.drop-element-attached-left.drop-element-attached-middle .drop-content:before {
  right: 100%;
  top: 50%;
  margin-top: -16px;
  border-right-color: #eee; }

.drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-left.drop-target-attached-bottom .drop-content {
  margin-top: 16px; }

.drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-left.drop-target-attached-bottom .drop-content:before {
  bottom: 100%;
  left: 16px;
  border-bottom-color: #eee; }

.drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-right.drop-target-attached-bottom .drop-content {
  margin-top: 16px; }

.drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-right.drop-target-attached-bottom .drop-content:before {
  bottom: 100%;
  right: 16px;
  border-bottom-color: #eee; }

.drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-top .drop-content {
  margin-bottom: 16px; }

.drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-top .drop-content:before {
  top: 100%;
  left: 16px;
  border-top-color: #eee; }

.drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-top .drop-content {
  margin-bottom: 16px; }

.drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-top .drop-content:before {
  top: 100%;
  right: 16px;
  border-top-color: #eee; }

.drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-right.drop-target-attached-left .drop-content {
  margin-right: 16px; }

.drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-right.drop-target-attached-left .drop-content:before {
  top: 16px;
  left: 100%;
  border-left-color: #eee; }

.drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-left.drop-target-attached-right .drop-content {
  margin-left: 16px; }

.drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-left.drop-target-attached-right .drop-content:before {
  top: 16px;
  right: 100%;
  border-right-color: #eee; }

.drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-left .drop-content {
  margin-right: 16px; }

.drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-left .drop-content:before {
  bottom: 16px;
  left: 100%;
  border-left-color: #eee; }

.drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-right .drop-content {
  margin-left: 16px; }

.drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-right .drop-content:before {
  bottom: 16px;
  right: 100%;
  border-right-color: #eee; }

.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center; }

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101"; }

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play-circle:before {
  content: "\f102"; }

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103"; }

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104"; }

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105"; }

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106"; }

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107"; }

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108"; }

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109"; }

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-square:before {
  content: "\f10a"; }

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-spinner:before {
  content: "\f10b"; }

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10c"; }

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10d"; }

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e"; }

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-share:before {
  content: "\f10f"; }

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-cog:before {
  content: "\f110"; }

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f111"; }

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-circle-outline:before {
  content: "\f112"; }

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-circle-inner-circle:before {
  content: "\f113"; }

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-hd:before {
  content: "\f114"; }

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115"; }

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116"; }

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-facebook:before {
  content: "\f117"; }

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-gplus:before {
  content: "\f118"; }

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-linkedin:before {
  content: "\f119"; }

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-twitter:before {
  content: "\f11a"; }

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-tumblr:before {
  content: "\f11b"; }

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-pinterest:before {
  content: "\f11c"; }

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d"; }

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e"; }

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-next-item:before {
  content: "\f11f"; }

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-previous-item:before {
  content: "\f120"; }

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f121"; }

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f122"; }

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial; }

.video-js:-moz-full-screen {
  position: absolute; }

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important; }

.video-js[tabindex="-1"] {
  outline: none; }

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit; }

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0; }

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%; }

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0; }

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%; }

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%; }

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%; }

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%; }

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%; }

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none; }

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%; }

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0; }

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none; }

.vjs-hidden {
  display: none !important; }

.vjs-disabled {
  opacity: 0.5;
  cursor: default; }

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important; }

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto; }

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC; }

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s; }

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.81666em;
  margin-left: -1.5em; }

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s; }

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none; }

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block; }

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  appearance: none; }

.vjs-control .vjs-button {
  width: 100%;
  height: 100%; }

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2; }

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto; }

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box; }

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1; }

.vjs-menu-button {
  cursor: pointer; }

.vjs-menu-button.vjs-disabled {
  cursor: default; }

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none; }

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto; }

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box; }

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none; }

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F; }

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none; }

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default; }

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7); }

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em; }

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em; }

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em; }

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em; }

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em; }

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block; }

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden; }

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em; }

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em; }

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s; }

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1; }

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto; }

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto; }

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden; }

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s; }

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s; }

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important; }

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto; }

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table; }

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -ms-flex: none;
      flex: none; }

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em; }

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67; }

.vjs-button > .vjs-icon-placeholder {
  display: block; }

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white; }

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle; }

.video-js .vjs-custom-control-spacer {
  display: none; }

.video-js .vjs-progress-control {
  cursor: pointer;
  -ms-flex: auto;
      flex: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-width: 4em;
  -ms-touch-action: none;
      touch-action: none; }

.video-js .vjs-progress-control.disabled {
  cursor: default; }

.vjs-live .vjs-progress-control {
  display: none; }

.vjs-liveui .vjs-progress-control {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.vjs-no-flex .vjs-progress-control {
  width: auto; }

.video-js .vjs-progress-holder {
  -ms-flex: auto;
      flex: auto;
  transition: all 0.2s;
  height: 0.3em; }

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px; }

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em; }

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em; }

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0; }

.video-js .vjs-play-progress {
  background-color: #fff; }

.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1; }

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5); }

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75); }

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1; }

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none; }

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible; }

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em; }

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1; }

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0; }

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block; }

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s; }

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none; }

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8); }

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.video-js .vjs-slider.disabled {
  cursor: default; }

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff; }

.video-js .vjs-mute-control {
  cursor: pointer;
  -ms-flex: none;
      flex: none; }

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: -ms-flexbox;
  display: flex; }

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em; }

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px; }

.video-js .vjs-volume-panel {
  transition: width 1s; }

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; }

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0; }

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s; }

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s; }

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em; }

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; }

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; }

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none; }

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em; }

.video-js .vjs-volume-panel {
  display: -ms-flexbox;
  display: flex; }

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em; }

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em; }

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto; }

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff; }

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1; }

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em; }

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1; }

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em; }

.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em; }

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em; }

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%; }

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%; }

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em; }

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1; }

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible; }

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px; }

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em; }

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1; }

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%; }

.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  z-index: 0; }

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block; }

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s; }

.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  display: none; }

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8); }

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%; }

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none; }

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
  display: block; }

.video-js .vjs-live-control {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex: auto;
      flex: auto;
  font-size: 1em;
  line-height: 3em; }

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left; }

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none; }

.video-js .vjs-seek-to-live-control {
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  -ms-flex: none;
      flex: none;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em; }

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left; }

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none; }

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto; }

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888; }

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red; }

.video-js .vjs-time-control {
  -ms-flex: none;
      flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em; }

.vjs-live .vjs-time-control {
  display: none; }

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none; }

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none; }

.vjs-time-divider {
  display: none;
  line-height: 3em; }

.vjs-live .vjs-time-divider {
  display: none; }

.video-js .vjs-play-control {
  cursor: pointer; }

.video-js .vjs-play-control .vjs-icon-placeholder {
  -ms-flex: none;
      flex: none; }

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none; }

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em; }

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em; }

.vjs-subtitles {
  color: #fff; }

.vjs-captions {
  color: #fc6; }

.vjs-tt-cue {
  display: block; }

video::-webkit-media-text-track-display {
  transform: translateY(-3em); }

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em); }

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  -ms-flex: none;
      flex: none; }

.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
  display: none; }

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -ms-flex: none;
      flex: none; }

.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
  display: none; }

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center; }

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em; }

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center; }

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%; }

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden; }

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  animation: vjs-spinner-show 0s linear 0.3s forwards; }

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  animation-delay: 0.44s; }

@keyframes vjs-spinner-show {
  to {
    visibility: visible; } }

@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg); } }

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none; }

.vjs-chapters-button .vjs-menu ul {
  width: 24em; }

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none; }

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em; }

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "";
  font-size: 1.5em;
  line-height: inherit; }

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none; }

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em; }

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " ";
  font-size: 1.5em;
  line-height: inherit; }

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none; }

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial; }

.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none; }

.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  -ms-flex: auto;
      flex: auto;
  display: block; }

.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
  width: auto; }

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%; }

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table; }

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell; }

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom; }

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px; }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px; }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1; }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; } }

.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em; }

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none; }

.vjs-text-track-settings fieldset span {
  display: inline-block; }

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em; }

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0; }

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); }

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75); }

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px; }

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em; }

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden; } }

.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000; }

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none; }

.video-js *:focus:not(:focus-visible) {
  outline: none; }

/*!
 * Estilos referentes as diretivas instaladas
 */
tags-input {
  display: block; }
  tags-input * {
    box-sizing: border-box; }
    tags-input *:before, tags-input *:after {
      box-sizing: border-box; }
  tags-input .host {
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 100%; }
    tags-input .host:active {
      outline: none; }
  tags-input .tags {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    padding: 1px;
    overflow: hidden;
    word-wrap: break-word;
    cursor: text;
    background-color: #fff;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;
    height: 100%; }
    tags-input .tags.focused {
      outline: none;
      box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6); }
    tags-input .tags .tag-list {
      margin: 0;
      padding: 0;
      list-style-type: none; }
    tags-input .tags .tag-item {
      margin: 2px;
      padding: 0 5px;
      display: inline-block;
      float: left;
      font: 14px 'Open Sans', sans-serif;
      height: 26px;
      line-height: 25px;
      border: 1px solid #acacac;
      border-radius: 3px;
      background: linear-gradient(to bottom, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); }
      tags-input .tags .tag-item.selected {
        background: linear-gradient(to bottom, #febbbb 0%, #fe9090 45%, #ff5c5c 100%); }
      tags-input .tags .tag-item .remove-button {
        margin: 0 0 0 5px;
        padding: 0;
        border: none;
        background: none;
        cursor: pointer;
        vertical-align: middle;
        font: bold 16px 'Open Sans', sans-serif;
        color: #585858; }
        tags-input .tags .tag-item .remove-button:active {
          color: #ff0000; }
    tags-input .tags .input {
      border: 0;
      outline: none;
      margin: 2px;
      padding: 0;
      padding-left: 5px;
      float: left;
      height: 26px;
      font: 14px 'Open Sans', sans-serif; }
      tags-input .tags .input.invalid-tag {
        color: #ff0000; }
      tags-input .tags .input::-ms-clear {
        display: none; }
  tags-input.ng-invalid .tags {
    box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6); }
  tags-input[disabled] .host:focus {
    outline: none; }
  tags-input[disabled] .tags {
    background-color: #eee;
    cursor: default; }
    tags-input[disabled] .tags .tag-item {
      opacity: 0.65;
      background: linear-gradient(to bottom, #f0f9ff 0%, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.62) 100%); }
      tags-input[disabled] .tags .tag-item .remove-button {
        cursor: default; }
        tags-input[disabled] .tags .tag-item .remove-button:active {
          color: #585858; }
    tags-input[disabled] .tags .input {
      background-color: #eee;
      cursor: default; }
  tags-input .autocomplete {
    margin-top: 5px;
    position: absolute;
    padding: 5px 0;
    z-index: 999;
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
    tags-input .autocomplete .suggestion-list {
      margin: 0;
      padding: 0;
      list-style-type: none;
      max-height: 280px;
      overflow-y: auto;
      position: relative; }
    tags-input .autocomplete .suggestion-item {
      padding: 5px 10px;
      cursor: pointer;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font: 14px 'Open Sans', sans-serif;
      color: #000;
      background-color: #fff; }
      tags-input .autocomplete .suggestion-item.selected {
        color: #fff;
        background-color: #0097cf; }
        tags-input .autocomplete .suggestion-item.selected em {
          color: #fff;
          background-color: #0097cf; }
      tags-input .autocomplete .suggestion-item em {
        font: normal bold 16px 'Open Sans', sans-serif;
        color: #000;
        background-color: #fff; }

.bootstrap .tags {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
  .bootstrap .tags.focused {
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .bootstrap .tags .tag-item {
    background: #00b60f;
    border-radius: 4px;
    border: 1px solid #f5f5f5;
    color: #fff;
    padding: 0 3px;
    font: 13px 'Open Sans', sans-serif;
    height: 22px;
    line-height: 20px; }
    .bootstrap .tags .tag-item.selected {
      background: #d9534f;
      border: 1px solid #d43f3a;
      border-radius: 4px;
      color: #fff; }
    .bootstrap .tags .tag-item button {
      background: transparent;
      color: #000;
      opacity: .4; }
    .bootstrap .tags .tag-item .remove-button {
      color: #fff; }

.bootstrap .autocomplete {
  border-radius: 4px; }
  .bootstrap .autocomplete .suggestion-item.selected {
    color: #262626;
    background-color: #e9e9e9; }
  .bootstrap .autocomplete .suggestion-item em {
    font-weight: normal;
    background-color: #ffff00; }
  .bootstrap .autocomplete .suggestion-item.selected em {
    color: #262626;
    background-color: #ffff00; }

progress-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4; }

.drop-element {
  z-index: 20;
  box-sizing: border-box;
  position: absolute;
  display: none; }
  .drop-element:after, .drop-element:before {
    box-sizing: border-box; }
  .drop-element * {
    box-sizing: border-box; }
    .drop-element *:after, .drop-element *:before {
      box-sizing: border-box; }
  .drop-element.drop-open {
    display: block; }
  .drop-element.drop-theme-arrows {
    max-width: 100%;
    max-height: 100%; }
    .drop-element.drop-theme-arrows .drop-content {
      border-radius: 5px;
      position: relative;
      font-family: inherit;
      background: #eee;
      color: #444;
      padding: 1em;
      font-size: 1.1em;
      line-height: 1.5em;
      transform: translateZ(0);
      filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2)); }
      .drop-element.drop-theme-arrows .drop-content:before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-width: 16px;
        border-style: solid; }
    .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-center .drop-content {
      margin-bottom: 16px; }
      .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-center .drop-content:before {
        top: 100%;
        left: 50%;
        margin-left: -16px;
        border-top-color: #eee;
        border-bottom-width: 0; }
    .drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-center .drop-content {
      margin-top: 16px; }
      .drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-center .drop-content:before {
        bottom: 100%;
        left: 50%;
        margin-left: -16px;
        border-bottom-color: #eee;
        border-top-width: 0; }
    .drop-element.drop-theme-arrows.drop-element-attached-right.drop-element-attached-middle .drop-content {
      margin-right: 16px; }
      .drop-element.drop-theme-arrows.drop-element-attached-right.drop-element-attached-middle .drop-content:before {
        left: 100%;
        top: 50%;
        margin-top: -16px;
        border-left-color: #eee; }
    .drop-element.drop-theme-arrows.drop-element-attached-left.drop-element-attached-middle .drop-content {
      margin-left: 16px; }
      .drop-element.drop-theme-arrows.drop-element-attached-left.drop-element-attached-middle .drop-content:before {
        right: 100%;
        top: 50%;
        margin-top: -16px;
        border-right-color: #eee; }
    .drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-left.drop-target-attached-bottom .drop-content {
      margin-top: 16px; }
      .drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-left.drop-target-attached-bottom .drop-content:before {
        bottom: 100%;
        left: 16px;
        border-bottom-color: #eee; }
    .drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-right.drop-target-attached-bottom .drop-content {
      margin-top: 16px; }
      .drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-right.drop-target-attached-bottom .drop-content:before {
        bottom: 100%;
        right: 16px;
        border-bottom-color: #eee; }
    .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-top .drop-content {
      margin-bottom: 16px; }
      .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-top .drop-content:before {
        top: 100%;
        left: 16px;
        border-top-color: #eee; }
    .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-top .drop-content {
      margin-bottom: 16px; }
      .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-top .drop-content:before {
        top: 100%;
        right: 16px;
        border-top-color: #eee; }
    .drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-right.drop-target-attached-left .drop-content {
      margin-right: 16px; }
      .drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-right.drop-target-attached-left .drop-content:before {
        top: 16px;
        left: 100%;
        border-left-color: #eee; }
    .drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-left.drop-target-attached-right .drop-content {
      margin-left: 16px; }
      .drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-left.drop-target-attached-right .drop-content:before {
        top: 16px;
        right: 100%;
        border-right-color: #eee; }
    .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-left .drop-content {
      margin-right: 16px; }
      .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-left .drop-content:before {
        bottom: 16px;
        left: 100%;
        border-left-color: #eee; }
    .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-right .drop-content {
      margin-left: 16px; }
      .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-right .drop-content:before {
        bottom: 16px;
        right: 100%;
        border-right-color: #eee; }

.drop-content {
  max-width: 400px; }

.drop-element.drop-theme-arrows.drop-after-open {
  z-index: 10001; }

.drop-element.drop-theme-arrows .drop-content {
  background-color: #ffffff; }

.rzslider {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 4px;
  margin: 35px 0 15px 0;
  vertical-align: middle;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .rzslider.with-legend {
    margin-bottom: 40px; }
  .rzslider[disabled] {
    cursor: not-allowed; }
    .rzslider[disabled] .rz-pointer {
      cursor: not-allowed;
      background-color: #d8e0f3; }
    .rzslider[disabled] .rz-draggable {
      cursor: not-allowed; }
    .rzslider[disabled] .rz-selection {
      background: #8b91a2; }
    .rzslider[disabled] .rz-tick {
      cursor: not-allowed; }
      .rzslider[disabled] .rz-tick.rz-selected {
        background: #8b91a2; }
  .rzslider span {
    position: absolute;
    display: inline-block;
    white-space: nowrap; }
  .rzslider .rz-base {
    width: 100%;
    height: 100%;
    padding: 0; }
  .rzslider .rz-bar-wrapper {
    left: 0;
    z-index: 1;
    width: 100%;
    height: 32px;
    padding-top: 16px;
    margin-top: -16px;
    box-sizing: border-box; }
  .rzslider .rz-draggable {
    cursor: move; }
  .rzslider .rz-bar {
    left: 0;
    z-index: 1;
    width: 100%;
    height: 4px;
    background: #d8e0f3;
    border-radius: 2px; }
  .rzslider .rz-bar-wrapper.rz-transparent .rz-bar {
    background: transparent; }
  .rzslider .rz-bar-wrapper.rz-left-out-selection .rz-bar {
    background: #df002d; }
  .rzslider .rz-bar-wrapper.rz-right-out-selection .rz-bar {
    background: #03a688; }
  .rzslider .rz-selection {
    z-index: 2;
    background: #0db9f0;
    border-radius: 2px; }
  .rzslider .rz-pointer {
    top: -10px;
    z-index: 3;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-color: #1abb9c;
    border-radius: 16px; }
    .rzslider .rz-pointer:after {
      position: absolute;
      top: 8px;
      left: 8px;
      width: 8px;
      height: 8px;
      background: #ffffff;
      border-radius: 4px;
      content: ''; }
    .rzslider .rz-pointer:hover:after {
      background-color: #ffffff; }
    .rzslider .rz-pointer.rz-active {
      z-index: 4; }
      .rzslider .rz-pointer.rz-active:after {
        background-color: white; }
  .rzslider .rz-bubble {
    bottom: 16px;
    padding: 1px 3px;
    color: #55637d;
    cursor: default; }
    .rzslider .rz-bubble.rz-limit {
      color: #55637d; }
  .rzslider .rz-ticks {
    position: absolute;
    top: -3px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box; }
  .rzslider .rz-ticks-values-under .rz-tick-value {
    top: auto;
    bottom: -32px; }
  .rzslider .rz-tick {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    margin-left: 11px;
    text-align: center;
    cursor: pointer;
    background: #d8e0f3;
    border-radius: 50%; }
    .rzslider .rz-tick.rz-selected {
      background: #0db9f0; }
  .rzslider .rz-tick-value {
    position: absolute;
    top: -30px;
    transform: translate(-50%, 0); }
  .rzslider .rz-tick-legend {
    position: absolute;
    top: 24px;
    max-width: 50px;
    white-space: normal;
    transform: translate(-50%, 0); }
  .rzslider.rz-vertical {
    position: relative;
    width: 4px;
    height: 100%;
    padding: 0;
    margin: 0 20px;
    vertical-align: baseline; }
    .rzslider.rz-vertical .rz-base {
      width: 100%;
      height: 100%;
      padding: 0; }
    .rzslider.rz-vertical .rz-bar-wrapper {
      top: auto;
      left: 0;
      width: 32px;
      height: 100%;
      padding: 0 0 0 16px;
      margin: 0 0 0 -16px; }
    .rzslider.rz-vertical .rz-bar {
      bottom: 0;
      left: auto;
      width: 4px;
      height: 100%; }
    .rzslider.rz-vertical .rz-pointer {
      top: auto;
      bottom: 0;
      left: -14px !important; }
    .rzslider.rz-vertical .rz-bubble {
      bottom: 0;
      left: 16px !important;
      margin-left: 3px; }
    .rzslider.rz-vertical .rz-ticks {
      top: 0;
      left: -3px;
      z-index: 1;
      width: 0;
      height: 100%; }
    .rzslider.rz-vertical .rz-tick {
      margin-top: 11px;
      margin-left: auto;
      vertical-align: middle; }
    .rzslider.rz-vertical .rz-tick-value {
      top: auto;
      left: 24px;
      transform: translate(0, -28%); }
    .rzslider.rz-vertical .rz-tick-legend {
      top: auto;
      right: 24px;
      max-width: none;
      white-space: nowrap;
      transform: translate(0, -28%); }
    .rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value {
      right: 24px;
      bottom: auto;
      left: auto; }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(../img//mCSB_buttons.png); }

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

.mCSB_container_wrapper {
  width: 100% !important;
  margin-right: 18px !important; }

.nya-bs-select .has-icon a {
  padding-left: 5px !important; }
  .nya-bs-select .has-icon a .peity {
    position: absolute;
    left: 20px; }

.tooltip {
  z-index: 10000; }
  .tooltip .tooltip-inner {
    max-width: 155px;
    padding: 5px;
    font-size: 13px !important;
    line-height: 18px;
    opacity: .8;
    background: #34495e; }
  .tooltip.large {
    min-width: 120px; }
    .tooltip.large > .tooltip-inner {
      max-width: 220px !important; }
  .tooltip.no-maxwidth .tooltip-inner {
    max-width: none; }
  .tooltip.small .tooltip-inner {
    max-width: 120px !important; }
  .tooltip.right .tooltip-arrow {
    right: 14px !important;
    border-right-color: #34495e; }
  .tooltip.bottom-right > .tooltip-arrow {
    right: 15px !important; }
  .tooltip.left .tooltip-arrow {
    border-left-color: #34495e; }
  .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #34495e; }
  .tooltip.text-left .tooltip-inner {
    text-align: left;
    padding: 10px 15px; }
  .tooltip.text-justify .tooltip-inner {
    text-align: justify;
    padding: 10px 15px; }
  .tooltip.single-line .tooltip-inner {
    white-space: nowrap; }
  .tooltip.top .tooltip-arrow {
    border-top-color: #34495e; }
  .tooltip.dica-flutuante, .tooltip.keep-on-hover {
    opacity: 1;
    margin-top: 0 !important;
    z-index: 100000; }
    .tooltip.dica-flutuante > .tooltip-inner, .tooltip.keep-on-hover > .tooltip-inner {
      border: 1px solid #999;
      color: #73879c;
      background-color: #fdf7e3;
      opacity: 1;
      padding: 7px 10px;
      max-width: 800px;
      text-align: left; }
      .tooltip.dica-flutuante > .tooltip-inner:before, .tooltip.keep-on-hover > .tooltip-inner:before {
        content: "\f05a";
        display: inline-block;
        margin-right: 7px;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .tooltip.dica-flutuante > .tooltip-arrow, .tooltip.keep-on-hover > .tooltip-arrow {
      border-bottom-color: #999 !important;
      border-width: 0 10px 10px; }
      .tooltip.dica-flutuante > .tooltip-arrow:after, .tooltip.keep-on-hover > .tooltip-arrow:after {
        content: '';
        border-color: transparent;
        border-bottom-color: #fdf7e3;
        margin-left: -9px;
        border-width: 0 9px 9px;
        position: absolute;
        border-style: solid;
        top: 1px;
        width: 0;
        height: 0;
        z-index: 1; }
    .tooltip.dica-flutuante.bottom-left > .tooltip-arrow, .tooltip.keep-on-hover.bottom-left > .tooltip-arrow {
      left: 25px !important;
      top: -4px !important; }
    .tooltip.dica-flutuante.bottom-right > .tooltip-arrow, .tooltip.keep-on-hover.bottom-right > .tooltip-arrow {
      right: 25px !important;
      top: -4px !important; }
    .tooltip.dica-flutuante.top-left > .tooltip-arrow, .tooltip.keep-on-hover.top-left > .tooltip-arrow {
      left: 25px !important;
      bottom: -4px !important;
      transform: scaleY(-1); }

.tooltip-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 10; }

.error-message .tooltip-arrow {
  border-bottom-color: none;
  opacity: .8; }

.error-message .tooltip-inner {
  background-color: #d63b3b !important;
  color: white !important; }

.error-message.top .tooltip-arrow {
  border-top-color: #d63b3b; }

.error-message.bottom .tooltip-arrow {
  border-bottom-color: #d63b3b; }

.error-message.right .tooltip-arrow {
  border-right-color: #d63b3b; }

.popover {
  font-size: 13px; }

.keep:not(.right) {
  margin-top: 8px !important;
  border: none;
  padding: 0 !important; }
  .keep:not(.right) .arrow {
    display: none; }
  .keep:not(.right) .popover-content {
    padding: 0;
    border: none; }
    .keep:not(.right) .popover-content > div {
      padding: 10px !important;
      border: 1px solid #0003;
      border-radius: 6px; }
      .keep:not(.right) .popover-content > div:after {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-bottom-color: #fff;
        border-top-width: 10px;
        border-width: 10px;
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: #0000;
        border-style: solid;
        top: -18px;
        left: 50%;
        border-bottom-color: #fff; }
      .keep:not(.right) .popover-content > div:before {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 10px;
        border-width: 10px;
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: #0000;
        border-style: solid;
        top: -19px;
        left: 50%;
        border-bottom-color: #0003; }
      .keep:not(.right) .popover-content > div span {
        font-size: 13px; }

.keep.right {
  margin: 0;
  margin-left: -1px;
  padding: 0 !important;
  z-index: 21; }
  .keep.right .arrow {
    z-index: 1; }

body {
  font: 400 13px/1.471 'Open Sans', sans-serif; }
  body .container.body .right_col {
    background: #eef1f5; }
    body .container.body .right_col .page-title h3 {
      font-weight: normal;
      height: 46px; }
    body .container.body .right_col .x_panel {
      border-radius: 8px;
      border-color: #d8e2e7;
      margin-top: -10px; }
  body .nav_menu {
    position: relative;
    z-index: 16;
    background: #dadfe9; }
    body .nav_menu .navbar-right {
      float: right !important;
      width: auto; }
      body .nav_menu .navbar-right > li {
        float: left; }
        body .nav_menu .navbar-right > li.dropdown > a {
          width: 63px;
          padding: 18px 0 8px;
          text-align: center;
          line-height: 32px; }
          body .nav_menu .navbar-right > li.dropdown > a i {
            font-size: 20px; }
          body .nav_menu .navbar-right > li.dropdown > a .badge {
            padding: 2px 6px;
            margin-left: -6px;
            margin-top: -7px;
            font-size: 10px;
            font-weight: 400;
            line-height: 13px;
            position: absolute;
            border-radius: 1px;
            top: auto;
            right: auto; }
      body .nav_menu .navbar-right .user-profile {
        padding-top: 9px;
        padding-bottom: 9px;
        padding-right: 11px; }
        body .nav_menu .navbar-right .user-profile img {
          width: 37px;
          height: 37px;
          margin-right: 5px; }

.md-dialog-container {
  z-index: 10001 !important; }

red {
  color: red; }

[ui-view="header"] {
  position: relative; }

[order-by].active i {
  color: #73879C !important; }

.no-border {
  border: 0; }
  .no-border .btn {
    border-radius: 0 !important; }
    .no-border .btn:hover {
      border-color: unset; }

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  position: relative;
  margin-bottom: 5px;
  border: 1px #ccc solid; }

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  box-shadow: none;
  transition: width .6s ease;
  background: #428bca; }

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25% transparent 25% transparent 50% rgba(255, 255, 255, 0.15) 50% rgba(255, 255, 255, 0.15) 75% transparent 75% transparent);
  background-size: 40px 40px; }

.progress.active .progress-bar,
.progress-bar.active {
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-default {
  background: #dee7eb !important; }

.progress-bar-success {
  opacity: .4;
  background: #5cb85c; }

.progress-bar-info {
  opacity: .4;
  background: #5bc0de; }

.progress-bar-info-light {
  background: #dee7eb; }

.progress-bar-warning {
  background: #f39c12; }

.progress-bar-danger {
  background: #d9534f; }

.progress .progressbar-back-text {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  text-align: center; }

.progress .progressbar-front-text {
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 20px;
  text-align: center; }

.progress.right .progressbar-front-text {
  position: absolute;
  right: 0; }

.progress.vertical.progress_wide {
  width: 35px; }

.progress.vertical.bottom {
  position: relative; }

.progress.vertical .progress-bar {
  width: 100%;
  height: 0;
  transition: height .6s ease; }

.progressbar-inside {
  left: 0;
  position: absolute;
  z-index: 1;
  width: 100%;
  text-align: center;
  color: #777;
  font-size: 7px;
  text-shadow: 0 1px 1px #fff;
  margin-top: 4px;
  text-transform: uppercase;
  line-height: 1.4; }
  .progressbar-inside span {
    line-height: 1.4; }

.progress-c3 {
  overflow: hidden !important;
  height: 40px !important;
  margin-bottom: 20px !important;
  background-color: #f5f5f5 !important;
  border-radius: 4px !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important; }

.progressbar-inside.pull-left {
  text-align: left;
  font-size: 11px;
  text-shadow: none;
  margin-top: 1px; }

.widget-summary {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px; }
  .widget-summary:first-of-type {
    margin-top: 5px; }
  .widget-summary .left {
    -ms-flex-positive: 1;
        flex-grow: 1; }
  .widget-summary .center {
    -ms-flex-positive: 100;
        flex-grow: 100; }
  .widget-summary .right {
    -ms-flex-positive: 1;
        flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
  .widget-summary .right span {
    margin-left: 5px; }
  .widget-summary .btn {
    position: relative;
    border: 1px #ccc solid;
    font-weight: 700;
    text-align: center;
    height: 40px;
    font-size: 11px;
    padding: 10px 7px; }
    .widget-summary .btn i {
      top: 2px;
      right: 2px;
      font-size: 9px;
      opacity: .7; }
  .widget-summary .deg90 {
    transform: rotate(90deg);
    color: #777;
    font-size: 11px;
    text-shadow: 0 1px 1px #fff;
    margin-left: -22px;
    text-align: center;
    white-space: nowrap;
    width: 40px;
    height: 40px; }

.widget-progress {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .widget-progress .fa-usd {
    font-size: 15px; }
  .widget-progress .progress {
    height: 25px;
    line-height: 25px; }
    .widget-progress .progress .progressbar-inside {
      margin: 0; }

.well {
  border: 1px solid #ddd;
  background-color: #fafafa;
  box-shadow: none; }

.thumbnail {
  height: auto; }
  .thumbnail .image {
    height: auto; }

.badge {
  font-size: 12px;
  border-radius: 3px;
  margin: -1px 0 0 4px;
  display: inline-block;
  min-width: 10px;
  padding: 3px 5px;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  font-weight: 400;
  color: white !important;
  background-color: #1abb9c; }
  .badge.badge-success {
    background-color: #1abb9c; }
  .badge.badge-error {
    background-color: #ce5454; }

.header-line {
  border-top: 1px solid #1abb9c;
  margin-top: 5px; }

.img-rounded {
  border-radius: 6px; }

.default-modal-body input[type="radio"], .default-modal-body input[type="checkbox"] {
  margin-top: 1px; }

.user-page #painel-principal .radio-group-bordered {
  background: #fcfcfc;
  color: #555555;
  border: 1px solid;
  border-color: #ccc;
  width: 100%;
  height: 34px;
  border-radius: 4px;
  padding: 0 15px;
  padding-top: 5px;
  margin-top: 0; }

.profile-cover {
  position: relative; }
  .profile-cover:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 100%; }
  .profile-cover > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .profile-cover .img-circle {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

ul.user_data {
  margin: 0; }
  ul.user_data > li {
    line-height: 27px;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -ms-flex-align: center;
        align-items: center; }
    ul.user_data > li i {
      width: 20px;
      text-align: center;
      font-style: normal;
      font-weight: 400;
      display: inline-block;
      margin-right: 5px; }
  ul.user_data .btn {
    padding: 0;
    margin: 0;
    padding-left: 10px;
    background: transparent; }

.navbar-nav {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.header-controls-left {
  margin-top: 12px; }
  .header-controls-left li {
    padding-left: 0; }
  .header-controls-left .clinic-label {
    margin-left: 0;
    margin-top: 7px;
    margin-bottom: 1px;
    padding: 0 8px 0 0; }
  .header-controls-left .header-clinic-li a {
    display: block; }
  .header-controls-left .header-clinic-li .header-clinic-li-color {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    margin-top: 1px; }
  .header-controls-left .navbar-nav .open .dropdown-menu {
    max-width: 195px; }
  .header-controls-left .btn-group.open .dropdown-toggle {
    box-shadow: none !important; }
  .header-controls-left .nya-bs-select .btn {
    background: #f1f1f1 !important;
    color: #34495e;
    border-color: #b8bec4 !important;
    width: 190px; }
  .header-controls-left .global-add button {
    background: #f1f1f1;
    border: 1px solid #b8bec4 !important;
    color: #73879c; }
    .header-controls-left .global-add button:hover {
      background: #e8e9ec; }
  .header-controls-left .global-add .dropdown-menu {
    left: 0 !important; }

.top_search {
  border: 1px solid #b8bec4;
  padding: 0;
  border-radius: 16px;
  background: #f1f1f1;
  float: left; }

.top_search .form-control {
  border-right: 0;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.075);
  border-radius: 25px 0 0 25px;
  padding-left: 12px;
  background: #f1f1f1;
  width: 150px;
  transition: .3s width; }

.nav_menu .top_search .form-control,
.nav_menu .top_search .form-control:focus {
  box-shadow: none; }

.global-search:hover .top_search .form-control {
  width: 240px; }

.global-search .top_search .form-control::-webkit-input-placeholder {
  transition: .2s color; }

.global-search .top_search .form-control:focus {
  width: 240px; }
  .global-search .top_search .form-control:focus::-webkit-input-placeholder {
    color: transparent; }

.global-search {
  margin-top: 12px;
  width: auto;
  float: left; }

.top_search .input-group-btn {
  float: right;
  width: auto; }
  .top_search .input-group-btn button {
    color: #73879C;
    box-shadow: none;
    border: none;
    background: transparent;
    margin: 0 !important;
    height: 34px; }
    .top_search .input-group-btn button:hover, .top_search .input-group-btn button:focus {
      box-shadow: none;
      background: transparent;
      border: none;
      margin: 0 !important; }

ul.nav-tabs,
ul.bar_tabs {
  overflow: visible;
  background: transparent;
  height: 25px;
  margin: 21px 0 14px;
  padding-left: 0;
  position: relative;
  z-index: 3;
  width: 100%;
  border-bottom: 1px solid #CCC; }
  ul.nav-tabs > li,
  ul.bar_tabs > li {
    border: 1px solid #CCC;
    cursor: pointer;
    color: #333 !important;
    margin-top: -17px;
    margin-left: 5px;
    background: #fff;
    border-bottom: none;
    border-radius: 4px 4px 0 0; }
    ul.nav-tabs > li.disabled,
    ul.bar_tabs > li.disabled {
      opacity: 0.5; }
    ul.nav-tabs > li a,
    ul.bar_tabs > li a {
      color: #5a738e;
      background: #F5F7FA;
      border-top-right-radius: 4px;
      font-size: 10px;
      font-weight: bolder;
      line-height: 1.8;
      padding: 10px 4px;
      letter-spacing: -0.42px;
      margin: 0;
      text-transform: uppercase; }
      ul.nav-tabs > li a:hover,
      ul.bar_tabs > li a:hover {
        border: 1px solid transparent; }
      ul.nav-tabs > li a .badge,
      ul.bar_tabs > li a .badge {
        font-size: 10px;
        border-radius: 1px;
        margin: -2px 0 0 4px;
        display: inline-block;
        min-width: 10px;
        padding: 3px 7px;
        font-size: 12px;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle; }
      ul.nav-tabs > li a i,
      ul.bar_tabs > li a i {
        font-size: 12px; }
    ul.nav-tabs > li:first-child,
    ul.bar_tabs > li:first-child {
      margin-left: 0; }
    ul.nav-tabs > li.active, ul.nav-tabs > li:hover, ul.nav-tabs > li:focus,
    ul.bar_tabs > li.active,
    ul.bar_tabs > li:hover,
    ul.bar_tabs > li:focus {
      margin-top: -17px; }
      ul.nav-tabs > li.active a, ul.nav-tabs > li:hover a, ul.nav-tabs > li:focus a,
      ul.bar_tabs > li.active a,
      ul.bar_tabs > li:hover a,
      ul.bar_tabs > li:focus a {
        background: #dee7eb; }
    ul.nav-tabs > li.active,
    ul.bar_tabs > li.active {
      border-right: 0;
      border-top: 0;
      border-left: 6px solid #5a738e; }
      ul.nav-tabs > li.active a,
      ul.bar_tabs > li.active a {
        height: 41px;
        border-top-left-radius: 0;
        border-bottom: 1px solid transparent; }
        ul.nav-tabs > li.active a:hover,
        ul.bar_tabs > li.active a:hover {
          background: #dee7eb; }
  ul.nav-tabs .right,
  ul.bar_tabs .right {
    padding-right: 14px; }
    ul.nav-tabs .right li,
    ul.bar_tabs .right li {
      float: right; }

hr {
  border-color: #d1d1d1;
  width: 100%; }

.ngdialog {
  z-index: 20; }
  .ngdialog *,
  .ngdialog *:before,
  .ngdialog *:after {
    box-sizing: border-box; }
  .ngdialog .table td {
    color: #73879C;
    font-size: 13px; }
  .ngdialog ~ .daterangepicker {
    background: white;
    z-index: 10010 !important; }
    .ngdialog ~ .daterangepicker .dropdown-menu {
      z-index: 10010 !important; }
  .ngdialog.ngdialog-theme-default {
    padding-top: 30px !important;
    padding-bottom: 30px !important; }
    .ngdialog.ngdialog-theme-default .ngdialog-content {
      font-size: inherit;
      background: white !important; }
      .ngdialog.ngdialog-theme-default .ngdialog-content li {
        list-style: none; }
      .ngdialog.ngdialog-theme-default .ngdialog-content li.circle-border {
        list-style: none;
        margin: 0 0 10px 10px;
        padding-top: 2px; }
      .ngdialog.ngdialog-theme-default .ngdialog-content span.circle-border {
        width: 20px;
        height: 20px;
        line-height: inherit;
        font-size: 14px !important;
        border-radius: 100px;
        display: block;
        font-size: 16px;
        text-align: center;
        border: 1px solid #6d86a0;
        color: #6d86a0;
        margin-right: 10px; }
      .ngdialog.ngdialog-theme-default .ngdialog-content h3, .ngdialog.ngdialog-theme-default .ngdialog-content h4, .ngdialog.ngdialog-theme-default .ngdialog-content h5, .ngdialog.ngdialog-theme-default .ngdialog-content h6, .ngdialog.ngdialog-theme-default .ngdialog-content p, .ngdialog.ngdialog-theme-default .ngdialog-content li {
        color: #6d86a0; }
      .ngdialog.ngdialog-theme-default .ngdialog-content h6 {
        font-size: 13px;
        font-weight: bold;
        border-bottom: 1px solid #ededed;
        padding-bottom: 7px; }
      .ngdialog.ngdialog-theme-default .ngdialog-content h5 {
        font-size: 14px;
        color: #1abb9c;
        border-bottom: 1px solid #1abb9c;
        padding-bottom: 3px;
        font-weight: bold; }
      .ngdialog.ngdialog-theme-default .ngdialog-content table tr th {
        color: #6d86a0;
        font-size: 12px; }
      .ngdialog.ngdialog-theme-default .ngdialog-content label {
        font-size: 12px;
        color: #5a738e; }

.input-group-addon {
  padding: 7px 12px;
  border-radius: 4px;
  box-shadow: none;
  font-size: 12px; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }
  .input-group-addon .btn, .input-group-btn .btn {
    padding: 7px 12px; }
  .input-group-addon.inside-input button, .input-group-btn.inside-input button {
    left: -1px;
    position: relative;
    z-index: 2 !important;
    background: #fcfcfc !important;
    color: #73879c !important;
    border: none;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
    .input-group-addon.inside-input button i, .input-group-btn.inside-input button i {
      color: #333; }

[ng-click],
[ui-sref],
[data-ui-state],
[ui-state] {
  cursor: pointer; }

input {
  font-size: 13px !important;
  line-height: 20px; }

.file-upload,
.file-upload input,
input[type="file"]::-webkit-file-upload-button {
  cursor: pointer;
  position: relative; }

.dropdown.open-on-hover:hover .dropdown-menu {
  visibility: visible;
  display: block;
  position: absolute;
  background: #fff;
  margin-top: 0;
  border: 1px solid #D9DEE4;
  box-shadow: none;
  right: 0;
  left: auto;
  width: 300px; }

.dropdown.open-on-hover:not(:hover) .dropdown-menu {
  display: none; }

.dropdown-menu > .active > a, .dropdown-menu > .active a:hover {
  background: #6d86a0; }

.dropdown-menu li a {
  padding: 6px 20px;
  font-size: 13px;
  line-height: 20px;
  cursor: pointer; }
  .dropdown-menu li a:hover, .dropdown-menu li a:focus {
    background-color: transparent; }

.dropdown-menu li.has-icon {
  display: -ms-flexbox;
  display: flex; }
  .dropdown-menu li.has-icon a {
    width: 100%; }

.dropdown-menu li:hover a, .dropdown-menu li:focus a {
  text-decoration: none;
  color: #262626;
  background-color: transparent; }

.dropdown-menu input[type="file"] {
  position: absolute;
  opacity: 0;
  cursor: pointer; }

.dropdown-menu .has-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start; }
  .dropdown-menu .has-icon a:focus {
    background: transparent; }

.dropdown-menu .icon-content {
  height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

.nya-bs-select .dropdown-toggle .special-title,
.nya-bs-select .dropdown-toggle .filter-option {
  font-size: 13px;
  line-height: 20px; }

.nya-bs-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  max-width: 220px;
  width: 100%; }
  .nya-bs-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).full-width {
    max-width: 100%; }

.form-control {
  background-color: #fcfcfc; }

div.form-control {
  font-size: 13px; }

.pretty > input[type='checkbox'],
.pretty > input[type='radio'] {
  z-index: 1; }

.pretty i {
  z-index: 0; }

.pretty.success input:checked + label i:before, .pretty.success input:checked + label i:after {
  background-color: #1abb9c !important; }

.pretty.success input:checked + label i:after {
  border-color: #1abb9c !important; }

.pretty.success input[type='radio']:checked + label i.default:before,
.pretty.success input[type='radio']:checked + label i.default:after {
  background-color: #1abb9c !important; }

.pretty.success.circle label i {
  padding: 1px; }

.pretty.success.circle input:checked + label i:before {
  color: transparent; }

#datePickerAlwaysOn {
  position: relative; }
  #datePickerAlwaysOn input {
    visibility: hidden;
    height: 0;
    padding: 0;
    margin: 0;
    line-height: 0;
    box-shadow: none;
    border: none; }
  #datePickerAlwaysOn .daterangepicker {
    display: block !important;
    position: relative;
    border: none;
    margin-top: 0;
    top: 0 !important;
    z-index: 0; }
    #datePickerAlwaysOn .daterangepicker:before, #datePickerAlwaysOn .daterangepicker:after {
      content: none; }
    #datePickerAlwaysOn .daterangepicker .calendar {
      margin: 0; }
      #datePickerAlwaysOn .daterangepicker .calendar .calendar-table {
        padding: 0 !important; }
      #datePickerAlwaysOn .daterangepicker .calendar th,
      #datePickerAlwaysOn .daterangepicker .calendar td {
        min-width: 25px;
        padding: 3px 4px; }

.row.flex-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
  .row.flex-row .col-md-auto {
    padding-right: 10px;
    padding-left: 10px; }

.select-color-options {
  cursor: pointer;
  position: relative;
  z-index: 10;
  padding-left: 2px;
  padding-right: 2px; }

.ellipsis-text-1-line {
  width: calc(100% - 23px);
  display: inline-block; }
  .ellipsis-text-1-line .filter-label-title {
    height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 28px);
    display: inline-block; }

.sweet-alert button {
  margin-top: 52px; }

.sweet-alert .cancel {
  float: left; }

.sweet-alert .confirm {
  float: right; }

.sweet-alert,
.sweet-overlay {
  z-index: 99999; }

.tab-invisible {
  visibility: hidden; }

.is-active .tab-invisible {
  visibility: visible; }

ul.reminder,
ul.waiting-list {
  padding-left: 0; }

ul.reminder li,
ul.waiting-list li {
  list-style: none;
  display: block; }

ul.waiting-list,
ul.reminder {
  overflow-y: auto;
  margin-right: -6px;
  padding-right: 6px;
  height: calc(100vh - 116px);
  margin-top: 16px; }
  ul.waiting-list::-webkit-scrollbar,
  ul.reminder::-webkit-scrollbar {
    width: 10px; }
  ul.waiting-list::-webkit-scrollbar-track,
  ul.reminder::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px; }
  ul.waiting-list::-webkit-scrollbar-thumb,
  ul.reminder::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #d4d4d4; }
  ul.waiting-list .icon-priority,
  ul.reminder .icon-priority {
    color: #eee; }
    ul.waiting-list .icon-priority.active,
    ul.reminder .icon-priority.active {
      color: red; }
  ul.waiting-list .icon-check,
  ul.reminder .icon-check {
    color: #eee; }
    ul.waiting-list .icon-check.active,
    ul.reminder .icon-check.active {
      color: #76ce29; }
  ul.waiting-list .controls,
  ul.reminder .controls {
    font-size: 15px;
    color: #ccc; }
    ul.waiting-list .controls:hover,
    ul.reminder .controls:hover {
      color: #999; }
  ul.waiting-list li,
  ul.reminder li {
    margin-bottom: 6px;
    padding: 8px 0;
    border-bottom: 1px solid #eee; }
    ul.waiting-list li:fist-of-type,
    ul.reminder li:fist-of-type {
      border-top: 1px solid #eee; }
    ul.waiting-list li:hover,
    ul.reminder li:hover {
      background: #f9f9f9; }
    ul.waiting-list li i,
    ul.reminder li i {
      font-size: 20px; }
    ul.waiting-list li p,
    ul.reminder li p {
      color: #666;
      line-height: 16px;
      max-width: 220px;
      margin-bottom: 0; }

@media (max-width: 1440px) {
  ul.reminder li p {
    max-width: 130px; } }

ul.reminder li:not(.checked) label p {
  color: #333; }

ul.reminder li i.action-button {
  visibility: hidden;
  cursor: pointer; }

ul.reminder li:hover i.action-button {
  visibility: visible; }

ul.reminder li.checked p {
  text-decoration: line-through !important;
  font-weight: normal !important; }

.calendar.left {
  float: left !important; }

.subtabs-wrap {
  border-bottom-width: thin;
  border-bottom-style: solid; }
  .subtabs-wrap .subtabs {
    margin: 0;
    padding-left: 0;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap; }
    .subtabs-wrap .subtabs li {
      list-style: none;
      margin-right: 8px; }
      .subtabs-wrap .subtabs li.disabled {
        opacity: 0.5; }
    .subtabs-wrap .subtabs a {
      text-transform: uppercase;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      color: #5a738e;
      display: inline-block;
      font-size: 10px;
      font-weight: bolder;
      padding: 10px;
      text-decoration: none;
      position: relative;
      border-top: 1px solid #dcd9d9;
      border-right: 1px solid #dcd9d9;
      border-left: 1px solid #dcd9d9;
      white-space: nowrap; }
      .subtabs-wrap .subtabs a:hover {
        background-color: #fafafa; }
      .subtabs-wrap .subtabs a.disabled {
        color: rgba(255, 255, 255, 0.5);
        text-decoration: line-through; }
      .subtabs-wrap .subtabs a.selected {
        background-color: #f7f7f7;
        border-top: 1px solid #dcd9d9;
        border-left: 1px solid #dcd9d9;
        border-right: 1px solid #dcd9d9; }
        .subtabs-wrap .subtabs a.selected:hover {
          background-color: #eeeeee; }
        .subtabs-wrap .subtabs a.selected:before {
          content: '';
          position: absolute;
          bottom: 0px;
          height: 3px;
          background-color: #1ab99b;
          left: -1px;
          right: -1px;
          display: block; }

.tabs-default {
  border-bottom-width: thin;
  border-bottom-style: solid; }
  .tabs-default a {
    text-transform: uppercase;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #5a738e;
    display: inline-block;
    font-size: 10px;
    font-weight: bolder;
    padding: 10px;
    text-decoration: none;
    position: relative;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent; }
    .tabs-default a:hover {
      background-color: #fafafa; }
    .tabs-default a.disabled {
      color: rgba(255, 255, 255, 0.5);
      text-decoration: line-through; }
    .tabs-default a.selected {
      background-color: #f4f4f4;
      border-top: 1px solid #dcd9d9;
      border-left: 1px solid #dcd9d9;
      border-right: 1px solid #dcd9d9; }
      .tabs-default a.selected:hover {
        background-color: #eeeeee; }
      .tabs-default a.selected:before {
        content: '';
        position: absolute;
        bottom: 0px;
        height: 3px;
        background-color: #1ab99b;
        left: -1px;
        right: -1px;
        display: block; }

.nya-bs-select .dropdown-menu.inner {
  max-height: 500px;
  overflow-y: auto; }

table.table caption {
  padding-left: 0 !important;
  padding-bottom: 12px;
  font-size: 1.4rem;
  font-weight: bold; }

table.table.inputs-table col.feature-column {
  border: 2px solid #1abb9c; }

table.table.inputs-table thead th {
  border-right: 1px solid #ddd !important;
  border-left: 1px solid #ddd !important;
  border-bottom: none !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

table.table.inputs-table tbody {
  border-right: none;
  border-bottom: none; }

table.table.inputs-table td,
table.table.inputs-table th {
  border-top: 1px solid #ddd !important;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }
  table.table.inputs-table td.p-none,
  table.table.inputs-table th.p-none {
    padding: 0 !important; }
  table.table.inputs-table td:last-of-type,
  table.table.inputs-table th:last-of-type {
    border-right: 1px solid #ddd; }
  table.table.inputs-table td > input,
  table.table.inputs-table td > button,
  table.table.inputs-table td > span,
  table.table.inputs-table th > input,
  table.table.inputs-table th > button,
  table.table.inputs-table th > span {
    height: 32px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: #fcfcfc !important; }
  table.table.inputs-table td > input,
  table.table.inputs-table th > input {
    border: 1px solid transparent; }
    table.table.inputs-table td > input:focus,
    table.table.inputs-table th > input:focus {
      border: 1px solid #ccc; }
  table.table.inputs-table td .nya-bs-select .btn .filter-option,
  table.table.inputs-table td .nya-bs-select.btn-group .dropdown-menu li a,
  table.table.inputs-table th .nya-bs-select .btn .filter-option,
  table.table.inputs-table th .nya-bs-select.btn-group .dropdown-menu li a {
    font-size: 12px; }
  table.table.inputs-table td .nya-bs-select .btn,
  table.table.inputs-table th .nya-bs-select .btn {
    z-index: 0;
    box-shadow: none !important;
    background: #fcfcfc !important;
    border: none !important; }
  table.table.inputs-table td .nya-bs-select:before,
  table.table.inputs-table th .nya-bs-select:before {
    position: absolute;
    left: 0;
    height: 70%;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    border-left: 1px solid #ddd;
    content: '';
    z-index: 1; }
  table.table.inputs-table td.bad.bottom-alert,
  table.table.inputs-table th.bad.bottom-alert {
    position: relative; }
    table.table.inputs-table td.bad.bottom-alert ~ td,
    table.table.inputs-table td.bad.bottom-alert + td,
    table.table.inputs-table th.bad.bottom-alert ~ td,
    table.table.inputs-table th.bad.bottom-alert + td {
      padding: 0;
      padding-bottom: 35px;
      border-left: 0; }
      table.table.inputs-table td.bad.bottom-alert ~ td input,
      table.table.inputs-table td.bad.bottom-alert ~ td button,
      table.table.inputs-table td.bad.bottom-alert + td input,
      table.table.inputs-table td.bad.bottom-alert + td button,
      table.table.inputs-table th.bad.bottom-alert ~ td input,
      table.table.inputs-table th.bad.bottom-alert ~ td button,
      table.table.inputs-table th.bad.bottom-alert + td input,
      table.table.inputs-table th.bad.bottom-alert + td button {
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd; }

table.table.inputs-table.inputs-table td {
  border-bottom: none !important; }
  table.table.inputs-table.inputs-table td:not(.bad) {
    padding: 0 !important; }
  table.table.inputs-table.inputs-table td > input,
  table.table.inputs-table.inputs-table td > div > input {
    line-height: 1;
    font-size: 13px !important;
    color: #73879C !important;
    padding: 6px 12px !important;
    border: none;
    max-height: 32px;
    box-shadow: none;
    border-radius: 0; }
    table.table.inputs-table.inputs-table td > input:focus,
    table.table.inputs-table.inputs-table td > div > input:focus {
      border: 1px solid #1ABB9C; }

table.table.inputs-table.inputs-table tr:last-of-type td {
  border-bottom: 1px solid #ddd !important; }

table.table tr.disabled {
  opacity: 0.5; }

table.table td.has-small-data {
  padding-bottom: 20px !important;
  padding-top: 0 !important;
  position: relative; }
  table.table td.has-small-data small {
    position: absolute;
    width: 100%;
    height: 20px;
    line-height: 20px;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: right;
    background: #f8f9fb;
    padding: 0 12px; }
  table.table td.has-small-data.active {
    padding: 0 !important; }
    table.table td.has-small-data.active input {
      position: relative; }

table.table td .btn-group.open .dropdown-toggle {
  box-shadow: none !important; }

table.table td.has-select {
  padding: 0 !important; }
  table.table td.has-select button {
    border: none !important;
    box-shadow: none !important; }

.header-line {
  border-top: 1px solid #1abb9c;
  margin-top: 5px; }

.bootstrap-touchspin button {
  margin-bottom: 0; }

.bootstrap-touchspin .input-group-btn:last-of-type {
  left: 1px; }

.bootstrap-touchspin .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell; }
  .bootstrap-touchspin .input-group-btn-vertical > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 8px 10px;
    margin-left: -1px;
    position: relative; }
  .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0;
    border-top-right-radius: 4px; }
  .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    margin-top: -2px;
    border-radius: 0;
    border-bottom-right-radius: 4px; }
  .bootstrap-touchspin .input-group-btn-vertical i {
    position: absolute;
    top: 3px;
    left: 5px;
    font-size: 9px;
    font-weight: normal; }

.accordion .panel:hover {
  background: white; }

uib-accordion .panel-heading {
  padding: 0 !important;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  overflow: hidden; }
  uib-accordion .panel-heading a, uib-accordion .panel-heading .accordion-toggle {
    display: block;
    background: #f2f5f7;
    padding: 13px;
    width: 100%;
    display: block;
    color: #6E869D; }
    uib-accordion .panel-heading a label, uib-accordion .panel-heading .accordion-toggle label {
      font-size: 13px; }
  uib-accordion .panel-heading button {
    margin-top: -4px !important; }
  uib-accordion .panel-heading[aria-selected="true"] a, uib-accordion .panel-heading[aria-selected="true"] .accordion-toggle {
    background: #dee7eb; }
  uib-accordion .panel-heading .pipe-divider {
    margin-top: -9px; }

uib-accordion .panel-body {
  border: none !important; }
  uib-accordion .panel-body .table-hover {
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0; }
    uib-accordion .panel-body .table-hover thead {
      background: transparent;
      border: none;
      color: inherit;
      border: none;
      border-bottom: 1px solid #ddd; }
      uib-accordion .panel-body .table-hover thead tr th {
        padding-left: 0;
        border: none !important; }
      uib-accordion .panel-body .table-hover thead.dark tr th {
        border-left: 1px solid #ddd !important;
        border-top: 1px solid #ddd !important;
        padding-left: 8px; }
      uib-accordion .panel-body .table-hover thead.dark tr:last-of-type th:last-of-type {
        border-right: 1px solid #ddd !important; }
    uib-accordion .panel-body .table-hover tbody tr {
      border-right: 1px solid #ddd; }
      uib-accordion .panel-body .table-hover tbody tr td, uib-accordion .panel-body .table-hover tbody tr th {
        padding: 6px 12px;
        min-height: 32px;
        height: 32px; }
        uib-accordion .panel-body .table-hover tbody tr td > :first-child, uib-accordion .panel-body .table-hover tbody tr th > :first-child {
          line-height: 1;
          font-size: 13px !important; }
        uib-accordion .panel-body .table-hover tbody tr td:last-of-type, uib-accordion .panel-body .table-hover tbody tr th:last-of-type {
          border-right: 1px solid #ddd; }
      uib-accordion .panel-body .table-hover tbody tr:hover {
        background: transparent; }

uib-accordion uib-accordion-group,
uib-accordion .panel {
  border-bottom: 1px solid #efefef;
  border-right: 1px solid #f5f5f5;
  border-left: 1px solid #f5f5f5;
  border-top: none; }
  uib-accordion uib-accordion-group.panel-open > .panel-heading .accordion-toggle,
  uib-accordion .panel.panel-open > .panel-heading .accordion-toggle {
    background: #dee7eb; }
  uib-accordion uib-accordion-group.no-padding .panel-body,
  uib-accordion .panel.no-padding .panel-body {
    padding: 0 !important; }
    uib-accordion uib-accordion-group.no-padding .panel-body table tr td,
    uib-accordion .panel.no-padding .panel-body table tr td {
      border-color: #ddd; }
      uib-accordion uib-accordion-group.no-padding .panel-body table tr td:not(.nowrap) span,
      uib-accordion .panel.no-padding .panel-body table tr td:not(.nowrap) span {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        -webkit-line-clamp: 1;
        height: 16px;
        /* autoprefixer: off */
        -webkit-box-orient: vertical;
        /* autoprefixer: on */ }
        uib-accordion uib-accordion-group.no-padding .panel-body table tr td:not(.nowrap) span.line-2,
        uib-accordion .panel.no-padding .panel-body table tr td:not(.nowrap) span.line-2 {
          -webkit-line-clamp: 2;
          height: 26px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center; }

uib-accordion .enterWithFade,
uib-accordion .leaveWithFade {
  background: white; }

uib-accordion hr {
  border-color: #ebebeb; }

.panel-default .panel-heading {
  background: #f2f5f7 !important;
  color: #5a738e !important; }

.panel-success {
  border-color: #1abb9c;
  color: #1abb9c;
  background: #e6f7f4; }

.label-success {
  border-color: #1abb9c;
  color: #fff;
  background: #1abb9c; }

table.jambo_table thead {
  background: rgba(52, 73, 94, 0.4);
  color: #fff; }

.md-tabs {
  border-bottom: 2px solid #DDD;
  margin-bottom: 15px; }

.md-tabs > li.active > a,
.md-tabs > li.active > a:focus,
.md-tabs > li.active > a:hover {
  border-width: 0; }

.md-tabs > li > a {
  border: none;
  color: #23527c !important;
  font-size: 10px;
  font-weight: bold; }

.md-tabs > li.active > a {
  font-weight: bold; }

.md-tabs > li.active > a,
.md-tabs > li > a:hover {
  border: none;
  color: #1abb9c !important;
  background: transparent; }

.md-tabs > li > a::after {
  content: "";
  background: #1abb9c;
  height: 3px;
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: -1px;
  transition: all 250ms ease 0s;
  transform: scale(0); }

.md-tabs > li.active > a::after,
.md-tabs > li:hover > a::after {
  transform: scale(1); }

.chart-labels {
  font-size: 10px; }
  .chart-labels .circle {
    height: 15px;
    width: 15px;
    display: inline-block;
    border: 2px solid;
    display: inline-block;
    vertical-align: sub;
    border-radius: 50%;
    font-size: 10px; }

.ratio-4-4 {
  position: relative; }
  .ratio-4-4:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 75%; }
  .ratio-4-4 > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.jcrop-holder {
  direction: ltr;
  text-align: left;
  /* IE10 touch compatibility */
  -ms-touch-action: none;
      touch-action: none; }

/* Selection Border */
.jcrop-vline,
.jcrop-hline {
  background: #ffffff url("Jcrop.gif");
  font-size: 0;
  position: absolute; }

.jcrop-vline {
  height: 100%;
  width: 1px !important; }

.jcrop-vline.right {
  right: 0; }

.jcrop-hline {
  height: 1px !important;
  width: 100%; }

.jcrop-hline.bottom {
  bottom: 0; }

/* Invisible click targets */
.jcrop-tracker {
  height: 100%;
  width: 100%;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none; }

/* Selection Handles */
.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px; }

.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0; }

.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px; }

.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%; }

.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%; }

.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0; }

.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0; }

.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0; }

.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px; }

/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%; }

.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px; }

.jcrop-dragbar.ord-n {
  margin-top: -4px; }

.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px; }

.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0; }

.jcrop-dragbar.ord-w {
  margin-left: -4px; }

/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: .70 !important; }

.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px; }

/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important; }

.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px; }

/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #ffffff; }

/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
  max-width: none; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  position: fixed;
  outline: none !important;
  backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation; }

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: 'Open Sans', sans-serif; }

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1; }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75); }
  .mfp-arrow-left {
    transform-origin: 0; }
  .mfp-arrow-right {
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.autocomplete {
  position: relative; }
  .autocomplete .results {
    background: inherit;
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    top: 100%;
    left: 0;
    right: 0; }
    .autocomplete .results ul {
      margin: 0;
      padding: 0; }
      .autocomplete .results ul li {
        display: block;
        background-color: #fff;
        border-bottom: 1px solid #dad5d5; }
        .autocomplete .results ul li.header {
          background-color: #f5f5f5;
          font-size: 14px;
          font-weight: 600;
          padding: 5px; }
        .autocomplete .results ul li.media {
          border: 0;
          margin-top: 0; }
          .autocomplete .results ul li.media a {
            display: block;
            padding: 5px; }
            .autocomplete .results ul li.media a:hover {
              background-color: #f6f6f6; }
            .autocomplete .results ul li.media a .media-left img {
              width: 30px;
              height: 30px; }
            .autocomplete .results ul li.media a .media-left .date {
              padding: 5px;
              background-color: #eef1f5;
              color: #27354b;
              margin: 0;
              width: 100%;
              border-radius: 0; }
            .autocomplete .results ul li.media a .media-body h5 {
              margin: 0; }
        .autocomplete .results ul li.more {
          text-align: center; }
          .autocomplete .results ul li.more a {
            background-color: #f6f6f6;
            display: block;
            padding: 7px 0;
            font-weight: 600; }
  .autocomplete .result {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -ms-flex-align: center;
        align-items: center;
    padding: .25rem 1rem;
    background: #f3f3f3;
    position: absolute;
    left: 0;
    top: 0;
    max-width: 80%;
    line-height: 1.5;
    height: 85%; }
    .autocomplete .result figure {
      width: 1.75rem;
      height: 1.75rem;
      box-shadow: none;
      margin: 0 1rem 0 0; }
      .autocomplete .result figure img {
        object-fit: cover;
        width: 100%;
        height: 100%; }
    .autocomplete .result figcaption {
      overflow: hidden;
      white-space: nowrap;
      width: auto;
      display: -ms-flexbox;
      display: flex;
      font-size: .8rem; }

.search {
  position: relative; }
  .search .result {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -ms-flex-align: center;
        align-items: center;
    padding: .25rem 1rem;
    position: absolute;
    left: 3px;
    top: 3px;
    max-width: 80%;
    line-height: 1.5;
    height: 85%;
    background: white; }
    .search .result figure {
      width: 1.75rem;
      height: 1.75rem;
      overflow: hidden;
      border-radius: 50%;
      box-shadow: none;
      margin: 0 1rem 0 0;
      position: relative; }
      .search .result figure img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        position: absolute; }
    .search .result figcaption {
      overflow: hidden;
      white-space: nowrap;
      width: auto;
      display: -ms-flexbox;
      display: flex; }
  .search ul.autocomplete {
    position: absolute !important;
    top: 100%;
    left: 0;
    z-index: 5;
    margin: 0;
    width: 100%;
    background: white;
    border: 1px solid #dee7eb;
    max-height: 13rem;
    overflow-y: auto; }
    .search ul.autocomplete li {
      padding: .75rem 1.5rem;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
      -ms-flex-align: center;
          align-items: center;
      cursor: pointer; }
      .search ul.autocomplete li figure {
        width: 2.75rem;
        height: 2.75rem;
        margin: 0 1.5rem 0 0;
        overflow: hidden;
        border-radius: 50%; }
        .search ul.autocomplete li figure img {
          object-fit: cover;
          width: 100%;
          height: 100%; }
      .search ul.autocomplete li figcaption span {
        color: #666;
        font-size: 1.2rem; }
        .search ul.autocomplete li figcaption span.email {
          color: #888;
          font-size: .9rem; }
      .search ul.autocomplete li:hover {
        background: #6E869D; }
        .search ul.autocomplete li:hover figcaption span {
          color: white; }
  .search .search-label {
    z-index: 100;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    font-size: 18px;
    margin-right: 10px; }
  .search input {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
    .search input:disabled {
      background: white;
      cursor: default; }

.btn {
  line-height: 1.43857; }
  .btn:active:hover {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }
  .btn.btn-xs, .btn-group-xs > .btn {
    font-size: 12px;
    padding: 2px 8px; }

.x_panel {
  margin-top: 10px !important;
  min-height: 150px; }
  .x_panel .x_content {
    margin-top: 0; }
    .x_panel .x_content .x_title,
    .x_panel .x_content .page-title {
      height: 45px;
      padding: 0;
      width: 100%;
      float: left;
      margin-bottom: 18px;
      border-bottom: 1px solid #d8dce2; }

.change-view-buttons {
  position: absolute;
  top: -15px;
  right: 10px; }

.custom-drop .drop-content {
  padding: 0 !important;
  margin-top: 10px !important;
  filter: none !important; }
  .custom-drop .drop-content:before {
    bottom: calc(100% - 1px) !important;
    left: 50% !important;
    margin-left: -8px !important;
    border-width: 8px !important;
    border-bottom-color: #fff !important;
    z-index: 1;
    height: 20px;
    margin-top: 0 !important; }
  .custom-drop .drop-content:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-width: 9px;
    margin-left: -9px;
    border-style: solid;
    z-index: 0;
    bottom: 100%;
    left: 50%;
    border-bottom-color: #eee !important; }

.panel.blue-panel {
  background: #f9fcfe;
  border: none;
  box-shadow: none; }

.panel.gray-panel {
  background: #fafafa;
  border: none;
  box-shadow: none;
  border: 1px solid #ebebeb; }

.panel.white-panel {
  background: white;
  border: none;
  box-shadow: none;
  border: 1px solid #e8e8e8; }

.panel.has-arrow {
  position: relative;
  border: 1px solid #ebebeb !important; }
  .panel.has-arrow:before {
    content: '';
    left: 25px !important;
    top: -10px !important;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #dbdbdb !important;
    border-width: 0 10px 10px;
    position: absolute; }
  .panel.has-arrow:after {
    content: '';
    border-color: transparent;
    border-bottom-color: #fafafa;
    margin-left: -9px;
    border-width: 0 9px 9px;
    position: absolute;
    border-style: solid;
    top: -9px;
    left: 35px;
    width: 0;
    height: 0;
    z-index: 1; }
  .panel.has-arrow.warning-panel:after {
    border-bottom-color: #fcf4d9 !important; }

.panel.has-arrow-left {
  position: relative !important;
  border: 1px solid #ebebeb !important; }
  .panel.has-arrow-left:after, .panel.has-arrow-left:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .panel.has-arrow-left:after {
    border-color: transparent;
    border-right-color: #fafafa;
    border-width: 9px;
    margin-top: -10px; }
  .panel.has-arrow-left:before {
    border-color: transparent;
    border-right-color: #dbdbdb;
    border-width: 10px;
    margin-top: -11px; }
  .panel.has-arrow-left.warning-panel:after {
    border-right-color: #fcf4d9 !important; }

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

.dica,
.floating-tip {
  margin-top: 0 !important;
  position: absolute;
  width: calc(100% - 20px);
  z-index: 2;
  background-color: #fdf7e3;
  border: 1px solid #999;
  padding: 7px 10px;
  margin-top: 10px;
  border-radius: 4px;
  text-align: justify; }
  .dica .tooltip-arrow,
  .floating-tip .tooltip-arrow {
    left: 25px !important;
    top: -10px !important;
    border-bottom-color: #999 !important;
    border-width: 0 10px 10px; }
    .dica .tooltip-arrow:after,
    .floating-tip .tooltip-arrow:after {
      content: '';
      border-color: transparent;
      border-bottom-color: #fdf7e3;
      margin-left: -9px;
      border-width: 0 9px 9px;
      position: absolute;
      border-style: solid;
      top: 1px;
      width: 0;
      height: 0;
      z-index: 1; }
  .dica.gray-tip,
  .floating-tip.gray-tip {
    background: #fafafa; }
    .dica.gray-tip .tooltip-arrow:after,
    .floating-tip.gray-tip .tooltip-arrow:after {
      border-bottom-color: #fafafa; }

.child-content {
  margin-top: 0 !important;
  width: 100%;
  z-index: 2;
  background-color: white;
  border: 1px solid #ebebeb;
  padding: 0 10px;
  margin-top: 10px;
  border-radius: 4px;
  text-align: justify; }
  .child-content:before {
    content: '';
    left: 25px !important;
    top: -9px !important;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #ddd !important;
    border-width: 0 10px 10px;
    position: absolute; }
  .child-content:after {
    content: '';
    border-color: transparent;
    border-bottom-color: white;
    margin-left: -9px;
    border-width: 0 9px 9px;
    position: absolute;
    border-style: solid;
    top: -8px;
    left: 35px;
    width: 0;
    height: 0;
    z-index: 1; }

.panel-body {
  position: relative; }

.ao-dentista:after, .ao-dentista:before {
  left: 370px !important; }

.ha-subordinacao:after, .ha-subordinacao:before {
  left: 180px !important; }

.ha-habitualidade:after, .ha-habitualidade:before {
  left: 325px !important; }

.ha-pessoalidade:after, .ha-pessoalidade:before {
  left: 470px !important; }

.light-opacity {
  opacity: .75; }

.wizard_horizontal .stepContainer {
  overflow: visible; }

.wizard_horizontal ul.wizard_steps {
  display: -ms-flexbox;
  display: flex;
  padding: 0; }
  .wizard_horizontal ul.wizard_steps .step_no,
  .wizard_horizontal ul.wizard_steps li a.selected:before {
    background: #5a738e; }
  .wizard_horizontal ul.wizard_steps li {
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -ms-flex: 1 1 0px;
        flex: 1 1 0;
    -ms-flex-pack: center;
        justify-content: center; }
    .wizard_horizontal ul.wizard_steps li a {
      width: 100%; }
    .wizard_horizontal ul.wizard_steps li:first-child a:before {
      left: 0; }
    .wizard_horizontal ul.wizard_steps li:last-child a:before {
      right: 0;
      width: 100%; }

[ui-br-cpf-mask]:not(.w_100) {
  width: 130px !important; }
  [ui-br-cpf-mask]:not(.w_100) + .input-group-btn {
    float: left; }

.item {
  position: relative; }
  .item .alert {
    transition: none !important;
    font-size: 12px; }

.item.default > input {
  border: 1px solid #f5f5f5 !important; }

.item.default ol.nya-bs-select .dropdown-toggle {
  border: 1px solid #f5f5f5;
  box-shadow: 0 0 4px -2px #f5f5f5; }

.item.default:not(.bottom-alert) .alert {
  left: 100%;
  top: 3px; }

.item.default.bottom-alert {
  padding-bottom: 35px; }
  .item.default.bottom-alert > .alert {
    bottom: 0;
    left: 0;
    margin-left: 0; }
    .item.default.bottom-alert > .alert:after {
      border-color: transparent transparent #f5f5f5 transparent;
      border-width: 0 11px 7px 11px;
      top: -7px;
      left: 10px; }
  .item.default.bottom-alert.wrap > .alert {
    padding: 3px 10px;
    width: auto;
    max-width: 100%;
    white-space: normal; }
  .item.default.bottom-alert.relative-alert {
    padding-bottom: 0; }
    .item.default.bottom-alert.relative-alert > .alert {
      margin-top: 8px;
      padding: 3px 10px;
      width: auto;
      white-space: pre-wrap;
      position: relative; }
    .item.default.bottom-alert.relative-alert [ng-message="required"] {
      white-space: nowrap; }
  .item.default.bottom-alert.right-alert .alert:after {
    right: 10px !important;
    left: auto !important; }

.item.default:not(.form-group) {
  margin-bottom: 5px; }

.item.default.form-group:not(.bottom-alert) .alert {
  top: -3px; }

.item.default .alert {
  position: absolute;
  max-width: none;
  background-color: #f5f5f5;
  color: #73879C; }
  .item.default .alert .btn {
    font-size: 10px; }
  .item.default .alert:after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    border-color: transparent #f5f5f5 transparent transparent;
    border-style: solid;
    border-width: 11px 7px;
    position: absolute;
    left: -13px;
    top: 1px; }

.item.default .inside-input button {
  border-color: #f5f5f5;
  animation: none; }

.item.default .has-inside-button {
  border-right: none;
  animation: none;
  transition: none; }
  .item.default .has-inside-button:focus {
    animation: none;
    transition: none;
    border-right: none; }
    .item.default .has-inside-button:focus ~ .inside-input button {
      border-color: #ccc; }

.item.warning > input {
  border: 1px solid #fdf7e3 !important; }

.item.warning ol.nya-bs-select .dropdown-toggle {
  border: 1px solid #fdf7e3;
  box-shadow: 0 0 4px -2px #fdf7e3; }

.item.warning:not(.bottom-alert) .alert {
  left: 100%;
  top: 3px; }

.item.warning.bottom-alert {
  padding-bottom: 35px; }
  .item.warning.bottom-alert > .alert {
    bottom: 0;
    left: 0;
    margin-left: 0; }
    .item.warning.bottom-alert > .alert:after {
      border-color: transparent transparent #fdf7e3 transparent;
      border-width: 0 11px 7px 11px;
      top: -7px;
      left: 10px; }
  .item.warning.bottom-alert.wrap > .alert {
    padding: 3px 10px;
    width: auto;
    max-width: 100%;
    white-space: normal; }
  .item.warning.bottom-alert.relative-alert {
    padding-bottom: 0; }
    .item.warning.bottom-alert.relative-alert > .alert {
      margin-top: 8px;
      padding: 3px 10px;
      width: auto;
      white-space: pre-wrap;
      position: relative; }
    .item.warning.bottom-alert.relative-alert [ng-message="required"] {
      white-space: nowrap; }
  .item.warning.bottom-alert.right-alert .alert:after {
    right: 10px !important;
    left: auto !important; }

.item.warning:not(.form-group) {
  margin-bottom: 5px; }

.item.warning.form-group:not(.bottom-alert) .alert {
  top: -3px; }

.item.warning .alert {
  position: absolute;
  max-width: none;
  background-color: #fdf7e3;
  color: #73879c; }
  .item.warning .alert .btn {
    font-size: 10px; }
  .item.warning .alert:after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    border-color: transparent #fdf7e3 transparent transparent;
    border-style: solid;
    border-width: 11px 7px;
    position: absolute;
    left: -13px;
    top: 1px; }

.item.warning .inside-input button {
  border-color: #fdf7e3;
  animation: none; }

.item.warning .has-inside-button {
  border-right: none;
  animation: none;
  transition: none; }
  .item.warning .has-inside-button:focus {
    animation: none;
    transition: none;
    border-right: none; }
    .item.warning .has-inside-button:focus ~ .inside-input button {
      border-color: #ccc; }

.item.bad > input {
  border: 1px solid #ce5454 !important; }

.item.bad ol.nya-bs-select .dropdown-toggle {
  border: 1px solid #ce5454;
  box-shadow: 0 0 4px -2px #ce5454; }

.item.bad:not(.bottom-alert) .alert {
  left: 100%;
  top: 3px; }

.item.bad.bottom-alert {
  padding-bottom: 35px; }
  .item.bad.bottom-alert > .alert {
    bottom: 0;
    left: 0;
    margin-left: 0; }
    .item.bad.bottom-alert > .alert:after {
      border-color: transparent transparent #ce5454 transparent;
      border-width: 0 11px 7px 11px;
      top: -7px;
      left: 10px; }
  .item.bad.bottom-alert.wrap > .alert {
    padding: 3px 10px;
    width: auto;
    max-width: 100%;
    white-space: normal; }
  .item.bad.bottom-alert.relative-alert {
    padding-bottom: 0; }
    .item.bad.bottom-alert.relative-alert > .alert {
      margin-top: 8px;
      padding: 3px 10px;
      width: auto;
      white-space: pre-wrap;
      position: relative; }
    .item.bad.bottom-alert.relative-alert [ng-message="required"] {
      white-space: nowrap; }
  .item.bad.bottom-alert.right-alert .alert:after {
    right: 10px !important;
    left: auto !important; }

.item.bad:not(.form-group) {
  margin-bottom: 5px; }

.item.bad.form-group:not(.bottom-alert) .alert {
  top: -3px; }

.item.bad .alert {
  position: absolute;
  max-width: none;
  background-color: #ce5454;
  color: white; }
  .item.bad .alert .btn {
    font-size: 10px; }
  .item.bad .alert:after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    border-color: transparent #ce5454 transparent transparent;
    border-style: solid;
    border-width: 11px 7px;
    position: absolute;
    left: -13px;
    top: 1px; }

.item.bad .inside-input button {
  border-color: #ce5454;
  animation: none; }

.item.bad .has-inside-button {
  border-right: none;
  animation: none;
  transition: none; }
  .item.bad .has-inside-button:focus {
    animation: none;
    transition: none;
    border-right: none; }
    .item.bad .has-inside-button:focus ~ .inside-input button {
      border-color: #ccc; }

.item.bad.fix .alert {
  top: -5px; }
  .item.bad.fix .alert::after {
    top: 1px; }

.has-inside-button:focus {
  border-right: none; }

.nya-bs-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  max-width: 100%; }

.no-bt {
  border: 0 !important; }

.bootstrap-touchspin {
  margin-bottom: 0; }

.nya-bs-select .btn {
  background: white !important; }

.md-dialog-container {
  height: 100vh !important;
  top: 0 !important;
  position: fixed !important; }
  .md-dialog-container md-dialog {
    max-width: 500px; }
    .md-dialog-container md-dialog p {
      font-size: 14px; }
    .md-dialog-container md-dialog md-dialog-actions button.md-button {
      padding: 0 15px; }
      .md-dialog-container md-dialog md-dialog-actions button.md-button.md-primary {
        color: #5a738e; }

body.md-dialog-is-showing {
  overflow: visible !important; }

.transparent {
  background: transparent; }
  .transparent.input-group-addon {
    border-right: none;
    font-size: 13px;
    padding-right: 0; }
    .transparent.input-group-addon + div input {
      border-left: 0;
      border-color: #ccd0d7;
      box-shadow: none !important; }

.social-links {
  font-size: 36px; }

.fa-facebook-square {
  color: #4268AD; }

.fa-twitter-square {
  color: #00A2EC; }

.fa-google-plus-square {
  color: #E0423D; }

.nya-bs-select .btn .special-title {
  color: #73879c !important; }

.nya-bs-select .btn .filter-option {
  color: #73879c !important; }

.item.bad.form-group:not(.bottom-alert) .alert {
  top: 2px !important; }

.form-sub-header {
  background-color: #eef1f5 !important;
  margin: 0 !important;
  padding: 9px 8px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  color: #73879c !important; }

.form-sub-header-label {
  font-size: 13px !important;
  font-weight: 600 !important;
  display: block !important; }

.form-sub-container {
  margin-left: 15px !important;
  margin-right: 15px !important; }

.sm-form-label {
  margin-bottom: 15px;
  padding-bottom: 8px;
  display: block;
  border-bottom: 1px solid #ebebeb; }

.sm-form-description {
  margin-bottom: 15px;
  padding-bottom: 8px;
  display: block; }

.sm-form-subtitle {
  font-weight: bold !important;
  margin-bottom: 15px;
  padding-bottom: 8px;
  display: block;
  border-bottom: 1px solid #ebebeb; }

.sm-form-container {
  margin-left: 15px !important;
  margin-right: 15px !important; }

.sm-form-divider {
  margin: 8px 0 15px 0; }

span.red {
  color: red; }

.panel-group .panel {
  margin-bottom: 10px !important; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  opacity: 1; }

.invalid .cke_chrome {
  border-color: #ff0000 !important; }

.form-control-feedback {
  display: inline !important; }

.text-green {
  color: #1abb9c !important; }

.text-blue {
  color: #73879C !important; }

.take-shot-button {
  position: absolute;
  right: 17px;
  font-size: 25px;
  border-radius: 100% !important;
  opacity: 0.4 !important;
  top: 42%; }

.overlay:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(242, 242, 242, 0.1);
  top: -10px; }

.overlay > div {
  filter: blur(1px);
  -webkit-filter: blur(1px);
  opacity: 0.5; }

.small-panel {
  background: white;
  border: 1px solid #eee;
  box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.3); }

.table-options {
  border: none;
  font-size: 18px !important;
  width: 18px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

.copy-to {
  width: 22px;
  height: 22px;
  border-radius: 22px;
  background: white;
  box-shadow: -1px 1px 1px 1px rgba(50, 50, 50, 0.3);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  bottom: 0;
  top: 0;
  right: -15px;
  margin: auto;
  transform: translateX(0) translateY(0);
  backface-visibility: hidden;
  opacity: 1; }
  .copy-to.ng-enter-stagger {
    transition-delay: 50ms;
    animation-delay: 50ms; }
  .copy-to.ng-enter, .copy-to.ng-hide-remove {
    transition-duration: 200ms;
    transition-timing-function: ease;
    transition-delay: 50ms;
    transition-property: transform, opacity;
    backface-visibility: hidden;
    opacity: 0;
    transform: translateX(100%); }
  .copy-to.ng-enter.ng-enter-active {
    transform: translateX(0) translateY(0);
    opacity: 1; }

.slideIn.left.ng-enter-stagger {
  transition-delay: 50ms;
  animation-delay: 50ms; }

.slideIn.left.ng-enter, .slideIn.left.ng-hide-remove {
  transition-duration: 200ms;
  transition-timing-function: ease;
  transition-delay: 50ms;
  transition-property: transform, opacity;
  backface-visibility: hidden;
  opacity: 0;
  transform: translateX(100%); }

.slideIn.left.ng-enter.ng-enter-active {
  transform: translateX(0) translateY(0);
  opacity: 1; }

.slideIn.right.ng-enter-stagger {
  transition-delay: 50ms;
  animation-delay: 50ms; }

.slideIn.right.ng-enter, .slideIn.right.ng-hide-remove {
  transition-duration: 200ms;
  transition-timing-function: ease;
  transition-delay: 50ms;
  transition-property: transform, opacity;
  backface-visibility: hidden;
  opacity: 0;
  transform: translateX(-100%); }

.slideIn.right.ng-enter.ng-enter-active {
  transform: translateX(0) translateY(0);
  opacity: 1; }

md-backdrop {
  z-index: 10001 !important; }

.overflow-hidden {
  overflow: hidden; }
  .overflow-hidden.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap; }

sm-service-odontogram {
  width: 100%;
  float: left;
  text-align: center; }

.price-range {
  padding-left: 50px !important;
  position: relative; }
  .price-range:before {
    color: white;
    font-weight: normal;
    content: '';
    text-align: center;
    vertical-align: -50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    font-size: 14px;
    letter-spacing: 1px;
    background: #6d86a0;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 100%; }
  .price-range:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 40px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 7px;
    border-color: transparent transparent transparent #6d86a0; }
  .price-range.lowest-price:before {
    content: '$'; }
  .price-range.medium-price:before {
    content: '$$'; }
  .price-range.highest-price:before {
    content: '$$$'; }

.switch-buttons input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

canvas {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.only-print {
  visibility: hidden;
  height: 0;
  overflow: hidden; }

@media print {
  body * {
    visibility: hidden; }
  #printSection, #printSection * {
    visibility: visible; }
    #printSection .only-print, #printSection * .only-print {
      visibility: visible;
      height: auto;
      overflow: inherit; }
  #printSection {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
    #printSection .noprint {
      visibility: hidden;
      display: none; } }

/*Table Specialties Procedures*/
#tbl-specialties-procedures .panel-heading .form-control {
  height: 24px;
  border-color: #ddd; }

[order-by] {
  float: right; }

.bg-white.is-sticky {
  box-shadow: 0 1px 1px rgba(51, 49, 50, 0.2);
  color: #1abb9c !important; }

.text-underline {
  text-decoration: underline !important; }

.btn-file {
  position: relative;
  overflow: hidden;
  height: 34px; }

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block; }

/* END Upload de imagem*/
/*Shortcuts and Bootstrap Overrides*/
.danger-color {
  color: #e74c3ce0; }

.w_100 {
  width: 100%; }

.w_95 {
  width: 95%; }

.w_90 {
  width: 90%; }

.w_85 {
  width: 85%; }

.w_80 {
  width: 80%; }

.w_75 {
  width: 75%; }

.w_70 {
  width: 70%; }

.w_65 {
  width: 65%; }

.w_60 {
  width: 60%; }

.w_50 {
  width: 50%; }

.w_40 {
  width: 40%; }

.w_35 {
  width: 35%; }

.w_33 {
  width: 33%; }

.w_30 {
  width: 30%; }

.w_25 {
  width: 25%;
  width: 25%; }

.w_22_5 {
  width: 22.5%;
  width: 22.5%; }

.w_20 {
  width: 20%;
  width: 20%; }

.w_17_5 {
  width: 17.5%; }

.w_15 {
  width: 15%; }

.w_12_5 {
  width: 12%; }

.w_10 {
  width: 10%; }

.w_7_5 {
  width: 7.5%; }

.w_5 {
  width: 5%; }

.w_3 {
  width: 3%; }

.w_2_5 {
  width: 2.5%; }

/* Spacements */
/* spacement top & bottom */
.m-none {
  margin: 0 !important; }

.m-auto {
  margin: 0 auto !important; }

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

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

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

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

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

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

/* spacement top    */
.mt-none {
  margin-top: 0 !important; }

.mt-xs {
  margin-top: 5px !important; }

.mt-xs-n {
  margin-top: -5px !important; }

.mt-sm {
  margin-top: 10px !important; }

.mt-md {
  margin-top: 15px !important; }

.mt-lg {
  margin-top: 20px !important; }

.mt-xl {
  margin-top: 25px !important; }

.mt-xlg {
  margin-top: 30px !important; }

/* spacement bottom */
.mb-none {
  margin-bottom: 0 !important; }

.mb-xs {
  margin-bottom: 5px !important; }

.mb-xs-n {
  margin-bottom: -5px !important; }

.mb-sm {
  margin-bottom: 10px !important; }

.mb-md {
  margin-bottom: 15px !important; }

.mb-lg {
  margin-bottom: 20px !important; }

.mb-xl {
  margin-bottom: 25px !important; }

.mb-xlg {
  margin-bottom: 30px !important; }

.mb-xxlg {
  margin-bottom: 50px !important; }

/* spacement left   */
.ml-none {
  margin-left: 0 !important; }

.ml-xs {
  margin-left: 5px !important; }

.ml-sm {
  margin-left: 10px !important; }

.ml-md {
  margin-left: 15px !important; }

.ml-lg {
  margin-left: 20px !important; }

.ml-xl {
  margin-left: 25px !important; }

.ml-xlg {
  margin-left: 30px !important; }

.ml-xlg-n {
  margin-left: -30px !important; }

/* spacement right  */
.mr-none {
  margin-right: 0 !important; }

.mr-xs {
  margin-right: 5px !important; }

.mr-sm {
  margin-right: 10px !important; }

.mr-md {
  margin-right: 15px !important; }

.mr-lg {
  margin-right: 20px !important; }

.mr-xl {
  margin-right: 25px !important; }

.mr-xlg {
  margin-right: 30px !important; }

/* Spacement Padding */
.p-none {
  padding: 0 !important; }

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

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

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

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

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

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

/* spacement top    */
.pt-none {
  padding-top: 0 !important; }

.pt-xs {
  padding-top: 5px !important; }

.pt-sm {
  padding-top: 10px !important; }

.pt-md {
  padding-top: 15px !important; }

.pt-lg {
  padding-top: 20px !important; }

.pt-xl {
  padding-top: 25px !important; }

.pt-xlg {
  padding-top: 30px !important; }

.pt-xxlg {
  padding-top: 40px !important; }

/* spacement bottom */
.pb-none {
  padding-bottom: 0 !important; }

.pb-xs {
  padding-bottom: 5px !important; }

.pb-sm {
  padding-bottom: 10px !important; }

.pb-md {
  padding-bottom: 15px !important; }

.pb-lg {
  padding-bottom: 20px !important; }

.pb-xl {
  padding-bottom: 25px !important; }

.pb-xlg {
  padding-bottom: 30px !important; }

/* spacement left   */
.pl-none {
  padding-left: 0 !important; }

.pl-xs {
  padding-left: 5px !important; }

.pl-sm {
  padding-left: 10px !important; }

.pl-md {
  padding-left: 15px !important; }

.pl-lg {
  padding-left: 20px !important; }

.pl-xl {
  padding-left: 25px !important; }

.pl-xlg {
  padding-left: 30px !important; }

/* spacement right  */
.pr-none {
  padding-right: 0 !important; }

.pr-xs {
  padding-right: 5px !important; }

.pr-sm {
  padding-right: 10px !important; }

.pr-md {
  padding-right: 15px !important; }

.pr-lg {
  padding-right: 20px !important; }

.pr-xl {
  padding-right: 25px !important; }

.pr-xlg {
  padding-right: 30px !important; }

.b-none {
  border: none !important; }

.bt-none {
  border-top: none !important; }

.bb-none {
  border-bottom: none !important; }

.bl-none {
  border-left: none !important; }

.br-none {
  border-right: none !important; }

.brad-none {
  border-radius: 0; }

.bb {
  border-bottom: 1px solid #efefef; }

.link {
  cursor: pointer; }

.bold {
  font-weight: 700 !important; }

.light {
  font-weight: lighter !important; }

.blue {
  color: #3498db; }

.purple {
  color: #9b59b6; }

.green {
  color: #02940e;
  color: #00b60f !important; }

.aero {
  color: #9cc2cb; }

.yellow {
  color: #f1c40f; }

.red {
  color: #e74c3c;
  color: red !important; }

.dark {
  color: #34495e; }

.border-blue {
  border-color: #3498db !important; }

.border-purple {
  border-color: #9b59b6 !important; }

.border-green {
  border-color: #1abb9c !important; }

.border-aero {
  border-color: #9cc2cb !important; }

.border-red {
  border-color: #e74c3c !important; }

.border-dark {
  border-color: #34495e !important; }

.bg-white {
  background: #fff !important;
  border: 1px solid #fff !important;
  color: #73879c; }

.bg-green {
  background: #1abb9c !important;
  border: 2px solid #d9dee4 !important;
  color: #fff; }

.bg-red {
  background: #e74c3c !important;
  border: 2px solid #d9dee4 !important;
  color: #fff; }

.bg-blue {
  background: #3498db !important;
  border: 1px solid #3498db !important;
  color: #fff; }

.bg-orange {
  background: #f39c12 !important;
  border: 1px solid #f39c12 !important;
  color: #fff; }

.bg-purple {
  background: #9b59b6 !important;
  border: 1px solid #9b59b6 !important;
  color: #fff; }

.bg-blue-sky {
  background: #50c1cf !important;
  border: 1px solid #50c1cf !important;
  color: #fff; }

.bg-gray {
  background: #f4f4f4 !important;
  border: 1px solid #f4f4f4 !important;
  color: #73879c; }

.bg-muted {
  background: #dadfe9 !important;
  border: 1px solid #dadfe9 !important;
  color: #73879c; }

.bg-default {
  background: #f2f5f7 !important;
  border: 1px solid #f2f5f7 !important;
  color: #73879c; }

.font09 {
  font-size: 9px; }

.font10 {
  font-size: 10px; }

.font11 {
  font-size: 11px; }

.font12 {
  font-size: 12px; }

.font13 {
  font-size: 13px; }

.font14 {
  font-size: 14px; }

.font15 {
  font-size: 15px; }

.font16 {
  font-size: 16px; }

.font36 {
  font-size: 36px; }

.text-shadow-success {
  text-shadow: 1px 1px #15af92 !important; }

.text-shadow-danger {
  text-shadow: 1px 1px #b76363 !important; }

.white {
  color: #fff !important; }

.light-gray {
  color: #eee !important; }

.mid-gray {
  color: #bbb !important; }

.text-warning {
  color: #ff7373 !important; }

.d-none {
  display: none; }

.d-block {
  display: block;
  display: block; }

.b-rad {
  border-radius: 3px !important; }

.b-rad-tl-tr {
  border-radius: 3px 3px 0 0 !important; }

.b-rad-bl-br {
  border-radius: 0 0 3px 3px !important; }

.b-rad-tl {
  border-top-left-radius: 3px !important; }

.b-rad-tr {
  border-top-right-radius: 3px !important; }

.b-rad-br {
  border-bottom-right-radius: 3px !important; }

.b-rad-bl {
  border-bottom-left-radius: 3px !important; }

.black {
  color: #000 !important; }

.navy {
  color: #73879c !important; }

.bs {
  border: 1px solid; }

.bs-xs {
  border: 2px solid; }

.bs-sm {
  border: 3px solid; }

.bs-md {
  border: 4px solid; }

.bs-lg {
  border: 5px solid; }

.bts {
  border-top: 1px solid !important;
  border-bottom: 0;
  border-left: 0;
  border-right: 0; }

.bts-xs {
  border-top: 2px solid !important;
  border-bottom: 0;
  border-left: 0;
  border-right: 0; }

.bts-sm {
  border-top: 3px solid !important;
  border-bottom: 0;
  border-left: 0;
  border-right: 0; }

.bts-md {
  border-top: 4px solid !important;
  border-bottom: 0;
  border-left: 0;
  border-right: 0; }

.bts-lg {
  border-top: 5px solid !important;
  border-bottom: 0;
  border-left: 0;
  border-right: 0; }

.brs {
  border-right: 1px solid; }

.bbs {
  border-bottom: 1px solid;
  border-top: 0;
  border-left: 0;
  border-right: 0; }

.bbs-xs {
  border-bottom: 2px solid !important;
  border-top: 0;
  border-left: 0;
  border-right: 0; }

.bbs-sm {
  border-bottom: 3px solid !important;
  border-top: 0;
  border-left: 0;
  border-right: 0; }

.bbs-md {
  border-bottom: 4px solid !important;
  border-top: 0;
  border-left: 0;
  border-right: 0; }

.bbs-lg {
  border-bottom: 5px solid !important;
  border-top: 0;
  border-left: 0;
  border-right: 0; }

.bls {
  border-left: 1px solid; }

.b-gray {
  border-color: #ddd; }

.border-muted {
  border-color: #dadfe9 !important; }

.border-success {
  border-color: #1abb9c !important; }

.border-danger {
  border-color: #e06b69 !important; }

.bts-muted {
  border-top-color: #dadfe9 !important; }

.bts-primary {
  border-top-color: #73879c !important; }

.bts-success {
  border-top-color: #1abb9c !important; }

.bts-danger {
  border-top-color: #ed9c9c !important; }

.bbs-muted {
  border-bottom-color: #dadfe9 !important; }

.bbs-primary {
  border-bottom-color: #73879c !important; }

.bbs-success {
  border-bottom-color: #1abb9c !important; }

.bbs-danger {
  border-bottom-color: #ed9c9c !important; }

.normal {
  font-weight: 400; }

.text-muted {
  color: #dadfe9 !important; }

.btn-muted,
.bg-muted {
  background: #dadfe9 !important; }

.text-success {
  color: #1abb9c !important; }

.text-danger {
  color: #e06b69 !important; }

.btn-success,
.bg-success {
  background: #1abb9c !important;
  color: #fff !important; }

.bg-success.dark {
  background: #0a9b7f !important; }

.bg-success.light {
  background: #5fd3bd !important; }

.btn-success:hover {
  background: #1bc4a3 !important; }

.btn-link,
.text-primary {
  color: #6d86a0 !important; }

.btn-link:hover {
  color: #abbac8 !important; }

.btn-primary,
.bg-primary {
  background: #6d86a0 !important;
  color: #fff !important; }

.bg-primary.dark {
  background: #4b5f75 !important; }

.bg-primary.light {
  background: #91a7bf !important; }

.border-primary {
  border-color: #6d86a0 !important; }

.btn-danger,
.bg-danger {
  background: #e06b69 !important;
  color: #fff !important; }

.bg-danger.dark {
  background: #c45856 !important; }

.bg-danger.light {
  background: #ed8f8e !important; }

.btn {
  border-radius: 3px; }

.w_55 {
  width: 55%; }

.rel {
  position: relative !important; }

.abs {
  position: absolute !important; }

.justify {
  text-align: justify; }

.inline {
  display: inline; }

.inline-block {
  display: inline-block; }

.center {
  text-align: center; }

.tdec-none {
  text-decoration: none; }

.nowrap {
  white-space: nowrap; }

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

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

.contrast100 {
  filter: contrast(100%) !important; }

.contrast200 {
  filter: contrast(100%) !important; }

/* Inputs invisíveis */
.input-invisible {
  border: 0 !important;
  box-shadow: none !important;
  background: white !important; }

input.left {
  float: left; }

.line-through {
  text-decoration: line-through; }

.box-border {
  border: 1px solid #f0f0ed;
  padding: 0px 10px; }

.nowrap {
  white-space: nowrap; }

.align-top {
  vertical-align: top !important; }

.table.layout-fixed {
  table-layout: fixed; }

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important; }
  .d-flex:before, .d-flex:after {
    content: none; }
  .d-flex.wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .d-flex.flex-row {
    -ms-flex-direction: row;
        flex-direction: row; }
  .d-flex.flex-column {
    -ms-flex-direction: column;
        flex-direction: column; }
  .d-flex.justify-center {
    -ms-flex-pack: center;
        justify-content: center; }
  .d-flex.justify-space-between {
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .d-flex.justify-space-around {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .d-flex.justify-end {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .d-flex.align-items-center {
    -ms-flex-align: center;
        align-items: center; }
  .d-flex.align-items-start {
    -ms-flex-align: start;
        align-items: flex-start; }
  .d-flex.align-items-end {
    -ms-flex-align: end;
        align-items: flex-end; }

.z-index-0 {
  z-index: 0 !important; }

.stop-scrolling {
  height: 100%;
  overflow: hidden; }

.hide-before:before {
  content: '';
  display: none; }

.user-page {
  /* Tabela Timeline de Indicações */
  /* END Tabela Timeline de Indicações */
  /* Timeline de Indicações */
  /* END Timeline de Indicações */
  /* Queries */
  /* END Queries */ }
  .user-page #painel-principal #crop-avatar {
    padding: 0; }
    .user-page #painel-principal #crop-avatar:before {
      padding-top: 0; }
    .user-page #painel-principal #crop-avatar.border-off {
      border: 0; }
  .user-page #painel-principal a.border-off {
    left: 0;
    width: 100%; }
  .user-page #painel-principal .mg-bt-12 {
    margin-bottom: 12px; }
  .user-page .tag-block .block_content .row.indicacao {
    background: #eaedf3; }
  .user-page img.desaturate {
    filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%) !important; }
  .user-page img.transparent {
    filter: opacity(30%) !important;
    -webkit-filter: opacity(30%) !important; }
  .user-page .timeline-header {
    margin-left: 152px;
    font-size: 10px; }
  .user-page #tableTimelineIndicacoes {
    border: 0; }
    .user-page #tableTimelineIndicacoes tbody {
      border: 0; }
      .user-page #tableTimelineIndicacoes tbody tr {
        border: 0; }
    .user-page #tableTimelineIndicacoes thead td {
      text-align: center;
      padding-top: 2%;
      padding-bottom: 2%;
      font-size: 10px; }
      .user-page #tableTimelineIndicacoes thead td.th-name {
        text-align: left !important; }
      .user-page #tableTimelineIndicacoes thead td.th-icone {
        width: 5%; }
      .user-page #tableTimelineIndicacoes thead td.th-date, .user-page #tableTimelineIndicacoes thead td.th-photo, .user-page #tableTimelineIndicacoes thead td.th-status, .user-page #tableTimelineIndicacoes thead td.th-contact {
        width: 10%; }
      .user-page #tableTimelineIndicacoes thead td.th-setup {
        width: 15%; }
      .user-page #tableTimelineIndicacoes thead td.th-name, .user-page #tableTimelineIndicacoes thead td.th-access {
        width: 20%; }
      .user-page #tableTimelineIndicacoes thead td.th-date, .user-page #tableTimelineIndicacoes thead td.th-icon {
        background: #fff;
        border-bottom: 1px solid #fff !important; }
    .user-page #tableTimelineIndicacoes tbody {
      text-align: center; }
      .user-page #tableTimelineIndicacoes tbody tr {
        height: 80px; }
        .user-page #tableTimelineIndicacoes tbody tr.second td.date span, .user-page #tableTimelineIndicacoes tbody tr.second td.date:before, .user-page #tableTimelineIndicacoes tbody tr.second td.date:after {
          visibility: hidden; }
      .user-page #tableTimelineIndicacoes tbody td {
        background: #f7f8fb;
        border-bottom: 1px solid #dadfe9 !important;
        padding-top: 2%;
        padding-bottom: 2%; }
        .user-page #tableTimelineIndicacoes tbody td.date {
          background: white;
          border-bottom: 1px solid #fff !important; }
        .user-page #tableTimelineIndicacoes tbody td.icon {
          background: white;
          border-bottom: 1px solid #fff !important;
          background: url(../img/line-timeline.jpg) no-repeat;
          background-size: 100% 100%; }
        .user-page #tableTimelineIndicacoes tbody td.date .tag {
          background: #6d86a0;
          color: #fff;
          padding: 6px;
          border-radius: 3px; }
        .user-page #tableTimelineIndicacoes tbody td.name, .user-page #tableTimelineIndicacoes tbody td.setup {
          text-align: left !important; }
        .user-page #tableTimelineIndicacoes tbody td.date:before {
          content: "\f0da";
          font-family: FontAwesome;
          font-size: 50px;
          line-height: 10px;
          color: #6d86a0;
          padding-left: 7.6%;
          padding-top: 0.35%;
          position: absolute;
          z-index: 999; }
        .user-page #tableTimelineIndicacoes tbody td.date:after {
          content: "\f0d9";
          font-family: FontAwesome;
          font-size: 42px;
          line-height: 15px;
          color: #eaedf3;
          padding-left: 4.8%;
          position: absolute;
          z-index: 9999; }
        .user-page #tableTimelineIndicacoes tbody td.photo {
          border-left: 1px solid #dadfe9 !important; }
          .user-page #tableTimelineIndicacoes tbody td.photo img {
            width: 40px;
            height: 40px; }
        .user-page #tableTimelineIndicacoes tbody td.contact {
          border-right: 1px solid #dadfe9 !important; }
        .user-page #tableTimelineIndicacoes tbody td.date, .user-page #tableTimelineIndicacoes tbody td.icon, .user-page #tableTimelineIndicacoes tbody td.name, .user-page #tableTimelineIndicacoes tbody td.status, .user-page #tableTimelineIndicacoes tbody td.setup, .user-page #tableTimelineIndicacoes tbody td.access {
          padding-top: 3%; }
  .user-page .timeline .tag-block .block_content .icon-timeline.sent:before {
    font: 16px/1 FontAwesome;
    content: "\f252";
    padding-top: 6px;
    padding-left: 7px;
    color: #ccc;
    font-size: 14px; }
  .user-page .timeline .tag-block .block_content .icon-timeline.accepted:before {
    font: 16px/1 FontAwesome;
    content: "\f087";
    padding-top: 7px;
    padding-left: 7px;
    color: #1bc4a3;
    font-size: 14px; }
  .user-page .timeline .tag-block .block_content .icon-timeline.refused:before {
    font: 16px/1 FontAwesome;
    content: "\f088";
    padding-top: 6px;
    padding-left: 7px;
    color: #ed9c9c;
    font-size: 14px; }
  @media only screen and (min-width: 1367px) {
    .user-page #tableTimelineIndicacoes tbody td.date:before {
      font-size: 52px;
      line-height: 10px;
      padding-left: 7.6%;
      padding-top: 0.4%; } }
  @media (max-width: 1366px) and (min-width: 1281px) {
    .user-page .totalizadorIndicacoes .info .subtitulo {
      font-size: 0.8em; }
    .user-page #tableTimelineIndicacoes tbody td.date:before {
      font-size: 52px;
      line-height: 10px;
      padding-left: 9%;
      padding-top: 0.4%; }
    .user-page #tableTimelineIndicacoes tbody td.date:after {
      font-size: 40px;
      padding-left: 4.4%; } }
  @media only screen and (max-width: 1280px) {
    .user-page .totalizadorIndicacoes .info .subtitulo {
      font-size: 0.9em; }
    .user-page #tableTimelineIndicacoes tbody td.date:before {
      font-size: 52px;
      line-height: 10px;
      padding-left: 9.7%;
      padding-top: 0.5%; }
    .user-page #tableTimelineIndicacoes tbody td.date:after {
      font-size: 30px;
      padding-left: 4.6%; }
    .user-page #tableTimelineIndicacoes tbody td.access {
      font-size: 0.8em; } }
  @media only screen and (max-width: 1024px) {
    .user-page .btnAlterarFormaPagamento {
      font-size: 11px !important; }
    .user-page h2.OpcaoPagamentoAtual, .user-page h2.DataPagamentoAtual, .user-page h2.DataCadastroPagamento {
      font-size: 14px; }
    .user-page #pagamentoCartaoCredito label {
      font-size: 11px; }
    .user-page #pagamentoCartaoCredito span.small {
      font-size: 8px; }
    .user-page .totalizadorIndicacoes {
      height: 85px; }
      .user-page .totalizadorIndicacoes .icone {
        font-size: 3em;
        padding-top: 3%; }
      .user-page .totalizadorIndicacoes .info.titulo {
        font-size: 0.7em; }
      .user-page .totalizadorIndicacoes .info .total {
        font-size: 1.6em; }
      .user-page .totalizadorIndicacoes .info .subtitulo {
        font-size: 0.5em; }
    .user-page #tableTimelineIndicacoes thead td.th-name {
      width: 15%; }
    .user-page #tableTimelineIndicacoes thead td.th-setup {
      width: 10%; }
    .user-page #tableTimelineIndicacoes thead td.th-access {
      width: 30%; }
    .user-page #tableTimelineIndicacoes tbody td.date:before {
      font-size: 52px;
      line-height: 10px;
      padding-left: 14.6%;
      padding-top: 0.7%; }
    .user-page #tableTimelineIndicacoes tbody td.date:after {
      font-size: 30px;
      padding-left: 5.2%; }
    .user-page #tableTimelineIndicacoes tbody td.icon .fa {
      font-size: 12px !important; }
    .user-page #tableTimelineIndicacoes tbody td.photo img {
      width: 30px;
      height: 30px; }
    .user-page #tableTimelineIndicacoes tbody td.name, .user-page #tableTimelineIndicacoes tbody td.access {
      font-size: 0.6em !important; }
    .user-page #tableTimelineIndicacoes tbody td.status .fa-2x {
      font-size: 1.2em !important; } }
  @media only screen and (max-width: 768px) {
    .user-page .totalizadorIndicacoes .info .subtitulo {
      font-size: 0.9em; } }
  @media only screen and (max-width: 1366px) {
    .user-page #tableTimelineIndicacoes tbody tr {
      height: 50px; } }

.boleto-config .form-control[disabled], .boleto-config .form-control[readonly], .boleto-config fieldset[disabled] .form-control {
  background-color: white;
  box-shadow: none; }

.legal-profile .profile_details .profile_view {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  min-height: 180px; }
  .legal-profile .profile_details .profile_view .bottom {
    margin-top: auto; }

.legal-profile .profile_details:hover .profile_view .list-unstyled {
  width: 100%;
  height: auto;
  margin-bottom: 10px; }

.cancel-subscription .summary .summary-item {
  margin: 0 30px;
  padding: 0 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .cancel-subscription .summary .summary-item:not(:last-of-type) {
    border-bottom: 1px solid #f2f2f2; }
  .cancel-subscription .summary .summary-item h4 {
    font-size: 13px; }
    .cancel-subscription .summary .summary-item h4 strong {
      font-weight: normal; }
  .cancel-subscription .summary .summary-item:first-of-type h4, .cancel-subscription .summary .summary-item:first-of-type strong, .cancel-subscription .summary .summary-item:last-of-type h4, .cancel-subscription .summary .summary-item:last-of-type strong {
    font-size: 14px;
    font-weight: 600; }

.subscription-plans .panel-body {
  background: #f8f8f8; }

.subscription-plans .price {
  background: white;
  font-weight: bold; }
  .subscription-plans .price.current {
    border-color: #1abb9c !important; }
    .subscription-plans .price.current * {
      color: #1abb9c !important; }
  .subscription-plans .price.active {
    background-color: #1abb9c;
    border-color: #1abb9c;
    box-shadow: none; }
    .subscription-plans .price.active * {
      color: white !important; }
  .subscription-plans .price small {
    padding-top: 5px;
    font-size: 13px;
    font-weight: lighter; }

.subscription-plans .panel-heading {
  background-color: #1abb9c !important;
  color: white !important;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  min-height: 62px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

.subscription-plans .panel-footer {
  background: #ffc107 !important;
  color: white;
  font-size: 12px; }

#content-admin {
  float: right;
  padding-right: 10px;
  width: 91.66667%; }

.text-underline {
  text-decoration: underline; }

body.admin {
  background: #f1f2f2 !important; }

.admin-dashboard .subpanel {
  padding: 15px !important; }
  .admin-dashboard .subpanel .item {
    padding-bottom: 15px; }
    .admin-dashboard .subpanel .item strong {
      font-size: 18px;
      padding: 5px 0 10px;
      margin-bottom: 10px; }
    .admin-dashboard .subpanel .item .value {
      font-size: 42px; }
    .admin-dashboard .subpanel .item small {
      font-size: 14px; }
    .admin-dashboard .subpanel .item:nth-child(1), .admin-dashboard .subpanel .item:nth-child(2) {
      margin-bottom: 18px !important; }

.complete-registration.login-page .template-login .panel-center.large {
  width: 800px; }

.complete-registration h5 {
  margin-bottom: 30px; }

.complete-registration .btn-group .btn {
  height: 43px;
  border: 1px solid #e6e7e8; }
  .complete-registration .btn-group .btn.active, .complete-registration .btn-group .btn:focus, .complete-registration .btn-group .btn:active {
    background: #0099e0 !important;
    border-color: #0099e0;
    color: white; }

.complete-registration button {
  margin: 0 !important; }

.complete-registration .nya-bs-select button.dropdown-toggle {
  width: 100% !important; }

.complete-registration .form-group .input-group .form-control,
.complete-registration .form-control {
  height: 43px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  border: 1px solid #e6e7e8;
  background-color: #fff;
  border-radius: .4rem;
  padding: 4px 10px;
  box-shadow: none; }
  .complete-registration .form-group .input-group .form-control:focus,
  .complete-registration .form-control:focus {
    border: 1px solid #1abb9c; }

.login-page {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: auto;
  z-index: 2;
  font-family: 'Open Sans', Arial, sans-serif;
  background: #f2f2f2; }
  .login-page:before {
    position: absolute;
    content: '';
    background: url(../img//bg-login.png);
    height: 50vh;
    width: 100%;
    display: block; }
  .login-page h2 {
    text-transform: uppercase; }
  .login-page #background {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 54%; }
  .login-page #logo {
    height: 108icone-selfpx;
    overflow: hidden;
    width: 360px;
    margin-top: 20px; }
  .login-page .signature {
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 17px;
    text-align: left;
    color: #fff;
    font-weight: 100;
    letter-spacing: 11.4px;
    font-family: 'Open Sans', Arial, sans-serif;
    width: 400px; }
  .login-page .title-login {
    margin: 30px 0 10px 0;
    padding: 0;
    line-height: 1;
    color: #fff;
    font-size: 11px;
    text-align: left;
    display: inline-block;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: normal; }
  .login-page .full-page-panel {
    min-height: 100%; }
  .login-page .header-login {
    float: left;
    width: 100%;
    margin: 0; }
  .login-page .template-login .panel-center {
    width: 360px; }
    .login-page .template-login .panel-center.large {
      width: 640px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
      top: 45%; }
      .login-page .template-login .panel-center.large .title-login {
        display: none; }
      .login-page .template-login .panel-center.large .header-login {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center; }
        .login-page .template-login .panel-center.large .header-login img {
          max-width: 360px; }
      .login-page .template-login .panel-center.large button {
        width: 290px;
        margin: 0 auto; }
  .login-page .panel-center {
    position: absolute;
    width: 980px;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    padding: 0; }
  .login-page .login-panel {
    width: 100%;
    padding: 30px;
    margin: 0px 0 10px 0; }
  .login-page .account-card, .login-page .login-panel {
    border-radius: .4rem;
    background-color: #fff;
    box-shadow: 0 2px 1px rgba(51, 49, 50, 0.2); }
  .login-page .icon-field {
    font-size: 1.6rem;
    line-height: 3.2rem;
    display: block;
    width: 100%;
    color: #999;
    border: 1px solid #e6e7e8;
    border-radius: .4rem;
    background-color: #fff;
    position: relative;
    margin: 20px 0;
    padding: 0; }
    .login-page .icon-field:first-of-type {
      margin-top: 0; }
  .login-page .form textarea {
    will-change: border-color;
    transition: border-color .2s ease; }
    .login-page .form textarea._focus, .login-page .form textarea._invalid, .login-page .form textarea._valid {
      will-change: border-color;
      transition: border-color .2s ease; }
  .login-page .icon-field {
    will-change: border-color;
    transition: border-color .2s ease;
    font-size: 1.6rem;
    line-height: 3.2rem;
    display: block;
    width: 100%;
    color: #999;
    border: 1px solid #e6e7e8;
    border-radius: .4rem;
    background-color: #fff;
    position: relative;
    margin: 20px 0;
    padding: 0; }
    .login-page .icon-field._focus, .login-page .icon-field._invalid, .login-page .icon-field._valid {
      will-change: border-color;
      transition: border-color .2s ease; }
    .login-page .icon-field [class*=" icon-"], .login-page .icon-field [class^=icon-], .login-page .icon-field span, .login-page .icon-field i {
      position: absolute;
      font-size: 1.5em;
      top: 0;
      bottom: 0;
      height: 25px;
      margin: auto 0;
      left: 10px;
      color: silver; }
    .login-page .icon-field i {
      font-size: 2em;
      height: 30px; }
  .login-page [class*=" icon-"], .login-page [class^=icon-] {
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .login-page [class*=" icon-"], .login-page [class^=icon-] {
    vertical-align: middle; }
  .login-page .form input, .login-page .form textarea {
    font-size: 15px !important;
    line-height: 33px;
    display: block;
    width: 100%;
    color: #999;
    border: 1px solid #e6e7e8;
    background-color: #f1f2f2;
    border-radius: .4rem;
    padding: 4px 10px;
    will-change: all;
    transition: all .2s ease; }
  .login-page .icon-field input {
    border: none;
    padding-left: 50px;
    background-color: #fff; }
  .login-page .margin-bottom-xs {
    margin-bottom: 10px !important; }
  .login-page .nya-bs-select {
    height: auto !important; }
    .login-page .nya-bs-select button.dropdown-toggle {
      line-height: 33px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      width: 100%;
      border: 1px solid #e6e7e8;
      background-color: #f1f2f2;
      border-radius: .4rem;
      padding: 4px 10px;
      will-change: all;
      transition: all .2s ease; }
      .login-page .nya-bs-select button.dropdown-toggle span,
      .login-page .nya-bs-select button.dropdown-toggle span.special-title {
        font-size: 15px !important;
        color: #999 !important; }
    .login-page .nya-bs-select .nya-bs-option a {
      line-height: 33px;
      font-size: 15px;
      color: #999 !important; }
    .login-page .nya-bs-select .nya-bs-option figure {
      height: 30px;
      width: 30px;
      border-radius: 100%;
      overflow: hidden; }
      .login-page .nya-bs-select .nya-bs-option figure img {
        object-fit: cover;
        width: 100%;
        height: 100%; }
  .login-page .nya-bs-select.btn-group .dropdown-menu li.selected a, .login-page .nya-bs-select.btn-group .dropdown-menu li.selected:focus a {
    color: white !important; }
  .login-page button:not(.dropdown-toggle) {
    padding: 0 !important;
    display: inline-block;
    cursor: pointer;
    border: none;
    text-align: center;
    text-decoration: none;
    border-radius: .4rem;
    min-width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 1.6rem;
    padding: 0 20px;
    letter-spacing: .05em;
    width: 100%;
    color: #fff;
    will-change: background-color;
    transition: background-color .2s ease;
    font-size: 15px !important; }
    .login-page button:not(.dropdown-toggle).btn:not(.btn-success) {
      background-color: #0099e0; }
    .login-page button:not(.dropdown-toggle):hover:not(.btn-success), .login-page button:not(.dropdown-toggle):focus:not(.btn-success) {
      background: #0081bc !important;
      color: white !important; }
  .login-page button, .login-page select {
    text-transform: none; }
  .login-page button, .login-page input, .login-page select, .login-page textarea {
    font: inherit;
    margin: 0; }
  .login-page button, .login-page hr, .login-page input {
    overflow: visible; }
  .login-page .login-options {
    float: left;
    width: 99%;
    margin: 0;
    padding: 0;
    list-style: none; }
    .login-page .login-options li {
      float: right;
      width: 50%;
      text-align: right; }
    .login-page .login-options a {
      text-decoration: none;
      color: #0099e0; }
      .login-page .login-options a:hover {
        text-decoration: none;
        color: #4cc6ff; }
  @media only screen and (max-width: 767px) {
    .login-page #logo {
      width: 90%;
      height: 95px;
      margin: 70px auto 0 auto; }
    .login-page .header-login {
      float: none !important;
      width: 95%;
      margin: 0 auto; }
    .login-page .signature {
      margin: 10px 0 0 17px;
      padding: 0;
      font-size: 18px;
      text-align: left;
      color: #fff;
      font-weight: 100;
      letter-spacing: 7.7px;
      font-family: 'Open Sans', Arial, sans-serif; }
    .login-page .login-panel {
      padding: 17px;
      margin: 0 auto; }
    .login-page .title-login {
      margin: 14px auto 10px auto;
      padding: 0 13px;
      line-height: 1;
      color: #fff;
      font-size: 10px;
      text-align: left;
      display: inline-block;
      font-family: 'Open Sans', Arial, sans-serif;
      font-weight: normal; }
    .login-page .login-options {
      float: none;
      width: 91%;
      margin: 10px auto 0 auto;
      padding: 0;
      list-style: none; } }

#dropCalendar {
  position: fixed;
  top: 0;
  left: 0;
  width: 1px;
  z-index: 1; }

.nya-bs-select.input-sm .btn, .input-group-sm > .nya-bs-select.form-control .btn, .input-group-sm > .nya-bs-select.input-group-addon .btn, .input-group-sm > .input-group-btn > .nya-bs-select.btn .btn {
  max-height: 30px; }

.nya-bs-select.nya-bs-select-grey .btn .filter-option {
  color: #555 !important;
  font-size: 13px !important;
  line-height: 15px; }

.fc-event .fc-bg {
  z-index: 1;
  background: unset;
  opacity: 1; }

.disabled.system-disabled {
  opacity: .5;
  cursor: no-drop; }

.fc-view-container {
  font-family: 'Roboto';
  font-size: 11px;
  color: #212121; }

.fullcalendar--custom.fc table {
  font-size: 11px;
  color: #212121; }

.fullcalendar--custom th span {
  line-height: 21px !important; }

.fullcalendar--custom td span {
  line-height: 14px; }

th.fc-day-header {
  text-transform: uppercase; }

.fc-toolbar h2 {
  margin-top: 8px !important;
  text-transform: capitalize;
  color: #6d86a0; }

.fc .fc-toolbar > * > * {
  margin-left: 16px !important; }

.fc .fc-toolbar > * > :first-child {
  margin-left: 0 !important; }

.fullcalendar--custom .fc-event {
  padding: 2px; }

.fullcalendar--custom .fc-content {
  padding: 2px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }

.fc button {
  height: 34px;
  background: #f5f5f5;
  border-color: #ccc;
  color: #333;
  font-size: 13px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: 'Open Sans', sans-serif; }

.fc-button-group .fc-state-active {
  color: #fff !important;
  text-shadow: none;
  background: #6d86a0 !important; }

.fc-state-default {
  box-shadow: none;
  text-shadow: none; }

.fc-state-default.fc-corner-left {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.fc-state-default.fc-corner-right {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.checkbox-btn {
  margin-top: 0;
  margin-bottom: 0;
  background: #fcfcfc;
  color: #555555;
  border-color: #ccc;
  border-radius: 3px;
  border: 1px solid #ccc;
  padding: 6px 12px;
  height: 34px; }
  .checkbox-btn input[type="checkbox"],
  .checkbox-btn input[type="radio"] {
    margin-top: 2px; }

.file-upload {
  position: relative; }
  .file-upload label {
    display: inline-block;
    margin-right: -100%;
    z-index: 99;
    position: relative; }
    .file-upload label span.btn {
      display: inline-block;
      max-width: 126px;
      padding-left: 8px;
      padding-right: 8px;
      height: 34px;
      line-height: 20px; }

.calendar-page .page-title .btn .badge-success {
  background: #c1c1c1; }

.calendar-page .page-title .btn.active {
  background: #6d86a0 !important;
  color: #fff;
  box-shadow: none; }
  .calendar-page .page-title .btn.active .badge-success {
    background: #fff;
    color: #666 !important; }

.calendar-page .hl-sticky ~ div {
  display: none; }

.calendar-page #painel-slidingbar {
  top: 8px; }
  .calendar-page #painel-slidingbar .badge-success {
    background: #999;
    padding-left: 4px;
    padding-right: 4px; }
  .calendar-page #painel-slidingbar .active .badge-success {
    background: #357ebc; }

.leftNavCalendar .titulo {
  font-size: 15px;
  line-height: 15px;
  font-weight: bold;
  border-radius: 3px; }
  .leftNavCalendar .titulo.active {
    background: transparent; }

.leftNavCalendar .filter-item {
  margin-right: 0;
  line-height: 12px; }
  .leftNavCalendar .filter-item * {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    /* Konqueror HTML */
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                    supported by Chrome, Opera and Firefox */ }
  .leftNavCalendar .filter-item > label .category-settings, .leftNavCalendar .filter-item > label .chevron {
    background: transparent !important;
    color: #5f6368;
    font-size: 12px;
    width: 10px;
    text-align: center;
    cursor: pointer;
    display: none; }
  .leftNavCalendar .filter-item > label .category-settings {
    font-size: 14px; }
  .leftNavCalendar .filter-item > label .chevron {
    margin-left: 0;
    padding-right: 13px; }
  .leftNavCalendar .filter-item > label .dropdown.open {
    background: white !important;
    z-index: 10; }
    .leftNavCalendar .filter-item > label .dropdown.open .category-settings, .leftNavCalendar .filter-item > label .dropdown.open .chevron {
      display: block; }
  .leftNavCalendar .filter-item > label:hover > div, .leftNavCalendar .filter-item > label:active > div, .leftNavCalendar .filter-item > label:focus > div {
    z-index: 1;
    position: relative; }
  .leftNavCalendar .filter-item > label:hover .category-settings, .leftNavCalendar .filter-item > label:hover .chevron, .leftNavCalendar .filter-item > label:active .category-settings, .leftNavCalendar .filter-item > label:active .chevron, .leftNavCalendar .filter-item > label:focus .category-settings, .leftNavCalendar .filter-item > label:focus .chevron {
    display: block; }
  .leftNavCalendar .filter-item > label:hover:after, .leftNavCalendar .filter-item > label:active:after, .leftNavCalendar .filter-item > label:focus:after {
    z-index: 0;
    content: '';
    position: absolute;
    height: 28px;
    width: calc(100% + 20px);
    background: rgba(32, 33, 36, 0.039);
    top: -5px;
    left: -10px; }

.leftNavCalendar .ellipsis-text-1-line {
  margin-top: 2px;
  margin-left: 3px; }

.leftNavCalendar span.fa {
  display: inline-block; }

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

.chairs {
  font-size: 97%;
  border-radius: 3px; }

.daterangepicker td {
  width: 28px;
  height: 28px; }

.fc-time-grid .fc-slats td {
  height: 2em !important; }

.fc-event {
  font-size: 11px;
  line-height: 13px;
  text-transform: uppercase;
  position: relative;
  padding: 1% 4px 1% 7px !important; }
  .fc-event .fc-triangle-before {
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 12px solid transparent;
    border-left: 12px solid transparent; }
  .fc-event .fc-triangle-after {
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    border-bottom: 12px solid transparent;
    border-left: 12px solid transparent; }

.calendar-page #datePickerAlwaysOn .calendar-table {
  width: 194px;
  font-family: 'Roboto';
  font-size: 11px; }
  .calendar-page #datePickerAlwaysOn .calendar-table .table-condensed tr th {
    margin-bottom: 4px; }
  .calendar-page #datePickerAlwaysOn .calendar-table th.month {
    font-size: 14px !important; }

.daterangepicker td.start-date.end-date {
  border-radius: 100%; }

.calendarCheckboxEl {
  border-radius: 3px;
  width: 18px;
  height: 18px;
  border: 2px solid;
  padding: 0 1px;
  background: transparent; }
  .calendarCheckboxEl label {
    line-height: 15px; }
  .calendarCheckboxEl span.fa {
    display: inline-block;
    visibility: hidden; }
  .calendarCheckboxEl.checked span.fa {
    color: white;
    visibility: visible; }
  .calendarCheckboxEl.CheckboxEl-sm {
    width: 15px !important;
    height: 15px !important;
    padding: 0; }
    .calendarCheckboxEl.CheckboxEl-sm label {
      line-height: 1em; }
    .calendarCheckboxEl.CheckboxEl-sm span.fa {
      font-size: 85%; }

#dropCalendar > ul {
  margin: 0;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0); }

.fc-state-default {
  background: #f4f4f4 !important;
  color: #333 !important; }

.ngdialog-theme-default.dialog-modal-lg .ngdialog-content {
  width: 86%; }

#dropCalendar.is-active > ul {
  display: block;
  background: white; }

#dropCalendar button.ngdialog-close {
  position: absolute;
  right: 3px;
  top: 0px;
  background-color: transparent;
  border: 0;
  display: inline-block;
  float: right;
  width: 30px;
  height: 20px;
  font-size: 20px; }

li.block-color {
  width: 25px;
  height: 25px;
  border-radius: 2px;
  padding: 4px 5px;
  margin: 0 5px;
  cursor: pointer;
  vertical-align: top;
  float: left;
  color: #000; }

li.block-color.block-grey {
  border-color: #ccc;
  background-color: #ccc; }

li.block-color.block-blue {
  border-color: #7599dd;
  background-color: #7599dd; }

li.block-color.block-red {
  border-color: #dd7575;
  background-color: #dd7575; }

li.block-color.block-green {
  border-color: #ace5c2;
  background-color: #ace5c2; }

li.block-color.block-orange {
  border-color: #e2aa78;
  background-color: #e2aa78; }

li.block-color.block-yellow {
  border-color: #f9f6b6;
  background-color: #f9f6b6; }

.pallet-colors {
  height: 33px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 0; }

label.color-select, .color-selected {
  min-width: 25px;
  height: 25px;
  border-radius: 2px;
  padding: 4px 5px;
  margin: 0 5px;
  cursor: pointer;
  vertical-align: top;
  float: left;
  color: #000;
  position: relative; }

.input-group-addon.color-select {
  padding: 0 10px; }

.input-group .dropdown-toggle {
  border-radius: 3px 0 0 3px !important; }

.color-selected {
  margin: 0;
  min-width: 20px;
  width: 20px;
  height: 20px; }

label.color-select input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer; }

.moment-picker {
  position: fixed !important;
  background: #fff;
  z-index: 11111 !important; }

.drop-content {
  max-width: none !important; }

.fc-unthemed .fc-list-item:hover td {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.1); }

.fc-unthemed .fc-toolbar h2 {
  margin-top: 5px; }

.fc-unthemed td.fc-today {
  background-color: rgba(0, 0, 0, 0.04); }

.fc-unthemed .fc-highlight {
  background-color: #dee7eb; }

.fc-unthemed .fc-time-grid .fc-slats .fc-minor td {
  border: none; }

/*! Angular Moment Picker - v0.10.2 - http://indrimuska.github.io/angular-moment-picker - (c) 2015 Indri Muska - MIT */
.moment-picker .moment-picker-container {
  text-shadow: none;
  border-radius: 0;
  padding: 0; }

.moment-picker .header-view {
  border: 1px solid #fff; }

.moment-picker .header-view th {
  background: #eee;
  border-radius: 0;
  min-width: 40px;
  height: 40px; }

.moment-picker .header-view th:hover,
.moment-picker td:hover {
  background-color: #e0e0e0; }

.moment-picker td {
  border-radius: 60px; }

.moment-picker .moment-picker-specific-views {
  padding: 4px 8px; }

.moment-picker .moment-picker-specific-views table {
  border-collapse: separate;
  border-spacing: 3px; }

.moment-picker .moment-picker-specific-views th {
  background: none;
  cursor: default; }

.moment-picker .decade-view td,
.moment-picker .year-view td {
  min-width: 60px;
  height: 60px; }

.moment-picker .month-view td {
  min-width: 33px;
  height: 33px; }

.moment-picker .day-view td,
.moment-picker .hour-view td {
  min-width: 60px;
  height: 40px; }

.moment-picker .minute-view table {
  border-spacing: 2px; }

.moment-picker .minute-view td {
  min-width: 40px;
  height: 40px; }

#painel-slidingbar {
  position: fixed;
  /* z-index: 0; */
  right: -20%;
  transition: .25s;
  width: 20%;
  box-shadow: 0 0 22px rgba(0, 0, 0, 0.25);
  background: white;
  border-top-color: #d8dce2;
  border-left-color: #d8dce2;
  background: white;
  z-index: 4;
  height: 100vh; }
  #painel-slidingbar.is-active {
    transition: .25s;
    right: 0;
    float: right;
    z-index: 16; }
  #painel-slidingbar .tabs-heading {
    position: absolute;
    width: 4px;
    height: 100vh; }
  #painel-slidingbar h5 {
    margin-bottom: 0; }
  #painel-slidingbar .close-calendar-panel {
    width: 28px;
    text-align: center;
    line-height: 28px;
    height: 28px;
    border: 1px solid #bdc8d4;
    border-radius: 100% 100%;
    position: absolute;
    top: 14px;
    right: 8px; }
    #painel-slidingbar .close-calendar-panel .fa-close {
      color: #bdc8d4;
      display: inline-block;
      font-size: 20px;
      position: relative;
      z-index: 991; }
  #painel-slidingbar .tabs-slidingbar {
    position: absolute;
    transform: rotate(-90deg);
    transform-origin: bottom left;
    height: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    left: 0;
    bottom: 60px;
    width: 100%; }
    #painel-slidingbar .tabs-slidingbar a.tab-slidingbar {
      position: relative;
      background: #d6d6d6;
      border: 1px solid #d8dce2;
      border-radius: 4px 4px 0 0;
      display: block;
      padding: 6px 10px 5px 15px;
      cursor: pointer;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
      -ms-flex-align: center;
          align-items: center;
      white-space: nowrap;
      font-size: 14px;
      color: #ababab;
      opacity: .85;
      box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.05); }
      #painel-slidingbar .tabs-slidingbar a.tab-slidingbar.active {
        opacity: 1;
        border-bottom: 1px solid white;
        background: white;
        color: #73879C;
        box-shadow: unset; }
      #painel-slidingbar .tabs-slidingbar a.tab-slidingbar .tab-toggle {
        float: right;
        margin-left: 10px;
        height: 20px;
        background: #fff;
        text-align: center;
        padding: 0 5px;
        cursor: pointer;
        border-radius: 4px 4px 0 0;
        border-right: 0;
        border-top: 1px solid #d8dce2;
        border-right: 1px solid #d8dce2;
        border-left: 1px solid #d8dce2; }
  #painel-slidingbar .tabs-content {
    position: relative;
    padding: 10px 16px;
    min-height: 100%;
    overflow-y: auto; }
    #painel-slidingbar .tabs-content button.add-reminder {
      margin-bottom: 30px;
      margin-top: -10px; }

input.form-control,
.form-control {
  font-size: 13px;
  color: #6d86a0; }

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

.form-control::placeholder {
  color: #c9c9c9; }

.form-group.error label {
  color: red !important; }

.form-group.error input[type="text"], .form-group.error select, .form-group.error .nya-bs-select .btn {
  border-color: red !important; }

.unit-select .nya-bs-select.btn-group .dropdown-menu li.selected,
.unit-select .nya-bs-select.btn-group .dropdown-menu li.selected:focus {
  background-color: white;
  border: none; }

.unit-select button {
  overflow: hidden;
  color: #6d86a0 !important;
  background-color: white !important;
  height: 34px; }
  .unit-select button span {
    text-overflow: ellipsis;
    max-width: calc(100% - 25px);
    overflow: hidden; }

.visible {
  overflow: visible; }

.overflow-hidden {
  overflow: hidden !important; }

.chat-page {
  overflow: hidden; }
  .chat-page .ngdialog-overlay {
    background: rgba(0, 0, 0, 0.7);
    margin: 0;
    overflow: hidden; }
  .chat-page .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: rgba(50, 70, 90, 0.9);
    float: left;
    width: 100%;
    margin-bottom: 30px;
    padding: 8px 15px; }
    .chat-page .header h3 {
      font-size: 18px;
      color: white !important; }
    .chat-page .header .close {
      position: absolute;
      right: 20px;
      top: 20px;
      color: white;
      font-weight: normal;
      font-size: 16px;
      opacity: .8; }
    .chat-page .header .title {
      position: absolute;
      left: 5px;
      top: 12px; }
      .chat-page .header .title img {
        float: left; }
      .chat-page .header .title span {
        color: white;
        text-transform: uppercase;
        font-size: 18px;
        line-height: 35px;
        padding-left: 4px; }
  .chat-page.ngdialog.ngdialog-theme-default .ngdialog-content {
    background: transparent !important;
    height: 540px;
    margin-top: 50px;
    overflow: hidden;
    padding: 0 !important; }
    .chat-page.ngdialog.ngdialog-theme-default .ngdialog-content .ngdialog-close {
      margin-top: -80px; }
  .chat-page .body {
    overflow: hidden; }
  .chat-page #frame {
    width: 100%;
    min-width: 360px;
    max-width: 1440px;
    height: 540px;
    min-height: 300px;
    max-height: 540px;
    border-radius: 8px;
    background: transparent;
    overflow: hidden; }
    .chat-page #frame #sidepanel {
      float: left;
      min-width: 280px;
      max-width: 340px;
      width: 40%;
      height: 100%;
      background: #26344b;
      color: #f5f5f5;
      overflow: hidden;
      position: relative;
      border-radius: 8px 0 0 8px;
      border: 1px solid rgba(255, 255, 255, 0.3); }
      .chat-page #frame #sidepanel #profile {
        width: 80%;
        margin: 25px auto; }
        .chat-page #frame #sidepanel #profile .wrap {
          height: 60px;
          line-height: 60px;
          overflow: hidden;
          transition: 0.3s height ease; }
          .chat-page #frame #sidepanel #profile .wrap img {
            width: 50px;
            border-radius: 50%;
            padding: 3px;
            border: 2px solid #e74c3c;
            height: auto;
            float: left;
            cursor: pointer;
            transition: 0.3s border ease; }
          .chat-page #frame #sidepanel #profile .wrap img.online {
            border: 2px solid #2ecc71; }
          .chat-page #frame #sidepanel #profile .wrap img.away {
            border: 2px solid #f1c40f; }
          .chat-page #frame #sidepanel #profile .wrap img.busy {
            border: 2px solid #e74c3c; }
          .chat-page #frame #sidepanel #profile .wrap img.offline {
            border: 2px solid #95a5a6; }
          .chat-page #frame #sidepanel #profile .wrap p {
            float: left;
            margin-left: 15px; }
          .chat-page #frame #sidepanel #profile .wrap i.expand-button {
            float: right;
            margin-top: 23px;
            font-size: 0.8em;
            cursor: pointer;
            color: #435f7a; }
          .chat-page #frame #sidepanel #profile .wrap #status-options {
            position: absolute;
            opacity: 0;
            visibility: hidden;
            width: 150px;
            margin: 70px 0 0 0;
            border-radius: 6px;
            z-index: 99;
            line-height: initial;
            background: #435f7a;
            transition: 0.3s all ease; }
            .chat-page #frame #sidepanel #profile .wrap #status-options:before {
              content: '';
              position: absolute;
              width: 0;
              height: 0;
              border-left: 6px solid transparent;
              border-right: 6px solid transparent;
              border-bottom: 8px solid #435f7a;
              margin: -8px 0 0 24px; }
            .chat-page #frame #sidepanel #profile .wrap #status-options ul {
              overflow: hidden;
              border-radius: 6px; }
              .chat-page #frame #sidepanel #profile .wrap #status-options ul li {
                padding: 15px 0 30px 18px;
                display: block;
                cursor: pointer;
                overflow: hidden; }
                .chat-page #frame #sidepanel #profile .wrap #status-options ul li:hover {
                  background: #496886; }
                .chat-page #frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
                  position: absolute;
                  width: 10px;
                  height: 10px;
                  border-radius: 50%;
                  margin: 5px 0 0 0; }
                  .chat-page #frame #sidepanel #profile .wrap #status-options ul li span.status-circle:before {
                    content: '';
                    position: absolute;
                    width: 14px;
                    height: 14px;
                    margin: -3px 0 0 -3px;
                    background: transparent;
                    border-radius: 50%;
                    z-index: 0; }
                .chat-page #frame #sidepanel #profile .wrap #status-options ul li p {
                  padding-left: 12px; }
              .chat-page #frame #sidepanel #profile .wrap #status-options ul li#status-online span.status-circle {
                background: #2ecc71; }
              .chat-page #frame #sidepanel #profile .wrap #status-options ul li#status-online.active span.status-circle:before {
                border: 1px solid #26344b; }
              .chat-page #frame #sidepanel #profile .wrap #status-options ul li#status-away span.status-circle {
                background: #f1c40f; }
              .chat-page #frame #sidepanel #profile .wrap #status-options ul li#status-away.active span.status-circle:before {
                border: 1px solid #26344b; }
              .chat-page #frame #sidepanel #profile .wrap #status-options ul li#status-busy span.status-circle {
                background: #e74c3c; }
              .chat-page #frame #sidepanel #profile .wrap #status-options ul li#status-busy.active span.status-circle:before {
                border: 1px solid #26344b; }
              .chat-page #frame #sidepanel #profile .wrap #status-options ul li#status-offline span.status-circle {
                background: #95a5a6; }
              .chat-page #frame #sidepanel #profile .wrap #status-options ul li#status-offline.active span.status-circle:before {
                border: 1px solid #26344b; }
          .chat-page #frame #sidepanel #profile .wrap #status-options.active {
            opacity: 1;
            visibility: visible;
            margin: 75px 0 0 0; }
          .chat-page #frame #sidepanel #profile .wrap #expanded {
            padding: 100px 0 0 0;
            display: block;
            line-height: initial !important; }
            .chat-page #frame #sidepanel #profile .wrap #expanded label {
              float: left;
              clear: both;
              margin: 0 8px 5px 0;
              padding: 5px 0; }
            .chat-page #frame #sidepanel #profile .wrap #expanded input {
              border: none;
              margin-bottom: 6px;
              background: #32465a;
              border-radius: 3px;
              color: #f5f5f5;
              padding: 7px;
              width: calc(100% - 43px); }
              .chat-page #frame #sidepanel #profile .wrap #expanded input:focus {
                outline: none;
                background: #435f7a; }
      .chat-page #frame #sidepanel #profile.expanded .wrap {
        height: 210px;
        line-height: initial; }
        .chat-page #frame #sidepanel #profile.expanded .wrap p {
          margin-top: 20px; }
        .chat-page #frame #sidepanel #profile.expanded .wrap i.expand-button {
          transform: scaleY(-1);
          filter: FlipH;
          -ms-filter: "FlipH"; }
      .chat-page #frame #sidepanel #search {
        width: 100%;
        font-weight: 300;
        padding: 13px 15px;
        display: -ms-flexbox;
        display: flex; }
        .chat-page #frame #sidepanel #search .autocomplete {
          display: -ms-flexbox;
          display: flex;
          -ms-flex: 1;
              flex: 1; }
          .chat-page #frame #sidepanel #search .autocomplete .input-group {
            border-radius: 30px;
            border-bottom: 1px solid #435f7a;
            background: #32465a;
            position: relative;
            z-index: 2; }
          .chat-page #frame #sidepanel #search .autocomplete label {
            position: absolute;
            margin: 8px 0 0 20px; }
          .chat-page #frame #sidepanel #search .autocomplete input {
            padding: 10px 0 10px 46px;
            width: calc(100% - 46px);
            border: none;
            background: transparent;
            color: #f5f5f5; }
            .chat-page #frame #sidepanel #search .autocomplete input:focus {
              outline: none; }
            .chat-page #frame #sidepanel #search .autocomplete input::-webkit-input-placeholder {
              color: #f5f5f5; }
            .chat-page #frame #sidepanel #search .autocomplete input::-moz-placeholder {
              color: #f5f5f5; }
            .chat-page #frame #sidepanel #search .autocomplete input:-ms-input-placeholder {
              color: #f5f5f5; }
            .chat-page #frame #sidepanel #search .autocomplete input:-moz-placeholder {
              color: #f5f5f5; }
          .chat-page #frame #sidepanel #search .autocomplete .results {
            margin-top: -12px;
            padding-top: 15px;
            background: #32465a;
            z-index: 1;
            border-radius: 0 0 5px 5px;
            overflow: hidden; }
            .chat-page #frame #sidepanel #search .autocomplete .results li {
              background: #32465a; }
        .chat-page #frame #sidepanel #search .actions {
          display: -ms-flexbox;
          display: flex;
          -ms-flex: 0;
              flex: 0;
          min-width: 40px;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          padding-left: 10px; }
      .chat-page #frame #sidepanel #contacts {
        height: calc(100% - 58px);
        overflow-y: auto;
        overflow-x: hidden; }
        .chat-page #frame #sidepanel #contacts::-webkit-scrollbar {
          width: 8px;
          background: #2c3e50; }
        .chat-page #frame #sidepanel #contacts::-webkit-scrollbar-thumb {
          background-color: #435f7a; }
        .chat-page #frame #sidepanel #contacts ul li.contact {
          border-left: 5px solid transparent;
          position: relative;
          padding: 6px 0 8px 0;
          font-size: 1em;
          height: 62px;
          cursor: pointer; }
          .chat-page #frame #sidepanel #contacts ul li.contact:not(.active):before {
            content: '';
            margin-left: 12px;
            width: 50px;
            border-bottom: 1px solid #435f7a;
            display: block;
            position: absolute;
            bottom: -1px; }
          .chat-page #frame #sidepanel #contacts ul li.contact:hover {
            background: #32465a; }
          .chat-page #frame #sidepanel #contacts ul li.contact .wrap {
            width: calc(100% - 25px);
            margin: 0 auto;
            margin-left: 10px;
            position: relative;
            height: 100%; }
            .chat-page #frame #sidepanel #contacts ul li.contact .wrap span.contact-status {
              position: absolute;
              left: 0;
              margin: 3px 0 0 -2px;
              width: 13px;
              height: 13px;
              border-radius: 50%;
              border: 2px solid #2c3e50;
              background: #95a5a6; }
            .chat-page #frame #sidepanel #contacts ul li.contact .wrap span.online {
              background: #1abb9c; }
            .chat-page #frame #sidepanel #contacts ul li.contact .wrap span.away {
              background: #f1c40f; }
            .chat-page #frame #sidepanel #contacts ul li.contact .wrap span.busy {
              background: #e74c3c; }
            .chat-page #frame #sidepanel #contacts ul li.contact .wrap img {
              width: 40px;
              height: 40px;
              border-radius: 50%;
              float: left;
              margin-right: 15px;
              margin-top: 5px;
              object-fit: cover; }
            .chat-page #frame #sidepanel #contacts ul li.contact .wrap .meta {
              height: 100%;
              padding: 5px 0 0 0; }
              .chat-page #frame #sidepanel #contacts ul li.contact .wrap .meta p {
                margin: 0 0 5px;
                color: white; }
              .chat-page #frame #sidepanel #contacts ul li.contact .wrap .meta .name {
                font-weight: 600; }
              .chat-page #frame #sidepanel #contacts ul li.contact .wrap .meta .msg-dblcheck {
                margin-right: 5px; }
              .chat-page #frame #sidepanel #contacts ul li.contact .wrap .meta .preview {
                float: left;
                margin: 0;
                width: 100%;
                max-width: calc(100% - 120px);
                padding: 0 0 1px;
                font-weight: 400;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                transition: 1s all ease;
                line-height: 1.5;
                font-size: 12px;
                opacity: 0.7; }
                .chat-page #frame #sidepanel #contacts ul li.contact .wrap .meta .preview span {
                  position: initial;
                  border-radius: initial;
                  background: none;
                  border: none;
                  padding: 0 2px 0 0;
                  margin: 0 0 0 1px;
                  opacity: .5; }
                .chat-page #frame #sidepanel #contacts ul li.contact .wrap .meta .preview i {
                  font-size: 11px;
                  line-height: 0; }
            .chat-page #frame #sidepanel #contacts ul li.contact .wrap .badge {
              position: absolute;
              right: 2px;
              bottom: 0;
              height: 20px;
              width: 20px;
              padding: 0;
              font-size: 9px;
              font-weight: 400;
              line-height: 20px;
              border-radius: 1px;
              background: #e74c3c; }
            .chat-page #frame #sidepanel #contacts ul li.contact .wrap .message-data {
              position: absolute;
              right: 0;
              top: 5px;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
                  align-items: center; }
              .chat-page #frame #sidepanel #contacts ul li.contact .wrap .message-data span:not(.role) {
                font-size: 12px;
                line-height: 1;
                width: 40px;
                text-align: right; }
              .chat-page #frame #sidepanel #contacts ul li.contact .wrap .message-data .role {
                font-weight: 300;
                right: 0;
                line-height: 13px;
                font-size: 9px;
                border: 1px solid #f3f3f3;
                color: white;
                border-radius: 10px;
                padding: 0;
                opacity: .7;
                margin-left: 10px;
                width: 50px;
                text-align: center; }
                .chat-page #frame #sidepanel #contacts ul li.contact .wrap .message-data .role.paciente {
                  opacity: .8;
                  border-color: #1ABB9C; }
                .chat-page #frame #sidepanel #contacts ul li.contact .wrap .message-data .role.externo {
                  opacity: .8;
                  border-color: #e74c3c; }
                .chat-page #frame #sidepanel #contacts ul li.contact .wrap .message-data .role.pendente {
                  opacity: .9;
                  border-color: #f1c40f; }
                .chat-page #frame #sidepanel #contacts ul li.contact .wrap .message-data .role.outros {
                  border-color: #bdc3c7; }
                .chat-page #frame #sidepanel #contacts ul li.contact .wrap .message-data .role.grupo {
                  border-color: #ff9f1a; }
        .chat-page #frame #sidepanel #contacts ul li.active {
          background: #32465a;
          border-left: 5px solid #435f7a; }
          .chat-page #frame #sidepanel #contacts ul li.active span.contact-status {
            border: 2px solid #32465a !important; }
          .chat-page #frame #sidepanel #contacts ul li.active .badge {
            right: -5px; }
        .chat-page #frame #sidepanel #contacts ul li.title {
          height: 50px;
          line-height: 35px;
          padding: 5px 20px;
          font-size: 14px;
          position: relative; }
          .chat-page #frame #sidepanel #contacts ul li.title:after {
            content: '';
            display: block;
            position: absolute;
            left: 20px;
            width: 50px;
            bottom: -1px;
            border-bottom: 1px solid #435f7a; }
      .chat-page #frame #sidepanel #contacts.expanded {
        height: calc(100% - 334px); }
      .chat-page #frame #sidepanel #bottom-bar {
        position: absolute;
        width: 100%;
        bottom: 0; }
        .chat-page #frame #sidepanel #bottom-bar button {
          float: left;
          border: none;
          width: 50%;
          padding: 10px 0;
          background: #32465a;
          color: #f5f5f5;
          cursor: pointer;
          font-size: 0.85em; }
          .chat-page #frame #sidepanel #bottom-bar button:focus {
            outline: none; }
          .chat-page #frame #sidepanel #bottom-bar button:nth-child(1) {
            border-right: 1px solid #2c3e50; }
          .chat-page #frame #sidepanel #bottom-bar button:hover {
            background: #435f7a; }
          .chat-page #frame #sidepanel #bottom-bar button i {
            margin-right: 3px;
            font-size: 1em; }
    .chat-page #frame .content {
      float: right;
      width: 60%;
      height: 100%;
      position: relative;
      border-radius: 0 8px 8px 0;
      overflow: hidden;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap; }
      .chat-page #frame .content .contact-profile {
        width: 100%;
        height: 60px;
        padding-left: 10px;
        line-height: 47px;
        background: #fefefe;
        font-weight: bold;
        font-size: 1.3em;
        color: #5a738e;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
        .chat-page #frame .content .contact-profile .profile_img {
          width: 40px;
          height: 40px;
          border-radius: 50%;
          float: left;
          margin: 0 12px 0 9px;
          overflow: hidden;
          position: relative; }
          .chat-page #frame .content .contact-profile .profile_img img {
            object-fit: cover;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            border-radius: 50%; }
        .chat-page #frame .content .contact-profile p {
          float: left;
          margin: 0;
          margin-left: 3px; }
        .chat-page #frame .content .contact-profile .shortcuts {
          margin-left: auto;
          float: right; }
          .chat-page #frame .content .contact-profile .shortcuts i {
            margin-left: 14px;
            cursor: pointer; }
            .chat-page #frame .content .contact-profile .shortcuts i:nth-last-child(1) {
              margin-right: 20px; }
            .chat-page #frame .content .contact-profile .shortcuts i:hover {
              color: #435f7a; }
      .chat-page #frame .content .messages {
        display: -ms-flexbox;
        display: flex;
        height: auto;
        height: 100%;
        max-height: calc(100% - 103px);
        width: 100%;
        background: #eef1f5;
        position: relative;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
        transition: all .3s ease-out .1s;
        vertical-align: baseline;
        -ms-flex-pack: end;
            justify-content: flex-end;
        overflow: hidden; }
        .chat-page #frame .content .messages.ng-hide-remove:not(.no-messages).ng-changing {
          display: none;
          background: red; }
        .chat-page #frame .content .messages.ng-hide-remove ~ .no-messages {
          opacity: 0;
          display: none !important;
          height: 0; }
        .chat-page #frame .content .messages.no-messages {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
          -ms-flex-pack: end;
              justify-content: flex-end;
          -ms-flex-align: center;
              align-items: center;
          height: calc(100% - 60px);
          max-height: 100%;
          padding-bottom: 30px; }
          .chat-page #frame .content .messages.no-messages .actions {
            margin-bottom: 15px; }
        .chat-page #frame .content .messages .alert {
          background: #fdf7e3;
          border-radius: 8px;
          margin: 0 auto;
          height: auto;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-item-align: end;
              align-self: flex-end;
          margin-bottom: 20px;
          min-height: 32px;
          padding: 10px 15px;
          max-width: 90%; }
        .chat-page #frame .content .messages .loader {
          border-radius: 50%;
          background: transparent;
          display: -ms-flexbox;
          display: flex;
          width: 36px;
          height: 36px;
          left: 0;
          right: 0;
          margin: 15px auto;
          top: -10px; }
        .chat-page #frame .content .messages.loading .loader {
          background: white; }
        .chat-page #frame .content .messages.loading .loader:after {
          content: " ";
          display: block;
          width: 22px;
          height: 22px;
          margin: 7px;
          border-radius: 50%;
          border: 3px solid #1abb9c;
          border-color: #1abb9c #1abb9c transparent transparent;
          animation: lds-dual-ring 1.2s linear infinite; }

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
        .chat-page #frame .content .messages .date {
          margin-top: 50px;
          margin-bottom: 12px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center; }
          .chat-page #frame .content .messages .date span {
            background-color: rgba(225, 245, 254, 0.92);
            border-radius: 7.5px;
            box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);
            padding: 8px 12px 6px 12px;
            text-align: center;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
            color: rgba(69, 90, 100, 0.8);
            text-transform: uppercase;
            font-size: 13px;
            line-height: 1.5;
            letter-spacing: 1px; }
        .chat-page #frame .content .messages .messages-wrapper {
          position: absolute;
          width: 100%;
          height: 100%;
          vertical-align: baseline;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          overflow-y: scroll;
          overflow-x: hidden;
          -ms-flex-flow: column-reverse nowrap;
              flex-flow: column-reverse nowrap;
          cursor: default; }
          .chat-page #frame .content .messages .messages-wrapper.overflow {
            overflow: hidden; }
          .chat-page #frame .content .messages .messages-wrapper::-webkit-scrollbar {
            width: 8px;
            background: transparent; }
          .chat-page #frame .content .messages .messages-wrapper::-webkit-scrollbar-thumb {
            background-color: #435f7a; }
          .chat-page #frame .content .messages .messages-wrapper > ul {
            width: 100%;
            display: -ms-flexbox;
            display: flex;
            margin-top: auto;
            -ms-flex-pack: end;
                justify-content: flex-end;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
            -ms-flex-align: end;
                align-items: flex-end;
            margin-bottom: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
            overflow: visible; }
            .chat-page #frame .content .messages .messages-wrapper > ul > div {
              display: -ms-flexbox;
              display: flex;
              -ms-flex-flow: column-reverse nowrap;
                  flex-flow: column-reverse nowrap; }
            .chat-page #frame .content .messages .messages-wrapper > ul > div > li {
              clear: both;
              float: left;
              padding: 10px 10px 5px 15px;
              width: 100%;
              font-size: 1em;
              position: relative;
              transform: translateX(0) translateY(0);
              backface-visibility: hidden;
              opacity: 1; }
              .chat-page #frame .content .messages .messages-wrapper > ul > div > li.has-dropdown {
                z-index: 1; }
              .chat-page #frame .content .messages .messages-wrapper > ul > div > li.ng-enter-stagger {
                transition-delay: 50ms;
                animation-delay: 50ms; }
              .chat-page #frame .content .messages .messages-wrapper > ul > div > li.ng-enter, .chat-page #frame .content .messages .messages-wrapper > ul > div > li.ng-hide-remove {
                transition-duration: 200ms;
                transition-timing-function: ease;
                transition-delay: 50ms;
                transition-property: transform, opacity;
                backface-visibility: hidden;
                opacity: 0; }
                .chat-page #frame .content .messages .messages-wrapper > ul > div > li.ng-enter.sent, .chat-page #frame .content .messages .messages-wrapper > ul > div > li.ng-hide-remove.sent {
                  transform: translateX(-100%); }
                .chat-page #frame .content .messages .messages-wrapper > ul > div > li.ng-enter.replies, .chat-page #frame .content .messages .messages-wrapper > ul > div > li.ng-hide-remove.replies {
                  transform: translateX(100%); }
              .chat-page #frame .content .messages .messages-wrapper > ul > div > li.ng-enter.ng-enter-active {
                transform: translateX(0) translateY(0);
                opacity: 1; }
              .chat-page #frame .content .messages .messages-wrapper > ul > div > li .pretty {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 3px;
                bottom: 0;
                left: 0;
                right: 0;
                margin: 0;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-flow: column nowrap;
                    flex-flow: column nowrap;
                -ms-flex-pack: center;
                    justify-content: center;
                padding-left: 20px; }
                .chat-page #frame .content .messages .messages-wrapper > ul > div > li .pretty:hover {
                  background: rgba(50, 70, 90, 0.05); }
                .chat-page #frame .content .messages .messages-wrapper > ul > div > li .pretty i {
                  box-sizing: border-box; }

@keyframes blink {
  from {
    background-color: rgba(238, 238, 238, 0.6);
    opacity: 1; }
  to {
    background-color: default; } }
              .chat-page #frame .content .messages .messages-wrapper > ul > div > li.active figcaption {
                animation-name: blink;
                animation-duration: 1s;
                animation-delay: .3s; }
              .chat-page #frame .content .messages .messages-wrapper > ul > div > li:first-of-type {
                padding-bottom: 25px; }
              .chat-page #frame .content .messages .messages-wrapper > ul > div > li figure {
                margin: 0;
                width: 28px;
                height: 28px;
                border-radius: 50%;
                overflow: hidden;
                float: left; }
                .chat-page #frame .content .messages .messages-wrapper > ul > div > li figure img {
                  object-fit: cover;
                  width: 100%;
                  height: 100%;
                  top: 0;
                  margin: 0 !important; }
              .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption {
                display: inline-block;
                padding: 3px;
                border-radius: 5px;
                line-height: 130%;
                box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
                margin: 0;
                position: relative;
                max-width: 380px; }
                .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message-appended {
                  background: rgba(238, 238, 238, 0.6);
                  border-radius: 3px;
                  border-left: 4px solid #1abb9c;
                  cursor: pointer;
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-flow: row nowrap;
                      flex-flow: row nowrap; }
                  .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message-appended .meta {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-flow: column nowrap;
                        flex-flow: column nowrap;
                    padding: 5px 12px 7px 8px; }
                    .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message-appended .meta .author {
                      color: #1abb9c;
                      font-weight: bold;
                      font-size: 12px;
                      line-height: 22px; }
                    .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message-appended .meta .text {
                      color: #627c97;
                      font-size: 12px;
                      display: -ms-flexbox;
                      display: flex;
                      -ms-flex-align: center;
                          align-items: center;
                      line-height: 22px; }
                  .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message-appended .media {
                    height: 58px;
                    width: 58px;
                    right: 0;
                    top: 0;
                    margin: 0;
                    border-radius: 0 3px 3px 0;
                    margin-left: 20px; }
                    .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message-appended .media img,
                    .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message-appended .media video {
                      object-fit: cover;
                      height: 100%;
                      width: 100%; }
                .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption.image, .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption.video {
                  max-width: 205px;
                  min-width: 205px;
                  overflow: visible; }
                  .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption.image .message-data:not(.has-text), .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption.video .message-data:not(.has-text) {
                    color: rgba(255, 255, 255, 0.9);
                    bottom: 6px; }
                .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption.document, .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption.audio {
                  max-width: 250px;
                  min-width: 250px;
                  overflow: visible; }
                .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message {
                  position: relative;
                  white-space: pre-wrap;
                  word-wrap: break-word;
                  float: left;
                  width: 100%; }
                  .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message .forwarded {
                    padding: 5px 7px 0;
                    -ms-flex-align: center;
                        align-items: center;
                    display: -ms-flexbox;
                    display: flex;
                    color: rgba(0, 0, 0, 0.35);
                    font-size: 11px;
                    font-style: italic; }
                    .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message .forwarded i {
                      position: relative;
                      top: -2px; }
                  .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message.media {
                    width: 100%; }
                    .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message.media .media-wrap {
                      max-height: 200px;
                      width: 100%;
                      display: -ms-flexbox;
                      display: flex;
                      -ms-flex-align: center;
                          align-items: center;
                      -ms-flex-pack: center;
                          justify-content: center;
                      overflow: hidden;
                      border-radius: 4px;
                      cursor: pointer; }
                      .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message.media .media-wrap .video-wrap {
                        position: unset; }
                        .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message.media .media-wrap .video-wrap .video-button {
                          top: 0;
                          bottom: 0;
                          left: 0;
                          right: 0;
                          margin: auto;
                          position: absolute;
                          background: rgba(0, 0, 0, 0.35);
                          border-radius: 50%;
                          width: 50px;
                          height: 50px;
                          display: -ms-flexbox;
                          display: flex;
                          -ms-flex-align: center;
                              align-items: center;
                          -ms-flex-pack: center;
                              justify-content: center; }
                          .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message.media .media-wrap .video-wrap .video-button span {
                            line-height: 0; }
                      .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message.media .media-wrap .document-wrap {
                        min-width: 100%;
                        padding-bottom: 20px; }
                        .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message.media .media-wrap .document-wrap ~ .mask {
                          display: none; }
                        .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message.media .media-wrap .document-wrap .document {
                          background: rgba(238, 238, 238, 0.6);
                          border-radius: 3px;
                          cursor: pointer;
                          padding: 13px 15px 13px 20px;
                          display: -ms-flexbox;
                          display: flex;
                          -ms-flex-flow: row nowrap;
                              flex-flow: row nowrap;
                          -ms-flex-align: center;
                              align-items: center; }
                          .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message.media .media-wrap .document-wrap .document i {
                            font-size: 25px;
                            opacity: .8; }
                          .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message.media .media-wrap .document-wrap .document div {
                            margin: 0 15px;
                            overflow: hidden;
                            position: relative;
                            text-overflow: ellipsis;
                            white-space: nowrap; }
                          .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message.media .media-wrap .document-wrap .document .file-download {
                            opacity: .8;
                            border: 1px solid rgba(109, 134, 160, 0.5);
                            height: 28px !important;
                            width: 28px !important;
                            max-width: 28px !important;
                            min-width: 28px !important;
                            display: -ms-flexbox;
                            display: flex;
                            -ms-flex: 1;
                                flex: 1;
                            -ms-flex-align: center;
                                align-items: center;
                            -ms-flex-pack: center;
                                justify-content: center;
                            border-radius: 50%;
                            -ms-flex-item-align: end;
                                align-self: flex-end;
                            margin-left: auto; }
                            .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message.media .media-wrap .document-wrap .document .file-download i {
                              font-size: 13px;
                              padding-right: 1px;
                              padding-bottom: 1px; }
                      .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message.media .media-wrap .mask {
                        background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
                        bottom: 0;
                        height: 28px;
                        position: absolute;
                        width: 100%;
                        z-index: 2; }
                      .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message.media .media-wrap img,
                      .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message.media .media-wrap video {
                        object-fit: cover;
                        width: 100%;
                        height: 100%;
                        max-height: 200px;
                        max-width: 200px;
                        min-width: 200px; }
                  .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message.audio {
                    min-width: 250px;
                    max-width: 250px;
                    padding: 7px 10px 7px; }
                  .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message .copyable-text {
                    padding: 8px 5px 6px 7px; }
                  .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message .text-wrap {
                    white-space: pre-wrap;
                    display: inline; }
                    .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message .text-wrap:after {
                      content: '';
                      display: inline;
                      margin-right: 65px; }
                    .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message .text-wrap .selectable-text:after {
                      content: '';
                      display: inline-block;
                      width: 0; }
                .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .meta-document {
                  position: absolute;
                  bottom: 3px;
                  left: 7px;
                  color: rgba(0, 0, 0, 0.4);
                  font-size: 14px;
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-align: center;
                      align-items: center;
                  line-height: 1; }
                  .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .meta-document span {
                    font-size: 10px; }
                    .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .meta-document span:first-of-type {
                      text-transform: uppercase; }
                .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message-data {
                  right: 7px;
                  color: rgba(0, 0, 0, 0.45);
                  font-size: 11px;
                  height: 15px;
                  line-height: 15px;
                  white-space: nowrap;
                  position: absolute;
                  bottom: 3px;
                  display: -ms-flexbox;
                  display: flex; }
                  .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message-data span {
                    vertical-align: top;
                    display: inline-block; }
                  .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message-data .msg-dblcheck {
                    margin-left: 3px;
                    display: inline-block; }
                    .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message-data .msg-dblcheck.document svg.sent_message path {
                      fill: #999999 !important; }
                    .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message-data .msg-dblcheck + span {
                      color: rgba(0, 0, 0, 0.45) !important; }
                .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .actions {
                  opacity: 0;
                  height: 28px;
                  overflow: visible;
                  position: absolute;
                  width: 48px;
                  right: 8px;
                  top: 3px;
                  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 50%); }
                  .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .actions .actions-button {
                    transform: translateX(20px);
                    right: 0;
                    cursor: pointer;
                    position: absolute;
                    top: 2px;
                    width: 18px;
                    height: 18px;
                    opacity: 0;
                    transition: .1s ease-in-out; }
                    .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .actions .actions-button svg {
                      width: 100%; }
                      .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .actions .actions-button svg path {
                        fill-opacity: .7; }
                  .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .actions.open {
                    opacity: 1; }
                    .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .actions.open .actions-button {
                      opacity: .5;
                      transform: translateX(0px); }
                    .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .actions.open ul {
                      opacity: 1;
                      visibility: visible; }
                  .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .actions ul {
                    display: block;
                    opacity: 0;
                    visibility: hidden;
                    border: none;
                    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1); }
                    .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .actions ul.dropdown-menu-bottom {
                      top: auto;
                      bottom: 100%;
                      border-radius: 5px 5px 0 0;
                      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1); }
                    .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .actions ul li {
                      padding: 0; }
                  .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .actions.media {
                    margin: 0;
                    background: linear-gradient(15deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.12) 70%, rgba(0, 0, 0, 0.33) 100%);
                    width: 156px;
                    right: 3px;
                    max-width: 100%; }
                    .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .actions.media .actions-button {
                      right: 5px;
                      opacity: 1 !important; }
                      .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .actions.media .actions-button svg path {
                        fill: white;
                        fill-opacity: 1; }
                .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message-appended ~ .actions {
                  background: linear-gradient(15deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.12) 70%, rgba(0, 0, 0, 0.33) 100%);
                  width: 156px;
                  right: 3px;
                  max-width: 100%; }
                  .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message-appended ~ .actions .actions-button {
                    right: 5px;
                    opacity: 1 !important; }
                    .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption .message-appended ~ .actions .actions-button svg path {
                      fill: white; }
                .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption:hover .actions {
                  opacity: 1; }
                  .chat-page #frame .content .messages .messages-wrapper > ul > div > li figcaption:hover .actions .actions-button {
                    opacity: .5;
                    transform: translateX(0px); }
            .chat-page #frame .content .messages .messages-wrapper > ul li.sent figure {
              margin: 6px 8px 0 0; }
            .chat-page #frame .content .messages .messages-wrapper > ul li.sent .audio-meta-data .audio-time {
              color: rgba(255, 255, 255, 0.6); }
            .chat-page #frame .content .messages .messages-wrapper > ul li.sent .audio-play svg path {
              fill: white; }
            .chat-page #frame .content .messages .messages-wrapper > ul li.sent .forwarded {
              color: rgba(255, 255, 255, 0.6) !important; }
            .chat-page #frame .content .messages .messages-wrapper > ul li.sent figcaption {
              background: #6d86a0;
              color: #f5f5f5;
              box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
              position: relative;
              margin-left: 5px; }
              .chat-page #frame .content .messages .messages-wrapper > ul li.sent figcaption:before {
                position: absolute;
                left: -5px;
                content: '';
                width: 0;
                height: 0;
                border-top: 5px solid transparent;
                border-bottom: 5px solid transparent;
                border-right: 5px solid #6d86a0;
                top: 13px; }
              .chat-page #frame .content .messages .messages-wrapper > ul li.sent figcaption .meta-document {
                color: rgba(255, 255, 255, 0.6); }
                .chat-page #frame .content .messages .messages-wrapper > ul li.sent figcaption .meta-document span {
                  color: rgba(255, 255, 255, 0.6); }
              .chat-page #frame .content .messages .messages-wrapper > ul li.sent figcaption .message-data {
                color: rgba(255, 255, 255, 0.6); }
              .chat-page #frame .content .messages .messages-wrapper > ul li.sent figcaption .message.media .media-wrap .document-wrap .document {
                background: rgba(0, 0, 0, 0.2); }
                .chat-page #frame .content .messages .messages-wrapper > ul li.sent figcaption .message.media .media-wrap .document-wrap .document .file-download {
                  border: 1px solid rgba(255, 255, 255, 0.5); }
              .chat-page #frame .content .messages .messages-wrapper > ul li.sent figcaption .actions {
                background: linear-gradient(to right, rgba(109, 134, 160, 0) 0%, #6d86a0 50%); }
                .chat-page #frame .content .messages .messages-wrapper > ul li.sent figcaption .actions .actions-button {
                  transform: translateX(0px); }
                .chat-page #frame .content .messages .messages-wrapper > ul li.sent figcaption .actions.media {
                  background: linear-gradient(15deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.12) 70%, rgba(0, 0, 0, 0.33) 100%); }
              .chat-page #frame .content .messages .messages-wrapper > ul li.sent figcaption .message-appended ~ .actions {
                background: linear-gradient(15deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.12) 70%, rgba(0, 0, 0, 0.33) 100%); }
              .chat-page #frame .content .messages .messages-wrapper > ul li.sent figcaption .dropdown-menu {
                left: calc(100% - 20px);
                right: auto; }
            .chat-page #frame .content .messages .messages-wrapper > ul li.replies figure {
              float: right;
              margin: 6px 0 0 8px; }
            .chat-page #frame .content .messages .messages-wrapper > ul li.replies figcaption {
              background: white;
              float: right;
              box-shadow: 0 1px 10px rgba(0, 0, 0, 0.04);
              position: relative;
              margin-right: 5px; }
              .chat-page #frame .content .messages .messages-wrapper > ul li.replies figcaption:before {
                position: absolute;
                right: -5px;
                content: '';
                width: 0;
                height: 0;
                border-top: 5px solid transparent;
                border-bottom: 5px solid transparent;
                border-left: 5px solid white;
                top: 13px; }
            .chat-page #frame .content .messages .messages-wrapper > ul.multiple li {
              padding-left: 55px; }
          .chat-page #frame .content .messages .messages-wrapper.no-animation > ul > div > li.ng-enter, .chat-page #frame .content .messages .messages-wrapper.no-animation > ul > div > li.ng-hide-remove {
            transition-duration: 0ms;
            transition-timing-function: ease;
            transition-delay: 0ms;
            transition-property: transform, opacity;
            backface-visibility: hidden;
            opacity: 0; }
            .chat-page #frame .content .messages .messages-wrapper.no-animation > ul > div > li.ng-enter.sent, .chat-page #frame .content .messages .messages-wrapper.no-animation > ul > div > li.ng-hide-remove.sent {
              transform: translateX(0); }
            .chat-page #frame .content .messages .messages-wrapper.no-animation > ul > div > li.ng-enter.replies, .chat-page #frame .content .messages .messages-wrapper.no-animation > ul > div > li.ng-hide-remove.replies {
              transform: translateX(0); }
          .chat-page #frame .content .messages .messages-wrapper.no-animation > ul > div > li.ng-enter.ng-enter-active, .chat-page #frame .content .messages .messages-wrapper.no-animation > ul > div > li.ng-hide-remove.ng-hide-remove-active {
            transform: translateX(0) translateY(0);
            opacity: 1; }
          .chat-page #frame .content .messages .messages-wrapper.no-animation > ul > div > li.ng-leave, .chat-page #frame .content .messages .messages-wrapper.no-animation > ul > div > li.ng-leave-active {
            display: none !important;
            opacity: 0 !important; }
          .chat-page #frame .content .messages .messages-wrapper.no-animation > ul > div > li.ng-move, .chat-page #frame .content .messages .messages-wrapper.no-animation > ul > div > li.ng-move-active {
            display: none !important;
            opacity: 0 !important; }
        .chat-page #frame .content .messages #message-bottom {
          width: 100%;
          height: 1px; }
      .chat-page #frame .content .media-preview {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
        height: auto;
        height: calc(100% - 60px);
        width: 100%;
        position: absolute;
        z-index: 100;
        bottom: 0;
        background: #eef1f5; }
        .chat-page #frame .content .media-preview * {
          overflow: visible; }
        .chat-page #frame .content .media-preview .flex-body {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
          -ms-flex: 1;
              flex: 1; }
        .chat-page #frame .content .media-preview__header {
          background: #435f7a;
          padding: 15px 20px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
          -ms-flex-align: center;
              align-items: center; }
          .chat-page #frame .content .media-preview__header > i {
            margin: 0 10px;
            display: block;
            color: white;
            font-size: 2rem;
            opacity: .5;
            width: 20px;
            text-align: center; }
          .chat-page #frame .content .media-preview__header h3 {
            padding-left: 15px;
            color: white;
            font-size: 1.75rem;
            margin: 0;
            width: 100%; }
            .chat-page #frame .content .media-preview__header h3 span {
              padding: 0 5px;
              font-size: 15px; }
              .chat-page #frame .content .media-preview__header h3 span i {
                padding-right: 10px; }
        .chat-page #frame .content .media-preview__container {
          display: -ms-flexbox;
          display: flex;
          -ms-flex: 1;
              flex: 1;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap; }
          .chat-page #frame .content .media-preview__container__content {
            display: -ms-flexbox;
            display: flex;
            -ms-flex: 1;
                flex: 1;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
            -ms-flex-pack: center;
                justify-content: center;
            padding: 20px 20px 25px; }
            .chat-page #frame .content .media-preview__container__content__object {
              width: 100%;
              min-height: 180px;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-pack: center;
                  justify-content: center;
              -ms-flex-align: center;
                  align-items: center;
              position: relative; }
              .chat-page #frame .content .media-preview__container__content__object > video,
              .chat-page #frame .content .media-preview__container__content__object > img {
                object-fit: contain;
                height: 100%;
                position: absolute; }
              .chat-page #frame .content .media-preview__container__content__object .file {
                color: #6d86a0;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-flow: column nowrap;
                    flex-flow: column nowrap;
                -ms-flex-align: center;
                    align-items: center;
                -ms-flex-pack: center;
                    justify-content: center;
                font-size: 1.5rem; }
                .chat-page #frame .content .media-preview__container__content__object .file i {
                  font-size: 3rem;
                  padding-bottom: 2rem; }
              .chat-page #frame .content .media-preview__container__content__object.camera {
                -ms-flex: 1;
                    flex: 1;
                -ms-flex-flow: column nowrap;
                    flex-flow: column nowrap;
                position: relative; }
                .chat-page #frame .content .media-preview__container__content__object.camera ~ div {
                  margin-top: 20px;
                  padding: 30px 45px 20px; }
                .chat-page #frame .content .media-preview__container__content__object.camera button {
                  position: absolute;
                  bottom: -25px;
                  height: 50px;
                  width: 50px;
                  color: white;
                  background: #1abb9c;
                  border-radius: 50%;
                  right: 0;
                  left: 0;
                  margin: 0 auto;
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-align: center;
                      align-items: center;
                  -ms-flex-pack: center;
                      justify-content: center; }
                  .chat-page #frame .content .media-preview__container__content__object.camera button.send {
                    right: 55px;
                    left: auto; }
                .chat-page #frame .content .media-preview__container__content__object.camera sm-camera-capture {
                  width: 100%;
                  height: 100%; }
                  .chat-page #frame .content .media-preview__container__content__object.camera sm-camera-capture > div {
                    width: 100%;
                    height: 100%;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-flow: column nowrap;
                        flex-flow: column nowrap;
                    position: relative; }
                  .chat-page #frame .content .media-preview__container__content__object.camera sm-camera-capture video,
                  .chat-page #frame .content .media-preview__container__content__object.camera sm-camera-capture canvas {
                    width: 100%;
                    object-fit: contain;
                    height: 100%; }
            .chat-page #frame .content .media-preview__container__content__text {
              padding: 30px 0;
              margin: 0 auto;
              width: 80%;
              display: -ms-flexbox;
              display: flex;
              -ms-flex: 0;
                  flex: 0;
              -ms-flex-align: center;
                  align-items: center;
              -ms-flex-pack: center;
                  justify-content: center; }
              .chat-page #frame .content .media-preview__container__content__text input {
                overflow: visible;
                background: transparent;
                height: 40px;
                width: 100%;
                padding: 1rem;
                font-size: 14px !important;
                box-shadow: none;
                border: none;
                border-bottom: 2px solid #1abb9c; }
        .chat-page #frame .content .media-preview__footer {
          background: #e4e9ef;
          padding: 15px 0;
          position: relative; }
          .chat-page #frame .content .media-preview__footer__add {
            position: absolute;
            top: -25px;
            height: 50px;
            width: 50px;
            color: white;
            background: #1abb9c;
            border-radius: 50%;
            right: 30px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: center;
                justify-content: center; }
          .chat-page #frame .content .media-preview__footer__medias ul {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: center;
                justify-content: center;
            margin: 0;
            padding: 0; }
            .chat-page #frame .content .media-preview__footer__medias ul li {
              height: 100px;
              width: 100px;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
                  align-items: center;
              -ms-flex-pack: center;
                  justify-content: center;
              margin-right: 8px;
              background: white;
              padding: 3px;
              cursor: pointer; }
              .chat-page #frame .content .media-preview__footer__medias ul li img {
                object-fit: cover;
                width: 100%;
                height: 100%; }
              .chat-page #frame .content .media-preview__footer__medias ul li div.media-thumb {
                width: 100%;
                height: 100%;
                position: relative;
                top: 0;
                background-color: #e5e5e5;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-flow: column nowrap;
                    flex-flow: column nowrap;
                -ms-flex-align: center;
                    align-items: center;
                -ms-flex-pack: center;
                    justify-content: center;
                overflow: hidden; }
                .chat-page #frame .content .media-preview__footer__medias ul li div.media-thumb audio,
                .chat-page #frame .content .media-preview__footer__medias ul li div.media-thumb video {
                  max-width: 100%;
                  object-fit: cover;
                  position: absolute;
                  height: 100%;
                  width: 100%; }
                .chat-page #frame .content .media-preview__footer__medias ul li div.media-thumb .file {
                  font-size: 2rem; }
              .chat-page #frame .content .media-preview__footer__medias ul li div.add-media {
                padding: 2rem;
                text-align: center;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-flow: column nowrap;
                    flex-flow: column nowrap;
                -ms-flex-pack: center;
                    justify-content: center;
                -ms-flex-align: center;
                    align-items: center; }
                .chat-page #frame .content .media-preview__footer__medias ul li div.add-media i {
                  padding-bottom: 5px; }
                .chat-page #frame .content .media-preview__footer__medias ul li div.add-media span {
                  text-transform: uppercase;
                  font-size: 12px;
                  line-height: 1; }
              .chat-page #frame .content .media-preview__footer__medias ul li.media {
                position: relative;
                margin-top: 0; }
                .chat-page #frame .content .media-preview__footer__medias ul li.media span.remove-media {
                  display: none; }
                .chat-page #frame .content .media-preview__footer__medias ul li.media:hover span.remove-media {
                  display: block;
                  position: absolute;
                  color: white;
                  top: 5px;
                  right: 8px; }
                .chat-page #frame .content .media-preview__footer__medias ul li.media:hover .media-thumb:before {
                  content: '';
                  position: absolute;
                  height: 40px;
                  width: 100%;
                  top: 0px;
                  transition: opacity .1s ease-out;
                  right: 0px;
                  background: linear-gradient(10deg, transparent 0%, transparent 45%, rgba(0, 0, 0, 0.18) 75%, rgba(0, 0, 0, 0.4) 100%); }
      .chat-page #frame .content .message-input {
        overflow: visible;
        bottom: 0;
        width: 100%;
        background: #fff;
        z-index: 99;
        box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.05);
        border-left: solid 1px #e8e8e8;
        border-bottom: solid 1px #e8e8e8;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap; }
        .chat-page #frame .content .message-input .message-reply {
          padding: 5px 5px 5px 15px;
          position: relative;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
          -ms-flex-align: center;
              align-items: center; }
          .chat-page #frame .content .message-input .message-reply__wrap {
            background: #eef1f5;
            border-left: 5px solid #1abb9c;
            border-radius: 5px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex: 1;
                flex: 1;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: justify;
                justify-content: space-between;
            overflow: hidden; }
            .chat-page #frame .content .message-input .message-reply__wrap .meta {
              padding: 10px 15px;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-flow: column nowrap;
                  flex-flow: column nowrap; }
              .chat-page #frame .content .message-input .message-reply__wrap .meta .author {
                color: #1abb9c;
                font-weight: bold;
                line-height: 1.4;
                padding-bottom: 5px; }
              .chat-page #frame .content .message-input .message-reply__wrap .meta .text {
                color: #627c97;
                font-size: 12px;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                    align-items: center;
                line-height: 22px; }
            .chat-page #frame .content .message-input .message-reply__wrap .media {
              height: 83px;
              width: 83px;
              right: 0;
              top: 0;
              margin: 0;
              margin: 1px;
              border-radius: 0 3px 3px 0; }
              .chat-page #frame .content .message-input .message-reply__wrap .media img,
              .chat-page #frame .content .message-input .message-reply__wrap .media video {
                object-fit: cover;
                height: 100%;
                width: 100%; }
          .chat-page #frame .content .message-input .message-reply button {
            border: none;
            background: transparent;
            cursor: pointer;
            top: 0;
            font-size: 26px;
            opacity: .5;
            width: 54px;
            height: 54px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: center;
                justify-content: center;
            padding: 0;
            margin: 0; }
            .chat-page #frame .content .message-input .message-reply button:before {
              font-family: 'Helvetica', Arial, sans-serif;
              content: '\00D7';
              cursor: pointer; }
        .chat-page #frame .content .message-input .wrap {
          position: relative;
          color: #5a738e;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: justify;
              justify-content: space-between; }
          .chat-page #frame .content .message-input .wrap * {
            overflow: visible; }
          .chat-page #frame .content .message-input .wrap .actions {
            height: 100%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center; }
            .chat-page #frame .content .message-input .wrap .actions > div {
              margin-left: 15px; }
              .chat-page #frame .content .message-input .wrap .actions > div .dropdown-menu {
                top: auto;
                bottom: 30px; }
          .chat-page #frame .content .message-input .wrap .emojis {
            position: absolute;
            left: 15px;
            z-index: 4;
            color: #5a738e;
            opacity: .7;
            cursor: pointer; }
            .chat-page #frame .content .message-input .wrap .emojis:hover {
              opacity: 1; }
          .chat-page #frame .content .message-input .wrap input {
            float: left;
            border: none;
            width: calc(100% - 170px);
            padding: 11px 20px 10px 50px;
            font-size: 0.8em;
            color: #5a738e;
            overflow: visible; }
            .chat-page #frame .content .message-input .wrap input:focus {
              outline: none; }
          .chat-page #frame .content .message-input .wrap .mic {
            z-index: 4;
            font-size: 1.4em;
            color: #5a738e;
            opacity: .7;
            cursor: pointer; }
            .chat-page #frame .content .message-input .wrap .mic:hover {
              opacity: 1; }
          .chat-page #frame .content .message-input .wrap .camera {
            z-index: 4;
            color: #5a738e;
            opacity: .7;
            cursor: pointer; }
            .chat-page #frame .content .message-input .wrap .camera:hover {
              opacity: 1; }
          .chat-page #frame .content .message-input .wrap .attachment {
            margin: 0;
            z-index: 4;
            color: #5a738e;
            opacity: .7;
            cursor: pointer; }
            .chat-page #frame .content .message-input .wrap .attachment:hover {
              opacity: 1; }
          .chat-page #frame .content .message-input .wrap button.submit {
            float: right;
            border: none;
            /*width: 34px;*/
            padding: 6px 9px;
            margin-right: 15px;
            margin-top: 5px;
            cursor: pointer;
            background: #1abb9c;
            color: #eef1f5;
            border-radius: 100%; }
            .chat-page #frame .content .message-input .wrap button.submit:hover {
              background: #129179; }
            .chat-page #frame .content .message-input .wrap button.submit:focus {
              outline: none; }
          .chat-page #frame .content .message-input .wrap.multiple .info {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center; }
            .chat-page #frame .content .message-input .wrap.multiple .info span {
              line-height: 1;
              margin: 0 5px 0 20px; }
              .chat-page #frame .content .message-input .wrap.multiple .info span:first-of-type {
                font-size: 2rem;
                line-height: 1; }
              .chat-page #frame .content .message-input .wrap.multiple .info span:last-of-type {
                font-size: 1.4rem;
                line-height: 2; }
          .chat-page #frame .content .message-input .wrap.recording {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: end;
                justify-content: flex-end;
            margin-right: 15px; }
            .chat-page #frame .content .message-input .wrap.recording > span {
              width: 100px;
              text-align: center;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
                  align-items: center;
              -ms-flex-pack: center;
                  justify-content: center;
              font-size: 1.85rem;
              line-height: 0;
              color: rgba(0, 0, 0, 0.5); }
              .chat-page #frame .content .message-input .wrap.recording > span .rec {
                width: 10px;
                height: 10px;
                margin-right: 5px;
                animation-name: pulse;
                animation-duration: 1.5s;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
                border-radius: 50%;
                background-color: red;
                outline: none; }

@keyframes pulse {
  25% {
    box-shadow: 0px 0px 3px 0px rgba(173, 0, 0, 0.3); }
  50% {
    opacity: 0; }
  75% {
    box-shadow: 0px 0px 3px 5px rgba(173, 0, 0, 0); } }
            .chat-page #frame .content .message-input .wrap.recording button.confirm, .chat-page #frame .content .message-input .wrap.recording button.cancel {
              margin: 5px 0;
              border-radius: 100%;
              width: 31px;
              height: 31px;
              border: 1px solid #fff;
              opacity: .6;
              text-align: center;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
                  align-items: center;
              -ms-flex-pack: center;
                  justify-content: center; }
            .chat-page #frame .content .message-input .wrap.recording button.cancel {
              border-color: #e74c3c;
              color: #e74c3c; }
              .chat-page #frame .content .message-input .wrap.recording button.cancel:hover {
                background: #e74c3c;
                color: white; }
            .chat-page #frame .content .message-input .wrap.recording button.confirm {
              border-color: #1ABB9C;
              color: #1ABB9C; }
              .chat-page #frame .content .message-input .wrap.recording button.confirm:hover {
                background: #1ABB9C;
                color: white; }
            .chat-page #frame .content .message-input .wrap.recording button i {
              font-size: 1.3em; }
  @media screen and (max-width: 360px) {
    .chat-page #frame {
      width: 100%;
      height: 100vh; } }
  @media screen and (max-width: 735px) {
    .chat-page #frame #sidepanel {
      width: 58px;
      min-width: 58px; }
      .chat-page #frame #sidepanel #profile {
        width: 100%;
        margin: 0 auto;
        padding: 5px 0 0 0;
        background: #32465a; }
        .chat-page #frame #sidepanel #profile .wrap {
          height: 55px; }
          .chat-page #frame #sidepanel #profile .wrap img {
            width: 40px;
            margin-left: 4px; }
          .chat-page #frame #sidepanel #profile .wrap p {
            display: none; }
          .chat-page #frame #sidepanel #profile .wrap i.expand-button {
            display: none; }
          .chat-page #frame #sidepanel #profile .wrap #status-options {
            width: 58px;
            margin-top: 57px; }
            .chat-page #frame #sidepanel #profile .wrap #status-options:before {
              margin-left: 23px; }
            .chat-page #frame #sidepanel #profile .wrap #status-options ul li {
              padding: 15px 0 35px 22px; }
              .chat-page #frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
                width: 14px;
                height: 14px; }
                .chat-page #frame #sidepanel #profile .wrap #status-options ul li span.status-circle:before {
                  height: 18px;
                  width: 18px; }
              .chat-page #frame #sidepanel #profile .wrap #status-options ul li p {
                display: none; }
          .chat-page #frame #sidepanel #profile .wrap #status-options.active {
            margin-top: 62px; }
      .chat-page #frame #sidepanel #search {
        display: none; }
      .chat-page #frame #sidepanel #bottom-bar button {
        float: none;
        width: 100%;
        padding: 15px 0; }
        .chat-page #frame #sidepanel #bottom-bar button:nth-child(1) {
          border-right: none;
          border-bottom: 1px solid #2c3e50; }
        .chat-page #frame #sidepanel #bottom-bar button i {
          font-size: 1.3em; }
        .chat-page #frame #sidepanel #bottom-bar button span {
          display: none; }
    .chat-page #frame .content {
      width: calc(100% - 58px);
      min-width: 300px !important; }
      .chat-page #frame .content .messages {
        max-height: calc(100% - 105px); }
      .chat-page #frame .content .message-input .wrap input {
        padding: 15px 32px 16px 8px; }
      .chat-page #frame .content .message-input .wrap button {
        padding: 16px 0; } }
  @media screen and (min-width: 900px) {
    .chat-page #frame .content {
      width: calc(100% - 340px); } }
  @media screen and (min-width: 735px) {
    .chat-page #frame .content .messages ul li p {
      max-width: 450px; } }

.forward-messages .search {
  background: rgba(50, 70, 90, 0.05);
  padding: 2px 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px; }
  .forward-messages .search label {
    margin: 0; }
    .forward-messages .search label i {
      font-size: 1.5rem;
      padding-right: 1rem; }
  .forward-messages .search input {
    background: transparent;
    border: none;
    box-shadow: none;
    height: 36px;
    width: 100%; }

.forward-messages ul {
  max-height: 70vh;
  overflow: auto;
  padding: 0; }
  .forward-messages ul li {
    padding: 6px 0 8px 30px;
    font-size: 1em;
    height: 62px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    position: relative; }
    .forward-messages ul li .pretty {
      margin: 0;
      padding-left: 15px;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .forward-messages ul li .pretty:hover {
        background: rgba(50, 70, 90, 0.05); }
    .forward-messages ul li .wrap {
      width: 100%;
      margin: 0 auto;
      margin-left: 10px;
      position: relative;
      height: 100%; }
      .forward-messages ul li .wrap span.contact-status {
        position: absolute;
        left: 0;
        margin: 3px 0 0 -2px;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        border: 2px solid white;
        background: #95a5a6; }
      .forward-messages ul li .wrap span.online {
        background: #1abb9c; }
      .forward-messages ul li .wrap span.away {
        background: #f1c40f; }
      .forward-messages ul li .wrap span.busy {
        background: #e74c3c; }
      .forward-messages ul li .wrap img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        float: left;
        margin-right: 15px;
        margin-top: 5px;
        object-fit: cover; }
      .forward-messages ul li .wrap .meta {
        height: 100%;
        padding: 5px 0 0 0; }
        .forward-messages ul li .wrap .meta p {
          margin: 0;
          color: #32465a; }
        .forward-messages ul li .wrap .meta .name {
          font-weight: 600; }
        .forward-messages ul li .wrap .meta .role {
          font-weight: 300;
          right: 0;
          line-height: 14px;
          font-size: 9px;
          border: 1px solid #32465a;
          color: #222f3c;
          border-radius: 10px;
          padding: 0;
          opacity: .7;
          margin-left: 10px;
          width: 50px;
          display: inline-block;
          margin-left: 2px;
          text-align: center; }
          .forward-messages ul li .wrap .meta .role.paciente {
            border-color: #1ABB9C; }
          .forward-messages ul li .wrap .meta .role.externo {
            border-color: #e74c3c; }
          .forward-messages ul li .wrap .meta .role.pendente {
            border-color: #f1c40f; }
          .forward-messages ul li .wrap .meta .role.outros {
            border-color: #bdc3c7; }
          .forward-messages ul li .wrap .meta .role.grupo {
            border-color: #ff9f1a; }

.forward-messages .footer {
  height: 60px;
  background: #32465a;
  bottom: -13px;
  border-radius: 0 0 5px 5px;
  position: relative;
  left: 0;
  right: 0;
  margin-left: -13px;
  margin-right: -13px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 30px;
  font-size: 13px; }
  .forward-messages .footer span {
    color: white;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .forward-messages .footer button {
    position: absolute;
    top: -25px;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    color: white;
    background: #1abb9c;
    right: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    border: none; }

.wrap-select-color.hide-colors .select-color {
  display: none; }

.select-color {
  position: absolute;
  width: 190px;
  max-width: 190px;
  left: 0;
  z-index: 10;
  padding: 15px 8px;
  border: 1px solid #ebebeb;
  background: white;
  margin-bottom: 20px;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.3); }
  .select-color.always-on {
    box-shadow: none;
    border: none;
    margin-bottom: 0;
    padding-top: 0; }
    .select-color.always-on .select-color-grid {
      margin: 0 !important; }
  .select-color .select-color-grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    width: 100%;
    border-top: 1px solid #ebebeb;
    padding: 15px 0 5px 0; }
    .select-color .select-color-grid .color {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-preferred-size: 0 0 12.5%;
          flex-basis: 0 0 12.5%;
      width: 22px;
      height: 22px;
      border-radius: 100%;
      margin: 3px;
      cursor: pointer;
      position: relative; }
      .select-color .select-color-grid .color:before {
        display: block;
        content: " ";
        width: 100%;
        padding-top: 100%; }
      .select-color .select-color-grid .color > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      .select-color .select-color-grid .color:hover {
        background-color: #eee; }
      .select-color .select-color-grid .color.active {
        color: white; }
      .select-color .select-color-grid .color .content {
        top: auto;
        bottom: auto;
        text-align: center; }
  .select-color p.light-opacity {
    opacity: .7;
    padding-top: 15px;
    font-size: 12px; }

.wrap-select-day.hide-days .select-day {
  display: none; }

.transparent.input-group-addon + div [select-day] {
  border-radius: 0 !important; }

.select-day {
  position: absolute;
  width: 100%;
  min-width: 280px;
  max-width: 320px;
  left: 0;
  z-index: 100;
  padding: 15px;
  border: 1px solid #ebebeb;
  background: white;
  width: 100%;
  margin-bottom: 20px;
  border-radius: 0 !important; }
  .select-day .select-day-calendar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    width: 100%;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 0; }
    .select-day .select-day-calendar .day {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-preferred-size: 0 0 12.5%;
          flex-basis: 0 0 12.5%;
      width: 12.5%;
      border-radius: 4px;
      cursor: pointer;
      position: relative; }
      .select-day .select-day-calendar .day:before {
        display: block;
        content: " ";
        width: 100%;
        padding-top: 100%; }
      .select-day .select-day-calendar .day > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      .select-day .select-day-calendar .day:hover {
        background-color: #eee; }
      .select-day .select-day-calendar .day.active {
        background-color: #357ebd;
        color: white; }
      .select-day .select-day-calendar .day .content {
        top: auto;
        bottom: auto;
        text-align: center; }
  .select-day p.light-opacity {
    opacity: .7;
    padding-top: 15px;
    font-size: 12px; }

@media only screen {
  .switch-toggle.switch-small {
    width: 55px;
    height: 27px !important;
    background: #ccc; }
    .switch-toggle.switch-small a {
      width: 20px !important;
      height: 20px !important; }
  .switch-bool.switch-toggle label:nth-child(2):nth-last-child(6) {
    width: 50%; }
    .switch-bool.switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(5) + label ~ a {
      left: 53% !important;
      background: #fff !important; }
    .switch-bool.switch-toggle label:nth-child(2):nth-last-child(6) ~ input:nth-child(5) + label ~ a {
      left: 0 !important;
      background: #fff !important; }
  .switch-bool.switch-toggle .label-value {
    text-indent: -99999px;
    overflow: hidden; }
  .switch-bool.switch-toggle .label-middle {
    display: none; }
  .switch-bool.switch-on.switch-toggle {
    background: #5a738e;
    box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.3); }
  .switch-bool.switch-on a {
    left: 53% !important; }
  .switch-toggle.switch-bool a {
    background: #fff;
    transition: all .3s; }
  .switch-toggle {
    width: 76px;
    position: relative;
    z-index: 1;
    display: block;
    padding: 0 !important;
    background: #f5f5f5;
    box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    height: 27px !important;
    border: 1px solid #ccc; }
    .switch-toggle::after {
      clear: both;
      content: "";
      display: table; }
    .switch-toggle * {
      box-sizing: border-box; }
      .switch-toggle *:before, .switch-toggle *:after {
        box-sizing: border-box; }
    .switch-toggle a {
      background: #5a738e;
      display: block;
      transition: all 0.2s ease-out;
      border-radius: 30px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
      height: 21px !important;
      width: 21px !important;
      margin: 2px; }
    .switch-toggle label,
    .switch-toggle > span {
      font-size: 11px;
      line-height: 27px;
      vertical-align: middle;
      font-weight: normal;
      cursor: pointer; }
    .switch-toggle a {
      position: absolute;
      top: 0;
      left: 0;
      padding: 0;
      z-index: 1;
      width: 10px;
      height: 100%; }
    .switch-toggle:not(.switch-bol).undefined a {
      left: 33.33%;
      background: #ccc; }
    .switch-toggle input {
      position: absolute;
      left: 0;
      opacity: 0; }
      .switch-toggle input:focus ~ span a,
      .switch-toggle input:focus + label {
        outline: none; }
      .switch-toggle input + label {
        position: relative;
        z-index: 2;
        display: block;
        float: left;
        padding: 0 0.5em;
        margin: 0;
        text-align: center;
        font-size: 11px !important; }
      .switch-toggle input:checked + label {
        color: white !important; }
    .switch-toggle label:nth-child(2):nth-last-child(4) {
      width: 50%; }
      .switch-toggle label:nth-child(2):nth-last-child(4) ~ label,
      .switch-toggle label:nth-child(2):nth-last-child(4) ~ a {
        width: 50%; }
      .switch-toggle label:nth-child(2):nth-last-child(4) ~ input:checked:nth-child(3) + label ~ a {
        left: 50%; }
    .switch-toggle label:nth-child(2):nth-last-child(6) {
      width: 33.33%; }
      .switch-toggle label:nth-child(2):nth-last-child(6) ~ label,
      .switch-toggle label:nth-child(2):nth-last-child(6) ~ a {
        width: 33.33%; }
      .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(3) + label ~ a {
        left: 33.33%;
        background: #ccc; }
      .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(5) + label ~ a {
        left: 66.66%; }
    .switch-toggle label:nth-child(2):nth-last-child(8) {
      width: 25%; }
      .switch-toggle label:nth-child(2):nth-last-child(8) ~ label,
      .switch-toggle label:nth-child(2):nth-last-child(8) ~ a {
        width: 25%; }
      .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(3) + label ~ a {
        left: 25%; }
      .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(5) + label ~ a {
        left: 50%; }
      .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(7) + label ~ a {
        left: 75%; }
    .switch-toggle label:nth-child(2):nth-last-child(10) {
      width: 20%; }
      .switch-toggle label:nth-child(2):nth-last-child(10) ~ label,
      .switch-toggle label:nth-child(2):nth-last-child(10) ~ a {
        width: 20%; }
      .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(3) + label ~ a {
        left: 20%; }
      .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(5) + label ~ a {
        left: 40%; }
      .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(7) + label ~ a {
        left: 60%; }
      .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(9) + label ~ a {
        left: 80%; }
    .switch-toggle label:nth-child(2):nth-last-child(12) {
      width: 16.6%; }
      .switch-toggle label:nth-child(2):nth-last-child(12) ~ label,
      .switch-toggle label:nth-child(2):nth-last-child(12) ~ a {
        width: 16.6%; }
      .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(3) + label ~ a {
        left: 16.6%; }
      .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(5) + label ~ a {
        left: 33.2%; }
      .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(7) + label ~ a {
        left: 49.8%; }
      .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(9) + label ~ a {
        left: 66.4%; }
      .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(11) + label ~ a {
        left: 83%; } }

.nav-sm footer {
  margin-left: 90px;
  height: 40px; }

.floating-footer {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 15;
  left: 90px; }
  .floating-footer .tabs-slidingbar {
    margin-right: 46px;
    list-style: none;
    height: 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-bottom: -1px;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    float: right; }
    .floating-footer .tabs-slidingbar a.tab-slidingbar {
      height: 36px;
      position: relative;
      background: #eee;
      border: 1px solid #ccc;
      border-radius: 4px 4px 0 0;
      display: block;
      padding: 8px 12px;
      cursor: pointer;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
      -ms-flex-align: center;
          align-items: center;
      white-space: nowrap;
      font-size: 13px;
      line-height: 16px;
      color: #999;
      opacity: .85;
      margin-right: 8px;
      box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.1); }
      .floating-footer .tabs-slidingbar a.tab-slidingbar.active {
        box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.2);
        opacity: 1;
        border-bottom: 1px solid white;
        background: white;
        color: #73879C;
        position: relative;
        z-index: 21; }

.first-setup-bar {
  border-top: 1px solid #ccc;
  background: #fff;
  height: 100px;
  position: relative;
  z-index: 20;
  padding: 15px 20px; }
  .first-setup-bar .setup-steps {
    margin: 0;
    padding: 0;
    float: left;
    text-align: center;
    list-style: none;
    width: calc(100% - 140px); }
    .first-setup-bar .setup-steps li {
      position: relative;
      display: block;
      float: left;
      width: calc(100% / 5); }
      .first-setup-bar .setup-steps li:first-of-type .setup-step:before {
        content: none;
        display: none; }
      .first-setup-bar .setup-steps li:last-of-type .setup-step:after {
        content: none;
        display: none; }
  .first-setup-bar .setup-action {
    margin: 0; }
  .first-setup-bar .setup-step {
    width: 40px;
    margin: 0 auto 10px;
    height: 40px;
    border-radius: 100%;
    background: #ccc;
    text-align: center; }
    .first-setup-bar .setup-step span.fa.fa-check {
      display: none;
      line-height: 40px;
      font-size: 24px;
      color: #fff;
      position: relative;
      z-index: 105; }
    .first-setup-bar .setup-step:before, .first-setup-bar .setup-step:after {
      content: ' ';
      width: 50%;
      position: absolute;
      top: 18px;
      height: 4px;
      background: #ccc; }
    .first-setup-bar .setup-step:before {
      left: 0; }
    .first-setup-bar .setup-step:after {
      right: 0; }
    .first-setup-bar .setup-step.done {
      background: green; }
      .first-setup-bar .setup-step.done:before, .first-setup-bar .setup-step.done:after {
        background: green; }
      .first-setup-bar .setup-step.done span.fa.fa-check {
        display: inline-block; }
    .first-setup-bar .setup-step.current {
      background: #fec61b; }
      .first-setup-bar .setup-step.current:before, .first-setup-bar .setup-step.current:after {
        background: #fec61b; }

.top_nav h2.title {
  color: #73879C !important;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px; }

.top_nav .msg_list .image {
  width: 40px;
  float: left;
  margin-right: 15px;
  position: relative;
  border-radius: 30px;
  overflow: hidden; }
  .top_nav .msg_list .image:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 100%; }
  .top_nav .msg_list .image > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .top_nav .msg_list .image img {
    object-fit: cover;
    width: 100%;
    position: absolute; }

.top_nav .msg_list .message i {
  font-size: 10px; }

.top_nav .dropdown-menu.dropdown-usermenu i {
  margin-top: 3px; }

.top_nav .dropdown-menu li.disabled {
  opacity: 0.5; }

.top_nav .dropdown-menu .highlight {
  position: relative; }
  .top_nav .dropdown-menu .highlight:after {
    width: calc(100% - 20px);
    background: #1ab99b;
    content: ' ';
    position: absolute;
    height: calc(100% - 15px);
    top: 0;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px; }
  .top_nav .dropdown-menu .highlight:hover:after {
    background: #19b094; }
  .top_nav .dropdown-menu .highlight * {
    position: relative;
    z-index: 1;
    color: white; }

.odontogram {
  padding: 10px; }
  .odontogram ul {
    padding: 0;
    margin-top: 25px; }
  .odontogram .macro-regiao {
    padding-bottom: 5px;
    border-bottom: 1px #ccc solid; }
  .odontogram .regiao {
    line-height: 25px;
    padding-left: 15px !important; }
  .odontogram .regioes > .regiao:first-child {
    line-height: 25px; }
  .odontogram li {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 5px; }
    .odontogram li ul {
      padding: 0;
      margin: 0;
      margin-top: 15px;
      margin-bottom: 15px; }
  .odontogram .regioes .regiao {
    padding: 0 10px;
    font-size: 12px;
    margin: 4px 4px 0 0;
    cursor: pointer; }
    .odontogram .regioes .regiao:hover {
      background-color: #bacee2;
      color: #fff; }
  .odontogram .regioes .iCheck-helper {
    width: 140px !important;
    height: 29px !important;
    top: -3px !important;
    left: -15px !important; }
  .odontogram .tooth {
    float: left;
    color: #999;
    font-size: 11px;
    cursor: pointer;
    padding-top: 80px;
    padding-bottom: 5px;
    text-align: center;
    border: 1px solid transparent;
    width: 26px;
    background-repeat: no-repeat;
    margin: 0 2px; }
    .odontogram .tooth:hover, .odontogram .tooth.active {
      color: #2989ba;
      border: 1px solid #2989ba;
      border-radius: 4px; }
    .odontogram .tooth.disabled {
      opacity: 0.5; }
  .odontogram #permanentes {
    margin: 30px 25px; }
    .odontogram #permanentes .sep {
      list-style: none;
      padding: 0;
      margin: 0;
      display: inline-block;
      width: 100%; }
    .odontogram #permanentes .tooth {
      float: left;
      color: #999;
      font-size: 11px;
      cursor: pointer;
      padding-top: 80px;
      padding-bottom: 5px;
      text-align: center;
      border: 1px solid transparent;
      width: 26px;
      background-repeat: no-repeat;
      margin: 0 2px; }
      .odontogram #permanentes .tooth:hover, .odontogram #permanentes .tooth.active {
        color: #2989ba;
        border: 1px solid #2989ba;
        border-radius: 4px; }
      .odontogram #permanentes .tooth.disabled {
        opacity: 0.5; }
    .odontogram #permanentes .top {
      background-position: center 10px;
      background-repeat: no-repeat; }
    .odontogram #permanentes .bottom {
      background-position: center -70px;
      background-repeat: no-repeat; }
      .odontogram #permanentes .bottom .tooth {
        padding: 5px 0 80px;
        background-position: center bottom; }
  .odontogram #deciduos {
    margin: 30px 120px; }
    .odontogram #deciduos .sep {
      list-style: none;
      padding: 0;
      margin: 0;
      display: inline-block;
      width: 100%; }
    .odontogram #deciduos .tooth {
      float: left;
      color: #999;
      font-size: 11px;
      cursor: pointer;
      padding-top: 80px;
      padding-bottom: 5px;
      text-align: center;
      border: 1px solid transparent;
      width: 26px; }
      .odontogram #deciduos .tooth:hover, .odontogram #deciduos .tooth.active {
        color: #2989ba;
        border: 1px solid #2989ba;
        border-radius: 4px; }
    .odontogram #deciduos .bottom .tooth {
      background-position: center bottom;
      padding: 5px 0 80px; }

.bootstrap .host {
  margin: 0; }

.bootstrap .tags .tag-item {
  background: #1abb9c;
  color: white !important;
  height: 26px;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 23px; }

#sidebar-menu li.disabled i, #sidebar-menu li.disabled a {
  opacity: .5; }

#sidebar-menu li.disabled ul {
  display: none !important; }

.nav .open > a, .nav .open > a:focus {
  background-color: transparent !important; }

.nav.side-menu li {
  transition: max-height 0.15s ease-out; }
  .nav.side-menu li > ul {
    display: block;
    max-height: 0;
    transition: max-height 0.15s ease-out;
    overflow: hidden; }
  .nav.side-menu li.active {
    border-right: none; }
    .nav.side-menu li.active > a {
      box-shadow: none; }
      .nav.side-menu li.active > a i {
        color: #1ABB9C; }
    .nav.side-menu li.active > ul {
      transition: max-height 0.25s ease-in;
      max-height: 500px; }
  .nav.side-menu li.open > ul {
    transition: max-height 0.25s ease-in;
    max-height: 500px; }

.nav-sm .nav.side-menu li ul li {
  transition: max-height 0.15s ease-out; }
  .nav-sm .nav.side-menu li ul li > ul {
    display: block;
    max-height: 0;
    transition: max-height 0.15s ease-out;
    overflow: hidden;
    padding-left: 1rem; }
    .nav-sm .nav.side-menu li ul li > ul li {
      list-style: disc; }
    .nav-sm .nav.side-menu li ul li > ul a {
      border: none; }

.nav-sm .nav.side-menu li:hover > ul {
  transition: max-height 0.25s ease-in;
  max-height: 500px;
  display: block;
  overflow: visible; }

.nav-sm .nav.side-menu li > a {
  padding: 10px 0 !important;
  border-bottom: 1px solid #2a3f54;
  margin: 0; }

.nav-sm .nav .child_menu li a {
  font-size: 1.125rem;
  border: none; }

.nav-sm .navbar.nav_title {
  width: 90px; }
  .nav-sm .navbar.nav_title .site_title {
    display: none; }

.nav-sm .container.body .col-md-3.left_col {
  width: 90px; }

.nav-sm .container.body .right_col {
  margin-left: 90px; }

.nav-sm .container .main_container .top_nav {
  margin-left: 90px; }

.cg-busy {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1001; }
  .cg-busy .message {
    position: absolute;
    top: 160px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.9); }

.cg-busy-animation.ng-hide-add,
.cg-busy-animation.ng-hide-remove {
  transition: all .3s ease;
  display: block !important; }

.cg-busy-animation.ng-hide-remove {
  opacity: 0;
  transform: translate(0px, -40px); }

.cg-busy-animation.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  transform: translate(0px, 0px); }

.cg-busy-animation.ng-hide-add {
  opacity: 1;
  transform: translate(0px, 0px); }

.cg-busy-animation.ng-hide-add.ng-hide-add-active {
  opacity: 0;
  transform: translate(0px, -40px); }

.cg-busy-backdrop {
  background-color: white;
  opacity: .7;
  z-index: 19; }

.cg-busy-backdrop-animation.ng-hide-add,
.cg-busy-backdrop-animation.ng-hide-remove {
  transition: opacity .3s ease;
  display: block !important; }

.cg-busy-backdrop-animation.ng-hide {
  opacity: 0; }

/* All styles below are for the default template. */
.cg-busy-default-wrapper {
  text-align: center; }

.cg-busy-default-sign {
  display: inline-block;
  position: relative;
  z-index: 1002;
  padding-bottom: 6px;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #e9eeee;
  border: 1px solid #dddddd;
  border-top-width: 0;
  border-radius: 7px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.cg-busy-default-text {
  margin: 13px 12px 6px 49px;
  font-size: 16px;
  color: #555;
  text-align: left;
  max-width: 400px; }

.cg-busy-default-spinner {
  position: absolute;
  width: 25px;
  height: 25px;
  display: inline-block;
  top: 12px;
  left: 14px; }

.cg-busy-default-spinner div {
  width: 12%;
  height: 26%;
  background: #000;
  position: absolute;
  left: 44.5%;
  top: 37%;
  opacity: 0;
  animation: cg-busy-spinner-anim 1s linear infinite;
  border-radius: 50px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }

.cg-busy-default-spinner div.bar1 {
  transform: rotate(0deg) translate(0, -142%);
  animation-delay: 0s; }

.cg-busy-default-spinner div.bar2 {
  transform: rotate(30deg) translate(0, -142%);
  animation-delay: -0.9167s; }

.cg-busy-default-spinner div.bar3 {
  transform: rotate(60deg) translate(0, -142%);
  animation-delay: -0.833s; }

.cg-busy-default-spinner div.bar4 {
  transform: rotate(90deg) translate(0, -142%);
  animation-delay: -0.75s; }

.cg-busy-default-spinner div.bar5 {
  transform: rotate(120deg) translate(0, -142%);
  animation-delay: -0.667s; }

.cg-busy-default-spinner div.bar6 {
  transform: rotate(150deg) translate(0, -142%);
  animation-delay: -0.5833s; }

.cg-busy-default-spinner div.bar7 {
  transform: rotate(180deg) translate(0, -142%);
  animation-delay: -0.5s; }

.cg-busy-default-spinner div.bar8 {
  transform: rotate(210deg) translate(0, -142%);
  animation-delay: -0.41667s; }

.cg-busy-default-spinner div.bar9 {
  transform: rotate(240deg) translate(0, -142%);
  animation-delay: -0.333s; }

.cg-busy-default-spinner div.bar10 {
  transform: rotate(270deg) translate(0, -142%);
  animation-delay: -0.25s; }

.cg-busy-default-spinner div.bar11 {
  transform: rotate(300deg) translate(0, -142%);
  animation-delay: -0.1667s; }

.cg-busy-default-spinner div.bar12 {
  transform: rotate(330deg) translate(0, -142%);
  animation-delay: -0.0833s; }

@keyframes cg-busy-spinner-anim {
  from {
    opacity: 1; }
  to {
    opacity: 0.25; } }

.spinner {
  width: 50px;
  height: 50px;
  border: 3px solid #e7e7e7;
  border-top: 4px solid #6d86a0;
  border-radius: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: spin 1s infinite linear;
  /* IE 10+, Fx 29+ */
  bottom: auto !important;
  top: 10px !important; }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.center-busy {
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  margin-left: 90px !important; }
  .center-busy .spinner {
    top: 90px !important; }

.fixed-busy {
  position: fixed; }

body > .cg-busy-backdrop {
  position: fixed;
  z-index: 100; }

.invite-user .user {
  margin-top: 4rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-align: center;
      align-items: center; }
  .invite-user .user figure {
    width: 50px;
    border: 1px solid #E6E9ED;
    padding: 1px;
    border-radius: 50%;
    overflow: hidden;
    position: relative; }
    .invite-user .user figure:before {
      display: block;
      content: " ";
      width: 100%;
      padding-top: 100%; }
    .invite-user .user figure > .content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .invite-user .user figure img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .invite-user .user figcaption {
    margin-left: 20px; }
    .invite-user .user figcaption p {
      color: #73879C; }

.audio-controls {
  background: transparent;
  display: inline-block;
  width: 100%;
  left: -5px; }

.audio-container {
  width: 100%;
  float: left;
  padding-bottom: 2px; }

.audio-row {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex; }

.audio-play {
  width: 34px;
  height: 44px;
  margin-right: 12px;
  position: relative; }
  .audio-play svg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto 0; }

/* PROGRESS BAR*/
.audio-meta-data {
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  outline: none;
  margin: 0;
  padding: 0;
  border: 0;
  margin-left: 5px;
  width: 100%;
  height: 21px; }
  .audio-meta-data .audio-time {
    bottom: 0;
    color: rgba(0, 0, 0, 0.45);
    font-size: 11px;
    line-height: 15px;
    position: absolute; }
  .audio-meta-data .range {
    position: relative; }
    .audio-meta-data .range input[type="range"] {
      margin: 0;
      padding: 0;
      border: none;
      box-shadow: none;
      -webkit-appearance: none;
      height: 21px;
      width: 100%;
      background: transparent; }
      .audio-meta-data .range input[type="range"]::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 13px;
        height: 13px;
        background: #29b6f6;
        box-shadow: none;
        border-radius: 50%;
        margin-top: -5px; }
      .audio-meta-data .range input[type="range"]::-webkit-slider-runnable-track {
        -webkit-appearance: none;
        width: 100%;
        height: 3px;
        display: inline-block;
        cursor: pointer;
        background: #e6e6e6;
        border-radius: 1.3px;
        left: 0; }
    .audio-meta-data .range .bar {
      height: 3px;
      display: block;
      background-color: #29b6f6;
      position: absolute;
      top: 9px; }

sm-bill-form [disabled] + label {
  opacity: 1 !important; }

sm-bill-form [disabled].form-control {
  background: #fcfcfc !important; }

sm-bill-form [disabled].btn {
  opacity: 1 !important; }
  sm-bill-form [disabled].btn input {
    cursor: not-allowed !important; }

table.editable-cells tbody td:not([sm-editable-cell]) {
  padding: 0 !important; }
  table.editable-cells tbody td:not([sm-editable-cell]) input {
    border-radius: 0;
    background: transparent !important;
    border: none;
    height: 100%;
    color: #73879C !important;
    background: white;
    width: auto;
    line-height: 28px !important;
    font-family: 'Open Sans', sans-serif !important;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    cursor: text;
    box-shadow: none; }

table.editable-cells tbody td span {
  background: transparent !important; }

[sm-editable-cell] {
  position: relative;
  padding: 6px 12px !important; }
  [sm-editable-cell]:hover:not([disabled]) {
    cursor: text; }
  [sm-editable-cell] input {
    border: none;
    top: 0;
    height: 100%;
    background: white;
    width: auto;
    line-height: 28px !important;
    position: absolute;
    left: 0;
    font-family: 'Open Sans', sans-serif !important;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    cursor: text; }
  [sm-editable-cell].active {
    border-collapse: collapse;
    border-style: hidden;
    border: 1px solid #1ABB9C !important;
    background: white !important;
    padding: 0 !important; }
  [sm-editable-cell] > span {
    width: 100%;
    height: 100%;
    border: 1px solid transparent !important;
    cursor: text; }
  [sm-editable-cell] .alert {
    left: 100%;
    position: absolute;
    transition: none !important; }
  [sm-editable-cell].item.bad {
    border: 1px solid #ce5454 !important; }
    [sm-editable-cell].item.bad input {
      border: none !important; }
    [sm-editable-cell].item.bad:not(.bottom-alert) .alert {
      height: 26px;
      top: 0;
      bottom: 0;
      margin: auto;
      margin-left: 10px; }
  [sm-editable-cell].item.left-alert.bad:not(.bottom-alert) .alert {
    top: 0;
    bottom: 0;
    margin: auto;
    margin-right: 10px;
    left: auto;
    right: 100%; }
    [sm-editable-cell].item.left-alert.bad:not(.bottom-alert) .alert:after {
      right: -13px;
      left: auto;
      border-color: transparent transparent transparent #CE5454; }

table.hybrid-table td[sm-editable-cell]:not(.bad) {
  padding: 0 12px !important; }

table.hybrid-table td[sm-editable-cell].bad {
  padding-bottom: 35px !important; }

table.hybrid-table td:not([sm-editable-cell]) > span {
  padding: 0 12px !important; }

table.hybrid-table td:not([sm-editable-cell]).bad {
  padding-bottom: 35px !important; }

sm-execution-time {
  display: inline-block;
  width: 100%;
  padding-bottom: 20px;
  position: relative; }
  sm-execution-time span {
    line-height: 1; }
    sm-execution-time span.resume {
      font-size: 10px;
      position: absolute;
      bottom: 5px; }
  sm-execution-time > div {
    margin-top: 10px; }
  sm-execution-time meter {
    width: 80%;
    margin: 0 4px; }
    sm-execution-time meter::-webkit-meter-optimum-value, sm-execution-time meter::-webkit-meter-suboptimum-value {
      background: #f5f5f5 !important;
      border: 1px solid #ccc;
      height: calc(100% + 2px);
      margin: -1px 0 0 0; }
    sm-execution-time meter.equal::-webkit-meter-suboptimum-value {
      margin: -1px 0 0 0; }
    sm-execution-time meter.good::-webkit-meter-bar {
      background: #b9dcb4 !important;
      border: 1px solid #5cb85c;
      border-left: none; }
    sm-execution-time meter.bad::-webkit-meter-bar {
      background: #fcdbdb !important;
      border: 1px solid red;
      border-left: none; }
  sm-execution-time .ruler {
    height: 20px;
    border-top: 1px solid #000;
    width: 80%;
    margin-top: 2px;
    position: relative; }
    sm-execution-time .ruler:before {
      height: 3px;
      border-left: 1px solid #000;
      content: '0';
      top: 0;
      position: absolute;
      left: 0;
      font-size: 10px;
      width: 0px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      line-height: 1.7; }
    sm-execution-time .ruler .current {
      height: 3px;
      border-left: 1px solid #000;
      top: 0;
      position: absolute;
      font-size: 10px;
      width: 0px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      line-height: 1.7; }
    sm-execution-time .ruler:after {
      width: 0px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      font-size: 10px;
      height: 3px;
      border-right: 1px solid #000;
      content: attr(max);
      top: 0;
      position: absolute;
      line-height: 1.7;
      right: 0; }

.pagination-list .ng-hide:first-child,
.pagination-list :not(.ng-hide) + .ng-hide {
  display: -ms-flexbox !important;
  display: flex !important; }
  .pagination-list .ng-hide:first-child:nth-of-type(1),
  .pagination-list :not(.ng-hide) + .ng-hide:nth-of-type(1) {
    background-color: blue; }

sm-password-input .input-group .form-control,
[sm-password-input] .input-group .form-control {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important; }

sm-password-input .input-group input:focus,
[sm-password-input] .input-group input:focus {
  border-right: none; }

.bad [sm-password-input] .form-control,
.bad sm-password-input .form-control {
  border-color: #CE5454 !important; }

[sm-permissions-accordion] .pretty label,
sm-permissions-accordion .pretty label {
  opacity: 1 !important; }

[sm-permissions-accordion] .panel-heading .accordion-toggle,
sm-permissions-accordion .panel-heading .accordion-toggle {
  padding: 8px 13px !important; }

.profile_details:nth-child(3n) {
  clear: none; }

.profile_details .list-unstyled {
  width: calc(100% - 20px); }

.profile_details:hover .profile_view > div:not(.bottom) > div {
  position: unset; }

.profile_details:hover .profile_view .list-unstyled {
  width: calc(100% - 35px);
  height: calc(100% - 5px);
  margin: 0; }
  .profile_details:hover .profile_view .list-unstyled:before {
    right: -30px !important; }

.profile_details:hover .list-unstyled {
  width: auto;
  z-index: 1; }
  .profile_details:hover .list-unstyled * {
    position: relative;
    z-index: 1; }
  .profile_details:hover .list-unstyled:before {
    content: '';
    background: white;
    background: linear-gradient(170deg, white 50%, rgba(255, 255, 255, 0.119485) 100%);
    position: absolute;
    z-index: 0;
    height: 100%;
    left: 0;
    width: 100%; }

.range-picker .form-group .input-group .form-control {
  border-bottom-right-radius: 4px !important;
  border-top-right-radius: 4px !important; }

.rework-cost p {
  font-size: 13px; }

.rework-cost table * {
  font-size: 13px; }

.profile_img {
  position: relative; }
  .profile_img #crop-avatar {
    opacity: 1; }
  .profile_img .btn-group {
    position: absolute;
    top: 15px; }
  .profile_img .img-rounded {
    width: 100%;
    border-radius: 50%; }

.switch-toggle.large {
  width: auto; }
  .switch-toggle.large label {
    white-space: nowrap;
    width: 50%; }
  .switch-toggle.large label:nth-child(2):nth-last-child(6) {
    width: calc(50% - 11px) !important; }
  .switch-toggle.large label:nth-child(2):nth-last-child(6) ~ label, .switch-toggle.large label:nth-child(2):nth-last-child(6) ~ a {
    width: calc(50% - 11px); }
  .switch-toggle.large a {
    width: calc(50% - 11px) !important; }
  .switch-toggle.large .label-middle {
    width: 21px !important;
    left: calc(50% - 11px);
    padding: 0; }
  .switch-toggle.large label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(3) + label ~ a {
    width: 21px !important;
    left: calc(50% - 10px); }
  .switch-toggle.large label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(5) + label ~ a {
    left: calc(50% + 7px); }

.assistant-asb-dashboard .cg-busy {
  z-index: 1 !important; }

.initial-setup {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  color: #6d86a0;
  font-size: 12px; }
  .initial-setup .first-setup-bar {
    border-top: none; }
    .initial-setup .first-setup-bar .setup-steps {
      width: 100% !important; }
      .initial-setup .first-setup-bar .setup-steps li {
        width: calc(100% / 4); }

.documents-wrapper .title_left h3 .fa-file {
  font-size: 18px; }

.opacity-0 {
  opacity: 0; }

.cashbook table td.status {
  position: relative; }
  .cashbook table td.status .abs {
    right: 3px;
    bottom: 0; }
    .cashbook table td.status .abs i {
      font-size: 11px; }

.cashbook .payment-status {
  font-size: 15px; }

.income-totals {
  border-radius: 4px;
  background: #f5f5f5;
  padding: 8px;
  min-height: 54px;
  margin-bottom: 12px;
  border: 1px solid #ccc;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .income-totals div {
    text-align: center;
    font-weight: bold; }

.only-print h1 {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  margin: 40px 0; }

@media print {
  .wrap-on-print {
    text-overflow: initial !important;
    white-space: pre-wrap !important; }
  .panel-body {
    padding: 0 !important; }
  .container.body {
    height: 100vh !important;
    overflow: hidden !important; }
  .accordion-toggle {
    padding-left: 0 !important;
    font-size: 20px !important;
    font-weight: bold !important; }
    .accordion-toggle:after {
      content: none !important; }
  .panel-body {
    margin-bottom: 100px; } }

@page {
  margin: 120px 50px 80px 50px; }

.clinic-hour-page .page-title h4 {
  color: #b0b0b0;
  font-weight: normal; }

.clinic-hour-page .table thead {
  background: transparent; }
  .clinic-hour-page .table thead th {
    background: rgba(52, 73, 94, 0.4); }

.clinic-hour-page .table tbody tr td {
  padding: 4px 8px; }

.clinic-hour-page .table tbody tr:last-child td:first-child {
  border-radius: 0; }

.clinic-hour-page .table tbody tr:hover {
  background: transparent; }
  .clinic-hour-page .table tbody tr:hover td {
    border-bottom: none;
    border-top: 1px solid #ccc; }

.clinic-hour-page .table tbody .rotate {
  background: white;
  border-radius: 6px 0 0 6px;
  border-right: 1px left #ccc;
  padding: 0 2px; }
  .clinic-hour-page .table tbody .rotate span {
    white-space: nowrap;
    font-weight: 400;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    transform: rotate(-180deg); }

.income-tax-demonstrative .table > thead > tr > th {
  border-bottom: 0px solid #ddd !important; }

.income-tax-demonstrative .table thead {
  background: rgba(52, 73, 94, 0.4); }

.income-tax-demonstrative td span {
  white-space: nowrap; }

/* ---------Arredonda os cantos das tabelas com classe jambo_table*/
table.jambo_table {
  border-collapse: separate;
  border: solid #ccc 1px;
  border-radius: 6px;
  border-left: 0;
  border-top: 0; }

table.jambo_table > thead:first-child > tr:first-child > th {
  border-bottom: 0;
  border-top: solid #ccc 1px; }

table.jambo_table td,
table.jambo_table th {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc; }

table td span {
  cursor: default; }

/* END Tables styling */
.list-months {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: stretch;
      justify-content: stretch; }
  .list-months li {
    list-style: none;
    position: relative;
    background-color: #f5f5f5;
    box-shadow: 0 3px 0 #dedede;
    min-height: 50px;
    margin: 0 3px 0 0;
    padding: 0.9% 5px 0.8% 0;
    border-radius: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
    .list-months li:not(:last-of-type):before {
      content: '';
      width: 0;
      height: 0;
      z-index: 1;
      position: absolute;
      left: 100%;
      bottom: 0;
      top: 0;
      margin: auto 0;
      border-top: 15px solid transparent;
      border-bottom: 15px solid transparent;
      border-left: 15px solid #FFF; }
    .list-months li:not(:last-of-type):after {
      content: '';
      width: 0;
      height: 0;
      z-index: 1;
      position: absolute;
      left: 100%;
      bottom: 0;
      top: 0;
      margin: auto 0;
      border-top: calc(15px - 4px) solid transparent;
      border-bottom: calc(15px - 4px) solid transparent;
      border-left: calc(15px - 4px) solid #f5f5f5; }
    .list-months li:last-of-type {
      margin-right: 0; }
    .list-months li a {
      color: #063346;
      text-transform: uppercase; }
    .list-months li:not(:first-of-type) a {
      padding-left: 20px; }
    .list-months li.active {
      background-color: #6d86a0;
      box-shadow: 0 3px 0 #586f87; }
      .list-months li.active:not(:last-of-type):after {
        border-left-color: #6d86a0; }
      .list-months li.active a {
        color: #FFF; }

.income-tax-totals .table-list {
  list-style: none;
  padding: 0;
  width: 100%;
  float: left;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border: 1px solid #adb6be; }
  .income-tax-totals .table-list li {
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 20px;
    line-height: 29px; }
  .income-tax-totals .table-list .lista-titulo {
    font-size: 1.5rem;
    background: rgba(52, 73, 94, 0.4);
    color: #ecf0f1; }
    .income-tax-totals .table-list .lista-titulo:first-child {
      margin-top: 0;
      -webkit-border-top-left-radius: 6px;
      -webkit-border-top-right-radius: 6px;
      -moz-border-radius-topleft: 6px;
      -moz-border-radius-topright: 6px;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px; }
  .income-tax-totals .table-list span {
    border-bottom: 1px solid #adb6be; }

thead {
  z-index: 10 !important; }

.sti thead, .sti tr, .sti th {
  position: sticky;
  top: 0; }

.price-table table tr.error td {
  border-top: 1px solid #e06b69 !important;
  border-bottom: 1px solid #e06b69 !important; }
  .price-table table tr.error td:first-of-type {
    border-left: 1px solid #e06b69 !important; }
  .price-table table tr.error td:last-of-type {
    border-right: 1px solid #e06b69 !important; }

.smart-taxation-page .gray-panel table {
  font-size: 12px; }
  .smart-taxation-page .gray-panel table td {
    padding-top: 5px;
    padding-bottom: 5px; }

.gm-style-cc {
  display: none; }

.gm-style a img {
  display: none; }

.custom-clustericon {
  background: var(--cluster-color);
  color: #fff;
  border-radius: 100%;
  font-weight: bold;
  font-size: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative; }

.custom-clustericon::before,
.custom-clustericon::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  background: var(--cluster-color);
  opacity: 0.2;
  border-radius: 100%; }

.custom-clustericon::before {
  height: calc(110% + 7px);
  width: calc(110% + 7px); }

.custom-clustericon::after {
  width: calc(120% + 14px);
  height: calc(120% + 14px); }

.custom-clustericon-1 {
  --cluster-color: #00a2d3; }

.custom-clustericon-2 {
  --cluster-color: #ff9b00; }

.custom-clustericon-3 {
  --cluster-color: #ff6969; }

.popup-bubble {
  /* Position the bubble centred-above its parent. */
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -100%);
  /* Style the bubble. */
  background-color: white;
  padding: 5px;
  border-radius: 5px;
  font-family: sans-serif;
  overflow-y: auto;
  max-height: 60px;
  box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.5); }

/* The parent of the bubble. A zero-height div at the top of the tip. */
.popup-bubble-anchor {
  /* Position the div a fixed distance above the tip. */
  position: absolute;
  width: 100%;
  bottom: 8px;
  left: 0; }

/* This element draws the tip. */
.popup-bubble-anchor::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  /* Center the tip horizontally. */
  transform: translate(-50%, 0);
  /* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
  width: 0;
  height: 0;
  /* The tip is 8px high, and 12px wide. */
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid white; }

/* JavaScript will position this div at the bottom of the popup tip. */
.popup-container {
  cursor: auto;
  height: 0;
  position: absolute;
  /* The max width of the info window. */
  width: 200px; }

.labels {
  color: white;
  background-color: red;
  font-size: 10px;
  border-radius: 10px;
  padding: 10px 15px;
  text-align: center;
  white-space: nowrap;
  z-index: 1000000; }

dentist-production-productivity-report {
  width: 100%; }

.legends {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 0; }
  .legends-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    font-size: 13px; }
    .legends-item:nth-child(1):before {
      background: #1ABB9C; }
    .legends-item:nth-child(2) {
      padding-left: 20px; }
      .legends-item:nth-child(2):before {
        background: #E74C3C; }
    .legends-item:before {
      width: 25px;
      min-width: 25px;
      height: 3px;
      content: '';
      margin-right: 7px; }

.intelligence-page .listing-toolbar {
  min-height: auto;
  background-color: #dee7eb;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

@page {
  size: A4 portrait;
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
  -webkit-print-color-adjust: exact; }

@media print {
  div {
    break-inside: avoid;
    float: none !important;
    box-sizing: content-box !important; }
  .row {
    display: -ms-flexbox;
    display: flex; } }

.print-budget-proposal header {
  height: 60px;
  width: 100%;
  background: #f2f2f2 !important;
  -webkit-print-color-adjust: exact;
  margin-bottom: 20px;
  border: 1px solid #f2f2f2;
  text-align: center;
  line-height: 60px; }
  .print-budget-proposal header h2 {
    font-weight: bold;
    font-size: 22px; }

.print-budget-proposal .face {
  background: url(../img//face.jpg) no-repeat center center !important;
  width: 100%;
  height: 300px;
  background-size: contain !important;
  -webkit-print-color-adjust: exact;
  display: -ms-flexbox;
  display: flex; }

.print-budget-proposal .perms {
  background: url(../img//perms.png) no-repeat center center !important;
  width: 100%;
  height: 400px;
  background-size: contain !important;
  -webkit-print-color-adjust: exact;
  display: -ms-flexbox;
  display: flex; }

.print-budget-proposal .decid {
  background: url(../img//decid.png) no-repeat center center !important;
  width: 100%;
  height: 400px;
  background-size: contain !important;
  -webkit-print-color-adjust: exact;
  display: -ms-flexbox;
  display: flex; }

.print-budget-proposal .title {
  border-bottom: 2px solid #1abb9c;
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 20px;
  color: #1abb9c !important; }

.print-budget-proposal table {
  width: 100%; }
  .print-budget-proposal table th {
    font-size: 18px;
    color: #6d86a0; }
  .print-budget-proposal table td {
    font-size: 16px;
    color: #6d86a0; }

.document-generate-dialog .x_panel {
  margin: 0 !important;
  border: none; }
  .document-generate-dialog .x_panel .page-title .title_left h3 {
    font-size: 18px; }
  .document-generate-dialog .x_panel .ngdialog.ngdialog-theme-default .ngdialog-content h5 {
    border: none !important; }
  .document-generate-dialog .x_panel .header-line {
    display: none; }

.patient-page #treatments-widgets {
  height: 100px; }

.patient-page .payment-status {
  font-size: 15px; }

.patient-page .plan-late-payment {
  background-color: #ffeded; }

.patient-page h3.overflow-hidden {
  height: 28px; }

.item .alert.ng-inactive::after {
  content: none;
  display: none; }

.file-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  width: 100%;
  display: block; }

.timeline .tags {
  top: 9px; }

.timeline .tag {
  background: #6d86a0;
  text-align: center; }
  .timeline .tag:after {
    content: " ";
    height: 30px;
    width: 0;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0;
    pointer-events: none;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 11px solid #6d86a0; }

.timeline h2.title {
  line-height: 1.8;
  padding-left: 4px;
  position: relative; }
  .timeline h2.title .peity-wrapper {
    margin-left: -28px;
    position: absolute;
    margin-top: 2px; }
  .timeline h2.title small {
    font-size: 85%;
    color: #98a6b5; }
  .timeline h2.title a {
    font-weight: bold; }
  .timeline h2.title:before {
    font-family: FontAwesome;
    position: absolute;
    left: -26px;
    top: 0;
    display: block;
    width: 19px;
    height: 19px;
    border: 2px solid #fff;
    border-radius: 14px;
    background: #f5f5f5;
    font-size: 17px;
    text-align: center;
    line-height: 1.45;
    border: 2px solid #fff; }
  .timeline h2.title button {
    color: #6d86a0; }

.timeline h2.treatment:before {
  content: "\f192";
  color: #5a738e; }

.timeline h2.notes:before {
  content: "\f040";
  color: #ffc927; }

.timeline h2.image:before {
  content: "\f03e";
  border: 2px solid #fff; }

.timeline h2.video:before {
  content: "\f04b";
  padding-left: 3px; }

.timeline h2.calendar:before {
  content: "\f073";
  color: #f36118; }

.timeline h2.document:before {
  content: "\f15b";
  color: #9e9e9e;
  padding-left: 1px; }

.timeline h2.finance:before {
  content: "\f155";
  color: #1abb9c;
  font-size: 18px; }

.timeline h2.crm:before {
  content: "\f004";
  color: #d63b3b; }

.timeline h2.crm-tag:before {
  content: "\f02c";
  color: #8c64d4;
  font-size: 18px !important; }

.timeline .block_content {
  margin-bottom: 10px; }
  .timeline .block_content:last-of-type {
    margin-bottom: 0; }

.timeline-panel {
  background: #f5f5f5;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%; }
  .timeline-panel .day {
    display: inline-block;
    float: left;
    position: relative;
    margin-right: 18px; }
    .timeline-panel .day .tag {
      background: #1ABB9C;
      border-radius: 3px 0 0 3px;
      color: #fff !important;
      display: block;
      font-size: 12px;
      font-weight: 700;
      height: 38px;
      padding: 13px;
      line-height: 1; }
      .timeline-panel .day .tag span {
        display: block;
        overflow: hidden;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .timeline-panel .day .tag:after {
        content: " ";
        height: 34px;
        width: 0;
        position: absolute;
        left: 100%;
        top: 0;
        margin: 0;
        pointer-events: none;
        border-top: 19px solid transparent;
        border-bottom: 19px solid transparent;
        border-left: 12px solid #1ABB9C; }
  .timeline-panel ul {
    top: 4px;
    position: relative; }

.customers-import .btn-file {
  position: relative;
  overflow: hidden;
  height: 34px; }

.customers-import .btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block; }

.referral-program {
  /* Totalizadores de Indicações */
  /* END Totalizadores de Indicações */
  /*Css do template autocomplete*/
  /* .fadeIn.ng-hide {
      transition: 10s linear all;
      opacity:0;
  } */ }
  .referral-program .totalizadorIndicacoes {
    width: 100%;
    height: 113px;
    border-radius: 3px; }
    .referral-program .totalizadorIndicacoes span {
      padding: 0;
      margin: 0; }
    .referral-program .totalizadorIndicacoes .icone {
      float: left;
      width: 30%;
      min-height: 100%;
      font-size: 4.5em;
      text-align: center;
      padding-top: 2.5%;
      border-radius: 3px 0 0 3px; }
    .referral-program .totalizadorIndicacoes .info {
      float: left;
      width: 70%;
      padding: 2% 4%;
      font-size: 1em; }
      .referral-program .totalizadorIndicacoes .info hr {
        margin-bottom: 3px !important; }
      .referral-program .totalizadorIndicacoes .info .titulo {
        font-size: 1.1em; }
      .referral-program .totalizadorIndicacoes .info .total {
        font-size: 2.8em; }
      .referral-program .totalizadorIndicacoes .info .subtitulo {
        font-size: 1rem;
        font-weight: bold; }
      .referral-program .totalizadorIndicacoes .info .titulo,
      .referral-program .totalizadorIndicacoes .info .total {
        font-weight: bold; }
      .referral-program .totalizadorIndicacoes .info .titulo,
      .referral-program .totalizadorIndicacoes .info .total {
        display: block;
        text-align: left; }
  .referral-program #foto-paciente {
    position: relative;
    max-width: 140px;
    margin: 0;
    cursor: pointer; }
    .referral-program #foto-paciente .editar-foto {
      position: absolute;
      z-index: 44;
      display: block;
      top: 0; }
    .referral-program #foto-paciente input {
      opacity: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      cursor: pointer;
      z-index: 45; }
  .referral-program #resumo-paciente h3 {
    margin-top: 5px;
    color: #1abb9c; }
  .referral-program #resumo-paciente ul li {
    line-height: 26px; }
    .referral-program #resumo-paciente ul li i.fa {
      width: 20px;
      color: #1abb9c;
      text-align: center;
      font-style: normal;
      font-weight: 400;
      display: inline-block; }
  .referral-program .consultarPaciente .dropdown-search {
    margin: 0 0 10px !important;
    width: 100%;
    padding: 0 0 10px;
    border-bottom: 1px solid #f5f5f5; }
  .referral-program .dropdown-menu.consultarPaciente {
    left: 425px !important;
    right: 0 !important;
    background: #f8f8f8;
    box-shadow: 5px 5px 10px #999; }
    .referral-program .dropdown-menu.consultarPaciente li {
      padding: 5px 0; }
      .referral-program .dropdown-menu.consultarPaciente li a {
        padding: 0; }
  .referral-program .consultarPaciente .dropdown-search .input-group-btn {
    width: 1% !important; }
  .referral-program .div-auto-complete {
    position: relative;
    background: #f8f8f8; }
  .referral-program .auto-complete {
    padding: 0px;
    list-style-type: none;
    position: absolute;
    overflow: auto;
    z-index: 1;
    width: 100%;
    background-color: white;
    box-shadow: 0px 5px 5px 0px; }
  .referral-program .autocomplete-geral {
    padding: 0px;
    list-style-type: none; }
    .referral-program .autocomplete-geral li {
      font-weight: bold; }
      .referral-program .autocomplete-geral li:hover {
        background: #555 !important; }
    .referral-program .autocomplete-geral h3 {
      color: #73879c; }
  .referral-program .auto-complete li {
    width: 100%;
    color: #73879c;
    padding: 5px !important; }
    .referral-program .auto-complete li h2 {
      font-size: 13px; }
    .referral-program .auto-complete li:hover {
      background: #555; }
  .referral-program ul.timeline li {
    position: relative;
    /* border-bottom: 1px solid #e8e8e8; */
    clear: both; }
  .referral-program .timeline .block {
    margin: 0;
    border-left: 3px solid #e8e8e8;
    overflow: visible;
    padding: 10px 15px;
    margin-left: 120px;
    padding: 5px 0 5px 15px;
    margin-left: 125px; }
  .referral-program .timeline.widget {
    min-width: 0;
    max-width: inherit; }
    .referral-program .timeline.widget .block {
      margin-left: 5px; }
  .referral-program .timeline .tags {
    position: absolute;
    top: 16px;
    left: 0;
    width: 94px; }
    .referral-program .timeline .tags.hoje {
      top: 5px !important; }
  .referral-program .timeline .tag {
    display: block;
    height: 30px;
    font-size: 13px; }
    .referral-program .timeline .tag span {
      display: block;
      overflow: hidden;
      width: 100%;
      white-space: nowrap;
      text-overflow: ellipsis; }
  .referral-program .hoje .tag {
    line-height: 1;
    background: #1abb9c;
    color: #fff !important; }
    .referral-program .hoje .tag:after {
      content: " ";
      height: 30px;
      width: 0;
      position: absolute;
      left: 100%;
      top: 0;
      margin: 0;
      pointer-events: none;
      border-top: 14px solid transparent;
      border-bottom: 14px solid transparent;
      border-left: 11px solid #1abb9c;
      content: " ";
      height: 30px;
      width: 0;
      position: absolute;
      left: 100%;
      top: 0;
      margin: 0;
      pointer-events: none;
      border-top: 14px solid transparent;
      border-bottom: 14px solid transparent;
      border-left: 11px solid #1abb9c;
      content: " ";
      height: 30px;
      width: 0;
      position: absolute;
      left: 100%;
      top: 0;
      margin: 0;
      pointer-events: none;
      border-top: 14px solid transparent;
      border-bottom: 14px solid transparent;
      border-left: 11px solid #1abb9c; }
  .referral-program .timeline h2.title {
    position: relative;
    font-size: 16px;
    margin: 0;
    font-size: 13px;
    line-height: 1.5; }
    .referral-program .timeline h2.title:before {
      content: "";
      position: absolute;
      left: -23px;
      top: 3px;
      display: block;
      width: 14px;
      height: 14px;
      border: 3px solid #d2d3d2;
      border-radius: 14px;
      background: #f9f9f9; }
  .referral-program .timeline .byline {
    padding: 0.25em 0; }
  .referral-program .byline {
    -webkit-font-smoothing: antialiased;
    font-style: italic;
    font-size: .9375em;
    line-height: 1.3;
    color: #aab6aa; }
  .referral-program ul.social li {
    border: 0; }
  .referral-program .timeline .block.bl-none {
    border-left: none; }
    .referral-program .timeline .block.bl-none .tag-block {
      margin-left: -17px; }
      .referral-program .timeline .block.bl-none .tag-block .block_content:before {
        border-right: 0; }
  .referral-program .timeline .tags.hoje {
    width: 125px; }
    .referral-program .timeline .tags.hoje .tag {
      height: 42px; }
      .referral-program .timeline .tags.hoje .tag span {
        padding-top: 9px; }
      .referral-program .timeline .tags.hoje .tag:after {
        top: 6px; }
  .referral-program ul.bb-none li {
    border-bottom: none; }
  .referral-program .tags.salvo .tag {
    background: #6d86a0;
    color: #eaedf3 !important; }
  .referral-program .salvo .tag:after {
    content: " ";
    height: 30px;
    width: 0;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0;
    pointer-events: none;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 11px solid #6d86a0; }
  .referral-program .tag-block {
    background: #eee;
    padding: 0 10px;
    margin-left: 10px;
    border: 1px solid #1abb9c; }
    .referral-program .tag-block .block_content:before {
      content: " ";
      height: 30px;
      width: 0;
      position: absolute;
      right: 101.1%;
      top: -2px;
      margin: 0;
      pointer-events: none;
      border-top: 14px solid transparent;
      border-bottom: 14px solid transparent;
      border-right: 11px solid #FFF; }
    .referral-program .tag-block.salvo {
      background: #f7f8fb;
      border: 1px solid #eaedf3; }
      .referral-program .tag-block.salvo .block_content:before {
        border-right: 11px solid #eaedf3; }
    .referral-program .tag-block .block_content .row.procedimento {
      background: #eaedf3; }
  .referral-program .open > .dropdown-menu.anexos {
    margin-left: -115px; }
  .referral-program .dropdown-menu input[type="file"] {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
  .referral-program .open > .dropdown-menu.anexos.salvo {
    margin-left: -125px; }
  .referral-program .open > .dropdown-menu.comprovante {
    margin-left: -170px; }
  .referral-program .pie-timeline, .referral-program .icon-content {
    width: 30px;
    height: 30px;
    position: absolute;
    left: -45px;
    top: 6px;
    z-index: 10; }
  .referral-program .timeline .tag-block .block_content .icon-timeline:before {
    content: "";
    position: absolute;
    left: -41px;
    top: 0;
    display: block;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 14px;
    background: #f5f5f5; }
  .referral-program .timeline .tag-block .block_content .icon-timeline.plano:before {
    font: 18px/1 FontAwesome;
    content: "\f192";
    padding-top: 5px;
    padding-left: 6px;
    background: #ccc;
    font-size: 14px; }
  .referral-program .timeline .tag-block .block_content .icon-timeline.pagamento:before {
    font: 16px/1 FontAwesome;
    content: "\f155";
    padding-top: 7px;
    padding-left: 10px;
    color: #48c670;
    font-size: 14px; }
  .referral-program .timeline .tag-block .block_content .icon-timeline.relacionamento:before {
    font: 16px/1 FontAwesome;
    content: "\f004";
    padding-top: 7px;
    padding-left: 7px;
    color: #f99;
    font-size: 14px; }
  .referral-program .timeline .tag-block .block_content .icon-timeline.consulta-avulsa:before {
    font: 16px/1 FontAwesome;
    content: "\f192";
    padding-top: 6px;
    padding-left: 6px;
    color: #f99;
    font-size: 14px; }
  .referral-program .timeline .tag-block .block_content .icon-timeline.anotacao:before {
    font: 16px/1 FontAwesome;
    content: "\f040";
    padding-top: 7px;
    padding-left: 8px;
    color: #ffc926;
    font-size: 14px; }
  .referral-program .timeline .tag-block .block_content .icon-timeline.cadastro:before {
    font: 16px/1 FontAwesome;
    content: "\f007";
    padding-top: 5px;
    padding-left: 7px;
    color: #9cf;
    font-size: 14px; }
  .referral-program .timeline .tag-block .block_content .icon-timeline.docs:before {
    font: 16px/1 FontAwesome;
    content: "\f15c";
    padding-top: 6px;
    padding-left: 9px;
    color: #999;
    font-size: 14px; }
  .referral-program .timeline .tag-block .block_content .icon-timeline.imagens:before {
    font: 16px/1 FontAwesome;
    content: "\f030";
    padding-top: 7px;
    padding-left: 7px;
    color: #4cd2ff;
    font-size: 14px; }
  .referral-program .timeline .tag-block .block_content .icon-timeline.consulta-avulsa:before {
    font: 16px/1 FontAwesome;
    content: "\f192";
    padding-top: 7px;
    padding-left: 7px;
    color: #4cd2ff;
    font-size: 14px; }
  .referral-program .timeline .tag-block .block_content .icon-timeline.agenda:before {
    font: 16px/1 FontAwesome;
    content: "\f274";
    padding-top: 7px;
    padding-left: 7px;
    color: #d63b3b;
    font-size: 14px; }
  .referral-program .timeline .tag-block .block_content .icon-timeline.videos:before {
    font: 16px/1 FontAwesome;
    content: "\f04b";
    padding-top: 7px;
    padding-left: 10px;
    color: #000;
    font-size: 14px; }
  .referral-program .timeline .hover-wrap {
    position: relative; }
  .referral-program .files .hover-wrap {
    position: relative; }
  .referral-program .timeline .hover-wrap imgage, .referral-program .files .hover-wrap imgage {
    transition: .5s ease;
    backface-visibility: hidden; }
  .referral-program .timeline .hover-wrap .hover-content, .referral-program .files .hover-wrap .hover-content {
    transition: .1s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
    z-index: 2; }
  .referral-program .timeline .hover-wrap .hover-content .button-group, .referral-program .files .hover-wrap .hover-content .button-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 2em; }
  .referral-program .timeline .hover-wrap .hover-content button, .referral-program .files .hover-wrap .hover-content button {
    font-size: 1.5em;
    color: white !important; }
  .referral-program .timeline .hover-wrap .hover-content h2, .referral-program .files .hover-wrap .hover-content h2 {
    overflow: hidden;
    padding: 0 1rem; }
  .referral-program .timeline .hover-wrap .hover-content h2 span, .referral-program .files .hover-wrap .hover-content h2 span {
    color: white;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.25rem;
    text-align: left;
    line-height: 1.2; }
  .referral-program .timeline .hover-wrap:hover, .referral-program .files .hover-wrap:hover {
    background: #26344b; }
  .referral-program .timeline .hover-wrap:hover .img-responsive, .referral-program .files .hover-wrap:hover .img-responsive {
    opacity: 0.4; }
  .referral-program .timeline .hover-wrap:hover .hover-content, .referral-program .files .hover-wrap:hover .hover-content {
    opacity: 1; }
  .referral-program .media-container {
    max-width: 200px;
    text-align: center; }
    .referral-program .media-container.media-file img {
      max-width: 165px;
      margin: 0 auto; }
  .referral-program textarea.note {
    background-color: transparent !important;
    border: 1px solid #dde4ec !important; }
  .referral-program #payment-status {
    margin: 2px -4px 0 0;
    font-size: 15px; }
  .referral-program .panel-title {
    height: 17px; }
  .referral-program .anamnese-none {
    margin: -5px 15px 0 0; }
  .referral-program .anamnese-section-unavaliable {
    height: 30px;
    padding-top: 3px !important;
    margin: -23px 25px 0 0; }
  .referral-program .widget_summary {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -ms-flex-align: center;
        align-items: center; }
    .referral-program .widget_summary .w_left {
      float: left;
      text-align: left; }
    .referral-program .widget_summary .w_center {
      float: left; }
    .referral-program .widget_summary .w_right {
      float: left;
      text-align: right; }
      .referral-program .widget_summary .w_right span {
        font-size: 20px; }
  .referral-program #tratamentos-aberto .x_content {
    height: 100px;
    overflow: auto; }
    .referral-program #tratamentos-aberto .x_content .widget_summary .w_left {
      background: #f5f5f5;
      border: 1px #ccc solid;
      font-weight: 700;
      text-align: center;
      height: 40px; }
      .referral-program #tratamentos-aberto .x_content .widget_summary .w_left:hover {
        background: #fafafa; }
    .referral-program #tratamentos-aberto .x_content .widget_summary .w_right {
      text-align: left; }
    .referral-program #tratamentos-aberto .x_content .widget_summary:first-child {
      margin-top: 4px;
      margin-top: 4px; }
    .referral-program #tratamentos-aberto .x_content .fa-usd {
      top: 2px;
      right: 2px;
      font-size: 9px;
      opacity: .7;
      top: 2px;
      right: 2px;
      font-size: 9px;
      opacity: 0.7; }
  .referral-program .btn-planos {
    font-size: 11px;
    margin: -5px; }
  @media (max-width: 767px) {
    .referral-program #resumo-paciente {
      border-bottom: 1px solid #eee;
      padding-bottom: 15px;
      margin-bottom: 15px; }
      .referral-program #resumo-paciente h3 {
        margin-top: 20px;
        text-align: center;
        font-size: 20px; }
    .referral-program #foto-paciente {
      margin: 0 auto; }
    .referral-program #tratamentos-aberto .x_content {
      height: 100px; }
    .referral-program .w_65 {
      width: 60%; } }
  @media (max-width: 991px) {
    .referral-program #resumo-paciente {
      border-right: none; }
      .referral-program #resumo-paciente h3 {
        margin-bottom: 20px; }
    .referral-program #resumo-paciente-right {
      border-bottom: 1px solid #eee;
      padding-bottom: 30px;
      margin-bottom: 10px; }
    .referral-program .title_left {
      padding-bottom: 20px;
      border-bottom: 1px solid #fafafa; } }
  @media (min-width: 991px) {
    .referral-program #help {
      display: none; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .referral-program #tratamentos-aberto .x_content .widget_summary .w_left {
      width: 8%; }
    .referral-program #tratamentos-aberto .x_content .widget_summary .w_center.w_100 {
      width: 92%; } }
  @media (max-width: 767px) and (min-width: 480px) {
    .referral-program #tratamentos-aberto .x_content .widget_summary .w_left {
      width: 10%; }
    .referral-program #tratamentos-aberto .x_content .widget_summary .w_center.w_100 {
      width: 90%; }
    .referral-program #tratamentos-aberto h4.x_title {
      font-size: 16px; } }
  @media (max-width: 479px) {
    .referral-program #tratamentos-aberto .x_content .widget_summary .w_left {
      width: 15%; }
    .referral-program #tratamentos-aberto .x_content .widget_summary .w_center.w_100 {
      width: 85%; }
    .referral-program #tratamentos-aberto h4.x_title {
      font-size: 14px; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    .referral-program #tratamentos-aberto .x_title {
      font-size: 13px; } }
  @media (max-width: 399px) {
    .referral-program #tratamentos-aberto h4.x_title {
      font-size: 14px; } }
  @media (max-width: 767px) and (min-width: 400px) {
    .referral-program #tratamentos-aberto h4.x_title {
      font-size: 16px; } }
  @media (max-width: 991px) {
    .referral-program .btn-planos {
      padding: 0 10px; } }
  .referral-program .slideOut, .referral-program .slideIn {
    transition: all linear 0.5s; }

.customers-select-list .btn {
  background-color: white !important;
  color: #73879c !important; }

.customers-select-list .dropdown-menu {
  min-width: 100%;
  max-height: 200px;
  overflow: auto; }

.customers-select-list .selected,
.customers-select-list .selected:hover {
  border-top: 1px solid #869ab0;
  background-color: #6d86a0; }
  .customers-select-list .selected a, .customers-select-list .selected a:hover,
  .customers-select-list .selected:hover a,
  .customers-select-list .selected:hover a:hover {
    color: white; }

.customers-select-list .bs-searchbox {
  padding: 4px 8px; }

.customers-select-list .is-open > .dropdown-menu {
  display: block !important; }

.customers-select-list li {
  position: relative; }
  .customers-select-list li .spinner {
    margin: 10px auto;
    position: relative;
    height: 35px;
    width: 35px;
    top: 0 !important; }

.customers-select-list .input-group {
  width: 100%;
  display: -ms-flexbox;
  display: flex; }
  .customers-select-list .input-group .btn.btn-default {
    margin: 0;
    overflow: hidden; }
    .customers-select-list .input-group .btn.btn-default span {
      text-overflow: ellipsis;
      overflow: hidden; }
  .customers-select-list .input-group-addon {
    width: 36px; }

.tips-video {
  cursor: pointer;
  padding-left: 10px; }

sm-tips-video {
  display: inline-block; }
  sm-tips-video.has-overlay {
    position: relative;
    z-index: 101; }
    sm-tips-video.has-overlay span, sm-tips-video.has-overlay i {
      position: relative;
      z-index: 101; }
    sm-tips-video.has-overlay .tips-video:before {
      content: '';
      background: white;
      border-radius: 99px;
      padding: 10px;
      top: -5px;
      width: calc(100% + 10px);
      height: calc(100% + 10px);
      position: absolute;
      z-index: 100;
      left: 0; }
    sm-tips-video.has-overlay .tips-video-overlay {
      width: 100%;
      position: fixed;
      z-index: 100;
      background: rgba(0, 0, 0, 0.5);
      height: 100%;
      top: 0;
      right: 0;
      left: 0; }
      sm-tips-video.has-overlay .tips-video-overlay + sm-tips-video {
        position: relative;
        z-index: 101; }
    sm-tips-video.has-overlay .tips-video-popover {
      position: absolute;
      z-index: 101;
      right: -10px;
      top: 0;
      bottom: 0;
      margin: auto;
      height: 100%; }

.video-modal {
  position: relative; }
  .video-modal:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 56.25%; }
  .video-modal > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .video-modal .content {
    width: 100%;
    height: 100%; }
  .video-modal .ytp-pause-overlay .ytp-suggestions {
    display: none !important; }
  .video-modal ~ .ngdialog-close {
    right: -15px !important;
    top: -15px !important;
    width: 30px !important;
    height: 30px !important;
    background: white !important;
    border-radius: 50% !important;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .video-modal ~ .ngdialog-close:before {
      padding: 0 !important;
      margin-top: -5px; }

.permissions-model-form h5 {
  padding-bottom: 0 !important;
  border: none !important;
  color: #73879C !important; }

.specialties-procedures-modal th input,
.specialties-procedures-modal th .input-group,
.specialties-procedures-modal td input,
.specialties-procedures-modal td .input-group {
  max-width: 190px; }

.specialties-procedures-modal .accordion .section {
  margin-bottom: 10px; }
  .specialties-procedures-modal .accordion .section .header {
    background: #f2f5f7;
    padding: 5px 13px;
    width: 100%;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    color: #6E869D;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    position: relative; }
    .specialties-procedures-modal .accordion .section .header .title {
      color: #6E869D;
      font-size: 16px;
      font-weight: 500; }
    .specialties-procedures-modal .accordion .section .header.open {
      background: #dee7eb; }
    .specialties-procedures-modal .accordion .section .header .actions .btn {
      padding: 3px 10px;
      position: relative;
      top: -3px;
      right: 10px; }
    .specialties-procedures-modal .accordion .section .header .actions .pretty, .specialties-procedures-modal .accordion .section .header .actions label {
      margin: 0; }
    .specialties-procedures-modal .accordion .section .header .actions > div {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .specialties-procedures-modal .accordion .section .header .actions > div label, .specialties-procedures-modal .accordion .section .header .actions > div i {
        margin: 0 !important; }
      .specialties-procedures-modal .accordion .section .header .actions > div > label {
        position: relative;
        z-index: 1; }
    .specialties-procedures-modal .accordion .section .header .actions .form-group {
      margin-right: 25px !important; }
      .specialties-procedures-modal .accordion .section .header .actions .form-group .form-control {
        position: relative;
        z-index: 1; }
  .specialties-procedures-modal .accordion .section .body {
    padding: 15px 15px 5px 15px;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-radius: 0 0 5px 5px; }
  .specialties-procedures-modal .accordion .section .panel-body {
    border-bottom: 1px solid #efefef;
    border-right: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
    border-top: none; }

.specialties-procedures-modal .full-toggle {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 0; }

.specialties-procedures-modal .flex-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.specialties-procedures-modal .form-control-feedback {
  cursor: pointer;
  pointer-events: all;
  font-size: 12px !important;
  padding: 0 5px;
  line-height: 1.5;
  color: #888; }

md-dialog.export-unit-confirmation {
  max-width: 600px;
  overflow: visible; }
  md-dialog.export-unit-confirmation md-dialog-content {
    overflow: visible;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    md-dialog.export-unit-confirmation md-dialog-content p {
      text-align: center;
      font-size: 13px;
      color: #333; }
    md-dialog.export-unit-confirmation md-dialog-content h2 {
      margin-bottom: 0;
      color: #333;
      font-size: 18px; }

.hide-before:before {
  content: '';
  display: none; }

.user-page {
  /* Totalizadores de Indicações */
  /* END Totalizadores de Indicações */
  /* Tabela Timeline de Indicações */
  /* END Tabela Timeline de Indicações */
  /* Timeline de Indicações */
  /* END Timeline de Indicações */
  /* Queries */
  /* END Queries */ }
  .user-page .referral-program {
    /*Css do template autocomplete*/
    /* .fadeIn.ng-hide {
        transition: 10s linear all;
        opacity:0;
    } */ }
    .user-page .referral-program #foto-paciente {
      position: relative;
      max-width: 140px;
      margin: 0;
      cursor: pointer; }
      .user-page .referral-program #foto-paciente .editar-foto {
        position: absolute;
        z-index: 44;
        display: block;
        top: 0; }
      .user-page .referral-program #foto-paciente input {
        opacity: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        cursor: pointer;
        z-index: 45; }
    .user-page .referral-program #resumo-paciente h3 {
      margin-top: 5px;
      color: #1abb9c; }
    .user-page .referral-program #resumo-paciente ul li {
      line-height: 26px; }
      .user-page .referral-program #resumo-paciente ul li i.fa {
        width: 20px;
        color: #1abb9c;
        text-align: center;
        font-style: normal;
        font-weight: 400;
        display: inline-block; }
    .user-page .referral-program .consultarPaciente .dropdown-search {
      margin: 0 0 10px !important;
      width: 100%;
      padding: 0 0 10px;
      border-bottom: 1px solid #f5f5f5; }
    .user-page .referral-program .dropdown-menu.consultarPaciente {
      left: 425px !important;
      right: 0 !important;
      background: #f8f8f8;
      box-shadow: 5px 5px 10px #999; }
      .user-page .referral-program .dropdown-menu.consultarPaciente li {
        padding: 5px 0; }
        .user-page .referral-program .dropdown-menu.consultarPaciente li a {
          padding: 0; }
    .user-page .referral-program .consultarPaciente .dropdown-search .input-group-btn {
      width: 1% !important; }
    .user-page .referral-program .div-auto-complete {
      position: relative;
      background: #f8f8f8; }
    .user-page .referral-program .auto-complete {
      padding: 0px;
      list-style-type: none;
      position: absolute;
      overflow: auto;
      z-index: 1;
      width: 100%;
      background-color: white;
      box-shadow: 0px 5px 5px 0px; }
    .user-page .referral-program .autocomplete-geral {
      padding: 0px;
      list-style-type: none; }
      .user-page .referral-program .autocomplete-geral li {
        font-weight: bold; }
        .user-page .referral-program .autocomplete-geral li:hover {
          background: #555 !important; }
      .user-page .referral-program .autocomplete-geral h3 {
        color: #73879c; }
    .user-page .referral-program .auto-complete li {
      width: 100%;
      color: #73879c;
      padding: 5px !important; }
      .user-page .referral-program .auto-complete li h2 {
        font-size: 13px; }
      .user-page .referral-program .auto-complete li:hover {
        background: #555; }
    .user-page .referral-program ul.timeline li {
      position: relative;
      /* border-bottom: 1px solid #e8e8e8; */
      clear: both; }
    .user-page .referral-program .timeline .block {
      margin: 0;
      border-left: 3px solid #e8e8e8;
      overflow: visible;
      padding: 10px 15px;
      margin-left: 120px;
      padding: 5px 0 5px 15px;
      margin-left: 125px; }
    .user-page .referral-program .timeline.widget {
      min-width: 0;
      max-width: inherit; }
      .user-page .referral-program .timeline.widget .block {
        margin-left: 5px; }
    .user-page .referral-program .timeline .tags {
      position: absolute;
      top: 16px;
      left: 0;
      width: 94px; }
      .user-page .referral-program .timeline .tags.hoje {
        top: 5px !important; }
    .user-page .referral-program .timeline .tag {
      display: block;
      height: 30px;
      font-size: 13px; }
      .user-page .referral-program .timeline .tag span {
        display: block;
        overflow: hidden;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis; }
    .user-page .referral-program .hoje .tag {
      line-height: 1;
      background: #1abb9c;
      color: #fff !important; }
      .user-page .referral-program .hoje .tag:after {
        content: " ";
        height: 30px;
        width: 0;
        position: absolute;
        left: 100%;
        top: 0;
        margin: 0;
        pointer-events: none;
        border-top: 14px solid transparent;
        border-bottom: 14px solid transparent;
        border-left: 11px solid #1abb9c;
        content: " ";
        height: 30px;
        width: 0;
        position: absolute;
        left: 100%;
        top: 0;
        margin: 0;
        pointer-events: none;
        border-top: 14px solid transparent;
        border-bottom: 14px solid transparent;
        border-left: 11px solid #1abb9c;
        content: " ";
        height: 30px;
        width: 0;
        position: absolute;
        left: 100%;
        top: 0;
        margin: 0;
        pointer-events: none;
        border-top: 14px solid transparent;
        border-bottom: 14px solid transparent;
        border-left: 11px solid #1abb9c; }
    .user-page .referral-program .timeline h2.title {
      position: relative;
      font-size: 16px;
      margin: 0;
      font-size: 13px;
      line-height: 1.5; }
      .user-page .referral-program .timeline h2.title:before {
        content: "";
        position: absolute;
        left: -23px;
        top: 3px;
        display: block;
        width: 14px;
        height: 14px;
        border: 3px solid #d2d3d2;
        border-radius: 14px;
        background: #f9f9f9; }
    .user-page .referral-program .timeline .byline {
      padding: 0.25em 0; }
    .user-page .referral-program .byline {
      -webkit-font-smoothing: antialiased;
      font-style: italic;
      font-size: .9375em;
      line-height: 1.3;
      color: #aab6aa; }
    .user-page .referral-program ul.social li {
      border: 0; }
    .user-page .referral-program .timeline .block.bl-none {
      border-left: none; }
      .user-page .referral-program .timeline .block.bl-none .tag-block {
        margin-left: -17px; }
        .user-page .referral-program .timeline .block.bl-none .tag-block .block_content:before {
          border-right: 0; }
    .user-page .referral-program .timeline .tags.hoje {
      width: 125px; }
      .user-page .referral-program .timeline .tags.hoje .tag {
        height: 42px; }
        .user-page .referral-program .timeline .tags.hoje .tag span {
          padding-top: 9px; }
        .user-page .referral-program .timeline .tags.hoje .tag:after {
          top: 6px; }
    .user-page .referral-program ul.bb-none li {
      border-bottom: none; }
    .user-page .referral-program .tags.salvo .tag {
      background: #6d86a0;
      color: #eaedf3 !important; }
    .user-page .referral-program .salvo .tag:after {
      content: " ";
      height: 30px;
      width: 0;
      position: absolute;
      left: 100%;
      top: 0;
      margin: 0;
      pointer-events: none;
      border-top: 14px solid transparent;
      border-bottom: 14px solid transparent;
      border-left: 11px solid #6d86a0; }
    .user-page .referral-program .tag-block {
      background: #eee;
      padding: 0 10px;
      margin-left: 10px;
      border: 1px solid #1abb9c; }
      .user-page .referral-program .tag-block .block_content:before {
        content: " ";
        height: 30px;
        width: 0;
        position: absolute;
        right: 101.1%;
        top: -2px;
        margin: 0;
        pointer-events: none;
        border-top: 14px solid transparent;
        border-bottom: 14px solid transparent;
        border-right: 11px solid #FFF; }
      .user-page .referral-program .tag-block.salvo {
        background: #f7f8fb;
        border: 1px solid #eaedf3; }
        .user-page .referral-program .tag-block.salvo .block_content:before {
          border-right: 11px solid #eaedf3; }
      .user-page .referral-program .tag-block .block_content .row.procedimento {
        background: #eaedf3; }
    .user-page .referral-program .open > .dropdown-menu.anexos {
      margin-left: -115px; }
    .user-page .referral-program .dropdown-menu input[type="file"] {
      position: absolute;
      opacity: 0;
      cursor: pointer; }
    .user-page .referral-program .open > .dropdown-menu.anexos.salvo {
      margin-left: -125px; }
    .user-page .referral-program .open > .dropdown-menu.comprovante {
      margin-left: -170px; }
    .user-page .referral-program .pie-timeline, .user-page .referral-program .icon-content {
      width: 30px;
      height: 30px;
      position: absolute;
      left: -45px;
      top: 6px;
      z-index: 10; }
    .user-page .referral-program .timeline .tag-block .block_content .icon-timeline:before {
      content: "";
      position: absolute;
      left: -41px;
      top: 0;
      display: block;
      width: 28px;
      height: 28px;
      border: 0;
      border-radius: 14px;
      background: #f5f5f5; }
    .user-page .referral-program .timeline .tag-block .block_content .icon-timeline.plano:before {
      font: 18px/1 FontAwesome;
      content: "\f192";
      padding-top: 5px;
      padding-left: 6px;
      background: #ccc;
      font-size: 14px; }
    .user-page .referral-program .timeline .tag-block .block_content .icon-timeline.pagamento:before {
      font: 16px/1 FontAwesome;
      content: "\f155";
      padding-top: 7px;
      padding-left: 10px;
      color: #48c670;
      font-size: 14px; }
    .user-page .referral-program .timeline .tag-block .block_content .icon-timeline.relacionamento:before {
      font: 16px/1 FontAwesome;
      content: "\f004";
      padding-top: 7px;
      padding-left: 7px;
      color: #f99;
      font-size: 14px; }
    .user-page .referral-program .timeline .tag-block .block_content .icon-timeline.consulta-avulsa:before {
      font: 16px/1 FontAwesome;
      content: "\f192";
      padding-top: 6px;
      padding-left: 6px;
      color: #f99;
      font-size: 14px; }
    .user-page .referral-program .timeline .tag-block .block_content .icon-timeline.anotacao:before {
      font: 16px/1 FontAwesome;
      content: "\f040";
      padding-top: 7px;
      padding-left: 8px;
      color: #ffc926;
      font-size: 14px; }
    .user-page .referral-program .timeline .tag-block .block_content .icon-timeline.cadastro:before {
      font: 16px/1 FontAwesome;
      content: "\f007";
      padding-top: 5px;
      padding-left: 7px;
      color: #9cf;
      font-size: 14px; }
    .user-page .referral-program .timeline .tag-block .block_content .icon-timeline.docs:before {
      font: 16px/1 FontAwesome;
      content: "\f15c";
      padding-top: 6px;
      padding-left: 9px;
      color: #999;
      font-size: 14px; }
    .user-page .referral-program .timeline .tag-block .block_content .icon-timeline.imagens:before {
      font: 16px/1 FontAwesome;
      content: "\f030";
      padding-top: 7px;
      padding-left: 7px;
      color: #4cd2ff;
      font-size: 14px; }
    .user-page .referral-program .timeline .tag-block .block_content .icon-timeline.consulta-avulsa:before {
      font: 16px/1 FontAwesome;
      content: "\f192";
      padding-top: 7px;
      padding-left: 7px;
      color: #4cd2ff;
      font-size: 14px; }
    .user-page .referral-program .timeline .tag-block .block_content .icon-timeline.agenda:before {
      font: 16px/1 FontAwesome;
      content: "\f274";
      padding-top: 7px;
      padding-left: 7px;
      color: #d63b3b;
      font-size: 14px; }
    .user-page .referral-program .timeline .tag-block .block_content .icon-timeline.videos:before {
      font: 16px/1 FontAwesome;
      content: "\f04b";
      padding-top: 7px;
      padding-left: 10px;
      color: #000;
      font-size: 14px; }
    .user-page .referral-program .timeline .hover-wrap {
      position: relative; }
    .user-page .referral-program .files .hover-wrap {
      position: relative; }
    .user-page .referral-program .timeline .hover-wrap imgage, .user-page .referral-program .files .hover-wrap imgage {
      transition: .5s ease;
      backface-visibility: hidden; }
    .user-page .referral-program .timeline .hover-wrap .hover-content, .user-page .referral-program .files .hover-wrap .hover-content {
      transition: .1s ease;
      opacity: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
      -ms-flex-pack: justify;
          justify-content: space-between;
      z-index: 2; }
    .user-page .referral-program .timeline .hover-wrap .hover-content .button-group, .user-page .referral-program .files .hover-wrap .hover-content .button-group {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
      -ms-flex-pack: center;
          justify-content: center;
      margin-top: 2em; }
    .user-page .referral-program .timeline .hover-wrap .hover-content button, .user-page .referral-program .files .hover-wrap .hover-content button {
      font-size: 1.5em;
      color: white !important; }
    .user-page .referral-program .timeline .hover-wrap .hover-content h2, .user-page .referral-program .files .hover-wrap .hover-content h2 {
      overflow: hidden;
      padding: 0 1rem; }
    .user-page .referral-program .timeline .hover-wrap .hover-content h2 span, .user-page .referral-program .files .hover-wrap .hover-content h2 span {
      color: white;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      font-size: 13px;
      font-weight: normal;
      line-height: 1.25rem;
      text-align: left;
      line-height: 1.2; }
    .user-page .referral-program .timeline .hover-wrap:hover, .user-page .referral-program .files .hover-wrap:hover {
      background: #26344b; }
    .user-page .referral-program .timeline .hover-wrap:hover .img-responsive, .user-page .referral-program .files .hover-wrap:hover .img-responsive {
      opacity: 0.4; }
    .user-page .referral-program .timeline .hover-wrap:hover .hover-content, .user-page .referral-program .files .hover-wrap:hover .hover-content {
      opacity: 1; }
    .user-page .referral-program .media-container {
      max-width: 200px;
      text-align: center; }
      .user-page .referral-program .media-container.media-file img {
        max-width: 165px;
        margin: 0 auto; }
    .user-page .referral-program textarea.note {
      background-color: transparent !important;
      border: 1px solid #dde4ec !important; }
    .user-page .referral-program #payment-status {
      margin: 2px -4px 0 0;
      font-size: 15px; }
    .user-page .referral-program .panel-title {
      height: 17px; }
    .user-page .referral-program .anamnese-none {
      margin: -5px 15px 0 0; }
    .user-page .referral-program .anamnese-section-unavaliable {
      height: 30px;
      padding-top: 3px !important;
      margin: -23px 25px 0 0; }
    .user-page .referral-program .widget_summary {
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
      -ms-flex-align: center;
          align-items: center; }
      .user-page .referral-program .widget_summary .w_left {
        float: left;
        text-align: left; }
      .user-page .referral-program .widget_summary .w_center {
        float: left; }
      .user-page .referral-program .widget_summary .w_right {
        float: left;
        text-align: right; }
        .user-page .referral-program .widget_summary .w_right span {
          font-size: 20px; }
    .user-page .referral-program #tratamentos-aberto .x_content {
      height: 100px;
      overflow: auto; }
      .user-page .referral-program #tratamentos-aberto .x_content .widget_summary .w_left {
        background: #f5f5f5;
        border: 1px #ccc solid;
        font-weight: 700;
        text-align: center;
        height: 40px; }
        .user-page .referral-program #tratamentos-aberto .x_content .widget_summary .w_left:hover {
          background: #fafafa; }
      .user-page .referral-program #tratamentos-aberto .x_content .widget_summary .w_right {
        text-align: left; }
      .user-page .referral-program #tratamentos-aberto .x_content .widget_summary:first-child {
        margin-top: 4px;
        margin-top: 4px; }
      .user-page .referral-program #tratamentos-aberto .x_content .fa-usd {
        top: 2px;
        right: 2px;
        font-size: 9px;
        opacity: .7;
        top: 2px;
        right: 2px;
        font-size: 9px;
        opacity: 0.7; }
    .user-page .referral-program .btn-planos {
      font-size: 11px;
      margin: -5px; }
    @media (max-width: 767px) {
      .user-page .referral-program #resumo-paciente {
        border-bottom: 1px solid #eee;
        padding-bottom: 15px;
        margin-bottom: 15px; }
        .user-page .referral-program #resumo-paciente h3 {
          margin-top: 20px;
          text-align: center;
          font-size: 20px; }
      .user-page .referral-program #foto-paciente {
        margin: 0 auto; }
      .user-page .referral-program #tratamentos-aberto .x_content {
        height: 100px; }
      .user-page .referral-program .w_65 {
        width: 60%; } }
    @media (max-width: 991px) {
      .user-page .referral-program #resumo-paciente {
        border-right: none; }
        .user-page .referral-program #resumo-paciente h3 {
          margin-bottom: 20px; }
      .user-page .referral-program #resumo-paciente-right {
        border-bottom: 1px solid #eee;
        padding-bottom: 30px;
        margin-bottom: 10px; }
      .user-page .referral-program .title_left {
        padding-bottom: 20px;
        border-bottom: 1px solid #fafafa; } }
    @media (min-width: 991px) {
      .user-page .referral-program #help {
        display: none; } }
    @media (max-width: 991px) and (min-width: 768px) {
      .user-page .referral-program #tratamentos-aberto .x_content .widget_summary .w_left {
        width: 8%; }
      .user-page .referral-program #tratamentos-aberto .x_content .widget_summary .w_center.w_100 {
        width: 92%; } }
    @media (max-width: 767px) and (min-width: 480px) {
      .user-page .referral-program #tratamentos-aberto .x_content .widget_summary .w_left {
        width: 10%; }
      .user-page .referral-program #tratamentos-aberto .x_content .widget_summary .w_center.w_100 {
        width: 90%; }
      .user-page .referral-program #tratamentos-aberto h4.x_title {
        font-size: 16px; } }
    @media (max-width: 479px) {
      .user-page .referral-program #tratamentos-aberto .x_content .widget_summary .w_left {
        width: 15%; }
      .user-page .referral-program #tratamentos-aberto .x_content .widget_summary .w_center.w_100 {
        width: 85%; }
      .user-page .referral-program #tratamentos-aberto h4.x_title {
        font-size: 14px; } }
    @media (max-width: 1200px) and (min-width: 992px) {
      .user-page .referral-program #tratamentos-aberto .x_title {
        font-size: 13px; } }
    @media (max-width: 399px) {
      .user-page .referral-program #tratamentos-aberto h4.x_title {
        font-size: 14px; } }
    @media (max-width: 767px) and (min-width: 400px) {
      .user-page .referral-program #tratamentos-aberto h4.x_title {
        font-size: 16px; } }
    @media (max-width: 991px) {
      .user-page .referral-program .btn-planos {
        padding: 0 10px; } }
    .user-page .referral-program .slideOut, .user-page .referral-program .slideIn {
      transition: all linear 0.5s; }
  .user-page #painel-principal #crop-avatar {
    padding: 0; }
    .user-page #painel-principal #crop-avatar:before {
      padding-top: 0; }
    .user-page #painel-principal #crop-avatar.border-off {
      border: 0; }
  .user-page #painel-principal a.border-off {
    left: 0;
    width: 100%; }
  .user-page #painel-principal .mg-bt-12 {
    margin-bottom: 12px; }
  .user-page .tag-block .block_content .row.indicacao {
    background: #eaedf3; }
  .user-page img.desaturate {
    filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%) !important; }
  .user-page img.transparent {
    filter: opacity(30%) !important;
    -webkit-filter: opacity(30%) !important; }
  .user-page .totalizadorIndicacoes {
    width: 100%;
    height: 113px;
    border-radius: 3px; }
    .user-page .totalizadorIndicacoes span {
      padding: 0;
      margin: 0; }
    .user-page .totalizadorIndicacoes .icone {
      float: left;
      width: 30%;
      min-height: 100%;
      font-size: 4.5em;
      text-align: center;
      padding-top: 2.5%;
      border-radius: 3px 0 0 3px; }
    .user-page .totalizadorIndicacoes .info {
      float: left;
      width: 70%;
      padding: 2% 4%;
      font-size: 1em; }
      .user-page .totalizadorIndicacoes .info hr {
        margin-bottom: 3px !important; }
      .user-page .totalizadorIndicacoes .info .titulo {
        font-size: 1.1em; }
      .user-page .totalizadorIndicacoes .info .total {
        font-size: 2.8em; }
      .user-page .totalizadorIndicacoes .info .subtitulo {
        font-size: 1em;
        font-weight: bold; }
      .user-page .totalizadorIndicacoes .info .titulo,
      .user-page .totalizadorIndicacoes .info .total {
        font-weight: bold; }
      .user-page .totalizadorIndicacoes .info .titulo,
      .user-page .totalizadorIndicacoes .info .total {
        display: block;
        text-align: left; }
  .user-page .timeline-header {
    margin-left: 152px;
    font-size: 10px; }
  .user-page #tableTimelineIndicacoes {
    border: 0; }
    .user-page #tableTimelineIndicacoes tbody {
      border: 0; }
      .user-page #tableTimelineIndicacoes tbody tr {
        border: 0; }
    .user-page #tableTimelineIndicacoes thead td {
      text-align: center;
      padding-top: 2%;
      padding-bottom: 2%;
      font-size: 10px; }
      .user-page #tableTimelineIndicacoes thead td.th-name {
        text-align: left !important; }
      .user-page #tableTimelineIndicacoes thead td.th-icone {
        width: 5%; }
      .user-page #tableTimelineIndicacoes thead td.th-date, .user-page #tableTimelineIndicacoes thead td.th-photo, .user-page #tableTimelineIndicacoes thead td.th-status, .user-page #tableTimelineIndicacoes thead td.th-contact {
        width: 10%; }
      .user-page #tableTimelineIndicacoes thead td.th-setup {
        width: 15%; }
      .user-page #tableTimelineIndicacoes thead td.th-name, .user-page #tableTimelineIndicacoes thead td.th-access {
        width: 20%; }
      .user-page #tableTimelineIndicacoes thead td.th-date, .user-page #tableTimelineIndicacoes thead td.th-icon {
        background: #fff;
        border-bottom: 1px solid #fff !important; }
    .user-page #tableTimelineIndicacoes tbody {
      text-align: center; }
      .user-page #tableTimelineIndicacoes tbody tr {
        height: 80px; }
        .user-page #tableTimelineIndicacoes tbody tr.second td.date span, .user-page #tableTimelineIndicacoes tbody tr.second td.date:before, .user-page #tableTimelineIndicacoes tbody tr.second td.date:after {
          visibility: hidden; }
      .user-page #tableTimelineIndicacoes tbody td {
        background: #f7f8fb;
        border-bottom: 1px solid #dadfe9 !important;
        padding-top: 2%;
        padding-bottom: 2%; }
        .user-page #tableTimelineIndicacoes tbody td.date {
          background: white;
          border-bottom: 1px solid #fff !important; }
        .user-page #tableTimelineIndicacoes tbody td.icon {
          background: white;
          border-bottom: 1px solid #fff !important;
          background: url(../img/line-timeline.jpg) no-repeat;
          background-size: 100% 100%; }
        .user-page #tableTimelineIndicacoes tbody td.date .tag {
          background: #6d86a0;
          color: #fff;
          padding: 6px;
          border-radius: 3px; }
        .user-page #tableTimelineIndicacoes tbody td.name, .user-page #tableTimelineIndicacoes tbody td.setup {
          text-align: left !important; }
        .user-page #tableTimelineIndicacoes tbody td.date:before {
          content: "\f0da";
          font-family: FontAwesome;
          font-size: 50px;
          line-height: 10px;
          color: #6d86a0;
          padding-left: 7.6%;
          padding-top: 0.35%;
          position: absolute;
          z-index: 999; }
        .user-page #tableTimelineIndicacoes tbody td.date:after {
          content: "\f0d9";
          font-family: FontAwesome;
          font-size: 42px;
          line-height: 15px;
          color: #eaedf3;
          padding-left: 4.8%;
          position: absolute;
          z-index: 9999; }
        .user-page #tableTimelineIndicacoes tbody td.photo {
          border-left: 1px solid #dadfe9 !important; }
          .user-page #tableTimelineIndicacoes tbody td.photo img {
            width: 40px;
            height: 40px; }
        .user-page #tableTimelineIndicacoes tbody td.contact {
          border-right: 1px solid #dadfe9 !important; }
        .user-page #tableTimelineIndicacoes tbody td.date, .user-page #tableTimelineIndicacoes tbody td.icon, .user-page #tableTimelineIndicacoes tbody td.name, .user-page #tableTimelineIndicacoes tbody td.status, .user-page #tableTimelineIndicacoes tbody td.setup, .user-page #tableTimelineIndicacoes tbody td.access {
          padding-top: 3%; }
  .user-page .timeline .tag-block .block_content .icon-timeline.sent:before {
    font: 16px/1 FontAwesome;
    content: "\f252";
    padding-top: 6px;
    padding-left: 7px;
    color: #ccc;
    font-size: 14px; }
  .user-page .timeline .tag-block .block_content .icon-timeline.accepted:before {
    font: 16px/1 FontAwesome;
    content: "\f087";
    padding-top: 7px;
    padding-left: 7px;
    color: #1bc4a3;
    font-size: 14px; }
  .user-page .timeline .tag-block .block_content .icon-timeline.refused:before {
    font: 16px/1 FontAwesome;
    content: "\f088";
    padding-top: 6px;
    padding-left: 7px;
    color: #ed9c9c;
    font-size: 14px; }
  @media only screen and (min-width: 1367px) {
    .user-page #tableTimelineIndicacoes tbody td.date:before {
      font-size: 52px;
      line-height: 10px;
      padding-left: 7.6%;
      padding-top: 0.4%; } }
  @media (max-width: 1366px) and (min-width: 1281px) {
    .user-page .totalizadorIndicacoes .info .subtitulo {
      font-size: 0.8em; }
    .user-page #tableTimelineIndicacoes tbody td.date:before {
      font-size: 52px;
      line-height: 10px;
      padding-left: 9%;
      padding-top: 0.4%; }
    .user-page #tableTimelineIndicacoes tbody td.date:after {
      font-size: 40px;
      padding-left: 4.4%; } }
  @media only screen and (max-width: 1280px) {
    .user-page .totalizadorIndicacoes .info .subtitulo {
      font-size: 0.9em; }
    .user-page #tableTimelineIndicacoes tbody td.date:before {
      font-size: 52px;
      line-height: 10px;
      padding-left: 9.7%;
      padding-top: 0.5%; }
    .user-page #tableTimelineIndicacoes tbody td.date:after {
      font-size: 30px;
      padding-left: 4.6%; }
    .user-page #tableTimelineIndicacoes tbody td.access {
      font-size: 0.8em; } }
  @media only screen and (max-width: 1024px) {
    .user-page .btnAlterarFormaPagamento {
      font-size: 11px !important; }
    .user-page h2.OpcaoPagamentoAtual, .user-page h2.DataPagamentoAtual, .user-page h2.DataCadastroPagamento {
      font-size: 14px; }
    .user-page #pagamentoCartaoCredito label {
      font-size: 11px; }
    .user-page #pagamentoCartaoCredito span.small {
      font-size: 8px; }
    .user-page .totalizadorIndicacoes {
      height: 85px; }
      .user-page .totalizadorIndicacoes .icone {
        font-size: 3em;
        padding-top: 3%; }
      .user-page .totalizadorIndicacoes .info.titulo {
        font-size: 0.7em; }
      .user-page .totalizadorIndicacoes .info .total {
        font-size: 1.6em; }
      .user-page .totalizadorIndicacoes .info .subtitulo {
        font-size: 0.5em; }
    .user-page #tableTimelineIndicacoes thead td.th-name {
      width: 15%; }
    .user-page #tableTimelineIndicacoes thead td.th-setup {
      width: 10%; }
    .user-page #tableTimelineIndicacoes thead td.th-access {
      width: 30%; }
    .user-page #tableTimelineIndicacoes tbody td.date:before {
      font-size: 52px;
      line-height: 10px;
      padding-left: 14.6%;
      padding-top: 0.7%; }
    .user-page #tableTimelineIndicacoes tbody td.date:after {
      font-size: 30px;
      padding-left: 5.2%; }
    .user-page #tableTimelineIndicacoes tbody td.icon .fa {
      font-size: 12px !important; }
    .user-page #tableTimelineIndicacoes tbody td.photo img {
      width: 30px;
      height: 30px; }
    .user-page #tableTimelineIndicacoes tbody td.name, .user-page #tableTimelineIndicacoes tbody td.access {
      font-size: 0.6em !important; }
    .user-page #tableTimelineIndicacoes tbody td.status .fa-2x {
      font-size: 1.2em !important; } }
  @media only screen and (max-width: 768px) {
    .user-page .totalizadorIndicacoes .info .subtitulo {
      font-size: 0.9em; } }
  @media only screen and (max-width: 1366px) {
    .user-page #tableTimelineIndicacoes tbody tr {
      height: 50px; } }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(../fonts/glyphicons-halflings-regular.ttf) format("truetype");
  src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/glyphicons-halflings-regular.woff) format("woff"), url(../fonts/glyphicons-halflings-regular.ttf), format("truetype"), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg"); }

body, html {
  -webkit-font-smoothing: auto;
  min-height: 100vh !important; }

body {
  min-width: 1024px; }
  body.login-body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: left;
    background-image: none !important;
    background-color: #f1f2f2 !important; }
  body .container.body .right_col {
    min-height: 100vh; }
  body.ngdialog-open {
    height: auto !important;
    overflow: visible !important; }

.cke_editable {
  background: white; }

.clearfix {
  width: 100%;
  clear: both; }

a:focus, a:hover {
  color: #6d86a0; }

.text-secondary {
  color: rgba(0, 0, 0, 0.5); }

#logo-icon {
  margin-bottom: 8px; }

#three-bars {
  margin: 11px 0 0 0; }

@media (max-width: 990px) {
  #three-bars {
    opacity: 0; } }

/*Alinhamento das barras no menu retraido*/
body.nav-sm .navbar.nav_title .barras-menu {
  font-size: 27px;
  margin: 6px 10px 9px 0; }
  body.nav-sm .navbar.nav_title .barras-menu i {
    color: rgba(150, 150, 150, 0.3); }
  body.nav-sm .navbar.nav_title .barras-menu img.icone-self {
    margin-top: 3px;
    margin-left: 6px;
    opacity: .9; }
    body.nav-sm .navbar.nav_title .barras-menu img.icone-self:hover {
      opacity: 1; }

body.nav-sm .container.body .col-md-3.left_col {
  position: fixed;
  top: 0;
  z-index: 2; }

.top_nav .navbar-right > li.dropdown {
  right: 10px; }
  .top_nav .navbar-right > li.dropdown i {
    font-size: 1.33333em; }

.top_nav .nav_menu {
  padding-left: 20px; }

.nav.side-menu > li {
  position: relative;
  display: block; }

.x_content {
  padding: 0 0 6px; }

.site_title {
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 200;
  font-size: 18px;
  width: 100%;
  color: #ecf0f1 !important;
  margin-left: 0 !important;
  line-height: 59px;
  height: 55px;
  margin: 0;
  padding-left: 11px;
  text-transform: uppercase; }
  .site_title span {
    padding-left: 4px; }

img.icone-self {
  max-width: 32px;
  float: right;
  margin: 2px 0 0 10px; }

/*Alinhamento e tamamho das barras à direita do nome em telas grandes*/
.nav-md .navbar.nav_title .barras-menu {
  float: none;
  font-size: 24px;
  margin: 5px 16px; }

.nav-md .navbar.nav_title img.icone-self {
  display: none; }

.nav-md .navbar.nav_title .site_title {
  display: inline; }

.nav-md .left_col {
  position: fixed;
  background: #26344b; }

.left_col {
  z-index: 20 !important; }
  .left_col.fix {
    position: fixed !important; }
  .left_col.rel {
    position: relative !important; }

.app {
  background: #26344b; }

.left_col {
  background: #26344b; }

.notice, .pendingPayment {
  background: #f4f4f4;
  padding: 20px 10px 10px;
  text-align: center; }

.cropArea {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 200;
  position: relative; }
  .cropArea:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 50%; }
  .cropArea > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

img-crop {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  text-align: center; }
  img-crop canvas {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    /* mobile webkit */ }

.table-striped > tbody > tr.item-selected:nth-of-type(odd),
tr.item-selected,
.grid-list-item.item-selected figure {
  background: #e1edfb; }

.dropdown-menu-right {
  left: unset; }

.dropdown-menu-bottom {
  top: auto;
  bottom: 100%; }

a.control-trigger {
  font-size: 17px; }

.documents-wrapper .grid-list-item {
  width: 16.6%;
  max-width: 210px;
  padding: 16px 10px 10px;
  box-sizing: border-box;
  float: left;
  height: 190px;
  font-size: 12px;
  position: relative; }
  .documents-wrapper .grid-list-item img.img-responsive {
    max-width: 100px;
    margin-top: 10px;
    height: auto;
    margin-left: auto;
    margin-right: auto; }
  .documents-wrapper .grid-list-item p {
    margin: 0; }

.grid-list-item.item-selected figure {
  background: #e1edfb;
  color: #1a4671; }

.grid-list-item figure {
  height: 100%;
  padding: 0 5px;
  border-radius: 4px; }

.grid-list-item img {
  margin-bottom: 10px; }

@media screen and (min-width: 768px) and (max-width: 1280px) {
  .documents-wrapper .grid-list-item {
    width: 20% !important;
    height: 205px; } }

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  background-color: #26344b;
  border-color: #26344b; }

.pagination > li > a,
.pagination > li > span {
  color: #26344b; }

.pagination-next a, .pagination-prev a {
  font-size: 12px;
  text-transform: uppercase;
  line-height: 18px !important;
  font-weight: bold;
  color: #385e9c !important; }

.listing-toolbar {
  border-radius: 4px;
  background: #f5f5f5;
  padding: 8px;
  min-height: 54px;
  margin-bottom: 12px;
  border: 1px solid #ccc; }
  .listing-toolbar .btn-sm, .listing-toolbar .btn-group-sm > .btn {
    height: 29px !important; }
  .listing-toolbar .btn.active {
    background: #6d86a0 !important;
    color: #fff;
    box-shadow: none; }
    .listing-toolbar .btn.active span {
      color: white; }

.btn-group .btn.active {
  background: #6d86a0 !important;
  color: #fff; }

.subheader-blue {
  position: relative;
  top: 9px; }
  .subheader-blue h5 {
    padding-top: 8px;
    margin: 0; }
    .subheader-blue h5 span {
      font-size: 18px; }
  .subheader-blue hr.header-line {
    border-color: #5a738e; }

.table-th-select-mode p {
  position: relative;
  margin: 0; }

.table-th-select-mode input[type="checkbox"] {
  margin: 0; }

.table-td-select-mode td {
  vertical-align: middle; }

.table-td-icon-name {
  vertical-align: middle; }
  .table-td-icon-name p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin: 0;
    height: 100%;
    min-height: 40px; }
  .table-td-icon-name img {
    max-width: 38px;
    height: auto;
    display: inline-block; }
  .table-td-icon-name a {
    display: inline-block; }

.grid-list .grid-item-options {
  display: none;
  position: absolute;
  z-index: 5;
  right: 10px;
  left: 10px;
  top: 14px; }

.grid-list .grid-item-select-mode {
  display: block;
  position: absolute;
  z-index: 15;
  right: 0;
  left: 0;
  bottom: 0;
  padding-top: 38px;
  padding-bottom: 20px;
  top: 0; }
  .grid-list .grid-item-select-mode input[type="checkbox"] {
    width: 26px;
    height: 26px; }

.grid-list figure {
  position: relative; }
  .grid-list figure img {
    opacity: 1;
    transition: all .3s; }
  .grid-list figure:hover img {
    opacity: .3; }
  .grid-list figure:hover .grid-item-options {
    display: block; }
    .grid-list figure:hover .grid-item-options .tooltip {
      min-width: 160px !important; }
    .grid-list figure:hover .grid-item-options .btn-default {
      min-width: 38px;
      background: white;
      border-color: #ccc;
      color: #5a738e; }

.grid-list-item.item-selected figure:hover img {
  opacity: 1 !important; }

.table.table-listing .tooltip {
  min-width: 160px !important; }

.table th span .fa {
  color: #ccc; }
  .table th span .fa.active {
    color: #73879C; }

.table.table-hover tbody tr td {
  padding: 4px 8px;
  min-height: 38px;
  height: 38px; }

.table.table-hover tbody tr:hover td {
  border-bottom: none;
  border-top: 1px solid #ccc; }

.pipe-divider:after {
  content: ' ';
  display: block;
  font-size: 15px;
  height: 22px;
  margin: 7px 18px;
  border-right: 1px solid #c3c3c3;
  width: 0; }

.nav_menu .pipe-divider:after {
  margin: 7px 7px 7px 4px; }

.toolbar-select-mode-options {
  padding: 4px 0; }
  .toolbar-select-mode-options .btn.btn-default {
    margin-right: 0;
    border-color: #b5b5b5;
    background: #fff; }

.toolbar-search-filter input.form-control {
  box-shadow: none;
  border-radius: 3px;
  height: 37px;
  padding-right: 34px; }

.toolbar-search-filter .fa {
  margin-left: -30px;
  float: left;
  margin-top: 9px;
  font-size: 18px; }

.toolbar-display-filter {
  position: relative;
  z-index: 5;
  height: 37px;
  padding: 4px 0; }
  .toolbar-display-filter p {
    margin: 5px 5px 5px 0; }
  .toolbar-display-filter button {
    margin: 0; }
    .toolbar-display-filter button .fa {
      font-size: 14px;
      line-height: 18px; }

.toolbar-select-mode {
  height: 37px;
  padding: 4px 0; }
  .toolbar-select-mode p {
    margin: 5px 5px 5px 0; }
  .toolbar-select-mode .switch-bool {
    margin-top: 1px; }

.tab-header {
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  padding-bottom: 3px;
  border-bottom: 1px solid #5a738e;
  margin-bottom: 15px; }
  .tab-header .title {
    -ms-flex: 1;
        flex: 1;
    font-size: 18px;
    position: relative;
    height: 34px; }
    .tab-header .title span {
      position: absolute;
      bottom: 0; }
  .tab-header .actions {
    -ms-flex: 1;
        flex: 1;
    text-align: right;
    padding-bottom: 5px; }

.badge-yellow {
  background-color: #ffd700;
  color: #888 !important; }

body {
  color: #73879C !important; }

/* 1. MENU LATERAL */
.left_col {
  background: #26344b !important;
  /*Topo*/
  /*Conteudo menu*/ }
  .left_col .nav_title {
    background: #2A3F54 !important; }
  .left_col .main_menu_side {
    color: #E7E7E7 !important; }
    .left_col .main_menu_side ul > li > a {
      color: #E7E7E7 !important; }
      .left_col .main_menu_side ul > li > a.active > a i {
        color: #1ABB9C !important; }
      .left_col .main_menu_side ul > li > a ul > li > a {
        color: #E7E7E7 !important; }
        .left_col .main_menu_side ul > li > a ul > li > a:hover {
          background: #6d86a0 !important; }

/* 2. TOP BAR NAV */
.nav_menu {
  background: #dadfe9 !important;
  color: #515356 !important;
  /* links */
  /*dropdown menu de notificações*/ }
  .nav_menu .header-controls-left {
    /*Adicionar*/
    /*Busca*/
    /*Estou em:*/ }
    .nav_menu .header-controls-left .global-add {
      /*Dropdown adicionar*/ }
      .nav_menu .header-controls-left .global-add button {
        background: transparent !important;
        border: 1px solid #34495e !important;
        color: #34495e !important; }
      .nav_menu .header-controls-left .global-add.open .dropdown-menu {
        background: #fff !important; }
        .nav_menu .header-controls-left .global-add.open .dropdown-menu a {
          color: #5A738E !important; }
    .nav_menu .header-controls-left .global-search .form-control {
      background: none !important;
      border-top-color: #34495e !important;
      border-right: none !important;
      border-bottom-color: #34495e !important;
      border-left-color: #34495e !important; }
    .nav_menu .header-controls-left .global-search .btn-default {
      background: #5a738e !important;
      border-color: #34495e !important;
      color: #fff !important; }
    .nav_menu .header-controls-left.locale .prefix-field {
      border-color: #34495e !important; }
    .nav_menu .header-controls-left.locale .nya-bs-select .btn {
      background: transparent !important;
      border-color: #34495e !important;
      color: #34495e !important; }
  .nav_menu > ul > li > a {
    color: #515356 !important; }
  .nav_menu ul.msg_list {
    background: #fff !important;
    border-color: #D9DEE4 !important; }
    .nav_menu ul.msg_list li {
      background: #f7f7f7 !important; }
      .nav_menu ul.msg_list li a {
        color: #5A738E !important; }
      .nav_menu ul.msg_list li:hover a {
        color: #262626 !important; }

/* 3. CONTEUDO */
.right_col {
  background: #eef1f5 !important; }
  .right_col .x_panel {
    background: #fff !important;
    border-color: #E6E9ED !important; }
    .right_col .x_panel .page-title {
      color: #73879C !important;
      border-bottom-color: #d8dce2 !important; }

/* 4. RODAPÉ */
footer {
  background: #fff !important;
  color: #73879C !important; }

/* 5. BOTÃO */
.btn {
  /* BOTÃO DEFAULT */
  /* BOTÃO DEFAULT COR */
  /* BOTÃO DEFAULT OUTLINE */ }
  .btn.btn-default {
    background: #f5f5f5; }
  .btn.btn-default-color {
    background: #5A738E !important;
    color: #fff !important;
    border-color: #2e6da4 !important; }
  .btn.btn-default-color:active:hover, .btn.btn-default-color:active:focus, .btn.btn-default-color:active.focus, .btn.btn-default-color.active:hover, .btn.btn-default-color.active:focus, .btn.btn-default-color.active.focus,
  .btn.open > .btn-default-color.dropdown-toggle:hover,
  .btn.open > .btn-default-color.dropdown-toggle:focus,
  .btn.open > .btn-default-color.dropdown-toggle.focus {
    color: #fff !important;
    background: #6D86A0 !important;
    border-color: #2e6da4 !important; }
  .btn.btn-default-outline {
    background: transparent !important;
    color: #34495e !important;
    border-color: #34495e !important; }
  .btn.btn-default-outline:active:hover, .btn.btn-default-outline:active:focus, .btn.btn-default-outline:active.focus, .btn.btn-default-outline.active:hover, .btn.btn-default-outline.active:focus, .btn.btn-default-outline.active.focus,
  .btn.open > .btn-default-outline.dropdown-toggle:hover,
  .btn.open > .btn-default-outline.dropdown-toggle:focus,
  .btn.open > .btn-default-outline.dropdown-toggle.focus {
    background: #E8E9EC !important;
    color: #34495e !important;
    border-color: #34495e !important; }

/* 6. INPUTS DEFAULT */
input.form-control {
  background: #fcfcfc;
  color: #555555;
  border-color: #ccc; }

.form-group .input-group .form-control {
  background: #fcfcfc;
  color: #555555;
  border-color: #ccc; }

.form-group .input-group .btn-primary {
  background: #5A738E;
  color: #fff; }

/* 7. MENU TABS (DIREITA EM AGENDA) */
/* 8. TABS */
ul.nav-tabs li, ul.bar_tabs li {
  border-color: #ccc;
  color: #333 !important; }
  ul.nav-tabs li a, ul.bar_tabs li a {
    color: #5a738e !important;
    background: #F5F7FA !important; }
  ul.nav-tabs li.active, ul.bar_tabs li.active {
    border-left-color: #5a738e; }
    ul.nav-tabs li.active a, ul.bar_tabs li.active a {
      background: #dee7eb !important;
      color: #555555 !important; }
      ul.nav-tabs li.active a:hover, ul.bar_tabs li.active a:hover {
        background: #dee7eb !important;
        border-color: #ddd !important; }

/* 9. ACCORDION */
.accordion .section .header {
  background: #f2f5f7 !important;
  color: #5a738e !important; }
  .accordion .section .header a {
    color: #5a738e !important; }

/* 10. PANEL */
.panel {
  background-color: #fff; }
  .panel .panel-default .panel-heading {
    background: #f2f5f7;
    color: #5a738e;
    border-color: #ddd; }
  .panel.panel-open .panel-heading .accordion-toggle {
    background: #dee7eb;
    color: #6E869D; }
  .panel.blue-panel {
    background: #f9fcfe; }
  .panel.gray-panel {
    background: #fafafa; }
  .panel.warning-panel {
    border: 1px solid #999;
    color: #73879c;
    background-color: #fdf7e3; }

/* 11. PACIENTE VIEW */
.patient-page {
  /*Nome do paciente*/
  /*Icones dos dados de contato*/
  /*TAG DATA DE HOJE*/
  /*TAG DATAS*/ }
  .patient-page h3.text-green {
    color: #1abb9c !important; }
  .patient-page ul.user_data li i.text-green {
    color: #1abb9c !important; }
  .patient-page .timeline-panel .day .tag {
    background: #1ABB9C !important;
    color: #fff !important; }
  .patient-page .timeline .tag {
    background: #6d86a0 !important;
    color: #fff !important; }
  .patient-page .timeline h2.title {
    /* background botão */
    /* cor do icone */
    /* titulo do lançamento */ }
    .patient-page .timeline h2.title .btn {
      background: #f5f5f5 !important; }
    .patient-page .timeline h2.title .btn-link {
      color: #6d86a0 !important; }
    .patient-page .timeline h2.title a {
      color: #5A738E !important; }

/* 12. ADD PACIENTE/DENTISTA/CONSULTORIO */
.wizard_horizontal ul.wizard_steps li {
  color: #fff !important; }
  .wizard_horizontal ul.wizard_steps li a {
    color: #666 !important; }
    .wizard_horizontal ul.wizard_steps li a:before {
      background: #ccc; }
    .wizard_horizontal ul.wizard_steps li a.selected:before {
      background: #5a738e !important; }

.wizard_horizontal ul.wizard_steps .step_no {
  color: #fff !important; }

.alphabetical-pagination {
  list-style: none;
  margin-left: 0;
  padding: 0; }

.alphabetical-pagination .alpha-pag-item {
  margin-left: 0;
  display: inline-block;
  margin-right: 5px;
  border-radius: 4px;
  background: #eee;
  font-size: 13px;
  padding: 5px 12px;
  font-weight: bold; }
  .alphabetical-pagination .alpha-pag-item.active {
    color: #fff;
    background: #6d86a0; }
  .alphabetical-pagination .alpha-pag-item.disabled {
    opacity: .7; }

@media (max-width: 1079px) {
  .alphabetical-pagination .alpha-pag-item {
    margin-right: 3px;
    font-size: 12px;
    padding: 5px 9px; } }

@media (min-width: 1080px) and (max-width: 1250px) {
  .alphabetical-pagination .alpha-pag-item {
    font-size: 13px;
    padding: 5px 9px; } }

.loader {
  display: none; }
  .loader.active {
    display: block;
    background-color: white;
    opacity: .7;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; }
    .loader.active:before {
      content: '';
      width: 80px;
      height: 80px;
      border: 3px solid #f6f6f6;
      border-top: 4px solid #8fce00;
      border-radius: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      animation: spin 1s infinite linear; }

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

.subpanel {
  background: #f2f2f2;
  height: 110px;
  border-radius: 5px;
  border: 1px solid #ccc;
  margin-bottom: 10px; }
  .subpanel .titulo {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 600; }
  .subpanel .item {
    width: 24%;
    float: left;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    padding: 5px;
    margin: 2px;
    border-top: 2px solid #64EACF; }
    .subpanel .item .value {
      font-size: 16px;
      font-weight: bold; }
    .subpanel .item > strong {
      width: 75%;
      display: inline-block;
      border-bottom: 1px solid #f2f2f2; }
  .subpanel .chart {
    width: 90px;
    float: left;
    height: 100%;
    margin: 0; }
    .subpanel .chart .chart-wrap {
      width: 100%;
      position: relative; }
      .subpanel .chart .chart-wrap:before {
        display: block;
        content: " ";
        width: 100%;
        padding-top: 100%; }
      .subpanel .chart .chart-wrap > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
  .subpanel .legend {
    padding-left: 15px;
    width: calc(100% - 90px);
    float: right;
    font-size: 11px; }
    .subpanel .legend li {
      margin-bottom: 4px; }
      .subpanel .legend li:nth-child(1) i {
        color: #1bc4a3; }
      .subpanel .legend li:nth-child(2) i {
        color: #148B74; }
      .subpanel .legend li:nth-child(3) i {
        color: #64EACF; }

.grecaptcha-badge {
  display: none !important; }